@charset "utf-8";
/* CSS Document */
.pop-alert{}
.pop-alert .popClose{ right: 0; top: 0; width: 52px; height: 52px; background: url(../image/pop_close.png) center no-repeat;}
.pop-alert .popDialog{ width: 724px; height: 250px; background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden;}
.pop-alert .popCont{ padding: 56px 100px;}
.pop-alert .p{ font-size: 24px; line-height: 32px; margin-bottom: 35px;}
.pop-alert .more{ display: block; width: 138px; margin: 0 auto; padding: 7px 0; text-align: center; font-size: 16px; background-color: #2e4e8f; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}

.pop-ask{}
.pop-ask .popClose{ right: 0; top: 0; width: 52px; height: 52px; background: url(../image/pop_close.png) center no-repeat;}
.pop-ask .popDialog{ width: 650px; height: 620px; border-radius: 8px; background-color: #fff;}
.pop-ask .form{ padding: 44px 60px;}
.pop-ask .head{ text-align: center; margin-bottom: 30px;}
.pop-ask .head .h1{ font-size: 26px;}
.pop-ask .list{ margin-bottom: 35px;}
.pop-ask .list li{ overflow: hidden;}
.pop-ask .list li + li{ margin-top: 12px;}
.pop-ask .list .label{ float: left; width: 75px; padding: 8px 0; color: #333; text-align: right;}
.pop-ask .list .detal{ overflow: hidden;}
.pop-ask .list .input{ overflow: hidden; padding: 8px 10px; border-radius: 8px; border: 1px solid #dcdcdc;}
.pop-ask .list .input input{ display: block; width: 100%; height: 21px; line-height: 21px;}
.pop-ask .list .input textarea{ display: block; width: 100%; height: 180px;}
.pop-ask .list .code{ float: right; width: 93px; height: 39px; background-color: #28437b; overflow: hidden; cursor: pointer;
	border-top-right-radius: 6px; border-bottom-right-radius: 6px;
}
.pop-ask .list .code img{ display: block; width: 100%;}
.pop-ask .list .code + .input{
	border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.pop-ask .more{ display: block; width: 138px; margin: 0 auto; padding: 7px 0; text-align: center; font-size: 16px; background-color: #2e4e8f; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}


.border{ border-top-right-radius: 6px; border-bottom-left-radius: 6px;}

.sidebar{ position: fixed; right: 1%; top: 50%; z-index: 5; opacity: 1; visibility: visible;
	-webkit-transition:all .2s;	
	-moz-transition:all .2s;	
	transition:all .2s;	
}
.sidebar.hide{ opacity: 0; visibility: hidden;}
.sidebar a{ position: relative; display: block; margin-bottom: 3px; padding: 14px 12px 14px 54px; background-color: #2e4e8f; line-height: 16px; color: #fff; overflow: hidden;}
.sidebar p{ width: 2em;}
.sidebar .ico{ position: absolute; left: 14px; top: 14px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sidebar a.odd{ border-top-left-radius: 8px; border-bottom-right-radius: 8px;}
.sidebar a.even{ border-top-right-radius: 8px; border-bottom-left-radius: 8px;}
.sidebar a.last{ border-top-left-radius: 8px; border-bottom-right-radius: 8px; margin-top: 10px; background-color: #456ab3;}
.sidebar a:hover .ico{
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.home1{ position: relative;}
.home1 .focus{ position: relative; overflow: hidden;}
.home1 .carousel{ overflow: hidden; height: 440px;}
.home1 .carousel li{ position: relative; float: left; height: 440px; background: center top no-repeat;}
.home1 .carousel li > a{ display: block; width: 100%; height: 100%;}
.home1 .focus .cont{ position: absolute; left: 50%; top: 138px; margin-left: -495px; width: 663px; height: 146px; background: url(../image/temp/png1.png) center top no-repeat; color: #fff; text-align: left;}
.home1 .focus .cont h1{ font-size: 48px; margin: 38px 0 20px 56px;}
.home1 .focus .cont h2{ font-size: 32px; margin-left: 56px;}
.home1 .focus .prev, .home1 .focus .next{ position: absolute; top: 0; width: 237px; height: 100%; background: left no-repeat; z-index: 2;}
.home1 .focus .prev{ left: 0; background-image: url(../image/prev1.png);}
.home1 .focus .next{ right: 0; background-image: url(../image/next1.png);}
.home1 .focus .prev:hover, .home1 .focus .next:hover{ background-position: right; background-color: rgba(0,0,0,0.1);}
.home1 .paging{ position: absolute; left: 0; bottom: 40px; width: 100%; font-size: 0; text-align: center; z-index: 2;}
.home1 .paging a{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px; background-color: #e7e7e7;}
.home1 .paging a.selected{ background-color: #2e4e8f;}
.home1 .paging span{ display: none;}
.home1 .codes{ position: absolute; left: 50%; top: 42px; bottom: 36px; margin-left: 308px; width: 307px; background: url(../image/opacity-b50.png); z-index: 2;} 
.home1 .codes h1{ padding-top: 88px; margin-bottom: 28px; font-size: 18px; color: #fff; text-align: center;} 
.home1 .codes ul{ overflow: hidden; padding: 0 32px;} 
.home1 .codes li{ float: left; margin: 0 5px; text-align: center;} 
.home1 .codes .img{ margin-bottom: 10px; background-color: #fff; padding: 11px; width: 87px; height: 87px;} 
.home1 .codes p{ color: #fff;}
.home1 .codes .ico{ display: inline-block; vertical-align: top; margin-right: 8px;}
.home1 .codes .ico img{ display: block;}

.home1 .notice{ position: absolute; left: 0; right: 0; bottom: -24px; padding: 13px 95px 13px 130px; background-color: #fff; border-radius: 8px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); z-index: 2;}
.home1 .notice .label{ position: absolute; left: 25px; top: 13px; padding-left: 34px; background: url(../image/ico5.png) left no-repeat; line-height: 22px;}
.home1 .notice ul{ overflow: hidden;}
.home1 .notice li{ line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home1 .notice .prev, .home1 .notice .next{ position: absolute; right: 24px; width: 16px; height: 16px; background: left no-repeat;}
.home1 .notice .prev{ top: 8px; background-image: url(../image/prev2.png);}
.home1 .notice .next{ bottom: 8px; background-image: url(../image/next2.png);}
.home1 .notice .prev:hover, .home1 .notice .next:hover{ background-position: right;}

.home2{ padding: 104px 0 80px;}
.home2 .head{ text-align: center; margin-bottom: 30px;}
.home2 .head h1{ font-size: 26px; margin-bottom: 18px;}
.home2 .head p{ color: #707070;}
.home2 .from{ width: 700px; margin: 0 auto;}
.home2 .from dl{ margin-bottom: 12px;}
.home2 .from dl:after{ content:''; display:block; height:0; visibility:hidden; clear:both;}
.home2 .from dl + dl dt{ padding: 9px 0;}
.home2 .from dt{ float: left; width: 170px; text-align: right;}
.home2 .from dt p{ color: #909090;}
.home2 .from dd{}
.home2 .from .input{ float: left; position: relative; width: 410px; margin-right: 10px; padding: 8px 40px 8px 0; border: 1px solid #dcdcdc; border-radius: 6px;}
.home2 .from .txt{ overflow: hidden; padding: 0 15px;}
.home2 .from .txt input{ width: 100%;}
.home2 .from .input button{ position: absolute; right: 2px; top: 2px; width: 33px; height: 33px; border-radius: 6px; background: #2e4e8f url(../image/ico11.png) center no-repeat; cursor: pointer;}
.home2 .from .selectWarp{ position: relative; float: left; width: 86px; border: 0;}
.home2 .from .selectWarp:before{ content: ''; position: absolute; right: 0; top: 6px; bottom: 6px; border-right: 1px solid #dcdcdc;}
.home2 .from .selectWarp .selectBtn{ padding: 0 20px 0 15px; line-height: 1.5; height: 21px;}
.home2 .from .selectWarp select{ cursor: pointer;}
.home2 .from .selectWarp .options{ top: 21px; max-height: 200px;}
.home2 .from .check{ float: left; margin: 9px 0;}
.home2 .from .check > a{ color: #2e4e8f; text-decoration: underline;}
.home2 .hot{ margin-bottom: 48px; text-align: center;}
.home2 .hot span{ color: #707070; margin-right: 6px;}
.home2 .hot a{ color: #2e4e8f; text-decoration: underline; margin: 0 6px;}
.home2 .table{ box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); text-align: center;}
.home2 .table li{ float: left; width: 330px; padding: 14px 0;}
.home2 .table li:first-child +li{ width: 490px;}
.home2 .thead{ padding: 0 40px; background-color: #2e4e8f; color: #fff; overflow: hidden;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home2 .tbody{ padding: 0 40px;}
.home2 .tbody ul{ overflow: hidden;}
.home2 .tbody ul + ul{ border-top: 1px solid #dcdcdc;}
.home2 .tbody li{ text-align: center;}
.home2 .tbody li span{ font-family: Arial;}

.home3{ padding-top: 80px; height: 654px; background: url(../image/temp/bg3.jpg) center no-repeat;}
.home3 .head{ text-align: center; margin-bottom: 30px;}
.home3 .head h1{ font-size: 26px; margin-bottom: 18px;}
.home3 .head .p{}
.home3 .head .p > span{ color: #707070;}
.home3 .head .tip{ display: inline-block; margin-left: 10px;}
.home3 .head .tip > a{ text-decoration: underline; color: #2e4e8f;}
.home3 .from{ width: 700px; margin: 0 auto 45px;}
.home3 .from dl{ margin-bottom: 12px;}
.home3 .from dl:after{ content:''; display:block; height:0; visibility:hidden; clear:both;}
.home3 .from dt{ float: left; width: 170px; padding: 9px 0; text-align: right;}
.home3 .from dt p{ color: #909090;}
.home3 .from dd{}
.home3 .from .input{ float: left; position: relative; width: 410px; background-color: #fff; margin-right: 10px; padding: 8px 40px 8px 0; border: 1px solid #dcdcdc; border-radius: 6px;}
.home3 .from .txt{ overflow: hidden; padding: 0 15px;}
.home3 .from .txt input{ width: 100%;}
.home3 .from .input button{ position: absolute; right: 2px; top: 2px; width: 33px; height: 33px; border-radius: 6px; background: #2e4e8f url(image/ico11.png) center no-repeat; cursor: pointer;}
.home3 .from .selectWarp{ position: relative; float: left; width: 86px; border: 0;}
.home3 .from .selectWarp:before{ content: ''; position: absolute; right: 0; top: 6px; bottom: 6px; border-right: 1px solid #dcdcdc;}
.home3 .from .selectWarp .selectBtn{ padding: 0 20px 0 15px; line-height: 1.5; height: 21px;}
.home3 .from .selectWarp .options{ top: 21px; max-height: 200px;}
.home3 .from .check{ float: left; margin: 9px 0; color: #2e4e8f; text-decoration: underline;}
.home3 .hot{ text-align: center;}
.home3 .hot .box{ display: inline-block; overflow: hidden;}
.home3 .hot span{ float: left; color: #707070; margin-right: 6px;}
.home3 .hot ul{ float: left; max-width: 800px; overflow: hidden;}
.home3 .hot li{ float: left;}
.home3 .hot a{ color: #2e4e8f; text-decoration: underline; margin: 0 15px; cursor: pointer;}
.home3 .table{ margin-bottom: 18px; background-color: #fff; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); text-align: center; border-right: 6px;}
.home3 .table li{ float: left; width: 330px; padding: 14px 0;}
.home3 .thead{ color: #fff; overflow: hidden;}
.home3 .thead li{
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home3 .thead .l1{ width: 440px; background-color: #2e4e8f;margin-left:17px;}
.home3 .thead .l2{ width: 450px; margin-left: 3px; background-color: #2e4e8f;}
.home3 .thead .l3{ width: 327px; margin-left: 3px; background-color: #2e4e8f;}
.home3 .tbody{ padding: 0 40px;}
.home3 .tbody ul{ overflow: hidden;}
.home3 .tbody ul + ul{ border-top: 1px solid #dcdcdc;}
.home3 .tbody .l1{ width: 390px; padding-right: 40px;}
.home3 .tbody .l2{ width: 430px;}
.home3 .tbody .l3{ width: 250px; padding-left: 40px;}
.home3 .tbody li{ text-align: center;}
.home3 .tbody li span{ font-family: Arial;}

.home4{ padding: 72px 0;}
.home4 .tab-bar{ position: relative; text-align: center; margin-bottom: 22px; font-size: 0;}
.home4 .tab-bar:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #dbdbdb;}
.home4 .tab-bar ul{ position: relative; display: inline-block;}
.home4 .tab-bar li{ float: left; margin: 0 18px; padding: 0 10px 7px; border-bottom: 2px solid transparent; font-size: 26px; cursor: pointer;}
.home4 .tab-bar li.cur{ color: #2e4e8f; border-color: #2e4e8f;}
.home4 .tab-cont{}
.home4 .tab-item{ display: none;}
.home4 .tab-item.act{ display: block;}
.home4 .tab-item .head{ margin-bottom: 36px;}
.home4 .tab-item .head .more{ display: block; width: 138px; margin: 0 auto; padding: 8px 0; text-align: center; font-size: 16px; background-color: #2e4e8f; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home4 .tab-item .images{}
.home4 .tab-item .images li{ float: left; width: 402px;}
.home4 .tab-item .images li + li{ margin-left: 12px;}
.home4 .tab-item .images .img{ height: 263px; border-radius: 6px; overflow: hidden;}
.home4 .tab-item .images .img img{ width: 100%;}
.home4 .tab-item .images .cont{ padding: 28px 12px 0;}
.home4 .tab-item .images .cont h3{ overflow: hidden; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 5px;}
.home4 .tab-item .images .cont h3:hover{ color:#2e4e8f;}
.home4 .tab-item .images .cont p{ height: 42px; color: #707070; margin-bottom: 15px;}
.home4 .tab-item .images .cont .date{ display: block; font-family: Arial; margin-bottom: 5px;}
.home4 .tab-item .images .cont .link{ display: block; width: 94px; padding: 5px 0; text-align: center; color: #fff; background-color: #2e4e8f;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home4 .item1 .news{ float: right; width: 402px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); border-radius: 6px; background: #fff url(../image/temp/png3.png) right bottom no-repeat;}
.home4 .item1 .news ol{ padding: 28px 40px;}
.home4 .item1 .news li{}
.home4 .item1 .news li + li{ margin-top: 12px;}
.home4 .item1 .news a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home4 .item1 .news span{ display: block; font-family: Arial; color: #707070;}
.home4 .item1 .news a:hover{ color: #2e4e8f;}
.home4 .item2 .news{ float: left; width: 50%;}
.home4 .item2 .news ol{ padding: 28px 40px; margin-right: 7px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); border-radius: 6px; background: #fff url(../image/temp/png3.png) right bottom no-repeat;}
.home4 .item2 .news + .news ol{ margin-right: 0; margin-left: 7px;}
.home4 .item2 .news li{}
.home4 .item2 .news li + li{ margin-top: 21px;}
.home4 .item2 .news a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home4 .item2 .news span{ float: right; font-family: Arial; color: #707070; margin-left: 15px;}
.home4 .item2 .news a:hover{ color: #2e4e8f;}

.home5{ height: 625px; background: url(../image/temp/jpg6.jpg) center no-repeat;}
.home5 .head{ text-align: center; padding: 80px 0 18px;}
.home5 .head h1{ font-size: 26px; color: #fff;}
.home5 .tab-cont{ margin-bottom: 36px;}
.home5 .tab-cont li{ text-align: center; color: #fff; display: none;}
.home5 .tab-cont li.act{ display: block;}
.home5 .tab-cont p{ margin-bottom: 26px;}
.home5 .tab-cont .more{ display: block; width: 138px; padding: 8px 0; margin: 0 auto; background-color: #5778ba; font-size: 16px;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home5 .tab-bar{}
.home5 .tab-bar .carousel{ margin-bottom: 32px;}
.home5 .tab-bar li{ float: left; width: 238px; height: 235px; background-color: #3f5b96; margin-right: 10px; color: #fff; text-align: center; cursor: pointer;}
.home5 .tab-bar li.even{
	border-top-right-radius: 12px; border-bottom-left-radius: 12px;
}
.home5 .tab-bar li.odd{
	border-top-left-radius: 12px; border-bottom-right-radius: 12px;
}
.home5 .tab-bar .ico{ padding-top: 48px; margin-bottom: 10px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.home5 .tab-bar li:hover .ico{
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.home5 .tab-bar p{ margin: 0 30px;}
.home5 .handle{ position: relative; font-size: 0; text-align: center;}
.home5 .handle:before, .home5 .handle:after{ content: ''; position: absolute; top: 50%; width: 565px; border-top: 1px solid #6279a8;}
.home5 .handle:before{ left: 0;}
.home5 .handle:after{ right: 0;}
.home5 .handle ul{ display: inline-block; overflow: hidden;}
.home5 .handle li{ float: left; width: 32px; height: 32px; margin: 0 4px; background: #5778ba center no-repeat; text-align: center; cursor: pointer;}
.home5 .handle .prev{ background-image: url(../image/prev3.png);
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home5 .handle .next{ background-image: url(../image/next3.png);
	border-top-left-radius: 6px; border-bottom-right-radius: 6px;
}

.home6{ padding: 80px 0 70px; background: url(../image/temp/bg2.jpg);}
.home6 .head{ text-align: center; margin-bottom: 30px;}
.home6 .head h1{ font-size: 26px;}
.home6 .chartbox1, .home6 .chartbox2, .home6 .from{ background-color: #fff; border-radius: 6px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); overflow: hidden;}
.home6 .chartbox1{ margin-bottom: 18px; height: 434px;}
.home6 .chartbox2{ float: left; width: 724px; height: 404px;}
.home6 .from{ float: right; width: 488px; height: 404px;}
.home6 .box{ margin: 0 55px;}
.home6 .box{}
.home6 .box dl{ padding: 6px 0 25px;}
.home6 .box dt{ overflow: hidden; margin-bottom: 10px;}
.home6 .box dt span{ float: right; color: #707070;}
.home6 .box dd{ position: relative; padding: 8px 55px 8px 15px; border-radius: 6px; border: 1px solid #dcdcdc;}
.home6 .box dd input{ display: block; width: 100%;}
.home6 .box dd button{ position: absolute; right: 2px; top: 2px; width: 33px; height: 33px; border-radius: 6px; background: #2e4e8f url(../image/ico11.png) center no-repeat; cursor: pointer;}
.home6 .title{ overflow: hidden; padding: 38px 55px 0;}
.home6 .title h3{ font-size: 18px; line-height: 31px;}
.home6 .title .more{ float: right; width: 94px; padding: 5px 0; background-color: #2e4e8f; color: #fff; text-align: center;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.home6 .from .title{ margin-bottom: 20px;}
.home6 .charts{ overflow: hidden;}
.home6 .charts li{ position: relative; float: left;}
.home6 .charts .unit{ position: absolute; left: 55px; top: 5px; color: #707070;}
.home6 .chartbox1, .home6 .chartbox2{ position: relative;}
.home6 .chartbox1 .chart, .home6 .chartbox1 .chart li{ width: 1230px; height: 320px;}
.home6 .chartbox2 .chart, .home6 .chartbox2 .chart li{ width: 724px; height: 290px;}
.home6 .paging{ position: absolute; left: 0; bottom: 20px; width: 100%; font-size: 0; text-align: center; z-index: 2;}
.home6 .paging a{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin: 0 5px; background-color: #e7e7e7;}
.home6 .paging a.selected{ background-color: #2e4e8f;}
.home6 .paging span{ display: none;}

.convenience1{ margin-bottom: 70px;}
.convenience1 .list{ margin-bottom: 23px;}
.convenience1 .list ul{ margin-left: -10px;}
.convenience1 .list li{ position: relative; float: left; width: 300px; height: 175px; margin-left: 10px; margin-bottom: 12px; overflow: hidden;
	border-top-right-radius: 12px; border-bottom-left-radius: 12px;
}
.convenience1 .list li:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 1px solid #dcdcdc;
	border-top-right-radius: 12px; border-bottom-left-radius: 12px;
}
.convenience1 .list .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/temp/jpg1.jpg) no-repeat; opacity: 0; filter:Alpha(opacity=0);
	-webkit-transition:opacity .2s;	
	-moz-transition:opacity .2s;	
	transition:opacity .2s;	
}
.convenience1 .list .bg{ display: block; width: 100%; height: 100%;}
.convenience1 .list .cont{ position: absolute; left: 30px; top: 26px; right: 26px;}
.convenience1 .list .title{ font-size: 16px; margin-bottom: 3px;}
.convenience1 .list .date{ display: block; font-family: Arial; font-size: 14px; color: #909090; margin-bottom: 15px;}
.convenience1 .list .more{ position: relative; display: block; width: 30px; height: 30px; border: 1px solid #dcdcdc;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
	-webkit-transition:all .2s;	
	-moz-transition:all .2s;	
	transition:all .2s;	
}
.convenience1 .list .ico{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 16px; height: 16px; background: url(../image/ico7.png) left no-repeat;}
.convenience1 .list li:hover{ box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.convenience1 .list li:hover, .convenience1 .list li:hover .date{ color: #fff;}
.convenience1 .list li:hover .more{ border-color: #5778ba; background-color: #5778ba;}
.convenience1 .list li:hover .ico{ background-position: right;}
.convenience1 .list li:hover .mask{ opacity: 1; filter:Alpha(opacity=100);}

.codepage1{}
.codepage1 .head{ text-align: center; margin-bottom: 38px;}
.codepage1 .head h1{ font-size: 26px; line-height: 32px; margin-bottom: 14px;}
.codepage1 .head p{ color: #707070;}
.codepage1 .list{ text-align: center;}
.codepage1 .list ul{ display: inline-block; overflow: hidden;}
.codepage1 .list li{float: left; margin: 0 30px;}
.codepage1 .list .img{ width: 150px; height: 150px; margin-bottom: 8px; padding: 9px; border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden;}
.codepage1 .list p{ text-transform: uppercase;}

.sitemap1{}
.sitemap1 .table{ background: url(../image/temp/jpg2.jpg) left no-repeat; border-radius: 8px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); overflow: hidden;}
.sitemap1 .table dl{ overflow: hidden; line-height: 24px;}
.sitemap1 .table dt{ float: left; width: 237px; padding: 22px 0; margin-right: 10px; font-size: 16px; color: #fff; text-align: center;}
.sitemap1 .table dl + dl dt{ border-top: 1px solid #6279a8;}
.sitemap1 .table dd{ background-color: #fff; padding: 22px 54px; overflow: hidden;}
.sitemap1 .table dl + dl dd{ border-top: 1px solid #dcdcdc;}
.sitemap1 .table a{ margin-right: 60px;}
.sitemap1 .table a:hover{ color: #2e4e8f;}

.otherlinks1{ padding-bottom: 62px;}
.otherlinks1 .cont{ min-height: 550px; background-color: #fff; border-radius: 8px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.otherlinks1 .head{ padding: 40px 0 20px; border-bottom: 1px solid #dbdbdb; text-align: center;}
.otherlinks1 .head h1{ font-size: 26px;}
.otherlinks1 .list{ padding: 32px 20px; overflow: hidden;}
.otherlinks1 .list li{ float: left; margin: 0 40px; font-size: 16px;}
.otherlinks1 .list a:hover{ text-decoration: underline; color: #2e4e8f;}

.article1{ margin-bottom: 75px;}
.article1 .head{ text-align: center; margin-bottom: 22px;}
.article1 .head h1{ font-size: 26px; margin-bottom: 10px;}
.article1 .head .date{ font-family: Arial; margin-bottom: 2px;}
.article1 .head .count{ color: #afafaf;}
.article1 .cont{ padding-bottom: 5px;}
.article1 .cont p{ margin: 0 5px 16px; color: #707070;}
.article1 .cont .imgs{ overflow: hidden; margin-bottom: 30px;}
.article1 .cont .imgs li{ float: left; width: 402px; border-radius: 8px; overflow: hidden;}
.article1 .cont .imgs li + li{ margin-left: 12px;}
.article1 .pages{ overflow: hidden; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid #ededed; font-size: 16px;}
.article1 .pages .prev{ float: left;}
.article1 .pages .next{ float: right;}
.article1 .pages a:hover{ color: #2e4e8f;}

.download1{ margin-bottom: 82px;}
.download1 .head{ margin-bottom: 30px; text-align: center;}
.download1 .head h1{ font-size: 26px;}
.download1 .tab-bar{ overflow: hidden; margin-bottom: 35px;}
.download1 .tab-bar .scroll{ position: relative; float: left; width: 740px;}
.download1 .tab-bar ul{ overflow: hidden;}
.download1 .tab-bar .tab-term{ float: left; width: 136px; margin-right: 10px; margin-bottom: 10px; font-size: 16px; padding: 6px 0; text-align: center; border: 1px solid #dcdcdc; cursor: pointer;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.download1 .tab-bar .tab-term.cur{ background-color: #2e4e8f; border-color: #2e4e8f; color: #fff;}
.download1 .search-bar{ position: relative; float: right; padding: 7px 55px 7px 15px; border: 1px solid #dcdcdc; border-radius: 22px;}
.download1 .search-bar input{ display: block; width: 238px;}
.download1 .search-bar button{ position: absolute; right: 2px; top: 1px; width: 33px; height: 33px; border-radius: 50%; background: #2e4e8f url(../image/ico11.png) center no-repeat; cursor: pointer;}
.download1 .tab-cont{ border-top: 1px solid #dcdcdc;}
.download1 .tab-item{ display: none; margin-bottom: 35px;}
.download1 .tab-item.act{ display: block;}
.download1 .tab-item li{ padding: 16px 0; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.download1 .tab-item .down{ position: relative; float: right; width: 31px; height: 31px; margin-left: 50px; border: 1px solid #dbdbdb; border-radius: 6px;
	-webkit-transition:all .2s;	
	-moz-transition:all .2s;	
	transition:all .2s;	
}
.download1 .tab-item .down .ico{ position: absolute; left: 0 ; top: 0; bottom: 0; right: 0; width: 18px; height: 18px; margin: auto; background: url(../image/ico10.png) left no-repeat;}
.download1 .tab-item .down:hover{ border-color: #2e4e8f; background-color: #2e4e8f;}
.download1 .tab-item .down:hover .ico{ background-position: right;}
.download1 .tab-item p{ padding: 7px 10px; overflow: hidden; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;}
.download1 .tab-item a:hover{ color: #2e4e8f;}

.platform1{ padding-top: 25px; padding-bottom: 70px; overflow: hidden;}
.platform1 .head{ padding: 42px 40px; margin-bottom: 30px; text-align: center; background-color: #fff; border-radius: 6px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.platform1 .head p{ text-align: left; font-size: 16px; margin-bottom: 15px;}
.platform1 .head .links{ display: inline-block; margin-bottom: 3px; overflow: hidden;}
.platform1 .head .links a{ float: left; width: 94px; margin: 0 7px; padding: 5px 0; background-color: #2e4e8f; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.platform1 .list{ margin-bottom: 35px;}
.platform1 .list li{ overflow: hidden; height: 365px;}
.platform1 .list .img{ width: 50%; height: 100%; overflow: hidden;}
.platform1 .list .img.left{ float: left;}
.platform1 .list .img.right{ float: right;}
.platform1 .list .cont{ overflow: hidden; height: 100%; background: #fff url(../image/temp/png2.png) right bottom no-repeat; text-align: center;}
.platform1 .list .box{ display: inline-block; width: 535px; text-align: left; vertical-align: middle;}
.platform1 .list .box h1{ font-size: 26px; margin-bottom: 16px;}
.platform1 .list .box p{ color: #707070; margin-bottom: 30px;}
.platform1 .list .box .more{ display: block; width: 138px; padding: 6px 0; font-size: 16px; text-align: center; background-color: #2e4e8f; color: #fff; cursor: pointer;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.platform1 .link{ display: block; width: 178px; margin: 0 auto; padding: 6px 0; font-size: 16px; text-align: center; background-color: #2e4e8f; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}

.regulations1{}
.regulations1 .main{ float: left; width: 790px; margin-bottom: 70px;}
.regulations1 .tab-bar{ position: relative; padding-right: 88px;}
.regulations1 .tab-bar:before{ content: ''; position: absolute; left: 0; right: 88px; top: 50%; border-top: 1px solid #dbdbdb;}
.regulations1 .tab-bar .scroll{ position: relative; width: 430px; height: 38px; overflow: hidden;}
.regulations1 .tab-bar ul{ position: absolute; left: 0; top: 0; font-size: 0; white-space: nowrap;}
.regulations1 .tab-term{ display: inline-block; background-color: #fff;}
.regulations1 .tab-term p{ width: 76px; margin-right: 10px; padding: 6px 0; border: 1px solid #dbdbdb; font-family: Arial; font-size: 16px; text-align: center; cursor: pointer;
	-webkit-transition:all .2s;	
	-moz-transition:all .2s;	
	transition:all .2s;	
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.regulations1 .tab-term:last-child p{ margin-right: 0;}
.regulations1 .tab-term.cur p{ color: #fff; background-color: #2e4e8f; border-color: #2e4e8f;}
.regulations1 .tab-bar .prev, .regulations1 .tab-bar .next{ position: absolute; top: 3px; width: 32px; height: 32px; background: #5778ba center no-repeat;}
.regulations1 .tab-bar .prev{ right: 40px; background-image: url(../image/prev3.png);
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.regulations1 .tab-bar .next{ right: 0; background-image: url(../image/next3.png);
	border-top-left-radius: 6px; border-bottom-right-radius: 6px;
}
.regulations1 .tab-cont{ margin-bottom: 35px;}
.regulations1 .tab-item{ display: none;}
.regulations1 .tab-item.act{ display: block;}
.regulations1 .tab-item li{ overflow: hidden; padding: 35px 0; border-bottom: 1px solid #dbdbdb;}
.regulations1 .tab-item .img{ float: left; height: 150px; margin-right: 30px; border-radius: 3px; overflow: hidden;}
.regulations1 .tab-item .cont{ overflow: hidden;}
.regulations1 .tab-item h1{ font-size: 18px; line-height: 30px;}
.regulations1 .tab-item p{ color: #707070; margin-bottom: 15px;}
.regulations1 .tab-item .date{ font-family: Arial; margin-bottom: 5px;}
.regulations1 .tab-item .link{ display: block; width: 94px; padding: 5px 0; text-align: center; background-color: #2e4e8f; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.regulations1 .side{ float: right; width: 402px; padding: 32px 0 20px; border-radius: 6px; background: url(../image/temp/jpg4.jpg); box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); color: #fff;}
.regulations1 .side h1{ font-size: 26px; margin: 0 38px 15px;}
.regulations1 .side ol{ margin: 0 38px;}
.regulations1 .side li{ margin-bottom: 12px;}
.regulations1 .side p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.regulations1 .side span{ font-family: Arial;}

.organizations1{ padding-bottom: 80px;}
.organizations1 .head{ text-align: center; margin-bottom: 32px;}
.organizations1 .head h1{ font-size: 26px;}
.organizations1 .list{}
.organizations1 .list li{ height: 376px;}
.organizations1 .list li:after{ content:''; display:block; height:0; visibility:hidden; clear:both;}
.organizations1 .list .img{ position: relative; width: 50%; height: 100%; border-radius: 6px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.organizations1 .list .img > img{ width: 615px; height: 376px;}
.organizations1 .list .img.left{ float: left;}
.organizations1 .list .img.right{ float: right;}
.organizations1 .list .mask{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding-top: 222px; background: #2e4e8f url(../image/ico12.png) center 146px no-repeat; font-size: 16px; color: #fff; text-align: center; opacity: 0; visibility: hidden; cursor: pointer;
	-webkit-transition:opacity .2s;	
	-moz-transition:opacity .2s;	
	transition:opacity .2s;
}
.organizations1 .list .img:hover .mask{ opacity: 1; visibility: visible;}

.organizations1 .list .cont{ overflow: hidden; height: 100%; text-align: center;}
.organizations1 .list .cont span{ display: inline-block; width: 460px; font-size: 16px; vertical-align: middle; text-align: left;}

.cooperation1{ margin-bottom: 78px;}
.cooperation1 .carousel{ margin-bottom: 18px; overflow: hidden;}
.cooperation1 .carousel ul{ float: left; width: 1242px; height: 414px;}
.cooperation1 .carousel li{ position: relative; float: left; width: 195px; background-color: #fff; margin-right: 12px; margin-bottom: 12px; overflow: hidden; cursor: pointer;
	border-top-right-radius: 10px; border-bottom-left-radius: 10px;
}
.cooperation1 .carousel .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #2e4e8f; text-align: center; opacity: 0; visibility: hidden;
	-webkit-transition:opacity .2s;	
	-moz-transition:opacity .2s;	
	transition:opacity .2s;	
}
.cooperation1 .carousel .mask p{ display: inline-block; width: 160px; font-size: 18px; color: #fff; vertical-align: middle;}
.cooperation1 .carousel .mask span{ display: block; width: 94px; margin: 12px auto 0; padding: 5px 0; background-color: #5778ba; font-size: 14px; text-align: center;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.cooperation1 .carousel li.act{ cursor: default;}
.cooperation1 .carousel li.act .mask, .cooperation1 .carousel li:hover .mask{ opacity: 1; visibility: visible;}
.cooperation1 .handle{ position: relative; text-align: center; font-size: 0;}
.cooperation1 .handle:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #dcdcdc;}
.cooperation1 .handle ul{ position: relative; display: inline-block; padding: 0 15px; overflow: hidden; background: url(../image/temp/png7.png);}
.cooperation1 .handle li{ float: left; width: 32px; height: 32px; background: #2e4e8f center no-repeat; margin: 0 4px; cursor: pointer;}
.cooperation1 .handle .prev{ background-image: url(../image/prev3.png);
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.cooperation1 .handle .next{ background-image: url(../image/next3.png);
	border-top-left-radius: 6px; border-bottom-right-radius: 6px;
}

.cooperation2{ height: 648px; background: url(../image/temp/jpg5.jpg) center no-repeat;}
.cooperation2 .carousel{ position: absolute; left: 0; top: 0; overflow: hidden; opacity: 0; visibility: hidden;}
.cooperation2 .carousel.show{ opacity: 1; visibility: visible;}
.cooperation2 .head{ padding: 75px 0 40px; text-align: center;}
.cooperation2 .head h1{ font-size: 26px; color: #fff;}
.cooperation2 .scroll{ overflow: hidden; margin-bottom: 32px;}
.cooperation2 .scroll li{ position: relative; float: left; width: 178px; height: 248px; margin-right: 10px; padding: 29px; border: 1px solid #5778ba; border-radius: 8px;}
.cooperation2 .scroll li>img{ width: 178px; height: 248px;}
.cooperation2 .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #5778ba url(../image/ico12.png) center 98px no-repeat; opacity: 0; visibility: hidden; cursor: pointer;
	-webkit-transition:opacity .2s;	
	-moz-transition:opacity .2s;	
	transition:opacity .2s;	
}
.cooperation2 .mask p{ margin-top: 172px; font-size: 16px; color: #fff; text-align: center;}
.cooperation2 .scroll li:hover .mask{ opacity: 1; visibility: visible;}
.cooperation2 .handle{ position: relative; text-align: center; font-size: 0; margin-bottom: 40px;}
.cooperation2 .handle:before{ content: ''; position: absolute; left: 0; right: 0; top: 16px; border-top: 1px solid #6279a8;}
.cooperation2 .handle ul{ position: relative; display: inline-block; margin-bottom: 40px; padding: 0 15px; overflow: hidden; background: url(../image/temp/png8.png);}
.cooperation2 .handle li{ float: left; width: 32px; height: 32px; background: #5778ba center no-repeat; margin: 0 4px; cursor: pointer;}
.cooperation2 .handle .prev{ background-image: url(../image/prev3.png);
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.cooperation2 .handle .next{ background-image: url(../image/next3.png);
	border-top-left-radius: 6px; border-bottom-right-radius: 6px;
}
.cooperation2 .handle .link{ display: block; width: 212px; background-color: #5778ba; margin: 0 auto; padding: 6px 0; font-size: 16px; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}

.investigation1{}
.investigation1 .head{ text-align: center; margin-bottom: 28px;}
.investigation1 .head h1{ font-size: 26px; margin-bottom: 20px;}
.investigation1 .head p{ color: #707070;}
.investigation1 .left{ position: relative; float: left; width: 248px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); overflow: hidden;
	border-top-left-radius: 8px; border-bottom-left-radius: 8px;
}
.investigation1 .nav{}
.investigation1 .nav li{ padding-right: 10px; background: right no-repeat;}
.investigation1 .nav li + li p{ border-top: 1px solid #dcdcdc;}
.investigation1 .nav p{ padding: 15px 0 15px 54px; background-color: #fff; font-size: 16px; cursor: pointer;}
.investigation1 .nav li.act{ background-image: url(../image/ico14.png);}
.investigation1 .nav li.act p{ background-color: #2e4e8f; color: #fff;}
.investigation1 .prev, .investigation1 .next{ position: relative; float: left; width: 118px; height: 54px; border-top: 1px solid #dcdcdc; background-color: #fff;}
.investigation1 .prev i, .investigation1 .next i{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 30px; margin: auto; background: left no-repeat;}
.investigation1 .prev{ border-right: 1px solid #dcdcdc;}
.investigation1 .prev i{ background-image: url(../image/prev4.png);}
.investigation1 .next{}
.investigation1 .next i{ background-image: url(../image/next4.png);}
.investigation1 .prev:hover i, .investigation1 .next:hover i{ background-position: right;}

.investigation1 .main{ padding: 45px 55px; overflow: hidden; background-color: #fff; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);
	border-top-right-radius: 8px; border-bottom-right-radius: 8px;
}
.investigation1 .item{ position: relative; min-height: 240px; display: none;}
.investigation1 .table{ overflow: hidden;}
.investigation1 .table li{ float: left; margin-bottom: 3px; overflow: hidden;}
.investigation1 .type1{ margin-bottom: 25px;}
.investigation1 .type1 li{ min-width: 218px;}
.investigation1 .type2{ margin-bottom: 16px;}
.investigation1 .type2 dl{ display: none;}
.investigation1 .type2 dl.act{ display: block;}
.investigation1 .type2 dt{}
.investigation1 .type2 dd{ overflow: hidden;}
.investigation1 .type2 .choose{ margin-right: 90px;}

.investigation1 .choose{ float: left; position: relative; padding: 8px 0 8px 25px; line-height: 22px; color: #707070; cursor: pointer;}
.investigation1 .choose .ico{ position: absolute; left: 0; top: 0; bottom: 0; width: 18px; background: url(../image/ico13.png) left no-repeat;}
.investigation1 .choose.checked .ico{ background-position: right;}
.investigation1 .input{ float: left; margin-left: 12px; padding: 7px 15px; border: 1px solid #dcdcdc; border-radius: 6px;}
.investigation1 .input input{ display: block; width: 246px; line-height: 22px;}
.investigation1 .headle{ overflow: hidden;}
.investigation1 .headle .btn{ display: block; width: 138px; padding: 6px 0; background-color: #2e4e8f; font-size: 16px; color: #fff; text-align: center;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}
.investigation1 .headle .submit{ margin: 0 auto;}
.investigation1 .headle .back{ float: left; margin-right: 10px;}
.investigation1 .headle .forth{ float: left;}
.investigation1 .headle .forth + .submit{ float: left; margin: 0; display: none;}
.investigation1 .count{ position: absolute; right: 0; bottom: 0;}
.investigation1 .count{ font-family: Arial;  font-size: 16px;}
.investigation1 .count .current{ color: #5778ba;}
.investigation1 .count .total{}

.servicedata{}
.servicedata .head{ margin-bottom: 30px;}
.servicedata .head h1{ font-size: 26px;}
.servicedata .box{ width: 606px; height: 373px; position: relative; border-radius: 8px; background-color: #fff; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); overflow: hidden;}
.servicedata .left{ float: left;}
.servicedata .right{ float: right;}
.servicedata .tip{ margin: 0 55px; padding-top: 36px; line-height: 22px;}
.servicedata .tip.d{ position: relative; padding-left: 30px; background: url(../image/ico15.png) left bottom no-repeat;}
.servicedata .tip.d .calendar{ position: absolute; left: 0; bottom: 0; width: 30px; opacity: 0; cursor: pointer;}
.servicedata .unit{ color: #707070; margin: 11px 55px 0;}
.servicedata .date{ position: relative; height: 21px; margin: 10px 55px 12px; border: 1px solid #dcdcdc; border-radius: 6px; padding: 7px 15px 7px 65px; background: url(../image/ico15.png) 18px no-repeat;}
.servicedata .date:after{ content: ''; position: absolute; left: 50px; top: 9px; bottom: 9px; border-left: 1px solid #dcdcdc;}
.servicedata .date input{ display: block; width: 100%;}
.servicedata .words{ position: relative; margin: 0 55px; overflow: hidden;}
.servicedata .words:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #fff;}
.servicedata .words span{ position: relative; float: left; width: 115px; padding: 19px 0 19px 50px; border-bottom: 1px solid #dcdcdc; color: #707070;}
.servicedata .words span:before{ position: absolute; left: 0; top: 20px; width: 41px; text-align: center; border-radius: 2px; font-family: Impact, Arial; color: #d5d5d5; text-transform: uppercase;}
.servicedata .words .t1{ color: #1e4798;}
.servicedata .words .t1:before{ content: 'top1'; color: #fff; background-color: #1e4798;}
.servicedata .words .t2{ color: #5778ba;}
.servicedata .words .t2:before{ content: 'top2'; color: #fff; background-color: #5778ba;}
.servicedata .words .t3{ color: #7e9dda;}
.servicedata .words .t3:before{ content: 'top3'; color: #fff; background-color: #7e9dda;}
.servicedata .words .t4{}
.servicedata .words .t4:before{ content: 'top4';}
.servicedata .words .t5{}
.servicedata .words .t5:before{ content: 'top5';}
.servicedata .words .t6{}
.servicedata .words .t6:before{ content: 'top6';}
.servicedata .words .t7{}
.servicedata .words .t7:before{ content: 'top7';}
.servicedata .words .t8{}
.servicedata .words .t8:before{ content: 'top8';}
.servicedata .words .t9{}
.servicedata .words .t9:before{ content: 'top9';}
.servicedata .words .t10{}
.servicedata .words .t10:before{ content: 'top10';}
.servicedata .paging{ position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; font-size: 0; z-index: 2;}
.servicedata .paging a{ display: inline-block; margin: 0 5px; width: 12px; height: 12px; background-color: #e7e7e7; border-radius: 50%;}
.servicedata .paging a.selected{ background-color: #2e4e8f;}
.servicedata .paging span{ display: none;}
.servicedata .right .cont{}
.servicedata .charts{ height: 373px; overflow: hidden;}
.servicedata .charts li{ float: left;}
.servicedata .chart{ width: 606px; height: 250px;}

.servicedata.section1, .servicedata.section2, .servicedata.section3, .servicedata.section4{ padding: 80px 0;}
.servicedata.section1{ padding-top: 0;}
.servicedata.section1 .head, .servicedata.section2 .head{ text-align: center;}
.servicedata.section1{ background: url(../image/temp/bg2.jpg);}
.servicedata.section2{}
.servicedata.section3{ background: url(../image/temp/bg2.jpg);}
.servicedata.section4{}

.codedata{}
.codedata .head{ margin-bottom: 30px; text-align: center;}
.codedata .head h1{ font-size: 26px;}
.codedata .left, .codedata .right, .codedata .tables, .codedata .charts li{ border-radius: 8px; background-color: #fff; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1); overflow: hidden;}
.codedata .left{ float: left; width: 724px; height: 403px;}
.codedata .right{ float: right; width: 488px; height: 403px;}
.codedata .tip{ margin: 0 55px; padding-top: 36px; line-height: 22px;}
.codedata .charts{ height: 385px; margin-bottom: 15px;}
.codedata .charts li{ float: left; width: 1230px; height: 385px; margin-top: 18px;}
.codedata .tables{}
.codedata .tables .box{ padding: 16px 55px 40px;}
.codedata .tables ul{ overflow: hidden;}
.codedata .tables li{ float: left; width: 360px; padding: 0;}
.codedata .tables li + li{ margin-left: 20px;}
.codedata .table{ padding: 40px 55px;}
.codedata .table table{ width: 100%;}
.codedata .table tr{}
.codedata .table th{ height: 42px; font-size: 16px; color: #fff; text-align: center; background-color: #2e4e8f;}
.codedata .table th:first-child{ text-align: left; padding-left: 35px;}
.codedata .table td{ height: 39px; color: #707070; border-bottom: 1px solid #dbdbdb; text-align: center;}
.codedata .table td:first-child{ text-align: left; padding-left: 35px;}
.codedata .table td span{ font-family: Arial;}
.codedata .paging{ text-align: center; font-size: 0; z-index: 2;}
.codedata .paging a{ display: inline-block; margin: 0 5px; width: 12px; height: 12px; background-color: #e7e7e7; border-radius: 50%;}
.codedata .paging a.selected{ background-color: #2e4e8f;}
.codedata .paging span{ display: none;}

.codedata.section1, .codedata.section2, .codedata.section3, .codedata.section4{ padding: 80px 0;}
.codedata.section1{ padding-top: 0;}
.codedata.section1 .chart, .codedata.section2 .chart{ width: 724px; height: 320px;}
.codedata.section1 .table{}
.codedata.section1{ background: url(../image/temp/bg2.jpg);}
.codedata.section2{}
.codedata.section3{ background: url(../image/temp/bg2.jpg);}
.codedata.section3 .chart{ width: 1230px; height: 360px;}
.codedata.section3 .tables li{ width: 360px;}
.codedata.section4 .tables{ padding-bottom: 42px;}
.codedata.section4 .tables .box{ padding-bottom: 30px;}
.codedata.section4 .tables li{ width: 550px;}

.position{ position: fixed; right: 0; top: 50%; width: 22px; margin-top: -53px; z-index: 999;}
.position:before{ content: ''; position: absolute; top: 11px; bottom: 11px; right: 11px; border-left: 1px solid #929292;}
.position li{ float: right; position: relative; height: 22px; padding-right: 22px; border-radius: 11px; cursor: pointer;}
.position li + li{ margin-top: 6px;}
.position li:after{ content: ''; position: absolute; top: 5px; right: 5px; width: 11px; height: 11px; border-radius: 50%; border: 1px solid #929292; background-color: #fff;}
.position li span{ float: right; padding: 0 8px 0 12px; font-size: 12px; line-height: 22px; color: #fff; white-space: nowrap; display: none;}
.position li.act{ background-color: #2e4e8f;}
.position li.act span{ display: block;}

.party1{ height: 664px; overflow: hidden;}
.party1 .head{ padding-top: 75px; text-align: center; background: url(../image/temp/icon16.png) center top no-repeat; margin-bottom: 32px;}
.party1 .head h1{ font-size: 26px; color: #a90605;}
.party1 .list{ margin-bottom: 30px;}
.party1 .list li{ float: left; width: 402px; height: 416px; background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.party1 .list li + li{ margin-left: 12px;}
.party1 .list .img{ position: relative; height: 262px;}
.party1 .list .date{ position: absolute; left: 0; bottom: 0; width: 72px; height: 72px; background-color: #fff; font-family: Arial; line-height: 1; text-align: center;}
.party1 .list .p1{ font-size: 48px; padding-top: 2px;}
.party1 .list .p2{}
.party1 .list .cont{ padding: 30px;}
.party1 .list .cont h3{ font-size: 18px; margin-bottom: 12px;}
.party1 .list .cont p{ color: #707070;}
.party1 .list h3:hover{ color:#2e4e8f;}
.party1 .more{ display: block; width: 138px; margin: 0 auto; background-color: #b70605; padding: 6px 0; font-size: 16px; text-align: center; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}

.party2{ padding: 52px 0 70px; overflow: hidden;}
.party2 .head{ padding-top: 75px; text-align: center; background: url(../image/temp/icon16.png) center top no-repeat; margin-bottom: 32px;}
.party2 .head h1{ font-size: 26px; color: #a90605;}
.party2 .list{ overflow: hidden; margin-bottom: 35px;
	border-top-left-radius: 8px; border-bottom-right-radius: 8px;	
}
.party2 .list li{ position: relative; float: left; width: 50%; height: 201px; overflow: hidden;}
.party2 .list .img{ width: 307px;}
.party2 .list .cont{ padding: 55px 40px; background: url(../image/temp/bg5.jpg) no-repeat; overflow: hidden;}
.party2 .list .cont:after{ content: ''; position: absolute; top: 0; width: 8px; height: 100%;}
.party2 .list .left{ float: left;}
.party2 .list .left + .cont:after{ right: 50%; background: url(../image/temp/png4.png) center no-repeat;}
.party2 .list .right{ float: right;}
.party2 .list .right + .cont:after{ left: 50%; background: url(../image/temp/png5.png) center no-repeat;}
.party2 .list .cont p{ height: 91px; color: #fff;}
.party2 .more{ display: block; width: 138px; margin: 0 auto; background-color: #b70605; padding: 6px 0; font-size: 16px; text-align: center; color: #fff;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;
}









#container.contBg1{ min-height: 727px; background: url(../image/temp/bg1.jpg) center top;}
#container.contBg2{ min-height: 620px; background: url(../image/temp/bg2.jpg);}
.contBg5{ background: url(../image/temp/bg4.jpg) center top no-repeat;}
.contBg6 #bread{ background: url(../image/temp/bg2.jpg);}

.pop-image{}
.pop-image .popDialog{ width: 1000px; height: 600px; overflow: hidden;}
.pop-image .popDialog img{ width: 100%;}

.pop-profile{
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}
.pop-profile .pre{ position: absolute; top: 50%; right: 50%; margin-right: 300px; margin-top: -20px; width: 40px; height: 40px; background: url(../image/prev5.png) center no-repeat; cursor: pointer;}
.pop-profile .nxt{ position: absolute; top: 50%; left: 50%; margin-left: 300px; margin-top: -20px; width: 40px; height: 40px; background: url(../image/next5.png) center no-repeat; cursor: pointer;}
.pop-profile .popDialog{ width: 420px; height: 590px; overflow: hidden;}
.pop-profile .popDialog img{ width: 100%;}

.pop-otherlinks{}
.pop-otherlinks .popDialog{ width: 724px; height: 285px; background-color: #fff; border-radius: 10px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.pop-otherlinks .popClose{ width: 28px; height: 28px; background: url(../image/pop_close.png) no-repeat;}
.pop-otherlinks .popHead{ margin: 0 40px 22px; padding: 40px 0 18px; border-bottom: 1px solid #dbdbdb;}
.pop-otherlinks .popHead h1{ font-size: 26px;}
.pop-otherlinks .popCont{ position: relative; padding: 0 40px;}
.pop-otherlinks .scrollCont{ position: relative; height: 132px; overflow: hidden;}
.pop-otherlinks .scrollCont ul{ width: 100%; overflow: hidden;}
.pop-otherlinks .scrollCont li{ float: left; width: 25%; margin: 0 0 16px 0;}
.pop-otherlinks .mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background-color: #dbdbdb;}
.pop-otherlinks .mCSB_scrollTools .mCSB_dragger{ height: 70px;}
.pop-otherlinks .mCSB_scrollTools{ right: -10px; width: 10px;}
.pop-otherlinks .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 100%; background-color: #dbdbdb;}

.pop-check{}
.pop-check .popDialog{ width: 724px; height: 325px; background-color: #fff; border-radius: 10px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.pop-check .popClose{ width: 28px; height: 28px; background: url(../image/pop_close.png) no-repeat;}
.pop-check .popCont{ position: relative; padding: 45px; padding-right: 15px; text-align: left;}
.pop-check .scroll{ max-height: 480px;}
.pop-check .list{ width: 600px;}
.pop-check .list li + li{ margin-top: 12px;}

.pop-problem{}
.pop-problem .popDialog{ width: 1230px; height: 325px; background-color: #fff; border-radius: 10px; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.pop-problem .popClose{ width: 28px; height: 28px; background: url(../image/pop_close.png) no-repeat;}
.pop-problem .popCont{ position: relative; padding: 50px 55px;}
.pop-problem .scroll{ max-height: 480px;}
.pop-problem .ptable{}
.pop-problem .ptable table{ width: 100%;}
.pop-problem .ptable tr{}
.pop-problem .ptable th{ height: 42px; font-size: 16px; color: #fff; background-color: #2e4e8f;}
.pop-problem .ptable th + th{ border-left: 1px solid #7e9dda;}
.pop-problem .ptable td{ height: 40px; border: 1px solid #dbdbdb; color: #707070;}
.pop-problem .ptable td + td{ text-align: left; padding: 0 40px;}
.pop-problem .ptable td.alignc{ text-align: center;}



/*复用图片包裹*/
.scaleimg{ overflow:hidden;}
.scaleimg:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%; overflow:hidden;}
.scaleimg img{ width:100%; height:auto; vertical-align:middle;
	 -webkit-transition:all .5s ease 0s;
	 -moz-transition:all .5s ease 0s;
	 transition:all .5s ease 0s;
	}
.scaleimg:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
	}

/*搜索结果页*/
.results .title{ padding:45px 0 14px; font-size:26px;}
.results .title span{ font-family:Arial; margin-left:10px; color:#707070;}
.results .word{ font-size:18px; color:#707070;}
.results .word span{ color:#166e31;}
.results .list{ padding:12px 0;}
.results .list li{ padding-bottom:20px; border-bottom:dashed 1px #cacaca; margin-bottom:20px;}
.results .list li h1{ font-size:16px; line-height:1.2; margin-bottom:8px;}
.results .list li h1 span{ color:#166e31;}
.results .list li p{ position:relative; color:#707070; padding:4px 0;}
.results .list li .more{ position:absolute; right:0; bottom:0; color:#707070; background-color:#FFF;}
.results .list li a:hover{ color:#333;}

.transition{ opacity:0;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	transition:all 2s;
	}
	
.translateX-100{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
	}

.translateX_100{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
	}

.translateY-100{
	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	transform:translateY(-100px);
}

.translateY_100{
	-webkit-transform:translateY(100px);
	-moz-transform:translateY(100px);
	transform:translateY(100px);
}

.show .transition{ opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0);
}












	
/*jjl添加*/
#container.contBg3 {background: url(../image/jjl/codelore1.jpg) no-repeat top center;}


.appcase1 {padding-bottom: 70px;}
.appcase1 .title {text-align: center;}
.appcase1 .title h1 {font-size: 26px;color: #333;}
.appcase1 .title p { margin: 0 100px; font-size: 14px;color: #707070;padding-top: 18px;}
.appcase1 .focus {width:100%;position:relative;margin:auto;}
.appcase1 .frame {width:100%;height:100%;overflow:hidden;padding: 33px 0 30px;}
.appcase1 .frame .child {float:left;margin-right: 11px;width: 196px;height: 195px;border-top-right-radius: 10px;border-bottom-left-radius:10px;position: relative;overflow: hidden;background: #fff;}
.appcase1 .frame .child .imgs {width: 100%;height: 100%;}
.appcase1 .frame .child .imgs img {width: 100%;height: auto;}
.appcase1 .frame .child .mask {position: absolute;top: -100%;left: 100%;width: 100%;height: 100%;display: table;text-align: center;background: #2e4e8f;border-top-right-radius: 10px;border-bottom-left-radius:10px;transition: all 0.4s;-webkit-transition: all 0.4s;}
.appcase1 .frame .child .mask .t {display: table-cell;vertical-align: middle;}
.appcase1 .frame .child .mask .t h1 {font-size: 18px;color: #fff;}
.appcase1 .frame .child .mask .t .cx {font-size: 14px;color: #fff;border-top-right-radius: 8px;border-bottom-left-radius:8px;display: block;text-align: center;line-height: 32px;height: 32px;width: 94px;margin: 15px auto 0;background: #5778ba;}
.appcase1 .frame .child:hover .mask {top: 0;left: 0;}
.appcase1 .toggle_wp {text-align: center;height: 32px;line-height:32px;background: url(../image/jjl/appcase_4.png) no-repeat center;}
.appcase1 .toggle_wp a {width:32px;height:32px;display: inline-block;}
.appcase1 .toggle_wp .prev {background: url(../image/jjl/left1.png) no-repeat center;}
.appcase1 .toggle_wp .next {background: url(../image/jjl/right1.png) no-repeat center;}

.appcase2 {height: 622px;background: url(../image/jjl/appcase1.jpg) no-repeat center;overflow: hidden;}
.appcase2 .title {text-align: center;padding: 79px 0 35px;}
.appcase2 .title h1 {font-size: 26px;color: #fff;}
.appcase2 .focus {width:100%;position:relative;height: 402px;overflow: hidden;}
.appcase2 .frame {width:100%;height:100%;overflow:hidden;}
.appcase2 .frame .child {height:100%;overflow: hidden;}
.appcase2 .frame .child .item {overflow: hidden;width: 621px;}
.appcase2 .frame .child .imgs {margin: 0 11px 11px 0;width: 196px;height: 195px;border-top-right-radius: 10px;border-bottom-left-radius:10px;position: relative;overflow: hidden;background: #fff;float: left;}
.appcase2 .frame .child .imgs img {width: 100%;height: auto;}
.appcase2 .nav{position:absolute;width:609px;height:402px;overflow:hidden;left:621px;top:0px;background: #5778ba url(../image/jjl/bar1.jpg) no-repeat center 85px;border-radius: 6px;}


.appcase2 .nav .scroll_nav {margin: 0 40px;height: 100%;}




.appcase2 .nav ul {overflow: hidden;height: 99%;}
.appcase2 .nav li {float: left;width: 112px;}
.appcase2 .nav li .link {padding: 39px 0px 0;text-align: center;}
.appcase2 .nav li .link span {display: block;padding-bottom: 19px;position: relative;top: 9px;left: 0;font-size: 18px;color: #fff;cursor: pointer;}
.appcase2 .nav li .text {display: none;width: 518px;left: 46px;top: 110px;position: absolute;}
.appcase2 .nav li .text p {color: #fff;font-size: 14px;}
.appcase2 .nav a.now{background:#aaa;color:#fff;}
.appcase2 .nav .p {font-size: 14px;color: #fff;right: 47px;bottom: 38px;position: absolute;}
.appcase2 .nav li.now .link span {background: url(../image/jjl/arr1.png) no-repeat bottom center;}
.appcase2 .nav li.now .text {display: block;} 
.appcase2 .toggle {width: 147px;height: 44px;position: absolute;top: 351px;left: 461px;z-index: 1;}
.appcase2 .toggle .prev {width: 23px;height: 42px;position: absolute;left: 0;top: 0;background: url(../image/jjl/left2.png) no-repeat 0 0;}
.appcase2 .toggle .next {width: 23px;height: 42px;position: absolute;right: 0;top: 0;background: url(../image/jjl/right2.png) no-repeat 0 0;}
.appcase2 .toggle .count {text-align: center;line-height: 42px;font-size: 20px;color: #fff;}
.appcase2 .toggle .count b {font-weight:normal;font-size: 59px;color: #fff;font-family: arial;position: relative;top: 3px;}
.appcase2 .toggle .count em {font-style:normal;position: relative;left: 1px;top: 3px;}


.codelore1 {overflow: hidden;padding-bottom: 20px;}
.codelore1 .title {text-align: center;padding: 15px 0 35px;}
.codelore1 .title h1 {font-size: 26px;color: #333;}
.codelore1 .cont {}
.codelore1 .cont .l {width: 615px;float: left;height: 365px;overflow: hidden;border-bottom-left-radius: 8px;}
.codelore1 .cont .l img {width: 100%;height: auto;}
.codelore1 .cont .r {overflow: hidden;height: 365px;background: #fff;box-shadow: 0px 0px 40px #f1f1f1;border-top-right-radius: 8px;}
.codelore1 .cont .r .text {padding: 56px 40px 0;}
.codelore1 .cont .r .text p {font-size: 14px;color: #707070;margin-bottom: 6px;line-height: 160%;}
.codelore2 {overflow: hidden;padding-bottom: 80px;}
.codelore2 .title {text-align: center;padding: 29px 0 27px;}
.codelore2 .title h1 {font-size: 26px;color: #333;}
.codelore2 .top {overflow: hidden;}
.codelore2 .top .div {float: left;text-align: center;margin-left: 145px;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;}
.codelore2 .top .div .t {border-top-right-radius: 8px;border-bottom-left-radius:8px;border: 1px solid #dbdbdb;width: 128px;height: 128px;}
.codelore2 .top .div h1 {font-size: 56px;color: #474747;font-family: impact;height: 46px;line-height: 46px;padding-top: 29px;}
.codelore2 .top .div p {font-size: 16px;color: #474747;padding-top: 10px;}
.codelore2 .top .div:before {content: "";width: 103px;height: 19px;display: block;position: absolute;left: -124px;top: 61px;background: url(../image/jjl/codelore_1.png) no-repeat center;}
.codelore2 .top .div.onw {margin-left: 0;}
.codelore2 .top .div.onw .t {width: 127px;}
.codelore2 .top .div.bor .t {border-top-right-radius: 0px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.codelore2 .top .div .t:hover {background: #3f5b96;border-color: #3f5b96;}
.codelore2 .top .div .t:hover h1 {color: #fff;}
.codelore2 .top .div .t:hover p {color: #fff;}
.codelore2 .cont {padding-top: 66px;padding-bottom: 17px;}
.codelore2 .cont ul {width: 1250px;}
.codelore2 .cont li {float: left;width: 398px;height: 219px;position: relative;overflow: hidden;box-shadow: 0px 0px 30px #f1f1f1;margin: 0 18px 18px 0;}
.codelore2 .cont li>img {width: 100%;height: auto;display: none;}
.codelore2 .cont li .text {position: absolute;left: 0;top: 0;padding: 0 37px;}
.codelore2 .cont li .text h1 {font-size: 18px;color: #333;padding: 38px 0 17px;}
.codelore2 .cont li .text p {font-size: 14px;color: #707070;}
.codelore2 .cont li .text .more {font-size: 14px;color: #fff;border-top-right-radius: 8px;border-bottom-left-radius:8px;display: block;text-align: center;line-height: 32px;height: 32px;width: 94px;background: #2e4e8f;margin-top: 20px;}
.codelore2 .cont li:hover>img {display: block;}
.codelore2 .cont li:hover h1 {color: #fff;}
.codelore2 .cont li:hover p {color: #fff;}
.codelore2 .cont li:hover .more {background: #5778ba;}

#container.contBg4 {background: url(../image/jjl/about1.jpg) no-repeat top center;}

.jjlright_bar {position: fixed;top: 60% ;z-index: 99;right: 278px;width: 14px;}
.jjlright_bar li {height: 27px;line-height: 27px;background: url(../image/jjl/arr3.png) no-repeat right center;position: relative;cursor: pointer;}
.jjlright_bar li.first {background-image: url(../image/jjl/arr2.png);}
.jjlright_bar li.last {background-image: url(../image/jjl/arr4.png);}
.jjlright_bar li .p {height: 22px;padding: 0 29px 0 11px;font-size: 12px;color: #fff;background: url(../image/jjl/arr5.png) no-repeat center;line-height: 22px;text-align: right;position: absolute;right: -5px;display: none;width: 168px;top: 3px;}
.jjlright_bar li.now .p {display: block;}
.jjlright_bar li:hover .p {display: block;}

.about1 {padding-top: 20px; height: 624px;position: relative;z-index: 1;}
.about1 .cont {width: 523px;height: 523px;margin: 0px auto;position: relative;top: 16px;}
.about1 .cont .rot_wp {position: absolute;top: 50%;left: 50%;width: 456px;height: 456px;margin: -228px 0 0 -228px;}
.about1 .cont .rot_wp .rot {width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform: rotate(-90deg);opacity: 0;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}
.about1 .cont .rot_wp .rot1 {background: url(../image/jjl/about_1.png);-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;}
.about1 .cont .rot_wp .rot2 {background: url(../image/jjl/about_2.png);-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;transition-delay: 0.6s;}
.about1 .cont .rot_wp .rot3 {background: url(../image/jjl/about_3.png);-webkit-transition-delay: 1.2s;-moz-transition-delay: 1.2s;transition-delay: 1.2s;}
.about1 .cont .rot_wp .rot4 {background: url(../image/jjl/about_4.png);-webkit-transition-delay: 1.8s;-moz-transition-delay: 1.8s;transition-delay: 1.8s;}
.about1 .cont .text_wp {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;}
.about1 .cont .text_wp .t {position: absolute;top: 50%;left: 50%;width: 456px;height: 456px;margin: -228px 0 0 -228px;}
.about1 .cont .text_wp .t .a_wp {width: 93px;height: 93px;position: absolute;z-index: 3;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.about1 .cont .text_wp .t .a_wp h1 {position: absolute;font-size: 24px;color: #333;}
.about1 .cont .text_wp .t .a_wp .imgs {width: 93px;height: 93px;position: relative;}
.about1 .cont .text_wp .t .a_wp .imgs img {width: 100%;height: auto;}
.about1 .cont .text_wp .t .a_wp:hover img {animation:r 0.4s ease-out 0s;-webkit-animation:r 0.4s ease-out 0s;}
.about1 .cont .text_wp .t1 .a_wp {left: 182px;top: 0;transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
.about1 .cont .text_wp .t1 .a_wp h1 {width: 100%;text-align: center;top: -64px;left: 0;}
.about1 .cont .text_wp .t2 .a_wp {right: 0px;top: 182px;transition-delay: 1.2s;-webkit-transition-delay: 1.2s;}
.about1 .cont .text_wp .t2 .a_wp h1 {height: 93px;line-height: 93px;left: 137px;top: 0;width: 93px;}
.about1 .cont .text_wp .t3 .a_wp {left: 182px;bottom: 0;transition-delay: 1.8s;-webkit-transition-delay: 1.8s;}
.about1 .cont .text_wp .t3 .a_wp h1 {width: 100%;text-align: center;bottom: -64px;left: 0;}
.about1 .cont .text_wp .t4 .a_wp {left: 0px;top: 182px;transition-delay: 2.4s;-webkit-transition-delay: 2.4s;}
.about1 .cont .text_wp .t4 .a_wp h1 {height: 93px;line-height: 93px;left: -137px;top: 0;width: 93px;text-align: right;}
.about1.anim .cont .rot_wp .rot {transform: rotate(0deg) !important;opacity: 1;}
.about1.anim .cont .text_wp .t .a_wp {opacity: 1;z-index: 1;}
.about1 .cont .text_wp .t5 {text-align: center;}
.about1 .cont .text_wp .t5 .a_wp {width: 243px;text-align: center;left: 107px;top: 199px;transition-delay: 2.8s;-webkit-transition-delay: 2.8s;}
.about1 .cont .text_wp .t5 h1 {font-size: 26px;color: #2e4e8f !important;display: block;width: 100%;line-height: 140%;}

@keyframes r{ 0%{transform:rotate(0);} 25%{transform:rotate(-10deg);} 50%{transform:rotate(0deg);} 75%{transform:rotate(6deg);} 100%{transform:rotate(0deg);} }
@-webkit-keyframes r{ 0%{-webkit-transform:rotate(0);} 25%{-webkit-transform:rotate(-10deg);} 50%{-webkit-transform:rotate(0deg);} 75%{-webkit-transform:rotate(6deg);} 100%{-webkit-transform:rotate(0deg);} }

.about2 {padding-bottom: 102px;}
.about2 .title {text-align: center;padding: 90px 0 8px;}
.about2 .title h1 {font-size: 26px;color: #333;}
.about2 .text { margin: 0 10px;}
.about2 .text p {font-size: 14px;color: #333;padding-top: 10px;}
.about2 .img_wp {overflow: hidden;padding: 30px 0 20px;}
.about2 .img_wp img {width: 100%;height: auto;border-radius: 8px;overflow: hidden;}
.about2 .img_wp .l {float: left;width: 595px;overflow: hidden; margin: 0 10px;}
.about2 .img_wp .r {float: right;width: 595px;overflow: hidden; margin: 0 10px;}

.about3 {background-position: top center;padding-bottom: 86px;}
.about3 .title {text-align: center;padding: 75px 0 30px;}
.about3 .title h1 {font-size: 26px;color: #fff;}
.about3 .cont ul {border-top: 1px solid #6279A8;}
.about3 .cont li {overflow: hidden;height: 56px;line-height: 56px;font-size: 16px;color: #fff;border-bottom: 1px solid #6279a8;padding: 0 60px;}
.about3 .cont li span {float: right;}

.about4 {padding-bottom: 38px;}
.about4 .title {text-align: center;padding: 79px 0 30px;}
.about4 .title h1 {font-size: 26px;color: #333;}
.about4 .top {margin-bottom: 35px;overflow: hidden;background: url(../image/jjl/about_9.png) no-repeat center;}
.about4 .top .l {float: left;font-size: 18px;color: #474747;font-family: arial;line-height: 46px;transition: all 0.6s;text-align: center;width: 410px;}
.about4 .top .r {float: left;font-size: 18px;color: #474747;font-family: arial;line-height: 46px;transition: all 0.6s;text-align: center;width: 410px;}
.about4 .top .focus {height:46px;position:relative;margin:auto;float: left;width: 410px;}
.about4 .top .frame {width:100%;height:100%;overflow:hidden;}
.about4 .top .frame .child {height:100%;float:left;opacity: 0;-webkit-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;filter:alpha(opacity=0);}
.about4 .top .frame .child .year {font-size: 18px;color: #474747;font-family: arial;line-height: 46px;transition: all 0.6s;text-align: center;}
.about4 .top .frame .child.now {opacity: 1;filter:alpha(opacity=100);}
.about4 .top .frame .child.now .year {text-align: center;font-size: 60px;}
.about4 .top .prev {position: absolute;top: 5px;left: 69px;}
.about4 .top .next {position: absolute;top: 5px;right: 69px;}
.about4 .bottom {}
.about4 .bottom .div {max-height: 918px;overflow: hidden;display: none;}
.about4 .bottom li {overflow: hidden;}
.about4 .bottom li .l {float: left;width: 134px;padding-left: 10px;position: relative;font-size: 18px;color: #474747;font-family: arial;height: 15px;line-height: 15px;}
.about4 .bottom li .l:after {content: "";position: absolute;width: 11px;height: 11px;border-radius: 50%;background: #dbdbdb;right: -6px;top: 1px;}
.about4 .bottom li .r {border-left: 1px solid #dbdbdb;overflow: hidden;padding: 0 27px 48px 94px;}
.about4 .bottom li .r .imgs {margin-bottom: 22px;width: 320px;height: 209px;border-radius: 8px;overflow: hidden;}
.about4 .bottom li .r .imgs img {width: 100%;height: auto;}
.about4 .bottom li .r .text p {font-size: 14px;color: #333;position: relative;top: -4px;width: 932px;}
.about4 .bottom .div .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 11px;background: #dbdbdb;}
.about4 .bottom .div.now {display: block;}


.about5 {background: url(../image/jjl/about7.jpg);padding-bottom: 90px;}
.about5 .title {text-align: center;padding: 70px 0 75px;}
.about5 .title h1 {font-size: 26px;color: #333;}
.about5 .cont {}
.about5 .cont .tit {font-size: 20px;color: #333;padding-left: 55px;padding-bottom: 22px;}
.about5 .cont ul {}
.about5 .cont ul li {position: relative;}
.about5 .cont ul li .l {position: absolute;left: 0;top:0;bottom:0; width: 93px;line-height: 93px;text-align: center;background: #2e4e8f;}
.about5 .cont ul li .l p { height: 100%; writing-mode: tb-rl;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;font-size: 18px;color: #fff;display: inline-block;position: absolute;top: 0;bottom: 0;left: 0;}
.about5 .cont ul li .c {margin-left: 94px;}
.about5 .cont ul li .c p {width: 192px;height: 62px;text-align: center;line-height: 62px;background: #5778ba;margin-bottom: 1px;font-size: 16px;color: #fff;}
.about5 .cont ul li .r {position: absolute;right: 0;top: 0;bottom: 0;width: 819px;background: #fff;padding: 0 62px 1px;border-bottom: 1px solid #DBDBDB;}
.about5 .cont ul li .r .cell {height: 62px;display: table;border-bottom: 1px solid #dbdbdb;}
.about5 .cont ul li .r .cell p {display: table-cell;vertical-align: middle;font-size: 14px;color: #333;}

.about6 {padding-bottom: 35px;}
.about6 .title {text-align: center;padding: 79px 0 20px;}
.about6 .title h1 {font-size: 26px;color: #333;}
.about6 .mapmainwrap .bgi {position: absolute;right: -25px;bottom: 65px;}
.about6 .mapmainwrap .bgi1 {position: absolute;right: 96px;bottom: 69px;}
.about6 .mapmainwrap .txt {position: absolute;color: #333;font-size: 18px;bottom: 40px;left: 60px;}

.about7 {background: url(../image/jjl/about7.jpg);padding-bottom: 75px;}
.about7 .title {text-align: center;padding: 79px 0 30px;}
.about7 .title h1 {font-size: 26px;color: #333;}
.about7 .bigdiv {height: 461px;}
.about7 .bigdiv #map {width: 100%;height: 100%;}
.about7 .cont {overflow: hidden;}
.about7 .cont .text {padding-left: 10px;overflow: hidden;padding-top: 25px;}
.about7 .cont .text .p {font-size: 14px;color: #333;float: left;width: 525px;margin-bottom: 7px;}
.about7 .cont .p1 {font-size: 14px;color: #333;padding: 1px 10px;}

.question{ padding-bottom: 82px;}
.question .head{ padding: 13px; text-align: center;}
.question .head .h1{ font-size: 26px;}
.question .list{ padding-top: 15px; margin-bottom: 35px;}
.question .list li{ padding: 22px 10px; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.question .list li:first-child{ border-top: 1px solid #dbdbdb;}
.question .list ul{ padding-top: 22px; margin-bottom: 25px;}
.question .list li li{ padding: 22px 0; border-bottom: 1px dashed #dedddd;}
.question .list li li:first-child{ border-top: 1px dashed #dedddd;}
.question .list .submit{ display: block; width: 94px; margin-left: 100px; padding: 5px 0; background-color: #2e4e8f; font-size: 14px; color: #fff; text-align: center;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;}
.question .list .label{ float: left; min-width: 70px; text-align: right; color: #333;}
.question .list .detal{ overflow: hidden; color: #909090;}
.question .list .detal a:hover{ color: #2e4e8f;}
.question .handle{ padding: 16px 0 20px; height: 38px;}
.question .selectWarp{ float: right; width: 180px; border: 0;}
.question .selectWarp .selectBtn{ height: 36px; border: 1px solid #dcdcdc; border-radius: 19px; line-height: 36px; padding: 0 40px 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.question .selectWarp .selectBtn .arr{ right: 15px; width: 13px; background-image: url(../image/ico21.png);}
.question .selectWarp .options{ top: 38px; border: 0; max-height: 300px; padding: 2px 0 0; overflow: inherit;}
.question .selectWarp .mCustomScrollBox{ background-color: #fff; box-shadow: 0px 1px 20px 0px rgba(4, 0, 0, 0.1);}
.question .search-bar{ position: relative; padding: 13px 0;}
.question .search-bar .text{ display: block; width: 120px; height: 22px; line-height: 22px; margin-left: 15px; margin-right: 50px;}
.question .search-bar .submit{ position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../image/../image/ico20.png) center no-repeat; cursor: pointer;}
.question .selectWarp .selectBtn.down + .search-bar{ display: block;}
.question .selectWarp ul{ padding: 0;}
.question .selectWarp li{ font-size: 14px; line-height: 22px; padding: 13px 15px; color: #333;}
.question .selectWarp li:hover, .question .selectWarp li.act{ color: #fff; background-color: #2e4e8f;}
.question .tab-bar{ overflow: hidden;}
.question .tab-bar > a{ float: left; width: 136px; margin-right: 10px; padding: 6px 0; border: 1px solid #dcdcdc; font-size: 16px; text-align: center;
	border-top-right-radius: 6px; border-bottom-left-radius: 6px;}
.question .tab-bar > a.cur, .question .tab-bar > a:hover{ background-color: #2e4e8f; border-color: #2e4e8f; color: #fff;}