/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0;font-family: "microsoft yahei", Arial, tahoma, arial, simsun;}
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; min-width:320px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
h4{
    display: block;
    font-weight: bold;
}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; transition:all .3s;}
a:hover { color:#007bc7;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{clear: both;}

body{padding-top: 80px;}

.sec{padding: 40px 0px;}
.commonWrap{width: 1200px; margin: 0px auto;}

.head{background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); position: fixed; width: 100%; left: 0; top: 0; z-index: 100;}

.logo{float: left; padding: 12px 0px;}
.logo img{display: block; height: 56px;}

.moblie_head{ display: none;}

.a_txt{ display: none;}
.in_banner{}

.topRight{float: right; border-right: 1px solid #eee;}

.topRight .lang{float: left; padding: 30px 15px; border-left: 1px solid #eee;}
.topRight .lang .langLink{display: block; line-height: 20px; height: 20px;}
.topRight .lang .langLink i{display: inline-block; margin-right: 5px; width: 30px; height: 20px; vertical-align: bottom;}
.topRight .lang .langLink i.flagCn{background: url(../images/flagCn.jpg) center center no-repeat; background-size: cover;}
.topRight .lang .langLink i.flagEn{background: url(../images/flagEn.jpg) center center no-repeat; background-size: cover;}

.topRight .topLang{display: none; float: left; padding: 25px 10px; position: relative;}
.topRight .topLang .LangIco{display: block; line-height: 20px; height: 20px;}
.topRight .topLang .LangIco .fa{margin-right: 5px; font-size: 16px; line-height: 20px; color:#007bc7;}
.topRight .topLang .langBox{display: block; width: 100px; visibility: hidden; opacity: 0; position: absolute; left: 50%; top: 55px; margin-left: -50px; transition: all .3s; background-color: #fff; box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8);}
.topRight .topLang.on .langBox{visibility: visible; top: 70px; opacity: 1;}
.topRight .topLang .langBox a{display: block; padding: 15px; line-height: 20px; background-color: #fff; border-bottom: #dbe6f0 1px solid; border-left: #fff 4px solid;  z-index: 101; font-size: 12px;}
.topRight .topLang .langBox a:hover{border-left: #007bc7 4px solid;}

.topRight .topSearch{float: left; padding: 25px 10px; position: relative;}
.topRight .topSearch .searchIco{display: block; line-height: 20px; height: 20px;}
.topRight .topSearch .searchIco .fa{margin-right: 5px; font-size: 16px; line-height: 20px; color:#007bc7;}
.topRight .topSearch .searchBox{display: block; width: 300px; visibility: hidden; opacity: 0; position: absolute; right: 0; top: 55px; transition: all .3s; background-color: #fff; box-shadow: 0 9px 48px -19px rgba(0,0,0,0.8); z-index: 101;}
.topRight .topSearch.on .searchBox{visibility: visible; top: 70px; opacity: 1;}
.topRight .topSearch .searchBox .searchForm{display: block; padding: 15px; box-sizing: border-box; background-color: #fff; position: relative;}
.topRight .topSearch .searchBox .searchForm .formInput{display: block; width: 100%; border: #aeaeae 1px solid; box-sizing: border-box; padding: 0px 40px 0px 10px; line-height: 30px; font-size: 14px; color: #3e3e3e; outline: none;}
.topRight .topSearch .searchBox .searchForm .searchBtn{display: block; width: 30px; height: 30px; position: absolute; right: 16px; top: 16px; text-align: center; border: none; outline: none; background-color: transparent; cursor: pointer;}
.topRight .topSearch .searchBox .searchForm .searchBtn:hover{color: #007bc7;}

.topRight .topMenu{display: none; float: left; padding: 20px 0px 20px 10px;}
.topRight .topMenu .menuIco{display: block; line-height: 20px; height: 20px;}
.topRight .topMenu .menuIco .fa{margin-right: 5px; font-size: 20px; line-height: 20px; color:#007bc7;}

.nav{float: right; margin-right: 20px;}
.nav .navCel{float: left; padding: 30px 0px; position: relative;}
.nav .navCel .navLink{display: block; height: 20px; line-height: 20px; font-size: 15px; padding: 0px 20px; position: relative;}
.nav .navCel .navLink:before{content: ""; display: none; width: 1px; height: 18px; background-color: #d8d8d8; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.nav .navCel .navLink.cur{color: #007bc7;}
.nav .navCel .navSub{width: 580px; background-color: #ededed; position: absolute; left: 0; top: 55px; opacity: 0; visibility: hidden; z-index: 101; box-sizing: border-box; overflow: hidden; transition: all .3s;}
.nav .navCel:hover .navSub{opacity: 1; top: 80px; visibility: visible;}
.nav .navCel .navSub.right{left: auto; right: 0;}
.nav .navCel .navSub .navSubLeft{width: 185px; float: left;}
.nav .navCel .navSub .navSubLeft .navSubLink{display: block; line-height: 20px; padding: 10px 10px 10px 20px; border-bottom: #ddd 1px solid; font-weight: bold;}
.nav .navCel .navSub .navSubLeft .navSubLink:hover{background-color: #f9f9f9;}

.nav .navCel .navSub .navSubLeft .navSubLeftCel{position: relative;}
.nav .navCel .navSub .navSubLeft .navSubLeftCel .navSubArc{width: 185px; position: absolute; left: 170px; top: 0; opacity: 0; visibility: hidden; background-color: #ededed; transition: all .3s;}
.nav .navCel .navSub .navSubLeft .navSubLeftCel:hover .navSubArc{opacity: 1; visibility: visible; left: 185px;}
.nav .navCel .navSub .navSubLeft .navSubLeftCel .navSubArc a{display: block; line-height: 20px; padding: 10px 10px 10px 20px; border-bottom: #ddd 1px solid; font-weight: bold;}
.nav .navCel .navSub .navSubLeft .navSubLeftCel .navSubArc a:hover{background-color: #f9f9f9;}

.nav .navCel .navSub .navSubRight{width: 395px; box-sizing: border-box; padding: 15px; background-color: #fff; float: left;}
.nav .navCel .navSub .navSubRight .navSubPic{overflow: hidden;}
.nav .navCel .navSub .navSubRight .navSubPic img{display: block; width: 100%;}
.nav .navCel .navSub .navSubRight .navSubDesc{margin-top: 10px; line-height: 20px; color: #666; min-height: 60px;}

.mMenu{display: none; width: 30px; height: 30px; position: absolute; top: 15px; right: 3%;}
.mMenu .fa{line-height: 30px; text-align: center; font-size: 24px;}
.m_menu_box{background: #eee; overflow: hidden; display: none;}
.m_menu_box li{line-height: 40px; border-bottom: 1px solid #ddd; font-size: 14px; overflow: hidden;}
.m_menu_box li a{display: block; height: 40px; padding: 0 10px; color: #666;}
.m_menu_box li .sub{background: #f8f8f8; padding-left: 20px; display: none; width: 100%;}
.m_menu_box li .fa{float: right; line-height: 40px; font-size: 16px;}

.banner .swiper-banner{overflow: hidden; position: relative;}
.banner .swiper-banner .swiper-slide{height: 589px; background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*.banner .swiper-banner .swiper-slide img{display: block; width: 100%;}*/
.banner .swiper-banner .swiper-pagination{bottom: 20px;}
.banner .swiper-banner .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0px 5px;}
.banner .swiper-banner .swiper-pagination-bullet-active{background-color: #007bc7;}

.banner .swiper-banner-M{overflow: hidden; position: relative; display: none;}
.banner .swiper-banner-M .swiper-slide img{display: block; width: 100%;}
.banner .swiper-banner-M .swiper-pagination{bottom: 20px;}
.banner .swiper-banner-M .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0px 5px;}
.banner .swiper-banner-M .swiper-pagination-bullet-active{background-color: #007bc7;}

.iTxt{background-color: #007bc7;}
.iTxt .title{line-height: 30px; font-size: 24px; color: #fff; text-align: center; margin-bottom: 20px;}
.iTxt .text{line-height: 30px; font-size: 16px; color: #fff; text-align: center;}

.indexSec{padding-top: 28px;}

.iNews{position: relative; padding: 0px 30px;}
.iNews .iNewsIco{display: block; width: 30px; height: 30px; background-color: #007bc7; position: absolute; top: 0;}
.iNews .iNewsIco .fa{display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 22px; color: #fff;}
.iNews .iNewsIco.left{left: 0;}
.iNews .iNewsIco.right{right: 0;}
.iNews .swiper-news{overflow: hidden; height: 30px; padding: 0px 15px;}
.iNews .swiper-news .swiper-slide a{display: block; height: 30px; line-height: 30px; color: #000; padding-right: 85px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.iNews .swiper-news .swiper-slide a .date{display: block; line-height: 30px; position: absolute; right: 0; top: 0; font-size: 13px; color: #555;}

.iList{margin-top: 0px; overflow: hidden;}
.iList .iListCel{width: 31%; float: left; margin-right: 3.5%; position: relative; overflow: hidden;}
.iList .iListCel:nth-child(3n){margin-right: 0;}
.iList .iListCel img{display: block; width: 100%; transition: all .5s;}
.iList .iListCel:hover img{transform: scale(1.1);}
.iList .iListCel .iListCelTit{width: 100%; line-height: 20px; font-size: 18px; box-sizing:  border-box; padding: 20px; color: #fff; background-color: rgba(0,0,0,.4); position: absolute; left: 0; bottom: 0;}
.iList .iListCel .iListCelTit .fa{line-height: 20px; float: right; font-size: 20px;}
.iList .iListCel .videoIco{display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; line-height: 60px; text-align: center; font-size: 60px; color: #fff;}

.iMask{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 120; background-color: rgba(0,0,0,.5); cursor: pointer;}
.iVideoBox{display: none; width: 1100px; height: 640px; position: fixed; left: 50%; top: 50%; margin-left: -550px; margin-top: -320px; z-index: 121; background-color: #000;}
.iVideoBox video{display: block; width: 100%; height: 100%;}

.footer{background-color: #dcdcdc;}
.footer .footerCel1{width: 13%; float: left; box-sizing: border-box; padding-right: 10px;}
.footer .footerCel1 .footerCelTit{line-height: 25px; font-size: 16px; color: #000; margin-bottom: 15px; font-weight: bold;}
.footer .footerCel1 .footerCelLink{display: block; line-height: 20px; font-size: 13px; color: #888; margin-bottom: 5px;}
.footer .footerCel1 .footerCelLink:hover{color: #007bc7;}
.footer .footerCel2{width: 20%; float: left; box-sizing: border-box; padding-right: 10px;}
.footer .footerCel2 .footerTel{line-height: 25px; font-size: 16px; color: #000; margin-bottom: 15px; font-weight: bold;}
.footer .footerCel2 .footerTel a{display: inline-block; line-height: 25px; font-size: 20px; font-weight: bold; color: #007bc7; font-family: Arial; margin-left: 10px;}
.footer .footerCel2 .footerShare{line-height: 25px; font-size: 16px; color: #000; margin-bottom: 10px; font-weight: bold;}
.footer .footerCel2 .bdsharebuttonbox a{display: inline-block; width: 30px; height: 30px; background-image: url(../images/share.png); border-radius: 50%; padding: 0;}
.footer .bdsharebuttonbox .bds_weixin{background-position: 0px 0px;}
.footer .bdsharebuttonbox .bds_weixin:hover{background-position: 0px -30px;}
.footer .bdsharebuttonbox .bds_tsina{background-position: -30px 0px;}
.footer .bdsharebuttonbox .bds_tsina:hover{background-position: -30px -30px;}
.footer .bdsharebuttonbox .bds_sqq{background-position: -60px 0px;}
.footer .bdsharebuttonbox .bds_sqq:hover{background-position: -60px -30px;}
.footer .bdsharebuttonbox .bds_douban{background-position: -90px 0px;}
.footer .bdsharebuttonbox .bds_douban:hover{background-position: -90px -30px;}
.footer .footerCel3{width: 28%; float: left; overflow: hidden; text-align: right;}
.footer .footerCel3 .footerPicCel{display:inline-block; width: 33.3333%; box-sizing: border-box; padding: 0px 5px; line-height: 20px; text-align: center;}
.footer .footerCel3 .footerPicCel img{display: block; width: 100%; margin-bottom: 10px;}

.copyRight{padding: 20px 0px; background-color: #12171c;}
.copyRight .copyRightLeft{float: left; color: #babbbb; font-size: 13px;}
.copyRight .copyRightRight{float: right; overflow: hidden;}
.copyRight .copyRightRight a{color: #babbbb; font-size: 13px; padding: 0px 10px; position: relative; display: block; float: left;}
.copyRight .copyRightRight a:hover{color: #007bc7;}
.copyRight .copyRightRight a:before{content: ""; height: 90%; width: 1px; background: #747577; right: 0px; top: 5%; display: inline-block; position: absolute;}
.copyRight .copyRightRight a:last-child:before{display: none;}

.sBanner{padding: 40px 0px 0px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.sBanner .typeName{float:left; padding:20px 80px 15px 27px; background:#016fdf; width:170px;}
.sBanner .typeName p.tit {font-size:34px; font-weight:bold;color: #fff; }
.sBanner .typeName p.entit {font-size:22px; color:#a9a9a9; text-transform:Uppercase;}

.sBanner .position{height: 33px; background:url(../images/position_bg.png) left center no-repeat; line-height: 33px; color: #fff; float:left; padding:0 0 0 20px; margin-top:76px; width:500px;}
.sBanner .position a{color: #fff;}
.sBanner .position a:hover{color: #007bc7;}

.pageMain{padding: 0px 0px 60px;}
.pageMain .left{width: 23%; float: left; margin-right: 2%;}
.pageMain .left .topTypename{line-height: 30px; padding: 20px 10px; text-align: center; font-size: 22px; color: #fff; background-color: #007bc7; border-radius: 10px 10px 0px 0px; border-bottom: 2px solid #fff;}
.pageMain .left .sNavCel{}
.pageMain .left .sNavCel .sNavLink{display: block; box-sizing: border-box; padding: 15px 20px 15px 40px; line-height: 25px; font-size: 16px; font-weight:bold; color: #515151; background:url("../images/cate_bg2.png") 26px center no-repeat #f9f9f9; }
.pageMain .left .sNavCel .sNavLink .fa{float: right; line-height: 25px; font-size: 20px;}
.pageMain .left .sNavCel .sNavLink:hover,.pageMain .left .sNavCel .sNavLink.cur{background:url("../images/cate_bg1.png") 26px center no-repeat #e1eefb; color:#0759ac;}
.pageMain .left .sNavCel .sNavLink.cur i {color:#1c67b3;}
.pageMain .left .sNavCel .sNavSub{ display: none; background-color: #f4f4f4;}
.pageMain .left .sNavCel .sNavSub.show{display: block;}
.pageMain .left .sNavCel .sNavSub a{display: block; line-height: 20px; padding:15px 20px 15px 40px; border-bottom: #e5e5e5 1px solid; color:#939393; background:url("../images/cate_bg4.png") 26px center no-repeat #fff;}
.pageMain .left .sNavCel .sNavSub a:hover{padding-left: 45px; color: #007bc7;background:url("../images/cate_bg5.png") 26px center no-repeat;}
.pageMain .left .sNavCel .sNavSub a.cur{padding-left: 45px; color: #007bc7;background:url("../images/cate_bg5.png") 26px center no-repeat;}

.pageMain .right{width: 75%; float: right;}
.pageMain .single{width: 100%; float: none;}
.pageMain .contentTit{line-height: 30px; font-size: 20px; text-align: center;}
.pageMain .contentTit.bold{line-height: 40px; font-size: 26px; font-weight: bold; margin-bottom: 20px; padding-top:30px;}
.pageMain .contentInfo{text-align: center; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px;}
.pageMain .contentInfo .fa{margin-right: 5px;}
.pageMain .contentBody{line-height: 1.8; text-align: justify; min-height: 300px; padding-top: 20px; margin-top: 10px;}
.pageMain .contentBody.center800{max-width: 800px; margin: 0px auto;}
.pageMain .contentBody img{max-width: 100%; height: auto !important;}
.pageMain .arcPagePreNxt{padding-top: 10px; margin-top: 20px; border-top: #eaeaea 1px dashed;}
.pageMain .arcPagePreNxt p{display: block; height: 25px; line-height: 25px; font-size: 14px; color: #aaa; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.pageMain .contentPics{width: 800px; margin: 20px auto 0px; height: 620px; position: relative;}
.pageMain .contentPics .swiper-contentPics{width: 100%; overflow: hidden; position: relative;}
.pageMain .contentPics .swiper-slide{background-size: cover; background-position: center;}
.pageMain .contentPics .gallery-top{height: 80%; width: 100%;}
.pageMain .contentPics .gallery-thumbs{height: 20%; box-sizing: border-box; padding: 10px 0;}
.pageMain .contentPics .gallery-thumbs .swiper-slide{width: 25%; height: 100%; opacity: 0.4;}
.pageMain .contentPics .gallery-thumbs .swiper-slide-active{opacity: 1;}

.pageMain .abilityTit{text-align: left; line-height: 50px; font-size: 30px; font-weight: bold;}
div.line {width:25%; height:2px; background:#9a9a9a;}
.ky_txt {padding:20px 0;}
.pageMain .abilityMain{overflow: hidden; padding-top:80px;}
.pageMain .abilityMain .abilityBody{width: 280px; float: left; padding-right: 20px; line-height: 1.8; text-align: justify; height:450px; background:#f5f5f5; padding-top:40px; padding-left:20px;}
.pageMain .abilityMain .abilityBody img{max-width: 100%; height: auto !important;}
.pageMain .abilityMain .abilityBody p{position: relative; padding-left: 17px; margin-bottom: 10px; line-height: 30px; font-size: 15px; color:#8b8d8b;}
.pageMain .abilityMain .abilityBody p:before{content: ""; display: block; width: 3px; height: 3px; border-radius: 2px; background-color: #8b8d8b; position: absolute; left: 5px; top: 50%;}

.pageMain .abilityMain .abilityPics{margin-left: 320px; height: 500px; overflow: hidden; position: relative;}
.pageMain .abilityMain .abilityPics .swiper-abilityPics{width: 100%; overflow: hidden; position: relative;}
.pageMain .abilityMain .abilityPics .swiper-slide{background-size: cover; background-position: center;}
.pageMain .abilityMain .abilityPics .gallery-top{height: 80%; width: 100%;}
.pageMain .abilityMain .abilityPics .gallery-thumbs{height: 20%; box-sizing: border-box; padding: 10px 0;}
.pageMain .abilityMain .abilityPics .gallery-thumbs .swiper-slide{width: 25%; height: 100%; opacity: 0.4;}
.pageMain .abilityMain .abilityPics .gallery-thumbs .swiper-slide-active{opacity: 1;}

.newsList{overflow: hidden;}
.newsList .arcListItem{overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #cccccc 1px dashed;}
.newsList .arcListItem .arcListItemPic{width: 25%; float: left;}
.newsList .arcListItem .arcListItemPic img{display: block; width: 100%;}
.newsList .arcListItem .arcListItemRight{margin-left: 28%;}
.newsList .arcListItem .arcListItemRight .arcListItemTit{height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.newsList .arcListItem .arcListItemRight .arcListItemDate{height: 20px; line-height: 20px; font-size: 12px; color: #cccccc; margin-bottom: 10px;}
.newsList .arcListItem .arcListItemRight .arcListItemDate .fa{margin-right: 5px;}
.newsList .arcListItem .arcListItemRight .arcListItemDesc{line-height: 20px; font-size: 13px; color: #999999; text-align: justify;}

.listPage{MARGIN: 0px auto 0px; WIDTH: 100%; PADDING: 20px 0px; TEXT-ALIGN: center}
.listPage li{display: inline-block; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.listPage li.thisclass{background-color: #007bc7; border-color: #007bc7; color: #fff;}
.listPage li.thisclass a{color: #fff;}

.proListTitle{line-height: 30px; font-size: 18px; margin-bottom: 10px;}
.proListTitle.hasLine{border-top: #d6d6d6 1px dashed; padding-top: 20px;}

.proList{overflow: hidden; padding-top:20px; margin-top:10px;}
.proList .proListItem{width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; position: relative;}
.proList .proListItem:nth-child(3n){margin-right: 0;}
.proList .proListItem:hover .addToCar{opacity: 1;}
.proList .proListItem .proListItemPic{box-sizing: border-box; padding: 5px; border: #d6d6d6 1px solid;}
.proList .proListItem .proListItemPic img{display: block; width: 100%;}
.proList .proListItem .proListItemTitl{height: 40px; line-height: 40px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}


.addToCar{display: block; opacity: 0; transition: all .3s; width: 180px; height: 30px; line-height: 28px; font-size: 14px; text-align: center; background-color: #fff; box-sizing: border-box; border: #007bc7 1px solid; color: #007bc7; position: absolute; left: 50%; bottom: 60px; margin-left: -90px;}
.addToCar:hover{background-color: #007bc7; color: #fff;}

.addToCarStatic{
	display: block;
	transition: all .3s;
	width: 180px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	text-align: center;
	background-color: #fff;
	box-sizing: border-box;
	border: #007bc7 1px solid;
	color: #007bc7;
}
.addToCarStatic:hover{
	background-color: #007bc7; color: #fff;
}

.carFloat{
	position: fixed;
	z-index: 50;
	width: 60px;
	right: 40px;
	top: 300px;
	box-sizing: border-box;
	padding: 8px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}
.carFloat img{
	display: block;
	width: 100%;
}
.carFloat span{
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: #ff0000;
	color: #fff;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
}
.carMask{
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 110;
	cursor: pointer;
}
.carBox{
	display: none;
    width: 800px;
    height: 450px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -225px;
    z-index: 111;
    background-color: #fff;
	box-sizing: border-box;
	padding: 40px;
}
.carBox .carBoxWrap{
	height: 100%;
	overflow-y: auto;
}
.carBox .carBoxWrap .carBoxTit{
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.carBox .carBoxWrap .carBoxList .carBoxListItem{
	line-height: 30px;
	font-size: 14px;
	position: relative;
	border-bottom: #eaeaea 1px dashed;
	padding: 5px 0px;
}
.carBox .carBoxWrap .carBoxList .carBoxListItem .delectItem{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) center center no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
}
.carBox .carBoxWrap .carBoxBtn{
	margin-top: 20px;
	text-align: center;
}
.carBox .carBoxWrap .carBoxBtn .inquireNow{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	padding: 8px 25px;
	background-color: #007bc7;
	color: #fff;
	transition: all .3s;
	border-radius: 5px;
	margin: 0px 10px;
}
.carBox .carBoxWrap .carBoxBtn .inquireNow:hover{
	background-color: #1353DF;
}
.carBox .carBoxWrap .carBoxBtn .delectAll{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	padding: 8px 25px;
	background-color: #434343;
	color: #fff;
	transition: all .3s;
	border-radius: 5px;
	margin: 0px 10px;
}
.carBox .carBoxWrap .carBoxBtn .delectAll:hover{
	background-color: #6F6F6F;
}
.carBox .carBoxClose{
	position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    right: -15px;
    background: url(../images/close.png) center center no-repeat;
    z-index: 112;
}

.inquireForm{
	display: none;
	height: 100%;
	overflow: auto;
}

.flyImg{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: #fff 5px solid;
	position: fixed;
}

.basic-grey {
	max-width: 100%;
	background: #F7F7F7;
	padding: 25px 15px 25px 10px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #888;
	text-shadow: 1px 1px 1px #FFF;
	border:1px solid #E4E4E4;
}
.basic-grey h1 {
	font-size: 25px;
	padding: 0px 0px 10px 40px;
	display: block;
	border-bottom:1px solid #E4E4E4;
	margin: -10px -15px 30px -10px;;
	color: #888;
}
.basic-grey h1>span {
	display: block;
	font-size: 11px;
}
.basic-grey label {
	display: block;
	margin: 0px;
}
.basic-grey label>span {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 10px;
	margin-top: 15px;
	color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
	border: 1px solid #DADADA;
	color: #888;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 70%;
	font-size: 12px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
	padding: 12px 3px 3px 5px;
	height:100px;
	resize:none;
}
.basic-grey .button {
	background: #0c3388;
	border: none;
	padding: 10px 25px 10px 25px;
	color: #FFF;
	box-shadow: 1px 1px 5px #B6B6B6;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #1849b7;
	cursor: pointer;
}
.basic-grey .button:hover {
	background: #1849b7
}


.proPage .proPageTop{
	margin-bottom: 20px;
	overflow: hidden;
}
.proPage .proPageTop .proPagePic{
	width: 400px;
	float: left;
}

.proPage .proTouchSlide{position:relative; overflow:hidden; display: block; }
.proPage .proTouchSlide .hd{ bottom:0; right:0; z-index:1; }
.proPage .proTouchSlide .hd ul{ display: block; height: 20px; text-align: center;}
.proPage .proTouchSlide .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#b6b6b6; text-indent:-9999px; overflow:hidden; margin:5px 3px; cursor: pointer;}
.proPage .proTouchSlide .hd li.on{ background:#0f3387;  }
.proPage .proTouchSlide .bd{ position:relative; z-index:0; }
.proPage .proTouchSlide .bd li{ position:relative; text-align:center;  }
.proPage .proTouchSlide .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.proPage .proTouchSlide .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.proPage #showbox {display:none; background:#eee;}
.proPage #showbox span { background:url(../images/whitebg.png) repeat;}
.proPage #showsum {display:none; left:25px; margin-top:10px;}
.proPage #showsum span { border:1px solid #ddd;}
.proPage #showsum span.sel { border:1px solid #f60;}

.proPage .showpage {display:none; position:relative;}
.proPage .showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.proPage .showpage a#shownext { left:auto; right:0;}
.proPage .showpage a:hover { background:#ccc; color:#777;}

.proPage .proPageTop .proPageInfo{
	margin-left: 420px;
}
.proPage .proPageTop .proPageInfo .proPageProTit{
	line-height: 25px;
    font-size: 18px;
    color: #007bc7;
    font-weight: bold;
}
.proPage .proPageTop .proPageInfo .proPageTit{
	line-height: 25px;
	font-size: 16px;
	padding: 10px 0px;
}
.proPage .proPageTop .proPageInfo .proPageDesc{
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 20px;
}

.slideTxtBox{ width:100%; text-align:left; }
.slideTxtBox .hd{ height:40px; line-height:40px; background:#f4f4f4; border-bottom:1px solid #007bc7; position:relative; }
.slideTxtBox .hd ul{ width: 100%; position:absolute; height:40px; overflow: hidden;}
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; box-sizing:  border-box; }
.slideTxtBox .hd ul li.on{ color: #0c3388; font-weight: bold;}
.slideTxtBox .bd .proPageTabCel{ padding:15px 0px; zoom:1; line-height: 180%; text-align: justify;}
.slideTxtBox .bd .proPageTabCel img{ max-width: 100%;}

.specBanner{/*padding: 60px 0px;*/ padding: 140px 0px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.specBanner .specBannerTit{height: 50px; line-height: 50px; font-size: 40px; color: #fff; margin-bottom: 20px; padding: 0px 40px;}
.specBanner .specBannerDesc{width: 50%; box-sizing: border-box; padding: 40px; background-color: rgba(255,255,255,.4); color: #fff; display: none;}
.specBanner .specBannerDesc .wrap{overflow: hidden; height: 100%; line-height: 25px; text-align: justify; min-height: 125px;}

.specBody .specTop .position{height: 20px; line-height: 20px; float: left;}
.specBody .specTop .specTopRight{float: right;}
.specBody .specTop .specTopRight a{margin: 0; background: none; padding: 0; line-height: 20px; font-size: 14px;}
.specBody .specTop .specTopRight a .fa{margin-right: 5px; color: #007bc7;}
.specBody .specMain{margin-top: 30px; overflow: hidden;}
.specBody .specMain .specLeft{width: 65%; float: left; margin-right: 3%;}
.specBody .specMain .specLeft .swiper-spec{overflow: hidden;}
.specBody .specMain .specLeft .swiper-spec .swiper-pagination{position: initial; margin-bottom: 10px; text-align: left;}
.specBody .specMain .specLeft .swiper-spec .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background-color: #fff; border-radius: 50%; border: #007bc7 1px solid; opacity: 1;}
.specBody .specMain .specLeft .swiper-spec .swiper-pagination .swiper-pagination-bullet-active{background-color: #007bc7;}
.specBody .specMain .specLeft .swiper-spec .swiper-slide img{display: block; width: 100%;}
.specBody .specMain .specRight{width: 32%; float: left; box-sizing: border-box; padding: 20px; background-color: #f4f4f4;}
.specBody .specMain .specRight .specRightTit{line-height: 30px; font-size: 24px; padding: 10px 10px; border-bottom: #f4d400 4px solid;}
.specBody .specMain .specRight .specRightContent{line-height: 1.8; text-align: justify; padding-top: 10px;}
.specBody .specMain .specRight .specRightContent img{max-width: 100%; height: auto !important;}
.specBody .specNav{display: none; padding: 0px;}


.mapBox #map{width: 100%; height: 350px; font-size: 12px; box-sizing: border-box; border: #d6d6d6;}


.ky_about1 {padding:20px 30px; font-size:14px; color:#555;}
.about_bt {background:url("../images/about01_13.jpg") center center no-repeat; height:50px; width:100%; line-height:40px; text-align:center; font-size:26px; color:#053a8f; margin-top:80px;}
.about_pic {padding:20px 0; overflow:hidden;}
.about_pic3 {width:48%; float:left; text-align:center; margin-bottom:50px; padding:0 1%;}
.about_pic3 .about_pic3_tit {border-left: 2px solid #c6c6c6;  margin: 20px 0 0 3px;  padding-left: 15px; text-align: left;}

.ky_about2 {padding:20px 30px; font-size:14px; color:#555;}

.about_pic2 {float:left; margin-bottom:2px;}
.about_pic2:nth-child(2n) {
	float:right;
}

.ky_contact {padding:20px 30px; font-size:14px; color:#555;}
.ky_contact h1 {text-align:center; font-size:30px; color:#053a8f; font-weight:bold; line-height:50px; margin-bottom:70px;}
.ky_contact h1 img {margin-right:15px;vertical-align:middle;}
.contact_info {overflow:hidden;}
.contact_txt2 {width:45%; float:left; border-bottom:1px #e5e5e5 solid; margin-bottom:40px;}
.contact_txt2:nth-child(2n) {
	float:right;
}
.contact_txt2 span {font-size:26px; font-weight:bold;}
.contact_txt2 p {font-size:15px;line-height: 30px;  margin-bottom: 15px;}
.mapBox {padding:10px 30px;}
.zznl img {margin-bottom:30px;}
.zznl p {text-indent:20px;margin-bottom:20px;}

/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){

body{padding-top: 0px;}
.head{display:none}
.h44{ height: 44px;}
.w{ padding: 0 10px; box-sizing: border-box;}
.moblie_head{ display: block; height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .w{ display: flex; height:44px; justify-content: space-between; align-items: center;}
.moblie_head .lf{padding-top:0px; }
.moblie_head .lf img{height:34px}
.moblie_head .rg{ padding-top:4px; }
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:@color;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #fff}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}

.sec{ padding-top: 10px;}
.commonWrap{width: 100%; padding: 0 10px; box-sizing: border-box;}
.iList .iListCel{width: 100%; float: none; margin-bottom: 10px; margin-right: 0%; }


.footer .footerCel1{width: 50%; float: left; box-sizing: border-box; padding-right: 0px;}
.footer .footerCel2{width: 100%; float: none; box-sizing: border-box; padding-right: 10px;}
.footer .footerCel3{width: 100%; float: none; overflow: hidden; text-align: right;}
.footer .footerCel3 .footerPicCel{display:block; float: left;  box-sizing: border-box; padding: 0px 5px; line-height: 20px; text-align: center;}
.mclear{ clear: both; margin-top: 20px;}

.pageMain .left{ width: 100%; float: none; margin-right: 0%;}
.pageMain .right {width: 100%;float: none;}
.ky_about1{padding: 20px 10px;}

.pageMain .commonWrap{ display: flex; flex-direction: column;}
.pageMain .commonWrap .right{ order: 2;}
.pageMain .commonWrap .left{ order:1;}

.sBanner .position{ width: 100%;}
.contact_txt2 {width: 100%;float: none;}
.pageMain .contentBody{ min-height: auto;}
.pageMain .contentPics{ width: 100%;}
}