*{margin:0; padding:0; list-style:none;}
html,body{background:#fff;}
ul{list-style:none;}
a{ text-decoration:none;color:#333;}
div,input,a,ul,li{box-sizing: border-box;}
input{border: none;outline: none;}
.clear{clear: both;}

.w11{max-width: 1440px;margin: 0 auto;}
.header_nav{padding: 5px 0 8px 0; zoom: 1;}
.header_nav:after{display: block;content: '';clear: both;}
.header_logo{float: left;width: 560px;}
.header_logo img{display: block;width: 100%;}
.header_search{float: right;width: 456px;height: 40px;position: relative;}
.header_search .search_input{display: block;width: 100%;height: 40px;font-size: 14px;color: #58585b;border: 1px solid #b3b4b5;padding: 0 38px 0 10px;}
.header_search .btn{position: absolute;top: 0;right: 5px; width: 40px;height: 40px;background: url(../images/search.png) no-repeat;}
.header_contact{float: right;width: 109px;height: 42px;border-radius: 5px;background: #ecf3fa;margin-top: 6px;position: relative;cursor: pointer;}
.header_contact:before{content: '';display: block;position: absolute;top: 8px;left: 12px; width: 23px;height: 23px;background: url(../images/icon1.png) no-repeat;background-size: 56px auto;background-position: 0 -50px;}
.header_contact a{display: block;width: 100%;padding: 0 12px;text-align: right;line-height: 42px;font-size: 14px;font-weight: bold; color: #58585b;}
.header_contact:hover{background: #37475a;}
.header_contact:hover>a{color: #ffffff;}
.header_contact:hover:before{background-position: 0 -109px;}
.header_list{zoom: 1;}
.header_list:after{display: block;content: '';clear: both;}
.header_list ul{zoom: 1;float: left;}
.header_list ul:after{display: block;content: '';clear: both;}
.header_list ul li{float: left;position: relative; font-size: 16px;}
.header_list ul li a{display: block;padding: 0 33px;line-height: 48px;color: #333;}
.header_list ul li dl{position: absolute;top: 100%;left: 0;z-index: 333;background: #fff;display: none;}
.header_list ul li dl dd{font-size: 14px !important;}
.header_list ul li:nth-child(3) dl{width: 175px;}
.header_list ul li:hover>dl{display: block;}
.header_ico{width:41px; height:41px; float:right; margin-right:20px; margin-top:6px;position: relative;}
.header_ico_ewm{position: absolute;top: 50px;left: -25px; width: 95px;z-index: 66;display: none;}
.header_ico_ewm img{width:100%;}
.header_ico:hover>.header_ico_ewm{display: block;}
.header_ico_yx{position: absolute;top: 50px;left: -75px; width: 210px;z-index: 66;box-shadow: 4px 4px 4px #ccc;display: none;}
.header_ico_yx p{text-align: center;font-size: 18px;color: #0957b5;line-height: 36px;}
.header_ico:hover>.header_ico_yx{display: block;}
/*小屏导航*/
.xs-top{display: none;}
.mobile-inner-nav a{ -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}  
.mobile{width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; height: 50px; background: #fff;}
.mobile-inner{ margin-right: auto;margin-left: auto;background-color: #fafafa; position: relative;}
.mobile-inner img{ width: 100%;}
.mobile-inner p{ color: #676767; line-height: 25px; font-size: 16px; padding-bottom: 30px; padding-right: 30px;  padding-left: 30px; margin:0px;}
.mobile-inner-header{width: 100%; height: 50px; position: fixed; top: 0; left: 0;background: #fff;}
.mobile-inner{}
.mobile-inner-header-icon{color: #ffffff; height: 50px; font-size:25px; text-align: center; float:right; width: 50px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 15px) / 2); top: calc((100% - 5px) / 2); width: 25px; height: 1px; background-color: rgba(0,0,0,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background-color: rgba(0,0,0,0.8); width: 100%; position: absolute; top: 50px;left: 0px; padding-top: 30px; padding-bottom: 30px;display: none;}
.mobile-inner-nav a{ display: inline-block; line-height: 50px; text-decoration: none; width: 85%; margin-left: 5%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300;}
.mobile-inner-nav a:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-search{position: fixed;top: 50px;width: 100%;height: 50px;background: #fff;border-top: 1px solid #ddd;}
.mobile-search .search_input{width: 96%;height: 40px;display: block; margin: 5px auto;border: 1px solid #b3b4b5;padding: 0 38px 0 10px;}
.mobile-search .btn{position: absolute;
    top: 5px;
    right: 8px;
    width: 40px;
    height: 40px;
    background: url(../images/search.png) no-repeat;}
/*菜单结束*/


.slideBox{ width:100%; overflow:hidden; position:relative; }
.slideBox .hd{position: absolute;bottom: 20px; width: 100%;text-align: center;z-index: 2;}
.slideBox .hd ul{display: inline-block; zoom:1;}
.slideBox .hd ul li{ float:left; margin: 0 5px;  width:15px; height:15px;border-radius: 50%; line-height:14px; text-align:center; background:#fff;cursor:pointer;}
.slideBox .hd ul li.on{ background:#0c4b95;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle; }
.slideBox .bd img{width:100%;display:block;}


.news_list{width: 100%;  text-align: center;}
.news_list a{ display: inline-block; border-radius:25px; margin:0 20px; padding: 8px 20px; border:1px solid #333; cursor: pointer; }
.news_list a:hover{ border:1px solid #0c4b95; background:#0c4b95; color: #fff; }
.hover_new{border:1px solid #0c4b95; background:#0c4b95; color: #fff;}

.cards-box{padding: 33px 0;}
.home_title{font-size: 34px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 27px;}
.cards-box ul{zoom: 1;}
.cards-box ul:after{display: block;content: '';clear: both;}
.cards-box ul li{float: left;width: 25%;text-align: center;min-height: 210px;padding: 10px 0;margin-bottom: 30px;}
.fw_nav img{transition-duration: 0.5s;}
.fw_nav p{font-size: 18px;font-size: 18px;color: #3e3e3e;}
.cards-box ul li:hover{background: #f0f0f0;}
.cards-box ul li:hover .fw_nav>img{-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

/*.withoutbg{background-color: #f3f3f3;}*/
.withoutbg_nav{padding: 30px 0;}
.latest-news-wrapper{max-width: 1260px;margin: 0 auto;padding: 0 30px;margin-top: 40px;}
.latest-news-wrapper ul{zoom: 1;}
.latest-news-wrapper ul:after{display: block;content: '';clear: both;}
.latest-news-wrapper ul li{float: left;width: 46%;margin-right: 8%;margin-bottom: 20px; /*border: 1px solid #ddd;*/}
.latest-news-wrapper ul li:nth-child(2n){margin-right: 0;}
.home_news{display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;height: 118px;overflow: hidden;}
.home_news img{width: 140px;}
.home_news_fr{padding: 10px 0 10px 10px;flex: 1;flex-grow: 1;flex-shrink: 1;flex-basis: 0%;}
.home_news_fr p{font-size: 16px;color: #333;line-height: 22px;display: flex;display: -webkit-flex;flex-flow: wrap;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;}
.home_news_fr span{font-size: 14px;color: #58585b;line-height: 22px;}
.home_news_fr p em{font-size: 12px;color: #f76200 !important;margin-top: -5px;}
.home_news_fr span:hover{color: #337ab7;}

.hdcx_nav{padding: 30px 0;}
.Contentbox{min-height: 220px; border: 1px solid #eee;}
.CbContainer{padding: 30px 85px;display: flex;display: -webkit-flex;flex-flow: wrap;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;}
.hdcx_nav .picScroll-left{ width:100%;overflow:hidden; position:relative;}
.hdcx_nav .picScroll-left .bd{text-align: center;}
.hdcx_nav .picScroll-left .bd .tempWrap{width: 100% !important;}
.hdcx_nav .picScroll-left .bd ul{overflow:hidden;display: inline-block;}
.hdcx_nav .picScroll-left .bd ul li{width: 360px !important; float:left; _display:inline; overflow:hidden;text-align:center;/*border-right: 1px solid #ccc;*/padding: 0 40px;}
.hdcx_nav .picScroll-left .bd ul li .pic{ text-align:center;}
.hdcx_nav .picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.hdcx_nav .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.hdcx_nav .picScroll-left .bd ul li .title{ line-height:24px;   }

.promotion-item{width: 100%;zoom: 1;border-left: 1px solid #ccc;}
.promotion-item p{text-align: center;; font-size: 16px; padding:8px 0;}
.promotion-item img{width: 100% !important;}
.promotion-item:after{display: block;content:'';clear: both;}
.promotion-item:nth-child(1){ border-left: none;}
/*.promotion-item:nth-child(2){padding-left: 30px;border-left: 1px solid #ccc;}*/
.promotion-item-right{float: right;display: inline-block;width: 240px;vertical-align: top;}
.promotion-item-right img{display: block;width: 240px;height: 150px;}
.promotion-item-left{position: relative;display: inline-block;width: calc(100% - 250px);padding-right: 0px;text-align: left;padding-bottom: 43px;height: 100%;}
.promotion-item-left h4{font-size: 20px;line-height: 20px;position: relative;margin-bottom: 15px;font-weight: bold;margin-top: 20px;position: relative;display: flex;display: -webkit-flex;flex-flow: wrap;-webkit-flex-flow: wrap;-moz-flex-flow: wrap;}
.promotion-item-left h4 span{color: red;}
.promotion-item-left h4 em{color: #f76200;font-style: italic;font-weight: normal;font-size: 14px;margin-top: -5px;margin-left: 10px;}
.promotion-item-left p{font-size: 14px;line-height: 20px;margin-bottom: 25px;}
.promotion-btn{background: #fff;border: 1px solid #0c4b95;color: #0c4b95;position: absolute;width: 190px;bottom: 0;}
.promotion-btn span{position: relative; margin: 0;padding: 0;width:100%;padding:0 20px; border-radius: 0;background: transparent;border-style: none;font-size: 16px;outline: 0;color: #0c4b95;display: inline-block;line-height: 40px;}
.promotion-btn span:after{content: "\e72c";fill: currentcolor;font-size: 32px;width: 40px;color: #0c4b95;transition: all .5s ease-out;display: block;position: absolute;right: 40px;margin-top: -40px;}
.promotion-btn:hover{background: #0c4b95;}
.promotion-btn:hover>span{color:#fff}
.promotion-btn:hover>span:after{color:#fff;transform: translateX(3px);}
.Menubox{width: 100%;text-align: center;}
.Menubox ul{zoom: 1;display: inline-block;}
.Menubox ul:after{display: block;content: '';clear: both;}
.Menubox ul li{float: left;width: 10px;height: 10px;border-radius: 10px;cursor: pointer;background: #c9c9c9;border: 1px solid #c9c9c9;margin: 0 3px;margin-top: 16px;}
.hover{width: 12px !important;height: 12px !important;background: #808080 !important;border: 1px solid #808080 !important;margin-top: 15px !important;}

.footer{min-height: 50px;background: #696969;padding-bottom: 2px;}
.quote-btn{padding: 30px 0 45px 0;zoom: 1;}
.quote-btn:after{display: block;content: '';clear: both;}
.quote-btn dl{float: left;width: 14%;margin-left: 2.0%;}
.quote-btn dl:nth-child(1){margin-left: 0px;}
.quote-btn dl dt{font-size: 20px;color: #FFFFFF;margin-bottom: 12px;}
.quote-btn dl dd{font-size: 16px;padding-bottom: 8px;}
.quote-btn dl dd a{color: #cbcbcb;}
.quote-btn dl:nth-child(6) dd{color: #fff;width: 95px;text-align: center;}
.quote-btn dl dd img{display: block;width: 100%;}
.quote-btn dl dd p{font-size: 12px;margin-top: 5px;}
.freeline{clear: both;border-bottom: 1px solid #eee;padding-top: 15px;}
.menudown{text-align: center;height: 55px;line-height: 55px;margin-top: 15px;}
.menudown ul{zoom: 1;display: inline-block;}
.menudown ul:after{display: block;content: '';clear: both;}
.menudown ul li{float: left;font-size: 14px;color: #dddddd;}
.menudown ul li:nth-child(1){padding-right: 12px;/*margin-right: 20px;*/line-height: 16px;/*border-right: 1px solid #dddddd;*/margin-top: 1.5px;}
.menudown ul li:nth-child(2){/*padding-left: 12px;*/line-height: 19px;/*border-left: 1px solid #dddddd;*/}
.beian{text-align: center;margin-top: -10px;}
.beian a{font-size: 14px;color: #dddddd;zoom: 1;display: inline-block;}
.beian a:after{display: block;content: '';clear: both;}
.beian a img{float: left;}
.beian a p{float: left;height: 20px;line-height: 20px;}


.picMarquee-left{ width:100%;   position:relative;  }
.picMarquee-left .bd .tempWrap{width: 100% !important;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{width: 15%; float:left; list-style: none; margin-right: 20px; background: #fff; position:relative; height: 70px; text-align: center; }
.picMarquee-left .bd ul li img{margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%);}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
.picMarquee-left .hd{height:0; position:absolute; width:100%; left:-25px; top:8px; z-index:999; }
.picMarquee-left .hd .prev{ display:block;  width:25px; height:52px; float:right; overflow:hidden;
			 cursor:pointer; background:url("../images/icoLeft.png") center center #cbcbcb no-repeat; position:absolute; left:-5px; top:0;}
.picMarquee-left .hd .next{ display:block;  width:25px; height:52px; float:left; overflow:hidden;
			 cursor:pointer; background:url("../images/icoRight.png") center center #cbcbcb no-repeat; position:absolute; right:-35px; top:0;}


.ny-center{ width: 100%; text-align: center; background-color:#f0f0f0; }
.ny-center img{display: inline-block; max-width: 100%;}




@media (min-width: 1368px) and (max-width: 1441px){
	.w11{
		width: 1280px;
	}
	
	.header{padding: 0 25px;}
	.footer{padding: 0 50px;}
	.withoutbg_nav{min-height: 210px;}
	.cards-box ul{padding: 0 50px;}
	.header_search{width: 410px;}
	/*.promotion-item{width: 320px;}*/
	.hdcx_nav .picScroll-left .bd ul li{width: 320px !important;}
}

@media (min-width: 1198px) and (max-width: 1367px){
	.w11{
		width: 1180px;
	}
	.header{padding: 0 25px;}
	.footer{padding: 0 50px;}
	.withoutbg_nav{min-height: 210px;}
	.cards-box ul{padding: 0 50px;}
	.header_search{width: 355px;margin-left: 30px;}
	.header_ico{margin-right: 10px;}
	/*.promotion-item{width: 295px;}*/
	.hdcx_nav .picScroll-left .bd ul li{width: 295px !important;}
}
@media (min-width: 992px) and (max-width: 1199px){
	
}
@media (min-width: 768px) and (max-width: 991px){
	
}
@media (min-width: 480px) and (max-width: 767px){
	
}
@media (max-width: 479px){
	.xs-top{display: block;}
	.w11{
		width: 96%;
	}
	.header{
		display: none;
	}
	.cards-box ul li{
		width: 50%;
		min-height: 145px;
		margin-bottom: 10px;
	}
	.fw_nav p{
		font-size: 16px;
	}
	.latest-news-wrapper ul li{
		width: 100%;
		margin-right: 0;
	}
	.Contentbox{
		min-height: 125px;
	}
	.CbContainer{
		padding: 20px 0px;
	}
	.picMarquee-left .hd{
		left: 0;
	}
	.picMarquee-left .hd .next{
		right: 0;
	}
	.picMarquee-left .bd ul li{
		width: 200px;
	}
	.quote-btn dl{
		display: none;
	}
	.quote-btn dl:nth-child(6){
		display: block;
		width: 100%;
	}
	.quote-btn dl:nth-child(6) dd{
		margin: 0 auto;
	}
	.latest-news-wrapper{
		padding: 0 0px;
	}
	.menudown ul{text-align: center;}
	.menudown ul li{float: none;}
	.menudown ul li:nth-child(1){border-right: none;padding-right: 0;margin-right: 0;}
	.menudown ul li:nth-child(2){border-left: none;}
	.beian{margin-top: 10px;text-align: center;}
	.banner{margin-top: 100px;}
	.header_search{width: 96%;margin-top: 55px;margin-left: 2%;}
}