﻿/* common style*/

/*---公共样式--*/
body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:lighter;}
body{text-align:left; font-size:12px; color:#666666; font-family:"宋体",Arial,Helvetica,sans-serif; }
input,select,button,font{font:12px Verdana,Arial,Tahoma;} 
ul, li{ list-style:none;}
img{border:0}
input, textarea, select{ color:#6e6e6e; font-size:12px;}
.aril{ font-family:Arial, Helvetica, sans-serif;}

.flt{ float:left;}
.frt{ float:right;}
.clear{height:0px;font-size:0px;line-height:0px;clear:both; _overflow:hidden;}/*清除浮动*/
.f12{ font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{ font-size:18px;}
.f24{font-size:24px;}
.strong{ font-weight:bold;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.lh24{ line-height:24px;}
.h10{ height:10px;}
.h20{ height:20px;}
.font-yahei{ font-family:"Microsoft Yahei";}

a{ color:#666666; text-decoration:none;}
a:hover,a:active,a:focus{color:#e20000; text-decoration: none;}
a:visited {text-decoration: none;}

/*字体*/
.blue{ color:#1f65b7;}
.blue a{ color:#1f65b7;}
.blue a:hover{ color:#e20000; text-decoration: none;}
.blue2{ color:#4388db;}
.blue2 a{ color:#4388db;}
.blue2 a:hover{ color:#e20000; text-decoration: none;}

.head1{ width:973px; margin:0px auto; padding-top:20px;}
.head2{ width:999px; margin:0px auto; padding-top:27px;}
.head2 .title-box span{ padding-right:14px; height:35px; overflow:hidden;}
.head2 .title-box .date{ padding-top:15px;}
.head2 .link-box{ line-height:18px; padding-top:4px;}
.head2 .link-box .icon-link{ padding-right:14px;}
.banner-cont{ width:100%; height:184px; background:url(../images/cio/fg-banner-bg.jpg) repeat-x; overflow:hidden;}
.banner-cont .banner{ width:100%; background:url(../images/cio/fg-banner.jpg) no-repeat top center; height:184px;}

/*banner*/
.banner{ background:url(../images/cio/banner-bg.jpg) repeat-x; width:100%; height:346px;}
.banner .banner-bg{ background:url(../images/cio/banner.jpg) no-repeat top center; height:346px; width:100%;}
.banner .banner-cont{ width:999px; margin:0px auto; position:relative; height:346px;}
.banner .banner-cont .text{ position:absolute; left:205px; top:72px; width:415px; height:214px; overflow:hidden;color:#fff; font-size:14px;line-height:26px;}
.banner .banner-cont .btn{ position:absolute; top:243px; left:770px;}
.banner .banner-cont .btn a{ display:block; width:122px; height:47px; text-align:center; line-height:47px; color:#fff; font-size:18px;}

/*main*/
.main{ width:999px; margin:0px auto;}
.main .block1{ width:100%;}
.main .block1 .cont1{ width:743px; float:left; overflow:hidden;}
.main .title1{ background:#eff0f0; height:25px; border-left:solid #fdbc20 6px;}
.main .title1 span{ line-height:25px;}
.main .title1 .flt{ padding-left:18px;}
.main .title1 .frt{ padding-right:18px;}
.main .block1 .cont1 dl{ padding-left:21px; padding-top:20px; width:330px; float:left;}
.main .block1 .cont1 dl dt img{ padding:9px; border:solid #c3c3c3 1px;}
.main .block1 .cont1 dl dd{ text-align:center; line-height:40px;}
.main .block1 .cont1 ul{ padding-left:44px; float:left; padding-top:18px;}
.main .block1 .cont1 ul li{ background:url(../images/cio/CIO-icon2.png) no-repeat 0px 4px; color:#999999; height:28px; overflow:hidden; line-height:28px; padding-left:10px;}
.main .block1 .cont1 ul li a{ font-size:14px;}
.main .block1 .cont2{ float:right; width:246px; background:#fafafb; height:295px;}
.main .title2{ width:246px; background:#50a2e4; height:25px; color:#fff;}
.main .title2 .flt{ height:25px; line-height:25px; padding-left:18px; padding-right:22px; background:url(../images/cio/CIO-icon2.png) no-repeat right -34px; width:85px; font-weight:bold; font-size:14px;}
.main .title2 .frt{ padding-right:10px; line-height:25px;}
.main .title2 a{ color:#fff;}
.main .block1 .cont2 .jd-box{ padding-left:9px; padding-top:12px; padding-bottom:2px;}
.main .block1 .cont2 .jd-box .wen{ width:205px; padding-bottom:11px; padding-top:3px; border-bottom:solid #e2e2e2 1px; background:url(../images/cio/CIO-icon2.png) no-repeat 0px -80px; padding-left:26px;}
.main .block1 .cont2 .jd-box dl{ padding-top:8px;}
.main .block1 .cont2 .jd-box dl dt{ background:url(../images/cio/CIO-icon2.png) no-repeat 0px -125px; padding-left:26px; height:20px; line-height:20px; padding-bottom:4px;}
.main .block1 .cont2 .jd-box dl dd{ line-height:22px; width:168px; padding-left:25px; background:url(../images/cio/da-icon.jpg) no-repeat 24px 2px; padding-left:48px;}

.main .block2{ width:100%;}
.main .block2 .hy-cont{ padding-left:20px;}
.main .block2 .hy-cont .c1{ float:left; border:solid #deeaee 1px; width:290px; height:276px; overflow:hidden;}
.main .block2 .hy-cont .c1 dl{ padding-left:20px; padding-top:10px; width:248px;}
.main .block2 .hy-cont .c1 dl dt{ float:left; width:96px;}
.main .block2 .hy-cont .c1 dl dt img{ width:96px; height:111px;}
.main .block2 .hy-cont .c1 dl dd{ padding-left:24px; width:118px; float:left; padding-top:8px;}
.main .block2 .hy-cont .c1 dl dd p{ line-height:24px;}
.main .block2 .hy-cont .c1 .hy-text{ width:246px; line-height:22px; padding-left:20px; padding-top:5px;}
.main .block2 .hy-cont .c2{ float:left; width:686px;}
.main .block2 .hy-cont .c2 dl{ padding-left:25px; width:80px; padding-right:8px; text-align:center; height:120px; float:left; padding-top:12px; padding-bottom:4px;}
.main .block2 .hy-cont .c2 dl dt img{ padding:2px; border:solid #cdcdcd 1px;}
.main .block2 .hy-cont .c2 dl dd{ text-align:center; padding-top:6px; line-height:18px;}

.main .block3{ width:100%;}
.main .block3 .c1{ float:left; width:743px; overflow:hidden;}
.main .block3 .c1 .zj-cont{ padding-left:20px; float:left;}
.main .block3 .c1 .zj-cont dl{ border:solid #deeaee 1px; width:250px; padding-left:20px; padding-right:20px; height:192px; overflow:hidden;}
.main .block3 .c1 .zj-cont dl dt{ padding-top:10px; float:left; padding-right:18px;}
.main .block3 .c1 .zj-cont dl dd{ line-height:22px; padding-top:10px;}
.main .block3 .c1 .zj-cont dl dd p{ padding-bottom:10px;}
.main .block3 .c1 .pic-list{ float:left; width:430px;}
.main .block3 .c1 .pic-list dl{ padding-left:20px; width:64px; float:left; text-align:center; height:98px; overflow:hidden;}
.main .block3 .c1 .pic-list dl dt img{ padding:2px; border:solid #cdcdcd 1px;}
.main .block3 .c1 .pic-list dl dd{ text-align:center; line-height:24px;}
.main .block3 .c2{ width:246px; float:right; overflow:hidden; background:#fafafb; height:239px;}
.main .block3 .c2 dl{ float:left; width:102px; padding-left:14px; padding-top:20px;}
.main .block3 .c2 dl dt img{ width:102px; height:137px;}
.main .block3 .c2 dl dd{ text-align:center; line-height:35px;}
.main .block3 .title2 .flt{ background:url(../images/cio/CIO-icon2.png) no-repeat right -158px;}

.main .block4{ width:100%;}
.main .block4 .text-box{ padding-left:20px; float:left;}
.main .block4 .text-box .cont{ border:solid #e8e8e8 1px; height:228px; width:290px; padding-top:32px;}
.main .block4 .text-box .cont h2{ padding-left:22px; background:url(../images/cio/CIO-icon2.png) no-repeat right -216px; padding-right:10px; width:120px; color:#00248c; height:28px; font-size:18px;}
.main .block4 .text-box .cont .bg2{ background-position:right -288px;}
.main .block4 .text-box .cont .bg3{ background-position:right -366px;}
.main .block4 .text-box .cont h3{ padding-left:35px; padding-top:8px; line-height:30px; font-size:14px;}
.main .sq-btns{ padding-top:12px; text-align:center;}

.main .block5{ width:100%; padding-top:10px;}
.main .block5 .text1{ width:44px; text-align:center; overflow:hidden; height:124px; border-right:solid #e8e8e8 1px; line-height:22px; padding-top:34px; font-size:14px;}
.main .block5 .text2{ width:308px; border-right:solid #e8e8e8 1px; height:158px; overflow:hidden;}
.main .block5 .text2 span{ float:left; color:#8a8a8a; padding-top:10px; line-height:30px;}
.main .block5 .text2 .row1{ width:135px; text-align:right;}
.main .block5 .text2 .row2{ padding-left:5px;}
.main .block5 .text3{ width:330px; overflow:hidden;}
.main .block5 .text3 dl{ float:left; color:#8a8a8a; padding-left:30px; text-align:center; line-height:32px;}
.main .block5 .text3 dl dt{ height:128px; overflow:hidden; clear:both;}
.main .block5 .text4{ padding-left:40px; float:left; width:136px; overflow:hidden;}
.main .block5 .text4 .qq{ background:url(../images/cio/CIO-qq-icon.jpg) no-repeat; padding-left:65px; height:132px;}
.main .block5 .text4 .qq p{ line-height:24px; padding-top:16px; padding-bottom:2px;}
.main .block5 .text4 .qq b{ color:#8a8a8a;}

/*inside-box*/
.inside-box{ width:960px; margin:0px auto;}
.inside-cont{ border:solid #e8e8e8 1px; width:958px; float:left;}
.inside-cont ul{ padding:20px 30px;}
.inside-cont ul li{ background:url(../images/cio/CIO-icon2.png) no-repeat 0px 5px; padding-left:10px; line-height:32px;}
/*page-list*/
.page-list{ float:right;}
.page-list a{ float:left; display:block; padding-left:8px; padding-right:8px; line-height:21px; background:#f8fbff; border:solid #c9cbce 1px; margin-right:5px;}
.page-list .current{ font-weight:bold; float:left; display:block; padding-left:8px; padding-right:8px; line-height:21px; background:#f8fbff; border:solid #c9cbce 1px; margin-right:5px;}
.table-form{ width:910px; margin:0px auto; padding:20px 0px;}
.table-form .input1{ padding-left:10px; height:32px; border:solid #cdcdcd 1px; background:#fff; line-height:32px; color:#666; font-size:14px;}
.table-form .input2{ padding-left:10px; padding-right:10px; border:solid #cdcdcd 1px; background:#fff; line-height:32px; color:#666; font-size:14px;}
.table-form select{ padding:4px; color:#858585; border:1px solid #d7d7d7; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; height:28px; *margin-top:4px; line-height:28px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; outline-offset:-2px;}
.table-form td{ padding-bottom:10px;}
.form-title{ text-align:center; line-height:45px; padding-bottom:15px; padding-top:10px; font-size:22px; color:#333;}
.inside-cont .text{ padding:20px; line-height:28px;}
.inside-cont .text p{ padding-bottom:15px;}
.inside-cont .text p b{ color:#565555;}

/*footer*/
.footer{ float:left; clear:both; width:100%; padding-bottom:30px;}
.footer p{ text-align:center; line-height:24px; padding-top:15px;}