@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:"PingFang SC","HanHei SC","Helvetica Neue","Microsoft Yahei","Helvetica","STHeitiSC-Light","Arial",sans-serif;line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
html,body{color:#777}
body{background:#fff}
ul,ol,li{list-style:none}
a{color:#777;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease; }
img{border:0}
em,i{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}
/* 通用 */
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1;}
.left { float:left;}
.right { float:right;}
.hide{ display:none;}
.transition{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.imgbig{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:block!important;}
.imgbig:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.imgbigout{display:block;overflow:hidden;}
.w100{width:100%}
.w1000{width:1000px;margin:0 auto;}
.lazy {background:url("../img/loading.gif") 50% 50% no-repeat;}
                    
 .iconfont{font-family:'iconfont'}  
.box001 {width:1200px; margin: 0 auto; color:#fff;    padding-top: 20px; } 
.box001  li  {float:left; font-size:12px;}
.box001  li a {color:#fff; margin:0 7px;font-size:12px;}
.box002 {width:1200px; margin: 0 auto; color:#fff;    padding-top: 20px; } 
.box002  li  {float:left; font-size:12px;color:#5c5c5c;}
.box002  li a {color:#5c5c5c; margin:0 7px;font-size:12px;}
/*分页框架*/
.pager {width:100%; color:#333; line-height:30px; padding:25px 0 25px 0; font-size:12px; text-align:center;}
.pager a,.pager span { border:#cccccc 1px solid; padding:0px 8px; color:#666; text-decoration:none;  font-size:12px; height:26px;line-height:26px;display:inline-block;margin:0 3px;}
.pager a:hover { border:#0099E0 1px solid; color:#fff; background-color:#0099E0; }
.pager a:active { color:#fff; border:#0099E0 1px solid; background-color:#0099E0; }
.pager span.now  { color:#fff; border:#0099E0 1px solid; background-color:#0099E0; }
.pager span.disabled { color:#ccc;  border:#ccc 1px solid }  

/*首页*/
/* 首页公共样式 */

/* 头部 */
#header{background-color:#024774;position:fixed;top:0px;z-index:999;width:100%;background-color:#024774;padding:0px;}
.head{height:110px;position:relative;background-color:#024774}
.head-search{position:absolute;right:0px;top:25px}
#search_left{height:29px;width:13px;background:url('../img/search-1.png') no-repeat 0 0;}
#search_input {height:29px;width:161px;margin-top:-1px;}
#search_input .search_input{border:none;width:161px;height:29px;line-height:29px;overflow:hidden;background:url('../img/search-2.png') no-repeat 0 0px;color:#8b8b8b;font-size:12px;outline:medium;}

#search_botton{height:29px;}
.head-icon{height:29px;width:60px;margin-left:5px}
.head-icon a{width:27px;height:27px;border-radius:50%;display:block;line-height:26px;text-align:center;font-size:12px;float:left;margin-left:3px;position:relative;background:#ebeded;}
.head-icon a.weixinshow{background:url(../img/wx.png) no-repeat 3px 6px #ebeded;}
.head-icon a img{position:absolute;top:29px;left:-45px;z-index:999;display:none}
.head-icon a:hover img{display:block;}
.head-icon a i{font-size:18px;line-height:30px;margin-left:2px;}

.logo{width:181px;height:82px;position:absolute;left:50%;margin-left:-90px;top:19px;z-index:2}
.nav{position:absolute;bottom:30px;height:30px;z-index:1}
.nav ul li{width:140px;float:left}

#nav-li1:hover .li-a,#nav-li2:hover .li-a,#nav-li3:hover .li-a{background:url(../img/arrow.png) no-repeat 20px bottom;color:#00a0e9}
#nav-li4:hover .li-a,#nav-li5:hover .li-a,#nav-li6:hover .li-a{background:url(../img/arrow.png) no-repeat 104px bottom;color:#00a0e9}
#dd1:hover{background:url(../img/1.png) no-repeat 45px center;}
#dd2:hover{background:url(../img/2.png) no-repeat 45px center;}
#dd3:hover{background:url(../img/3.png) no-repeat 45px center;}
#dd4:hover{background:url(../img/4.png) no-repeat 45px center;}
#dd5:hover{background:url(../img/5.png) no-repeat 45px center;}
#dd6:hover{background:url(../img/6.png) no-repeat 45px center;}

#dd1:hover a{color:#00a0e9}
#dd2:hover a{color:#00a0e9}
#dd3:hover a{color:#00a0e9}
#dd4:hover a{color:#00a0e9}
#dd5:hover a{color:#00a0e9}
#dd6:hover a{color:#00a0e9}
#nav-li1 a,#nav-li2 a,#nav-li3 a{text-align:left;}
#nav-li4 a,#nav-li5 a,#nav-li6 a{text-align:right;}
.nav ul li a{display:block;height:60px;line-height:60px;}
.left #nav-li1 .li-a, .left #nav-li2 .li-a, .left #nav-li3 .li-a, .right #nav-li4 .li-a, .right #nav-li5 .li-a, .right #nav-li6 .li-a{color:#fff;}
.navdrop .right dl a{color:#333;}
.navdrop{width:700px;height:439px;border:1px solid #fff;border-top:1px solid #e6e6e6;display:none}
.navdrop .left{width:478px;height:439px;color:#fff;}
.navdrop-inner{width:400px;height:335px;padding:52px 39px;background-color:rgba(0,0,0,0.5);position:relative;}
.navdrop-inner .type-name{font-size:18px;margin-bottom:25px;font-weight:bold}
.navdrop-inner span{display:block;height:1px;width:18px;background-color:#fff;margin-bottom:40px}
.navdrop-inner .type-summary{font-size:13px}
.navdrop-inner a{display:block;border:1px solid #fff;color:#fff;line-height:40px!important;height:40px!important;width:185px!important;text-align:center!important;position:absolute;bottom:52px;left:39px}
.navdrop-inner a:hover{background-color:#fff;color:#777}
.navdrop .right{width:222px;height:439px;background-color:#fff}
.navdrop .right dl{margin-top:40px}
.navdrop .right dl dd{padding-left:90px}
.navdrop .right dl dd a{height:48px!important;line-height:48px!important;text-align:left!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-position:20px center;}
/* .navdrop .right dl dd a:hover{background:url(../img/nav-icon.png) no-repeat 60px center;padding-left:25px;color:#00a0e9 } */
#nav-li4 .navdrop{position:absolute;left:20px;}
#nav-li5 .navdrop{position:absolute;left:160px;}
#nav-li6 .navdrop{position:absolute;left:300px;}

.top_hui{width:100%; height:100%; position:fixed; top:0; left:0px; z-index:300; background:rgba(0,0,0,0.5);display:none;}

/*首页banner*/
.h-banner{width:100%; height:800px; min-width:960px; margin:0 auto; position:relative;background-color:#eee;overflow:hidden;}
.h-banner .bd  {margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.h-banner .bd ul {width:100% !important;}
.h-banner .bd li {width:100% !important; height:800px;  text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;}
/* .h-banner .bd li  a{display:block;width:960px;margin:0 auto;height:400px} */
.h-banner .hd{z-index:1;width:100%;  overflow:hidden; position:absolute; left:0;bottom:100px; }
.h-banner .hd ul{ text-align:center;border:1px solid #fff;padding:1px;width:157px;margin:0 auto;height:9px}
.h-banner .hd ul li {width:25%;height:100%;float:left;text-indent:9999px;cursor:pointer;}
.h-banner .hd ul li.on{ background:#fff; }
.banner-erweima{position:absolute;right:50%;bottom:130px;margin-right:-500px}
.banner-text{position:absolute;left:50%;top:26%;z-index:99;height:250px;width:1000px;margin-left:-500px;text-align:left;}
.banner-text h3{color:#fff;font-size:26px}
.banner-text h4{color:#fff;font-size:50px;line-height:60px;}
.banner-text a{width:198px;height:48px;line-height:48px;display:block;text-align:center;color:#fff;border:1px solid #fff;margin-top:60px;}
.banner-text a:hover{color:#00a0e9;background-color:#fff}
.banner-hover{height:120px;background:url(../img/black.png) repeat;width:100%;position:absolute;bottom:0px;left:0px;overflow:hidden;}
.banner-hover ul li{width:25%;text-align:center;color:#fff;float:left;height:120px;overflow:hidden;cursor:pointer;}
.banner-hover ul li i{width:70px;height:50px;background:url(../img/banner-hover.png) no-repeat;display:block;margin:25px auto 8px;}
#banner-icon2{background-position:-70px 0}
#banner-icon3{background-position:-140px 0}
#banner-icon4{background-position:-210px 0}
.banner-hover ul li span{font-size:16px;display:block;margin-bottom:5px}
.banner-hover ul li p{font-size:12px;}



.k1400{max-width:1900px;margin:0 auto;padding:0 10px;height:568px;overflow:hidden;}
img{max-width:100%;}

.addTextTitle{font-size:30px;color:#333;}
.addTextMain{font-size:18px;color:#666;line-height:200%;padding:20px 0 0 0;}
.addText{text-align:center;padding:90px 5% 0 5%;}
.boxHeader{position:relative;text-align:center;}
.boxLine{position:absolute;left:0;right:0;height:1px;background:#ccc;top:48px;}
.boxTitleCn{font-size:30px;color:#000;position:relative;top:-13px;}
.boxTitleEn{font-size:14px;}
.boxHeader:after{display:block;content:'';height:3px;width:50px;background:#024774;left:50%;top:47px;margin-left:-25px;position:absolute;}
.boxs{padding:90px 0 0 0;}
.homeList1 li{width:25%;float:left;}
.homeList1 ul{margin:40px 0 0 -5px;}
.homeListPad{position:relative;margin-left:5px;}
.homeListRowPad, .homeListPads{height:100%;width:50%;float:left;}
.homeListRowPad a, .homeListPads a{display:block;height:100%;background:#024774;border-left:5px solid #fff;border-bottom:5px solid #fff;}
.homeListText{position:absolute;left:0;right:0;bottom:0;color:#fff;font-size:24px;padding:10px 20px;background:rgba(0,0,0,0.5);-webkit-transition:0.2s ease-in 0s;   -o-transition:0.2s ease-in 0s;	  transition:0.2s ease-in 0s;}
.homeListText span{display:block;font-size:14px;}
.homeListPad .homeList1Links{height:260px;display:block;padding-top:268px;width:308px;}
.homeListPad .homeList1Linkss{height:260px;display:block;width:308px;position:relative;}
.homeList1Link:hover .homeListText, .homeList1Links:hover .homeListText{background:#024774;color:#fff;text-decoration:none;}
.homeListRowText{padding:20px;font-size:24px;color:#fff;position:absolute;left:0;top:0;right:0;}
.homeListRowText span{font-size:14px;color:#fff;display:block;}
.homeListRowPad a, .homeListRowPads a{position:relative;display:block;}
.homeListRowPad a:hover img, .homeListRowPads a:hover img{opacity:1;}
.homeListRowPad a img, .homeListRowPads a img{-webkit-transition:0.2s ease-in 0s;   -o-transition:0.2s ease-in 0s;	  transition:0.2s ease-in 0s;opacity:0;}
.homeListRowPad a:hover .homeListRowText, .homeListRowPad a:hover .homeListRowText span, .homeListRowPads a:hover .homeListRowText, .homeListRowPads a:hover .homeListRowText span{text-decoration:none;color:#fff;}

.Mabout{width:100%;overflow:hidden;margin:0px auto;background:url(../img/about.jpg) no-repeat center;height:530px;}
.pd{width:1200px;overflow:hidden;margin:0px auto;}
.pd .type{font-size:30px;color:#fff;text-align:center;margin-top:60px;}
.type-en{font-size:16px;color:#fff;text-align:center;font-family:arial;}
.type-en span{margin:0 10px;}
.warp1-content .left{float:left;}
.warp1-content .right{width:55%;height:224px;float:right;}
.warp1-content #p1{font-size:18px;color:#fff;margin-bottom:18px;}
.warp1-content #p2{color:#fff;line-height:26px;text-align:justify;}
.warp1-content .more{display:block;width:85px;height:24px;border:1px solid #fff;text-align:center;font-size:12px;line-height:24px;margin-top:14px;color:#fff;}
.warp1-content .more span{font-family:'simsun';}
.warp1-content .more{text-align:center;font-size:12px;line-height:24px;}
.warp1-content .more:hover{background:#fff;color:#024774;}
.warp1-content{width:100%;overflow:hidden;position:relative;margin-top:60px;}

.conter2{margin:0px auto;width:1200px;overflow:hidden;}
.fy2{ margin-top:50px; display:none;}
.content{width:100%;margin:0 auto;}
@media screen and (max-width:1440px){
	.content{  width:auto !important;   margin:0 auto;
  }	}
@media screen and (max-width:1024px){
	.content{
		width:97%;	margin:0 auto;}
	}
@media screen and (max-width:980px){
	.content{
		width:95%;	margin:0 auto;}}
@media screen and (max-width:720px){
	.content{
		width:94%;	margin:0 auto;}}
@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio :1.0) and (orientation:landscape){
	.content .rec_con ul li{
		width:240px;	height:180px;	margin-top:10px;}
	.content .rec_con ul li img{
		width:240px;	height:180px;}}
@media screen and (max-width:480px){
	.content{
		width:100%;}
}
@media screen and (max-width:380px){
	.content{
		width:240px;}}
.waterfull{
	margin:0 auto;}
.waterfull ul li{float:left;width:364px;margin-top:20px;margin-right:20px;position:relative;overflow:hidden;height:320px;}
.waterfull ul li .a-img{width:364px;display:block;position:relative;height:240px;}
.waterfull ul li .a-img img{width:364px;margin:0 auto;display:block;height:240px;}
.waterfull ul li .a-img font{ position:absolute; left:50%; margin-left:-45%; top:5%;  display:block; width:90%; height:90%;}
.waterfull ul li .a-img font span{ position:absolute; display:block;} 
.waterfull ul li .a-img font .it-top{left:0;top:0;width:0%;border-top:1px solid #fff;-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;	}
.waterfull ul li .a-img font .it-bom{right:0;bottom:0;width:0%;border-bottom:1px solid #fff;-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;}
.waterfull ul li .a-img font .it-lft{left:0;bottom:0;height:0%;border-left:1px solid #fff;-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;}
.waterfull ul li .a-img font .it-rit{right:0;top:0;height:0%;border-right:1px solid #fff;-webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;-o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;}
.waterfull ul li:hover .a-img font .it-top{width:100%;}
.waterfull ul li:hover .a-img font .it-bom{width:100%;}
.waterfull ul li:hover .a-img font .it-lft{height:100%;}
.waterfull ul li:hover .a-img font .it-rit{height:100%;}
.waterfull ul li .water-tit{ width:100%; height:80px;}
.waterfull ul li .water-tit a{ display:block; width:100%; height:80px; text-align:center; line-height:80px;  font-size:15px; background-color:#fff;}
.waterfull ul li:hover .water-tit a{ background-color:#024774; color:#FFF;}

/* warp3 */
.w1200{width:1200px;overflow:hidden;margin:0px auto;}
.warp3{height:614px;background:url(../img/news.jpg) no-repeat center center;padding:80px 0 }
.news-slide{position:relative;}
.news-slide .bd{width:855px;margin:0 auto;}
.news-slide li{width:269px;margin-right:24px}
.news-slide li .news-title{margin-top:15px}
.news-slide li .news-title span{font-family:arial;font-size:24px;color:#fff}
.news-slide li .news-title p{margin-bottom:24px}
.news-slide li .news-title p a{color:#fff}
.news-slide li .news-title .more{color:#fff;text-decoration:underline;font-family:'arial';}
.news-slide li .news-title .more:hover{color:#00beff}
.news-slide .btn{font-size:72px;color:#6f6f6f;font-family:'simsun';position:absolute;top:40%;}
.news-slide .btn:hover{color:#fff}
.news-slide .prev{left:0px;}
.news-slide .next{right:0px;}
.warp3 .index-type{margin-bottom:60px}
.warp3 .index-type .type{font-size:30px;color:#fff;text-align:center;}
.warp3 .index-type .type-en{font-size:16px;color:#fff;text-align:center;font-family:arial}
.warp3 .index-type .type-en span{margin:0 10px;}
.warp3 .readmore, .warp4 .readmore{display:block;width:114px;height:33px;border:1px solid #fff;text-align:center;line-height:33px;color:#fff;margin:50px auto 0}
.warp3 .readmore:hover, .warp4 .readmore:hover{background:#00beff;border-color:#00beff;}
.imgbigout{display:block;overflow:hidden;width:269px;height:270px;text-align:center;}
.imgbigout img{height:270px;}

.foot{width:1200px;overflow:hidden;margin:0px auto;height:50px;line-height:50px;text-align:center;}

.localNav_area{width:100%;z-index:22;color:#4c4c4c;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;background-color:#f3f3f3;overflow:hidden;}
.localNav{height:48px;}
.w1000{width:1000px;margin:0 auto;}
.localNav > p{height:26px;padding:0 25px;border-right:1px solid #d9d9d9;margin-top:12px;}
.localNav > p, .localNav > p > span, .menuLink{float:left;}
.content-main{padding-top:68px;margin-bottom:68px;overflow:hidden;width:1000px;margin:0px auto 68px auto;}
.main-title{height:132px;margin-bottom:50px;}
.main-title p{font-size:40px;color:#777777;padding-top:35px;}

.foods{width:100%;overflow:hidden;margin:0px auto;height:50px;line-height:50px;text-align:center;background:#5c5c5c;color:#fff;}
.foods a{color:#fff;}
.foods .bbs{width:1200px;margin:0px auto;overflow:hidden;text-align:center;}
.banner-text h4.bule, .banner-text h3.bule{color:#153a57;}

.news-list{padding:0px 0px  80px 0px}
.news-list .news-type{border-bottom: 1px solid #f0f0f0;width: 1200px;margin: 0 auto;text-align: center;height: 74px}
.news-list .news-type li{display: inline-block;width: 116px;height: 74px;margin: 7px 50px 0;}
.news-list .news-type li:hover,.news-list .news-type .hover{background: url(../img/news-bg.png) no-repeat center bottom;}
.news-list .news-type li a{display: block;border:1px solid #898989;width: 114px;height: 33px;text-align: center;line-height: 33px;}
.news-list .news-type li a:hover,.news-list .news-type .hover a{background-color: #1eb9ee;border-color:#1eb9ee;color: #fff}
.news-li{margin-top: 70px}
.news-li li{height: 103px;padding: 51px 0px;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
.news-li li:hover{background-color: #1eb9ee;color: #fff}
.news-li li:hover p a{color: #fff}
.news-li li:hover .readmore{background-position:0 0;}
.news-li-img{margin-right: 29px;margin-top: -33px;margin-left:30px;}
.news-li-time{margin-right: 60px}
.news-li-time span{display: block;width: 110px;font-family: arial}
.news-li-time .yue{font-size: 30px;margin-top: 30px}
.news-li-time .nian{font-size: 14px}
.news-li-content{width: 440px}
.news-li-content a{display: block}
.news-li-content .title a{color: #38383a;padding-bottom: 14px}
.news-li li .readmore{display: block;width: 41px;height: 41px;background: url(../img/news-arrow.png) no-repeat 0 -41px;margin-top:20px;margin-right:30px;}
.summary{height:50px;overflow:hidden;}


.cybk{width: 105%;}
.cybk .item{ width:240px; float:left;  margin-right: 13px;position: relative;overflow: hidden;height: 272px;margin-bottom: 13px}
.cybkbg{width: 240px!important;height:272px;position: absolute;left: 0px;top: 0px }
.spanshow{height: 50px;line-height: 50px;background: url(../img/blacks.png);display: block;color: #fff;font-size: 18px;padding-left: 15px;position: absolute;bottom: 0;width: 100%}
.cybk .item .area{padding:10% 10%; font-size:0; line-height:0;background: url(../img/blacks.png);opacity: 0;transition:all .3s;display: block;z-index: 2;position: absolute;top: 0px;left: 0px}
.cybk .item .title{ font-size:22px; line-height:26px; color:#fff; font-weight:bold; padding-bottom:6%;}
.cybk .item .dsp{ font-size:14px; line-height:24px; height:125px; color:#fff; padding-bottom:25%;width:193px;}
.cybk .item img{ display:inline-block; width:26px;}
.cybk .item.active .area,.cybk .item:hover .area{opacity: 1}
.cybk .item.active .spanshow,.cybk .item:hover .spanshow{opacity: 0;}
.casecatlist{overflow:hidden;margin:20px auto;}
.casecatlist li{float:left;}
.casecatlist li a{width:110px;border:1px solid #333;text-align:center;line-height:35px;margin-right:20px;display:block;}
.cnt.detail h2{text-align:center;}

.zsstyle li {width:240px; height:290px; float:left; margin-right:10px;  display:block;}
.zsstyle img {width:240px;border:1px solid #e1e1e1;}
.zsstyle span {text-align:center;display:block; padding-top:10px;width:100%;}