﻿/*
 * index
 */
.substance{
	width: 100%;
}

.middle{
                width: 1200px;
                margin: 0 auto;}
            .friend_link{
                margin-top: 50px;
                 height:200px;border-top:3px solid #015293;}
            .friend_top{
                width: 100%;}
            .friend_top div{
                float: left;
                width: 170px;margin:0 30px;
                height: 45px;
                text-align: center;
                font-size:16px;
                line-height: 45px;
                margin-right: 12px;}
            .friend_top div.on{
                background: url(../images/hh03.png) center right no-repeat;
                color: #000;}
            .friend_bot ul{
                padding: 10px 0;}
            .friend_bot li{
                float: left;
                margin: 0 15px;  }

.friend_bot li a{ color:#666}




.scrolldoorFrame {
    width: 560px;
    margin: 0px auto;
    overflow: hidden;
}

.scrollUl {
    width: 560px;
    overflow: hidden;
    height: 42px;
    background: url() bottom repeat-x;
}

.scrollUl li {
    float: left;
}

.bor03 {
    border-top-width: 0px;
}

.sd01 {
    cursor: pointer;
    background: url() bottom repeat-x;
    color: #000;
    width: 97px;
    height: 42px;
    text-align: center;
    font-weight: bold;
    line-height: 42px;
    font-size: 18px;
    margin: 0 10px;
}

.sd01 a {
    color: #fff;
}

.sd02 {
    cursor: pointer;
    color: #000;
    line-height: 42px;
    text-align: center;
    width: 97px;
    font-size: 18px;
    margin: 0 10px;
}

.sd02 a {
    color: #000;
}

















.ahhht{height:48px;width:100%;margin-bottom:20px;margin-top: 18px;}
.ahhht ul li{
	width: 75px;    float: left;
	height: 48px;
	background: url(../images/guide.png) no-repeat 173px center;
	border: 1px solid #dbdbdb;
	text-align:center;
	line-height: 48px; margin-right:15px;margin-bottom: 10px;
	
}



.ahhht ul li:hover{
	border: 1px solid #014a84;
}
.ahhht ul li a{
	display: block;
	font-size: 15px;
	color: #555;
}



















.rich li{ float:left; height:100px; width:391px}

.topLine{
	width: 1198px;
	height: 90px;
	border: 1px solid #e0f0ff;
	margin-top: 14px;
	background: #e0f0ff;
}
.toplinebg{
	width: 1190px;
	height: 94px;
	background: url(../images/headlines.png) no-repeat 10px 16px;
	padding-right: 162px;
	margin: 1px;
	overflow: hidden;
}
.toplinebg h3{
	color: #c9000e;
	font-size: 28px; width:1066px;float:right;
	font-weight: 600;
	text-align: center;
	margin-top: 18px;
}
.toplinebg h3 a{color: #c9000e;}


.toplinebg ul{
	margin: 0 auto;
	
}
.toplinebg li{
	float: left;
	margin-right: 15px;
}
.topLineNew{
	width: 1020px;
	margin: 10px 0 0 160px;
}
.topLineNew>a{
	color: #c9000e;
}
/*=========xwyw-img=========*/
.aliNews{
	margin-top: 16px;
}
.xwyw-img.slideBox {
	float: left;
	width: 662px;
	position: relative;
}

.xwyw-img.slideBox .banner_img {
	overflow: hidden;
	position: relative;
	width: 662px;
	height: 375px;
}

.xwyw-img.slideBox .banner_img li {
	float: left;
	width: 662px;
	height: 375px;
	position: relative;
	font-size: 16px;
	color: #fff;
}

.xwyw-img.slideBox .banner_img li img {
	width: 662px;
	height: 375px;
}

.xwyw-img.slideBox .banner_img .mask {
	width: 662px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	z-index: 100;
	background: url(../images/bg2.png) repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center;
}

.xwyw-img.slideBox .banner_img .mask p {
	width: 290px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	float: left;
}

.xwyw-img.slideBox .banner_li {
	position: absolute;
	right: 15px;
	bottom: 13px;
	z-index: 100;
}

.xwyw-img.slideBox .banner_li li {
	float: left;
	width: 10px;
	height: 10px;
	line-height: 10px;
	background: url(../images/focus1.png) no-repeat;
	margin-left: 6px;
	font-size: 14px;
}

.xwyw-img.slideBox .banner_li li.on {
	background: url(../images/focus2.png) no-repeat;
}

.xygk {
	margin-top: 20px;
}

.xygk .xy {
	height: 100px;
	width: 100%;
	line-height: 30px;
	font-size: 15px;
	overflow: hidden;
}

.xygk .xy a {
	color: #d32f2f;
}
.aliNews1{
	width: 515px;
	
}
.newsTitle{
	border-bottom: 2px solid #014A84;position: relative;
}
.newsTitle li{
	width: 90px;
    height: 34px;
    background: #EEEEEE;
    line-height: 34px;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 7px;
    cursor: pointer;
}
.newsTitle li.on{
	background: #014A84;
}
.newsTitle li h2{
    font-size: 16px;
    height: 34px;
    color: #333;
    text-align: center;
}
.newsTitle li.on h2{
	color: #fff;
}
/*.newsTitle li .hide{
	display: none;
}*/
.newsTitle li .more{
	position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 20px;
    font-size: 16px;
    color: #014A84;
    line-height: 20px;
    text-align: center;
    margin-top: 7px;
}
.newsTitle li.on a.hide{
	display: block;
}
.newsTitle li:hover{
	background: #014A84;
}
.newsTitle li:hover h2{
	color: #fff;
}
.newsContent{
	width: 515px;
	height: 339px;
	overflow: hidden;
}
.newsContent ul{
	margin-top: 13px;
}
.newsContent li{
	margin-top: 7px;
	background: url(../images/spot_03.png) no-repeat 13px center;
    text-indent: 27px;
}
.newsContent li a{
	display: block;
	color: #555555;
	font-size: 14px;
}
.newsContent li a span{
	float: right;
}
.newsContent li:hover a{
	color: #014A84;
}
/*è¥¿è—æ–°é—»*/
.trendsL{
	width: 584px;
	margin-top: 20px;
}
.trendsL>ul{
	border-top: 2px solid #014A84;
	border-bottom: 1px solid #cadbeb;
	border-left: 1px solid #cadbeb;
	border-right: 1px solid #cadbeb;
	position: relative;
}
.trendsL>ul li{
	width: 110px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 7px;
    cursor: pointer;
}
.trendsL>ul li h2{
	font-size: 18px;
    height: 37px;
    color: #333;
    text-align: center;
    font-weight: bold;
}
.trendsL>ul li .more{
	position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 20px;
    font-size: 16px;
    color: #014A84;
    line-height: 20px;
    text-align: center;
    margin-top: 7px;
}
.trendsL>ul li.on{
	background: #014A84;
	color: #fff;
}
.trendsL>ul li.on h2{
	color: #fff;
}
.trendsLContent{
	margin-top: 9px;
	border: 1px solid #ccdcec;
}
.trendsLContent ul{
	margin-bottom: 10px;
}
.trendsLContent li{
	height: 32px;
	line-height: 32px;
	background: url(../images/spot_03.png) no-repeat 13px center;
	text-indent: 27px;
	margin-top: 8px;
}
.trendsLContent li a{
	display: block;
	color: #555555;
}
.trendsLContent li a span{
	float: right;
	margin-right: 19px;
}
.trendsLContent li:hover a{
	color: #014A84;
}
.trendsR{
	width: 596px;
	margin-top: 22px;
}
.trendsR h3{
	border-top: 2px solid #014A84;
	border-bottom: 1px solid #cadbeb;
	border-left: 1px solid #cadbeb;
	border-right: 1px solid #cadbeb;
	line-height: 37px;
	height: 37px;
}
.trendsR h3 span{
	display: inline-block;
	width: 139px;
	text-indent: 49px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background: #014A84 url(../images/trendsR.png) no-repeat 17px center;
}
.trendsever1 li{
	float: left;
	width: 138px;
	height: 125px;
	margin:  19px 0 0 14px;
}
.trendsever1 .trendseverli1{
	background: #257fd7 url(../images/person1.png) no-repeat center 23px;
	margin-left: 0;
}
.trendseverli2{
	background: #36c5d3 url(../images/person2.png) no-repeat center 23px;
}
.trendseverli3{
	background: #8b4c3a url(../images/person3.png) no-repeat center 17px;
}
.trendseverli4{
	background: #f2a732 url(../images/person4.png) no-repeat center 21px;
}
.trendsever1 li a{
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.trendseverli1 a{
	padding-top: 72px;
}
.trendseverli2 a{
	padding-top: 71px;
}
.trendseverli3 a{
	padding-top: 72px;
}
.trendseverli4 a{
	padding-top: 72px;
}
.trendsever2 li{
	float: left;
	width: 288px;
	height: 130px;
	text-indent: 130px;
	line-height: 130px;
	margin: 19px 0 0 19px;
}
.trendsever2 .trendseverli5{
	background: #e9613b url(../images/person5.png) no-repeat 71px center;
	margin-left: 0;
}
.trendseverli6{
	background: #a079ee url(../images/person6.png) no-repeat 71px center;
}
.trendseverli1:hover{
	background-color: #1569bb;
}
.trendseverli2:hover{
	background-color: #1c9ba7;
}
.trendseverli3:hover{
	background-color: #6e3626;
}
.trendseverli4:hover{
	background-color: #d89224;
}
.trendseverli5:hover{
	background-color: #cc4d2a;
}
.trendseverli6:hover{
	background-color: #845cd5;
}
.trendsever2 li a{
	display: block;
	color: #FFFFFF;
	font-size: 16px;
}
.rich{
	width: 1200px;height:100px;
	margin-top: 20px;
}
.rich a{
	display: block;
}
.information{
	margin-top: 20px;
}
.inforL{
	width: 793px;
	border: 1px solid #cbdbeb;
}
.inforR{
	width: 381px;
}
.inforRTop{
	border: 1px solid #cbdbeb;
}
.inforL1{
	margin: 5px 0 0 2px;
	background: #f8f8f8;
	height: 43px;
	line-height: 43px;
	border-bottom: 1px solid #cbdbeb;
}
.inforL1 h2{
	width: 180px;
	height: 43px;
	background: #014a84 url(../images/affairs.png) no-repeat 19px center;
	font-size: 18px;
	font-weight: bold;
	text-indent: 56px;
	color: #fff;
}
.inforL2{
	margin: 20px 0 0 16px;
}
.guideL{
	width: 215px;
	margin-bottom: 15px;
}
.guideTitle{
	width: 215px;
	height: 40px;
	background: #014A84;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
}
.guideL li{
	width: 213px;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ededed;
	background-position: 30px center;
	margin-top: 8px;
	cursor: default;
	position: relative;
}
.guide0{
	background: url(../images/affairs0.png) no-repeat;
}
.guide1{
	background: url(../images/affairs5.png) no-repeat;
}
.guide2{
	background: url(../images/affairs4.png) no-repeat;
}
.guide3{
	background: url(../images/affairs3.png) no-repeat;
}
.guide4{
	background: url(../images/affairs2.png) no-repeat;
}
.guide5{
	background: url(../images/affairs1.png) no-repeat;
}
.guide6{
	background: url(../images/affairs5.png) no-repeat;
}
.guide7{
	background: url(../images/affairs4.png) no-repeat;
}
.guideL li a{
	display: block;
	padding-left: 75px;
}
.guideL li:hover{
	background: #014A84;
}
.guideL li:hover a{
	color: #fff;
}
.guideL li:hover span{
	display: none;
}
.guideL li a span{
	position: absolute;
	right: 30px;
}
.guideL li.active{
	background: #014A84;
}
.guideL li.active a{
	color: #fff;
}
.guideL li.active span{
	display: none;
}
.fileT ul{
	border-bottom: 1px solid #cbdbeb;
	position: relative;
}
.fileT li{
	float: left;
}
.fileT li h2{
	font-size: 16px;
    height: 37px;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-right: 50px;
    cursor: default;
}
.fileT li h2.on{
	border-bottom: 2px solid #014A84;
}
.fileT li .more{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 37px;
	color: #1b50a0;
	font-size: 16px;
}
.fileB li a{
	display: block;
	font-size: 14px;
	background: url(../images/affairson.jpg) no-repeat 0 center;
	padding-left: 15px;
	margin-top: 10px;
}
.fileB li a span{
	float: right;
}
.fileB li:hover a{
	color: #014a84;
}
.guideR{
	width: 513px;
	margin-right: 19px;
}
.inforR ul{
	width: 340px;
	margin: 15px auto;
}
.inforR li{
	float: left;
	width: 62px;
	background: url(../images/exchangeborder.png) no-repeat;
	margin: 0 25px;
}
.inforR li a{
	display: block;
}
.inforR li a span{
	margin-top: 14px;
}
.mailbox{
	margin: 16px;
}
.inforR li:hover{
	background: url(../images/exchangehover.png) no-repeat;
}
.mailbox1{
	height: 62px;
	background: url(../images/exchange3.png) no-repeat center;
}
.mailbox2{
	height: 62px;
	background: url(../images/exchange1.png) no-repeat center;
}
.mailbox3{
	height: 62px;
	background: url(../images/exchange2.png) no-repeat center;
}
.inforR li:hover .mailbox1{
	background: url(../images/exchange4.png) no-repeat center;
}
.inforR li:hover .mailbox2{
	background: url(../images/exchange5.png) no-repeat center;
}
.inforR li:hover .mailbox3{
	background: url(../images/exchange6.png) no-repeat center;
}
.inforRBot{
	width: 380px;
	height: auto;
	
	margin-top: 13px;
}
.inforRBot img{width:380px; height:108px;margin-bottom:15px;}
.project{
	width: 100%;
	margin-top: 20px;
}
.projectL{
	width: 589px;
	margin-left: 18px;
	border: 1px solid #ccddec;
}
.projectL1{
	margin-left: 0;
}
.projectL ul{
	margin: 8px 0;
}
.projectL li{
	margin-top: 8px;
}
.projectL li a{
	display: block;
	background: url(../images/spot_03.png) no-repeat 10px center;
	padding-left: 23px;
	font-size: 14px;
}
.projectL li a span{
	float: right;
	color: #555;
	margin-right: 18px;
}
.inforL1 a{
	margin-right: 18px;
	color: #014a84;
}
.projectL li:hover a{
	color: #014a84;
}
.inforL1 .promotion1{
	background: #014a84 url(../images/attract1.png) no-repeat 19px center;
}
.inforL1 .promotion2{
	background: #014a84 url(../images/attract2.png) no-repeat 19px center;
}
/*
 * èµ°è¿›é˜¿é‡Œ
 */
.survey{
	margin-bottom: 40px;
}
.surveyImg{
	margin-top: 31px;
	width: 650px;
}
.aliSurvey{
	width: 521px;
	margin-top: 20px;
}
.aliSurvey h3{
	font-size: 24px;
	height: 34px;
	border-bottom: 1px solid #037edb;
	margin-top: 33px;
}
.aliSurvey h3 em{
	display: inline-block;
	height: 22px;
	width: 3px;
	background: #014a84;
	margin-right: 11px;
}
.aliSurvey p{
	margin-top: 25px;
	text-indent: 2em;
}
.aliSurvey a{
	color: #014a84;
	margin-top: 35px;
}
/*
 * åŽ†å²æ–‡åŒ–
 */
.history{
	width: 100%;
	height: auto;
	background: #f8f8f8;
}
.history ul{
	padding: 30px 0 50px;
}
.history ul li{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
}
.history ul li.historyM{
	margin-left: 0;
}
.history ul li a{
	display: block;
}
.historyBg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: url("../images/bg3.png") repeat;
	line-height: 50px;
	text-align: center;
}
.historyBg a{
	display: block;
	color: #fff;
	font-size: 16px;
}
.historyBgHover{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 386px;
	height: 230px;
	background: url(../images/bg2.png) repeat;
	line-height: 230px;
	text-align: center;
}
.historyBgHover a{
	display: block;
	color: #fff;
	font-size: 24px;
}
.history ul li:hover .historyBg{
	display: none;
}
.history ul li:hover .historyBgHover{
	display: block;
}
/*
 * å›¾è¯´é˜¿é‡Œ
 */
.graph{
	width: 100%;
	margin: 38px 0;
}
.graph h3{
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	color: #014a84;
	margin: 0px 0 17px;
}
.graph h3 a{
	font-size: 24px;
	color: #014a84;
}
.graph h3 em{
	width: 3px;
	height: 22px;
	background: #014A84;
	float: left;
	margin-right: 19px;
	margin-top: 5px;
}
.graph1{
	width: 300px;
	height: 410px;
	position: relative;
	overflow: hidden;
}
.graph3{
	width: 270px;
	height: 400px;
	position: relative;
	overflow: hidden;
}
.graph img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.graph a{
	display: block;
}
.graph2{
	width:900px;
}
.graph2 li{
	position: relative;
	overflow: hidden;
	width: 290px;
	height: 190px;
	float: left;
	margin-left: 10px;
}
.graph2 li a{
	display: block;
}
.graph2 li.graphLi{
	margin-bottom: 10px;
	height: 200px;
}

/*
 * å½±éŸ³é˜¿é‡Œ
 */
.news{
	width: 100%;
	height: auto;
	background: #EEEEEE;
	padding-top: 1px;
	padding-bottom: 35px;
}
.video{
	background: #fff;
	padding: 0px 0 29px 29px;
}
.videos{
	margin-top: 1px;
	padding: 29px 0 29px 29px;
    min-height: 400px;
}
.video h3{
	width: 1140px;
	height: auto;
	border-bottom: 1px solid #014A84;
}
.video h3 span{
	display: inline-block;
	width: 140px;
	height: 41px;
	background: #014A84;
	line-height: 41px;
	text-align: center;
	color: #fff;
	font-size: 22px;
}
.video h3 a{
	float: right;
	font-size: 18px;
	color: #014a84;
}
.video ul{
	margin-top: 20px;
}
.video ul li{
	float: left;
	margin-left: 20px;
	position: relative;
}
.video ul li.video1{
	margin-left: 0;
}
.video ul li a{
	display: block; position:relative;     overflow: hidden;
}


.video ul li img{transition: all 0.8s;}
.video ul li:hover img{cursor:pointer;  transform: scale(1.1); text-align:center;} 




.video ul li p{
	height: 38px;
	line-height: 38px;
	text-align: center;
}
.video ul li:hover a{
	color: #014A84;
}
.play{
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 50%;
	margin-top: -40px;
	width: 40px;
	height: 40px;
	background: url(../images/videoplay.png) no-repeat;
}


/*
 * äº’åŠ¨äº¤æµ
 */
.follow{
	width: 100%;
}
.followL{
	width: 670px;
	margin: 19px 0;
}
.followL h3{
	border-bottom: 1px solid #dbdbdb;
}
.followL h3 span{
	display: inline-block;
	width: 139px;
	height: 41px;
	background: #1b50a0;
	line-height: 41px;
	text-align: center;
	color: #fff;
	font-size: 24px;
}
.followL ul li{
	background: url(../images/spot_03.png) no-repeat 0 center;
	margin-top: 15px;
}
.followL ul li a{
	display: block;
	padding-left: 10px;
	font-size: 16px;
	color: #555555;
}
.followL ul li a span{
	float: right;
	font-size: 14px;
	color: #777777;
}
.followL ul li:hover a{
	color: #1b50a0;
}
.follow1{
	margin-top: 20px;
}
.followR{
	width: 509px;
	height: 278px;
	background: #f7f6f6 url(../images/bg4.png) no-repeat;
	margin: 19px 0;
}
.followR h3{
	font-size: 24px;
	color: #1b50a0;
	margin-left: 34px;
	padding-top: 11px;
}
.followR h3 a{
	float: right;
	font-size: 18px;
	margin-right: 29px;
	color: #1B50A0;
}
.visit ul{
	margin: 0 35px;
	padding-bottom: 15px;
}
.visit ul li{
	margin-top: 14px;
	background: url(../images/spot_03.png) no-repeat 0 center;
}
.visit ul li a{
	display: block;
	font-size: 16px;
	color: #555555;
	padding-left: 10px;
}
.visit ul li a span{
	float: right;
	color: #777777;
	font-size: 14px;
}
.visit ul li:hover a{
	color: #1b50a0;
}
.area{
	width: 510px;
	height: 210px;
	background: #f7f6f6 url(../images/bg4.png) no-repeat;
	margin-top: 20px;
}
.area h3{
	font-size: 24px;
	color: #1b50a0;
	margin-left: 34px;
	padding-top: 11px;
}
.area ul{
	margin-left: 20px;
}
.area ul li{
	float: left;
	width: 140px;
	height: 45px;
	border: 1px solid #e6e4e4;
	line-height: 45px;
	margin-top: 17px;
	margin-left: 15px;
}
.area ul li a{
	display: block;
	font-size: 16px;
	padding-left: 55px;
}
.area1{
	background: #EEEEEE url(../images/interaction1.png) no-repeat 21px center;
}
.area2{
	background: #EEEEEE url(../images/interaction2.png) no-repeat 21px center;
}
.area3{
	background: #EEEEEE url(../images/interaction3.png) no-repeat 21px center;
}
.area4{
	background: #EEEEEE url(../images/interaction4.png) no-repeat 21px center;
}
.area5{
	background: #EEEEEE url(../images/interaction5.png) no-repeat 21px center;
}
.area6{
	background: #EEEEEE url(../images/interaction6.png) no-repeat 21px center;
}
.area ul li:hover{
	background-color: #fff;
} 
.interview{
	width: 510px;
	height: 203px;
	background: #f7f6f6 url(../images/bg4.png) no-repeat;
	margin-top: 20px;
}
.interviewPlay{
	margin: 20px 0 0 35px;
	position: relative;
}
.interviewR{
	width: 270px;
	margin: 20px 0 0 17px;
}
.followR .interviewR h3{
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.followR .interviewR p{
	font-size: 14px;
}
.followR .interviewR a{
	font-size: 15px;
	color: #d70407;
}
.followR .interviewPlay .play1{
	top: 80px;
}


/*
 * æ”¿åŠ¡å…¬å¼€
 */
.areas{
	width: 100%;
	height: auto;
	background-color: #fff;
	margin-top: 30px;
}
.areasLeft{
	width: 645px;
	height: auto;
}


.areasLeft h4{
	border-bottom: 2px solid #014A84;
	margin: 0px 0 15px 0;
}
.areasLeft h4 span{
	display: inline-block;
	width: 123px;
	height: 44px;
	background: #014a84;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 20px;
}
.areasLeft h4 a{
	float: right;
	font-size: 16px;
	font-weight: 600;
	color: #014A84;
}















.areasBot{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.areasL{
	float: left;
	width: 160px;
	height: 200px;
	margin: 0px 0 0px 0px;
}
.areasL a{
	display: block;
	width: 100%;
	height: 100%;
}
.areasL a img{
	width: 100%;
	height: 100%;
}
.areasR{
	width: 430px;
	float: left;
	margin: 0px 0px 0 30px;
	overflow: hidden;
}
.areasR h3{
	font-size: 18px;
}
.key{
	margin-top: 25px;
	height: 30px;
	overflow: hidden;
}
.key li{
	float: left;
	padding: 0 15px;
	background-color: #d6f4ff;
	line-height: 30px;
	text-align: center;
	color: #555;
	cursor: default;
}
.key li+li{
	border-left: 0;
	margin-left: 10px;
}
.key1{
	border-top: 1px solid #CCCCCC;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}
.key1 p{
	padding-top: 10px;
	color: #555;
	cursor: default;
}
.areasRight{
	width: 510px;
	height: auto;
}
.areasRight h4{
	width: 100%;
	height: 49px;
	text-indent: 1em;
	border-bottom: 1px solid #CCCCCC;
}
.areasRight h4 span{
	display: block;
	width: 3px;
	height: 24px;
	background-color: #014a84;
	margin-top: 5px;
}
.areasRight h4 a{
	display: block;
	width: 200px;
	height: 50px;
	font-size: 24px;
	color: #014a84;
}
.areasRight>ul li{
	width: 248px;
	height: 37px;
	background: url(../images/guide.png) no-repeat 173px center;
	border: 1px solid #dbdbdb;
	text-indent: 2em;
	line-height: 37px;
	margin-top: 17px;
}



.areasRight>ul li:hover{
	border: 1px solid #014a84;
}
.areasRight>ul li a{
	display: block;
	font-size: 15px;
	color: #555;
}
.plan{
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
}
.planLeft{
	width: 887px;
	height: auto;
	margin-top: 30px;
}
.planning{
	width: 100%;
	height: 365px;
	background-color: #fff;
	margin-bottom: 30px;
	overflow: hidden;
}
.planning .Standard{
	margin: 20px 0 0 20px;
	height: auto;
	
}
.planning .Standard>li{
	float: left;
	padding: 0 14px;
	text-align: center;
	line-height: 46px;	
	border-bottom: 1px solid #dbdbdb;
}
.planning .Standard>li a{
	display: block;
	color: #014a84;
	font-size: 18px;
}
.planning .Standard .lc{
	background-color: #014a84;
}
.planning .Standard .lc a{
	color: #fff;
}
.planning .Standard>li:hover{
	background-color: #014a84;
}
.planning .Standard>li:hover a{
	color: #fff;
}
.try1{
	margin: 0 20px;
	height: auto;
}
.try1 li{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	line-height: 30px;
	margin-top: 15px;
}
.try1 li a{
	display: block;
	
	overflow: hidden;
	color: #555;
	font-size: 16px;
}
.try1 li a:hover{
	color: #014a84;
}
.try1 li span{
	position: absolute;
	top: 0;
	right: 10px;
	display: block;
	line-height: 30px;
	background-color: #fff;
	z-index: 11;
	color: #777;
	font-size: 14px;
	cursor: default;
}
.planRight{
	width: 290px;
	height: auto;
	background-color: #fff;
	margin-top: 30px;
}
.planRight h4{
	width: 270px;
	height: 50px;
	text-indent: 1em;
	margin: 30px 30px 0px 30px;
}
.planRight h4 span{
	display: block;
	width: 3px;
	height: 24px;
	background-color: #014a84;
	margin-top: 5px;
}
.planRight h4 a{
	display: block;
	width: 100%;
	height: 50px;
	font-size: 24px;
	color: #014a84;
}
.reform{
	width: 249px;
	height: 648px;
	border: 1px solid #dbdbdb;
	margin: 0px 30px 30px 30px;
}
.reform li{
	float: left;
	margin: 5px 22px 0;
}
.reform li a{
	color: #555;
	font-size: 16px;
}
.reform li:hover a{
	color: #014a84;
}
.reformMore{
	width: 210px;
	height: 46px;
	background-color: #014a84;
	line-height: 46px;
	text-align: center;
	margin: 20px 18px;
}
.reformMore a{
	display: block;
	color: #fff;
}
.leadActive h3{
	border-bottom: 2px solid #014A84;
	margin: 30px 0 15px 0;
}
.leadActive h3 span{
	display: inline-block;
	width: 123px;
	height: 44px;
	background: #014a84;
	color: #fff;
	text-align: center;
	line-height: 44px;
	font-size: 20px;
}
.leadActive h3 a{
	float: right;
	font-size: 16px;
	font-weight: 600;
	color: #014A84;
}
.leadActive ul li{
	float: left;
	margin-left: 16px;
	line-height: 45px;
}
.leadActive ul li.leadActive1{
	margin-left: 0;
}
.leadActive ul li a{
	display: block;
}
.leadActive ul li>p{
	text-align: center;
}
.planning .Standard1{
	border-bottom: 1px solid #dbdbdb;
	margin-right: 20px;
}
.planning .Standard1 li{
	border-bottom: 0;
}
.leadActive ul li:hover a{
	color: #014A84;
}

/*
 * åŠžäº‹æœåŠ¡
 */
.office{
	width: 100%;
	height: 360px;
	background: url(../images/officebg.jpg) no-repeat center top;
	max-width: 1920px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.office ul{
	width: 800px;
	margin: 120px auto;
}
.office li{
	float: left;
	width: 140px;
	height: 120px;
	margin-left: 25px;
}
.office li.office1{
	margin-left: 0;
	background: url(../images/officebg1.png) repeat;
}
.office li.office1 a{
	background: url(../images/office1.png) no-repeat center 23px;
}
.office li.office2{
	background: url(../images/officebg2.png) repeat;
}
.office li.office2 a{
	background: url(../images/office2.png) no-repeat center 23px;
}
.office li.office3{
	background: url(../images/officebg3.png) repeat;
}
.office li.office3 a{
	background: url(../images/office3.png) no-repeat center 23px;
}
.office li.office4{
	background: url(../images/officebg4.png) repeat;
}
.office li.office4 a{
	background: url(../images/office4.png) no-repeat center 23px;
}
.office li.office5{
	background: url(../images/officebg5.png) repeat;
}
.office li.office5 a{
	background: url(../images/office5.png) no-repeat center 23px;
}
.office li a{
	display: block;
	height: 100%;
}
.office li p{
	padding-top: 75px;
	color: #fff;
	font-size: 16px;
}
li.office1:hover{
	background-color: #45aef2;
}
li.office2:hover{
	background-color: #df983b;
}
li.office3:hover{
	background-color: #4cbab6;
}
li.office4:hover{
	background-color: #3dabf3;
}
li.office5:hover{
	background-color: #73b762;
}
/*
 * åŠžäº‹æœåŠ¡
 */
.tubiao{
	width: 1200px;
	margin: 30px auto 30px;
}
.tb-l{
	width: 861px;
	height: 383px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 10px 17px 0 20px;
}
.tbtit ul li{
	width: 150px;
	height: 50px;
	float: left;
	font-size: 16px;
	line-height: 50px;
	color: #555;
	text-align: center;
	cursor: pointer;
}
.tbtit ul .active{
	height: 48px;
	background: #fff;
	border-top: 2px solid #037EDB;
}
.tbcon {
	width: 860px;
	height: 280px;
	padding-top: 10px;
	background: #fff;overflow:hidden; overflow-y: scroll;
}
.tbcon .tbcon1>ul>li,
.tbcon .tbcon2>ul>li,
.tbcon .tbcon3>ul>li{
	width: 154px;
	height: 48px;
	border: 1px solid #ededed;
	float: left;
	margin: 10px 6px;
	font-size: 16px;
	line-height: 50px;
	text-indent: 4em;
	color: #555;
	position: relative;
}
.tbcon .tbcon1>ul>li:hover{
	border-color: #014A84;
}
.tbcon .tbcon2>ul>li:hover{
	border-color: #014A84;
}
.tbcon .tbcon3>ul>li:hover{
	border-color: #014A84;
}
.tbli1{
	background: url(../images/work1.png) no-repeat 10px center;
}
.tbli2{
	background: url(../images/work2.png) no-repeat 10px center;
}
.tbli3{
	background: url(../images/work3.png) no-repeat 10px center;
}
.tbli4{
	background: url(../images/work4.png) no-repeat 10px center;
}
.tbli5{
	background: url(../images/work5.png) no-repeat 10px center;
}
.tbli6{
	background: url(../images/work6.png) no-repeat 10px center;
}
.tbli7{
	background: url(../images/work7.png) no-repeat 10px center;
}
.tbli8{
	background: url(../images/work8.png) no-repeat 10px center;
}
.tbli9{
	background: url(../images/work9.png) no-repeat 10px center;
}
.tbli10{
	background: url(../images/work10.png) no-repeat 10px center;
}
.tbli11{
	background: url(../images/work11.png) no-repeat 10px center;
}
.tbli12{
	background: url(../images/work12.png) no-repeat 10px center;
}
.tbli13{
	background: url(../images/work13.png) no-repeat 10px center;
}
.tbli14{
	background: url(../images/work14.png) no-repeat 10px center;
}
.tbli15{
	background: url(../images/work15.png) no-repeat 10px center;
}
.tbli16{
	background: url(../images/work16.png) no-repeat 10px center;
}
.tbli17{
	background: url(../images/work17.png) no-repeat 10px center;
}
.tbli18{
	background: url(../images/work18.png) no-repeat 10px center;
}
.tbli19{
	background: url(../images/work19.png) no-repeat 10px center;
}
.tbli20{
	background: url(../images/work20.png) no-repeat 10px center;
}

.tbli20,.tbli21,.tbli22,.tbli23,.tbli24,.tbli25,.tbli26,.tbli27,.tbli28,.tbli29,.tbli30,.tbli31,.tbli32,.tbli33,.tbli34,.tbli35,.tbli36,.tbli37,.tbli38,.tbli40,.tbli41,.tbli42,.tbli43,.tbli44,.tbli45,.tbli46,.tbli47,.tbli48,.tbli49,.tbli50,.tbli51,.tbli52,.tbli53,.tbli54,.tbli55,.tbli56{
	background: url(../images/work20.png) no-repeat 10px center;
}












.tbcon .tbcon1>ul>li a,
.tbcon .tbcon2>ul>li a,
.tbcon .tbcon3>ul>li a{
	display: inherit;
	font-size: 15px;
}
.tbcon .tbcon1>ul>li span,
.tbcon .tbcon2>ul>li span,
.tbcon .tbcon3>ul>li span{
	display: block;
	width: 2px;
	height: 17px;
	background: #ededed;
	position: absolute;
	top: 17px;
	left: 50px;
}
.tbqh {
	width: 70px;
	margin: 20px auto 0;
}
.tbqh .xz{
	background: #037EDB;
}
.tbqh li{
	width: 30px;
	height: 3px;
	background: #dbdbdb;
	margin: 0 2px 0 3px;
	float: left;
}
.tb-r{
	width: 230px;
	height: 373px;
	border: 1px solid #ccc;
	padding: 19px 19px 0 19px;
}
.tb-r a{
	display: block;
	width: 230px;
	height: 110px;
	margin-bottom: 13px;
}
.tb-r a img{
	width: 100%;
	height: 100%;
}
.consult{
	margin: 10px 0 30px 0;
}
.consult ul li{
	float: left;
	width: 276px;
	height: 60px;
	margin-left: 32px;
	line-height: 60px;
}
.consult ul li.consult1{
	margin-left: 0;
	background: #e9e9e9 url(../images/consult1.png) no-repeat;
}
.consult2{
	background: #e9e9e9 url(../images/consult2.png) no-repeat;
}
.consult3{
	background: #e9e9e9 url(../images/consult3.png) no-repeat;
}
.consult4{
	background: #e9e9e9 url(../images/consult4.png) no-repeat;
}
.consult ul li a{
	display: block;
	font-size: 19px;
	padding-left: 110px;
}

/*å·¦ä¾§æµ®åŠ¨å›¾ç‰‡*/
#zfd{
	width: 172px;
	position: fixed;
	top: 10%;
	left: 7.5%;
}
#gb{
	background: url(../images/gb.jpg) no-repeat center center;
    display: block;
    width: 170px;
    height: 30px;
    border: 1px solid #014A84;
    margin: 0 auto;
}
/*å³ä¾§æµ®åŠ¨å›¾ç‰‡*/
#yfd{
	width: 88px;
	height: 240px;
	background: #e8e8e8;
	position: fixed;
	top: 30%;
	right: 2%;
}
.yfd1,.yfd2,.yfd3,.yfd4{
	padding-top: 13px;
	height: 66px;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #c6c6c6;
}
#yfd .yfd4{
	border-bottom: none;
}
.erweima{
	position: absolute;
	right: 88px;
	top: 0;
	width: 150px;
	height: 150px;
	padding: 5px;
	background-color: #ccc;
	display: none;
}
.erweima img{
	width: 150px;
	height: 150px;
}
#zfd{
	display: none;
}

.cont{padding:0px;}
.hidden{display:none;}
.scrolldoorFrame{width:1200px;overflow:hidden;}
.scrollUl{width:1200px;overflow:hidden;height:70px; margin:0 auto;}
.scrollUl li{float:left;}
.sd01{cursor:pointer; background:#a60c0e;font-family:"å¾®è½¯é›…é»‘";font-size:14px;height:40px; line-height:40px; color:#fff; font-size:14px;min-width:73px; margin-right:10px; text-align:center; }
.sd02{cursor:pointer; background:#a8a8a8;font-family:"å¾®è½¯é›…é»‘";font-size:14px;height:40px; line-height:40px; color:#fff; font-size:14px;min-width:73px; margin-right:10px; text-align:center; }