/*===================CSS Reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:hidden;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #333333; font: 16px "microsoft yahei";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}
/*html,body{min-width: 1200px;padding: 0;width: 100vw;margin: 0;}*/

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.textH2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.bold{ font-weight: bold;}
.fontB{ font-family: fontB,"microsoft yahei";}
.c1f87e8{ color: #1f87e8 !important;}
.imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
img{max-width: 100%;}

/*============================ Header ============================*/
.topBox {height: 109px;}
.topBox .logo{ display: block;margin-top: 10px;}
.topBox .logo img{height: 87px;width: auto;}
.topBox .logo .text{float: left;}
.topBox .logo .text span{font-size: 36px;display: block;}
.topBox .logo .text small{font-size: 20px;display: block;color: #64b5f6;font-weight: normal;line-height: 36px;}
.topBox .right .search{position: relative;margin-top: 30px;}
.topBox .right .search .inp{ height: 48px; line-height: 48px; padding: 0 80px 0 15px;border: 0;width: 420px; background: #e9ebed;border-radius: 30px;}
.topBox .right .search .subBtn{background: url(../img/topIcon2.png) center center no-repeat;width: 75px;height: 44px;border: 0;position: absolute;right: 0;top: 0;}

.head.on{position: fixed;left: 0;width: 100%;top: 0;}
/*============================ Footer ============================*/
.footer{ background: #333333; }
.footer .hdDiv{padding: 20px 0 24px;}
.footer .hdDiv .row{margin: 0;}
.footer .hdDiv .row>div{padding: 0;border-right: 1px solid rgba(255,255,255,.1);}
.footer ul li{float: left;width: 33.3%;margin: 10px 0;}
.footer ul li a{color: #fff;}
.footer ul li a:hover{opacity: .8;}
.footer .hdDiv .row>div:nth-child(2){text-align: center;}
.footer .hdDiv .p{display: inline-block;text-align: left;padding: 0 10%;}
.footer .hdDiv p{color: rgba(255,255,255,.7);margin: 10px 0 20px;}
.footer .row>div:last-child{border:0;text-align: right;}
.footer .row>div .ewmDiv{display: inline-block;}
.footer .row>div .ewmDiv img{max-width: 113px;margin: 0 auto;}
.footer .row>div .ewmDiv span{color: rgba(255,255,255,.5);margin-top: 5px;display: block;}
.footer .bdDiv{color: rgba(255,255,255,.5);padding: 15px 0;text-align: center;border-top: 1px solid rgba(255,255,255,.1);}
.footer .bdDiv a{color:rgba(255,255,255,.5);}
.footer .bdDiv a:hover{color: rgba(255,255,255,.9);}

/*============================ Index ============================*/
.ixSlide {width: 100%;}
.ixSlide .img{ height: 550px;position: relative;display:flex;justify-content:center;align-items:center;}
.ixSlide .slick-dots{text-align: center;}


.ixPart1{padding: 30px 0 33px;}
.ixPart1 .rowDiv{box-shadow: 0px 0px 15px rgba(0,0,0,.08);padding: 20px;border-radius: 5px;}
.ixPart1 .rowDiv .leftDiv{width: 41.37%;}
.ixPart1 .rowDiv .leftDiv .ixSlide1 .img{position: relative;}
.ixPart1 .rowDiv .leftDiv .ixSlide1 .img span{display: block;width: 100%;line-height: 48px;position: absolute;bottom: 0;left: 0;background: rgba(32,68,83,.8);color: #fff;padding: 0 80px 0 20px;border-radius: 0 0 5px 5px;}
.ixPart1 .rowDiv .rightDiv{width: 55.17%;}
.ixPart1 .rowDiv .rightDiv ul{margin-top: 10px;}
.ixPart1 .rowDiv .rightDiv ul li a{display: block;overflow: hidden;padding: 11px 0;font-size: 16px;color: #333333;border-bottom: 1px solid rgba(32,68,23,.1);}
.ixPart1 .rowDiv .rightDiv ul li:last-child a{border: 0;padding-bottom: 0;}
.ixPart1 .rowDiv .rightDiv ul li a span{color: #999999;}
.ixPart1 .rowDiv .rightDiv ul li a:hover{color: #00539A;}

.iTitle{font-size: 24px;color: #204453;font-weight: bold;}
.iTitle span{font-size: 16px;color: #00a8bf;font-weight: normal;text-transform: uppercase;}

.ixPart2{padding: 30px 0 43px;background: #e8eced;}
.ixPart2 .row .conDiv{background: #fff;padding: 15px;border-radius: 10px;}
.ixPart2 .row .conDiv .iTitle{padding-bottom: 5px;border-bottom: 1px solid rgba(32,68,23,.1);}
.ixPart2 .row .conDiv .gsjj{padding-top: 16px;}
.ixPart2 .row .conDiv .gsjj .textDiv { height:10.8em;text-overflow:ellipsis; overflow:hidden;}
.ixPart2 .row .conDiv .gsjj .textDiv p{color: #333333;line-height: 1.8;margin: 20px 0; text-indent:2em;}
.ixPart2 .row .conDiv .li{padding: 16px 0;}
.ixPart2 .row .conDiv .li a{display: block;}
.ixPart2 .row .conDiv .li a:hover{color: #00539A;}
.ixPart2 .row .conDiv .li .imgDiv{width: 120px;height: 80px;overflow: hidden;}
.ixPart2 .row .conDiv .li .textDiv{padding-left: 135px;}
.ixPart2 .row .conDiv .li .title{font-size: 18px;line-height: 1.5;margin-bottom: 5px;}
.ixPart2 .row .conDiv .li span{font-size: 18px;color: #999999;}
.ixPart2 .row .conDiv .hyxw ul li a{display: block;border-top: 1px solid rgba(32,68,23,.1);padding: 10px 0 7px;}
.ixPart2 .row .conDiv .hyxw ul li a:hover,.ixPart2 .row .conDiv .zcfg ul li a:hover{color: #00539A;}
.ixPart2 .row .conDiv .zcfg ul li a span{color: #999;}
.ixPart2 .row .conDiv .zcfg ul li a{display: block;border-top: 1px solid rgba(32,68,23,.1);padding: 13px 0 15px;}
.ixPart2 .row .conDiv .zcfg ul li .dateDiv{color: #999;background: #e8eced;width: 72px;height: 52px;text-align: center;border-radius: 5px;}
.ixPart2 .row .conDiv .zcfg ul li .dateDiv span{display: block;font-size: 20px;color: #00a8bf;margin-top: 2px;}
.ixPart2 .row .conDiv .zcfg ul li .textDiv{padding-left: 86px;}
.ixPart2 .row .conDiv .zcfg ul li .textDiv p{color: #999;margin: 10px 0 0;}
.ixPart2 .row .conDiv .zcfg ul li:last-child a{padding-bottom: 5px;}


.ixPart3{padding: 37px 0 33px;}
.ixPart3 .iTitle{padding-bottom: 5px;border-bottom: 1px solid rgba(32,68,23,.1);margin-bottom: 22px;}
.ixPart3 .row{margin: 0 -13.5px;}
.ixPart3 .row>div{padding: 0 13.5px;}
.ixPart3 .row>div .conDiv{box-shadow: 0px 0px 5px rgba(0,0,0,.08);}

.ixPart4{padding: 25px 0 40px;position: relative;}
.ixPart4:before{content: "";width: 100%;height: 50%;position: absolute;left: 0;top: 0;background: #e8eced;z-index: 0;}
.ixPart4 .iTitle{position: relative;margin-bottom: 15px;}
.ixPart4 .row{margin: 0 -18px;}
.ixPart4 .row>div{padding: 0 18px;}
.ixPart4 .row>div .conDiv{background: #ffffff;box-shadow: 0px 0px 5px rgba(0,0,0,.08);padding: 15px;text-align: center;border-radius: 5px;}
.ixPart4 .row>div .conDiv span{display: inline-block;text-align: center;padding: 0 18px;line-height: 36px;background: #1eacc2;border-radius: 30px;color: #fff;}
.ixPart4 .row>div .conDiv p{display: block;margin: 10px 0 0;color: #666666;line-height: 2;text-align: left;}

.ixPart5 .row{margin: 17px 0 0;box-shadow: 0px 0px 5px rgba(0,0,0,.08);border-radius: 5px;}
.ixPart5 .row>div{padding: 0;}
.ixPart5 .row>div .conDiv{border-right: 1px solid #eeeeee;padding: 16px;overflow: hidden;position: relative;}
.ixPart5 .row>div .conDiv .imgDiv{width: 49%;}
.ixPart5 .row>div .conDiv .textDiv{line-height: 1.8;display:flex;justify-content:center;align-items:center;width: 48%;float: right;position: absolute;right:0;top: 0;height: 100%;}
.ixPart5 .row>div .conDiv:hover .textDiv{color: #00539A;}

.ixPart6{padding: 30px 0 38px;}
.ixPart6 .leftDiv{width: 66.6%;background: #e8eced;border-radius: 5px;padding: 15px;}
.ixPart6 .leftDiv .row{margin: 10px -12px 0;padding-bottom: 25px;}
.ixPart6 .leftDiv .row .col-sm-4{padding: 0 12px;}
.ixPart6 .rightDiv{width: 31.6%;background: #e8eced;border-radius: 5px;padding: 15px;}
.ixPart6 .slick-dots{text-align: center;bottom: 0;}
.ixPart6 .slick-dots li{height: 4px;border-radius: 0;background: #fff;width: 12px;}
.ixPart6 .slick-dots li.slick-active{width: 20px;background: #204453;height: 4px;border: 0;}
.ixPart6 .rightDiv .imgDiv{margin: 10px 0 2px;}
.ixPart6 .rightDiv .row{margin: 0 -11px 0;}
.ixPart6 .rightDiv .row>div{padding: 0 11px;}
.ixPart6 .rightDiv .row>div .conDiv{background: #fff;height: 50px;display:flex;justify-content:center;align-items:center;border-radius: 5px;margin-top: 12px;}
.ixPart6 .rightDiv .row>div .conDiv span{padding-left: 32px;background: url(../img/qq.png) no-repeat left center;display: inline-block;line-height: 23px;}




/*============================ Others ============================*/
.inBanner{ height: 320px;}
.newsDiv{padding: 30px 0 40px;}
.newsDiv .iTitle{margin-bottom: 14px;}
.newsDiv .leftDiv{width: 240px;}
.newsDiv .leftDiv ul{}
.newsDiv .leftDiv ul li a{display: block;height: 48px;transition: all .6s;font-size: 16px;color: #333333;display:flex;justify-content:flex-start;align-items:center;background: #e8eced;padding: 0 15px;margin-bottom: 12px;}
.newsDiv .leftDiv ul li.active a,.newsDiv .leftDiv ul li a:hover{background: #00539a;color: #fff;}
.newsDiv .rightDiv{width: calc(100% - 240px);padding: 0 0 0 40px;}
.newsDiv .rightDiv ul li{padding: 0;border: 1px solid #eee;margin-bottom: 30px;overflow: hidden;}
.newsDiv .rightDiv ul li .dateDiv{color: #999999;background: #e8eced;text-align: center;padding: 20px 0;width: 96px;}
.newsDiv .rightDiv ul li .dateDiv span{display: block;font-size: 36px;color: #204453;}
.newsDiv .rightDiv ul li .textDiv{padding-left: 116px;padding-right: 20px;padding-top: 15px;color: #000000;}
.newsDiv .rightDiv ul li .title{font-size: 20px;color: #666666;}
.newsDiv .rightDiv ul li p{margin: 7px 0 0;color: #000000;line-height: 1.6;}
.newsDiv .rightDiv ul li:hover .title{color: #00539A;}

/*============================ ÈÙÓþ×ÊÖÊ ============================*/

.picsDiv{padding: 30px 0 40px;}
.picsDiv .iTitle{margin-bottom: 14px;}
.picsDiv .leftDiv{width: 240px;}
.picsDiv .leftDiv ul{}
.picsDiv .leftDiv ul li a{display: block;height: 48px;transition: all .6s;font-size: 16px;color: #333333;display:flex;justify-content:flex-start;align-items:center;background: #e8eced;padding: 0 15px;margin-bottom: 12px;}
.picsDiv .leftDiv ul li.active a,.picsDiv .leftDiv ul li a:hover{background: #00539a;color: #fff;}

.picsDiv .rightDiv{ width: calc(100% - 240px);padding: 0 0 0 40px;}
.picsDiv .rightDiv ul { width:100%; height:auto;}
.picsDiv .rightDiv ul li{ float:left; padding: 0;margin: 20px auto;width:33%;}
.picsDiv .rightDiv ul li img { width:250px; height:auto;}
/*============================ /ÈÙÓþ×ÊÖÊ ============================*/
.pageDiv { float:left; width:100%;}
.pageDiv{text-align: center;}
.pageDiv a,.pageDiv span{display: inline-block;font-size: 16px;color: #666;margin: 0 5px;background: #e8eced;padding: 3px 9px;}
.pageDiv span{color: #fff;background: #00539A;}

.articleDiv .title{text-align: center;font-size: 20px;color: #333333;}
.articleDiv .clickDate{text-align: center;font-size: 16px;color: #999999;padding: 10px 0;border-bottom: 1px solid #ddd;}
.articleDiv .textDiv{padding-top: 30px;}
.articleDiv .textDiv p{color: #000000;margin: 0px 0;line-height: 2;}
.articleDiv .textDiv hr{margin: 10px 0;}

@media (max-width: 1200px) {
	.wrap{ width: 100%; padding: 0 15px;}
	.row{margin: 0;}
	.head .navbox{width: 100%;}
}

@media (max-width: 1100px) {
	.topBox .right .search .inp{width: 424px;}
	
}

@media (max-width: 1024px) {
	.topBox{display: none;}
	.main{margin-top: 44px;}
}

@media (max-width:767px) {
	.ixSlide .img{height: 40vw;}
	.ixPart1 .rowDiv .leftDiv{width: 100%;float: initial;}
	.ixPart1 .rowDiv .rightDiv{width: 100%;margin-top: 30px;}
	.ixPart1 .rowDiv .leftDiv .ixSlide1 .img span{line-height: 30px;font-size: 14px;padding: 0 60px 0 5px;}
	.slick-dots{bottom: 5px;}
	.slick-dots li{margin: 0 3px;width: 10px;height: 10px;}
	.ixPart2 .row .conDiv{margin-bottom: 10px;}
	.ixPart2 .row .conDiv .li .title,.ixPart2 .row .conDiv .li span{font-size: 16px;}
	.iTitle{font-size: 20px;}
	.iTitle span{font-size: 12px;}
	.ixPart3 .row>div{margin-bottom: 20px;}
	.ixPart4 .row>div{margin-bottom: 20px;}
	.ixPart4:before{height: 98%;}
	.ixPart6 .leftDiv{width: 100%;}
	.ixPart6 .rightDiv{width: 100%;margin-top: 20px;}
	.footer .hdDiv .p{padding: 20px 0;}
	.footer .hdDiv .row>div:nth-child(2){text-align: left;}
	.footer .row>div .ewmDiv{display: block;margin: 0 auto;text-align: center;}
	.footer .bdDiv{font-size: 14px;}
	.inBanner{height: 30vw;}
	.newsDiv .leftDiv{width: 100%;}
	.newsDiv .leftDiv ul{overflow: hidden;}
	.newsDiv .leftDiv ul li{width: 33.3%;float: left;}
	.newsDiv .rightDiv{width: 100%;padding: 0;margin-top: 10px;}
	.newsDiv .rightDiv ul li{margin-bottom: 20px;}
	.newsDiv .rightDiv ul li .dateDiv{width: 76px;font-size: 14px;padding: 10px 0;}
	.newsDiv .rightDiv ul li .dateDiv span{font-size: 30px;}
	.newsDiv .rightDiv ul li .textDiv{padding-left: 90px;padding-top: 8px;padding-right: 8px;}
	.newsDiv .rightDiv ul li .title{font-size: 16px;}
	.newsDiv .rightDiv ul li p{font-size: 14px;margin-top: 3px;}
	.pageDiv{font-size: 12px;}
	.pageDiv a, .pageDiv span{font-size: 12px;margin: 0 2px;}
	.articleDiv .title{font-size: 18px;}
	.articleDiv .clickDate{font-size: 14px;}
	
}