body{margin: 0; padding: 0; font-size: 12px; font-family:"微软雅黑"; line-height: 22px; color: #000; background:#fff;}
:before{font-family: "FontAwesome";}
ul,ul li{list-style: none; margin: 0; padding: 0;}
p{margin: 0; padding: 0;}
img{vertical-align: middle;}
a:link,a:visited{color: #000; text-decoration: none; transition: all .4s ease; font-size:12px;}
a:hover{color: #009cff;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.wrap{width:1194px; margin:0 auto; }


.header{}
.header .logo{width:197px; height:38px; margin:26px 0 18px 0; background:url(../images/index_03.jpg) left center no-repeat;}
.header .logo a{display:block; height:38px;}
.header .hright{padding:35px 0 0 0;}
.header .lang{ line-height:27px; margin-right:30px;}
.header .lang a{color:#000;}
.header .lang a:hover{color:#228dcc;}
.header .search{width:160px; height:20px; padding:2px 5px; border:1px solid #c9c9c9; border-radius:6px;}
.header .search .txt{width:120px;  border:none; background:none; float:left;}
.header .search .txt:focus{outline:none;}
.header .search .btn{font-size:14px; color:#00408e; border:none; background:none; float:right;}

.menu{ height:40px; width:100%; background:#00408e; position:relative;}
.menu ul{}
.menu ul li{float:left; height:40px;}
.menu ul li a{ width:132px; text-align:center; line-height:40px; display:block; font-size:14px; color:#fff;}
.menu ul li a:hover,.menu ul li a.active{color:#fff; background:#22cc94;}
.menu .sildemenu{ position:absolute; top:40px; left:0; display:none; right:0; background:#fff;  z-index:999;}
.menu .sildemenu ul li{height:240px; width:131px; padding:0px 0 20px 0; border-right:1px solid #e2e2e3;}
.menu .sildemenu ul li.hover{background:#f9f8fa;}
.menu .sildemenu ul li a{color:#000; line-height:40px; font-size:12px;}
.menu .sildemenu ul li a:hover{background:#22cc94; color:#fff;}

.banner{ width: 100%; height: 646px;}


.banner  { position: relative; overflow: auto;  }
.banner  li { list-style: none; }
.banner  ul li { float: left; position:relative; text-align:center; }

.banner  ul li img {
    display: block;
    width: 100%;
	height:646px;
}
.banner ol.dots { position:absolute; bottom:10px; padding:0; left:0; text-align:center; width:100%;}
.banner ol.dots li{display: inline-block; text-indent:50px; overflow:hidden;
	width: 6px;
	height: 6px;
	margin: 5px 4px;
	background: #FFFFFF; opacity: 1; border-radius:6px; transition: all .6s ease-in-out;}
.banner ol.dots li.active{background: #22CC94; width:30px;}

.imain{padding:29px 0 38px 0;}

.lb-box{width:100%; height:100%; position:fixed; z-index:9990; top:0; left:0;}
.lb-box .lb-bg{width:100%; height:100%; position:fixed; z-index:9991; top:0; left:0; background:rgba(0,0,0,.8); }
.lb-box a.lb-close{ width:40px; height:40px; display:block; position:fixed; right:20px; top:20px; z-index:9992; background:url(../images/close.png) no-repeat center;}
.lb-box .lb-content { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; z-index:9992; display:table-cell; vertical-align:middle; text-align:center; }
.lb-box .lb-content img { box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.lb-box .lb-content .loading { width: 64px; height: 64px; margin: -32px 0 0 -32px; position: absolute; top: 48%; left: 50%; background:url(../images/loading.gif) no-repeat center; }

.box1{margin-bottom:38px;}
.ad1{width:328px; height:152px; margin-right:27px;}
.ad1 img{width:328px; height:152px;}

.ad2{width:322px; height:136px; padding:8px 9px; border:1px solid #ebeaea; position:relative;}
.ad2 img{width:322px; height:136px;}
.ad2 .tit{position:absolute; top:20px; left:30px; font-size:24px; line-height:32px; color:#fff;}
.ad2 .desc{position:absolute; top:52px; left:30px; font-size:12px; line-height:22px; color:#fff;}

.inews{width:472px; border:1px solid #ebeaea; border-radius:2px;}
.inews .tit{width:140px; height:150px; background:url(../images/inews.png) center no-repeat #22cc94; margin-right:20px;}
.inews .con{padding-right:20px; height:130px; position:relative; width:292px; margin:10px 0; overflow:hidden;}
.inews .con ul{position:relative; margin-top:0;}
.inews .con ul li{ background:url(../images/index_25.jpg) bottom repeat-x; height:46px; color:#22cc94; line-height:22px; padding:10px 0 5px 0;}
.inews .con ul li a{display:block; line-height:24px; font-size:13px;}

.ipro ul li{position: relative; float: left; width: 236px; overflow: hidden; transition:width 0.4s ease;}
.ipro ul li .desc{position: relative; z-index: 10; float: left; width: 200px; height: 287px; padding: 25px 0 0 36px; background: #999; color: #fff;  transition:width 0.4s ease;}
.ipro ul li .desc span{    display: block;  margin-bottom: 10px; font-size: 18px;}
.ipro ul li .desc p{width: 170px; line-height: 25px; height:75px;  transition:width 0.4s ease;}
.ipro ul li .desc a{display: block; width: 110px; line-height: 28px;  margin-top: 28px;  opacity: 0; font-size: 14px; color: #fff;  text-align: center; filter: alpha(opacity=0); border:1px solid #95c8e7; border-radius:6px;  transition:opacity 0.4s ease;}
.ipro  ul li .desc i{display: block; width: 24px;  height: 24px; margin-top: 80px; margin-left:150px; background:url(../images/inc.png) no-repeat; cursor: pointer; transition:all 0.4s ease;}
.ipro  ul li.active{width: 722px;}
.ipro  ul li.active .desc{background:url(../images/index_13.jpg) right top no-repeat #228dcc; width: 288px;}
.ipro  ul li.active .desc a{opacity:1;}
.ipro  ul li.active .desc p{color:#cce5f3; width: 240px;}
.ipro  ul li.active .desc i{margin-left:230px;}
.ipro ul li.visible-1 .desc {background: #ccc;}
.ipro ul li img{position: absolute;right: 0;bottom: 0;height: 312px;}


.footertree{padding:48px 0 76px 0; background:#f9f8fa;}
.footertree ul li{padding:0 40px 0 58px ; position:relative; float:left;}
.footertree ul li a{color:#000000; font-size:12px; display:block; line-height:32px;}
.footertree ul li a.tit{font-weight:bold; font-size:14px; color:#000000; line-height:32px;}
.footertree ul li a:hover{ color:#009cff}
.footertree ul li .line{height:158px; border-right:1px solid #e2e2e3; position:absolute; top:0; right:0; width:1px;}
.footer{line-height:39px; background:#828282; color: #fff;}

.infobanner{height:284px; width:100%;}

.ml{width:255px;}
.mr{width:910px;}

.side{ position:relative; z-index:99; margin-top:-96px;}
.side .tit{ padding:30px 0 14px 61px; background:#009cff; color:#fff; border-radius:8px 8px 0 0;}
.side .tit .cn{font-size:26px; line-height:30px;}
.side .tit .en{font-size:13px; line-height:22px; font-family:arial;}
.side .con{}
.side .con li{padding:8px 0 5px 0; border-bottom:1px solid #d1d1d1;}
.side .con li a{display:block; height:32px; line-height:32px; border-left:6px solid #d4d4d4; color:#000; font-size:17px; padding-left:57px;}
.side .con li a:hover,.side .con li a.active{color:#009cff; border-color:#009cff;}
.side .con li.child{margin-left:20px;}
.side .con li.child a{font-size:16px;}
.side .con li.schild{margin-left:40px;}
.side .con li.schild a{font-size:16px;}
.side .con li.tchild{margin-left:60px;}
.side .con li.tchild a{font-size:16px;}
.side .proside li a{padding-left:15px;}
.info{}
.info .tit{color:#22cc94; font-size:18px; font-weight:500; height:32px; line-height:32px; padding:14px 0 0 0; text-align:center;}
.info .con{color:#000; line-height:32px; font-size:13px; min-height:600px; padding-bottom:60px; padding-top:20px;}
.info .con .title{color:#009cff;}

.newspiclist{}
.newspiclist li{padding:0 0 20px 0; margin-bottom:20px; background:url(../images/index_25.jpg) bottom repeat-x;}
.newspiclist li .pic{width:335px; height:171px; float:left; margin-right:20px;}
.newspiclist li .pic img{max-width:100%;}
.newspiclist li p{color:#000; line-height:32px;}
.newspiclist li a.more{font-size:14px; color:#fff; padding:4px 30px; background:#009cff; border-radius:5px;}


.newspic{ margin-bottom:20px; padding-bottom:20px; background:url(../images/index_25.jpg) bottom repeat-x;}
.newspic .pic{width:368px; height:188px; margin-right:20px; float:left;}
.newspic .newstit{ margin-bottom:10px;}
.newspic .newstit a{font-size:18px; font-weight:bold; line-height:20px; margin-right:40px;}
.newspic .newstit span{color:#22cc94; font-weight:bold; line-height:18px; margin-top:2px;}
.newspic p{line-height:26px; margin-bottom:10px;}
.newspic p a{padding:4px 0;  border-radius:6px; color:#009cff;}

.newslist{}
.newslist li{padding:10px 0; background:url(../images/index_25.jpg) bottom repeat-x;}
.newslist li span{color:#000; line-height:26px;  font-size:16px;}
.newslist li a{padding-left:12px; background:url(../images/news_07.jpg) 0 10px no-repeat; line-height:26px; font-size:14px; display:block; color:#000;}
.newslist li a:hover{ color:#009cff;}

.mcpro{width:1110px; margin:0 auto; padding-bottom:100px;}
.mcpro .tit{font-size:32px; line-height:50px; text-align:center; padding:46px 0 ; color:#22cc94; font-weight:bold;}
.mcpro .con .procate{ width:308px; margin:0 25px; height:364px; float:left; }
.mcpro .con .procate .cat{width:308px; height:244px; background:#009cff; text-align:center;}
.mcpro .con .procate .cat .btit{font-size:32px; line-height:42px; color:#fff; padding-top:36px; margin-bottom:10px;}
.mcpro .con .procate .cat .stit{font-size:16px; line-height:26px; color:#fff; margin-bottom:30px;}
.mcpro .con .procate .cat p{text-align:center; padding:10px 20px; color:#fff;}
.mcpro .con .procate .more{ height:70px; background:#848484; text-align:center; padding-top:50px}
.mcpro .con .procate .more.hover{background:#009cff;}
.mcpro .con .procate .more a{padding:4px 20px; border:1px solid #fff; border-radius:4px; color:#fff; margin-top:10px;}


.mcpro .con .propic  { position: relative;  }
.mcpro .con .propic   li { list-style: none; }
.mcpro .con .propic  ul li { float: left; position:relative; text-align:center; }

.mcpro .con .propic  ul li img {
    display: block;
    width: 100%;
	height:305px;
}
.mcpro .con .propic ol.dots { position:absolute; bottom:20px; padding:0; left:0; text-align:center; width:100%;}
.mcpro .con .propic ol.dots li{display: inline-block; text-indent:50px; overflow:hidden;
	width: 6px;
	height: 6px;
	margin: 5px 4px;
	border:1px solid #ddd; opacity: 1; border-radius:6px; transition: all .6s ease-in-out;}
.mcpro .con .propic ol.dots li.active{background: #009cff; width:30px; border:1px solid #009cff;}

.locpath { line-height:32px; color:#000; padding:14px 0 0 0; background:url(../images/index_25.jpg) bottom repeat-x;}
.locpath a{color:#000;}
.locpath a:nth-last-child(1){color:#009cff;}


.prolist{ }
.prolist li{float:left; margin: 0px 25px 20px 0;}
.prolist li:nth-child(3n){margin-right:0;}
.prolist li a{display:block;}
.prolist li div.pic{border:1px solid #e0e0e0; border-bottom:none; width:283px; height:197px;}
.prolist li div.pic img{max-width:100%;}
.prolist li div.title{background:#ededed; line-height:64px; text-align:center; color:#000; font-size:16px;}
.prolist li a:hover div.title{background:#009cff; color:#fff;}


.pdpic{width:542px; height:368px; padding:0 6px 0 0; border-right:1px solid #e4e4e4;}
.pdpic img{width:542px; height:368px;}
.pdtit{ font-size:16px; color:#000; padding-left:26px;}
.pdtab{ padding:20px 0 ;}
.pdtabtit{ background:#ddd; height:34px; color:#000;}
.pdtabtit a{color:#000; font-size:18px;  padding:0 80px; display:block; line-height:34px; float:left;}
.pdtabtit a:hover,.pdtabtit a.active{color:#fff; background:#009cff;}
.pdtabcon{padding:20px 0; color:#000; line-height:32px;}

.piclist{}
.piclist li{float:left; margin: 0px 25px 20px 0;}
.piclist li img{width:285px; height:210px;}
.piclist li:nth-child(3n){margin-right:0;}
.piclist li a{display:block; text-align:center; line-height:30px; color:#000;  font-size:16px;}
.piclist li div.pic{}
.piclist li a:hover{color:#009cff;}

.artitle{color: #000; line-height: 32px; text-align: center; font-size: 16px; padding: 0px 0px 6px 0px;}
.artinfo{color: #000; text-align: center; font-size: 12px; padding: 0px;}
.artcon{ color: #000; line-height: 32px; overflow:hidden;}

.pagelist{padding: 20px ; text-align: center;}
.pagelist .pageof{display:none;}
.pagelist a{color: #000; width:30px; height:30px; display: inline-block; border: solid 1px #ddd; border-radius: 4px;  transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; margin:0 2px;}
.pagelist a:hover{background: #f5f5f5; color:#009cff; transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pagelist a.current{background:#009cff; color:#fff;}