@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul,ol{ list-style:none;}
img{ border:none;}
input,textarea{ outline:none; border:none; font-family:"微软雅黑";}
body,html{ font-family:"微软雅黑","宋体","黑体"; height:100%; background:#fff;}

/*公共头部*/
.header{ width:100%; background:#fff;}
.header_con{ width:1200px; margin:0 auto; overflow:hidden; height:75px;}
.header .logo{ float:left; margin-top:10px;}
.header h1{ font-size:30px; color:#09518a;}
.header #nav{ overflow:hidden; float:left; margin-left:40px;margin-top:15px;}
.header #nav li{ float:left; margin-right:-8px;}
.header #nav li a{ display:block; padding:0 20px; font-size:16px; color:#333; height:58px; line-height:68px; border-bottom:2px solid #fff;}
.header #nav li:hover a,.header #nav li.active a{ color:#2f90dd; border-color:#2f90dd;}

.header .btn{ float:right; margin-top:35px;}
.header .btn a{ display:inline-block; padding:2px 15px 3px; border-radius:3px; font-size:15px; color:#fff; background:#f1a45a;}
.header .btn a:hover{ background:#ea8d34;}
.header .btn a:last-child{ background:#2f90dd;}
.header .btn a:last-child:hover{ background:#196ebb;}


.s1{ background:url(../images/bg1.jpg) no-repeat center; background-size:100% 100%;}
.s2{ background:url(../images/bg2.jpg) no-repeat center; background-size:100% 100%;}
.s3{ background:url(../images/bg3.jpg) no-repeat center; background-size:100% 100%;}
.s4{ background:url(../images/bg4.jpg) no-repeat center; background-size:100% 100%;}

.pub_title{ font-size:24px; color:#004f97; text-align:center; margin:80px 0 60px;}
.pub_title span{ display:block; text-transform:uppercase; font-size:14px; margin-top:10px;}


/* 第一屏banner */
.banner{ width: 1200px; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; }
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner-img li a{ display:block; width:1200px; height:400px; background-size:100% 100%;}
.banner-img li a img{ width:100%;}
.banner-circle{position:absolute;left:50%;bottom:15px;height:14px;text-align:center;font-size:0;border-radius:10px;background:rgba(255,255,255,0.3);filter:alpha(opacity:30);}
.banner-circle li{border-radius:10px;margin:2px 4px;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}
.banner-circle li a{display:block;padding-top:12px;width:12px;height:0;border-radius:50%;background:#B7B7B7;overflow:hidden;}
.banner-circle .selected a{background:#2f90dd;}

.iconbox{ width:1200px; margin:30px auto; overflow:hidden;}
.iconbox a{ display:block; width:240px; text-align:center; float:left;}
.iconbox a p{ font-size:18px; font-weight:900; color:#004f97; margin-top:10px;}

.iconbox a{ transition:1.2s; opacity:0;}
.iconbox a:nth-child(1){ transform:translateX(480px);}
.iconbox a:nth-child(2){ transform:translateX(240px);}
.iconbox a:nth-child(4){ transform:translateX(-240px);}
.iconbox a:nth-child(5){ transform:translateX(-480px);}

.s1.active .iconbox a{ opacity:1;}
.s1.active .iconbox a:nth-child(1){ transform:translateX(0);}
.s1.active .iconbox a:nth-child(2){ transform:translateX(0);}
.s1.active .iconbox a:nth-child(4){ transform:translateX(0);}
.s1.active .iconbox a:nth-child(5){ transform:translateX(0);}


/*第二屏*/
.activity{ width:1360px; margin:0 auto; overflow:hidden;}
.act_con{ width:320px; float:left; margin:40px 10px;}
.act_con .title{ overflow:hidden;}
.act_con .title h3{ width:120px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; border-radius:4px; background:#2f90dd; float:left;}
.act_con .title a{ font-size:16px; color:#666; float:right; margin-top:10px;}
.act_con .title a:hover{ color:#2f90dd;}
.act_con li a{ display: block; height:60px; background:#fff; box-shadow:0 2px 6px 1px rgba(30,30,30,0.1); margin-top:20px; overflow:hidden; border-radius:2px;}
.act_con .time{ width:100px; height:100%; background:#1AACFC; text-align:center; font-size:24px; color:#fff; float:left; padding-top:4px;}
.act_con .time i{ font-size:12px; font-style:normal; display:block;}
.act_con .text{ width:220px; font-size:15px; color:#666; padding:10px 10px 0; box-sizing:border-box; float:left;}
.act_con li:hover .text{ color:#2f90dd;}

.s2 .act_con{ transform:translateY(500px); opacity:0; transition:0.8s;}
.s2 .act_con:nth-child(1){ transition-delay:0.2s;}
.s2 .act_con:nth-child(2){ transition-delay:0.4s;}
.s2 .act_con:nth-child(3){ transition-delay:0.6s;}
.s2 .act_con:nth-child(4){ transition-delay:0.8s;}
.s2.active .act_con{ transform:translateY(0); opacity:1;}


/*第三屏*/
.data{ width:800px; margin:0 auto; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-top:-150px;}
.data-tr{ overflow:hidden;}
.data-td{ width:180px; height:180px; background:#1cdbce; float:left; margin:10px; text-align:center;}
.data-td div{ transform:rotate(45deg); width:180px; height:140px; box-sizing:border-box; margin-top:15px;}
.data-td h4{ color:#0e7770; font-size:30px; margin:15px 0 5px;}
.data-td h4 span{ font-size:16px;}
.data-td p{ font-size:16px; color:#fff;}

.data-td{ transform:scale(0); transition:1s 0.2s; opacity:0;}
.data-td:nth-child(1){ transition-delay:0.4s;}
.data-td:nth-child(3){ transition-delay:0.6s;}
.s3.active .data-td{ transform:scale(1); opacity:1;}


/*第四屏*/
.system{ width:1200px; margin:0 auto;}
.system ul{ overflow:hidden;}
.system li a{ display:block; width:260px; height:180px; border-radius:6px; background:#74d47c; margin:20px; float:left; text-align:center;}
.system li .pic{ height:65px; width:260px; padding:30px 0 20px; display:table-cell; vertical-align:middle;}
.system li b{ font-size:18px; color:#fff; display:block;}
.system li:nth-child(2) a{ background:#43abfb;}
.system li:nth-child(3) a{ background:#f7b362;}
.system li:nth-child(4) a{ background:#3bdac2;}
.system li:nth-child(5) a{ background:#5487e3;}
.system li:nth-child(6) a{ background:#27b9cb;}
.system li:nth-child(7) a{ background:#84de34;}
.system li:nth-child(8) a{ background:#b569f1;}

/*公共底部*/
.footer{ width:100%; padding:10px 0;background:rgba(0,0,0,0.4); font-size:16px; color:#fff; text-align:center; line-height:1.75em;}

.system{ transform:translateX(1200px); transition:1s 0.2s; opacity:0;}
.s4.active .system{ transform:translateX(0); opacity:1;}



@media(max-width:1600px){
.pub_title{ margin:40px 0 20px;}
.banner-img li a{ height:340px;}
.iconbox{ margin:20px auto;}
	
/*第三屏*/
.data{ width:720px;}
.data-td{ width:160px; height:160px; }
.data-td div{ width:160px; height:130px; margin-top:10px;}
.data-td h4{ font-size:28px; margin:10px 0 2px;}
.data-td h4 span{ font-size:14px;}
}

@media(max-width:1366px){
.header #nav li{margin-right:8px;}
.header_con{ width:92%;}
.header h1{ font-size:30px;}
.header #nav{ margin-left:20px;margin-top:15px;}
.header #nav li a{ padding:0 10px;}

.pub_title{ font-size:20px; margin:30px 0 20px;}
.pub_title span{ font-size:12px; font-weight:100; margin-top:4px;}
/*第一屏*/
.banner{ width: 1000px; }
.banner-img li a{ width:1000px; height:300px;}
.iconbox{ width:1000px; margin:15px auto;}
.iconbox a{ width:200px;}
.iconbox a img{ width:40%;}
.iconbox a p{ font-size:14px; margin-top:10px;}

/*第二屏*/
.activity{ width:96%;}
.act_con{ width:23%; margin:20px 10px;}
.act_con .title h3{ width:100px; height:34px; line-height:34px;}
.act_con .title a{ margin-top:6px;}
.act_con li a{ height:50px; margin-top:15px;}
.act_con .time{ width:26%; padding-top:0;}
.act_con .text{ width:74%; font-size:14px; padding:5px 10px 0;}

	
/*第三屏*/
.data{ width:580px; margin:0 auto; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-top:-100px;}
.data-td{ width:120px; height:120px; }
.data-td div{ width:120px; height:120px; margin-top:0;}
.data-td div img{ transform:scale(0.7);}
.data-td h4{ font-size:22px; margin:0;}
.data-td h4 span{ font-size:12px;}
.data-td p{ font-size:12px;}

/*第四屏*/
.system{ width:1000px;}
.system li a{ width:230px; height:140px; margin:10px;}
.system li .pic{ height:65px; width:240px; padding:20px 0 10px;}
.system li b{ font-size:16px;}
.footer{ font-size:14px;}
}



/****公共内页banner*****/
.pub_bg{ width:100%; height:140px; background:url(../images/pub_bg.jpg) no-repeat; margin:15px 0;}
.pub_bg .con{ width:1200px; margin:0 auto; overflow:hidden;}
.pub_bg .tab{ float:left; margin-top:50px;}
.pub_bg .tab a{ font-size:16px; color:#337ccb; font-weight:900; display:inline-block; padding:8px 20px; border:1px solid #337ccb; border-radius:3px; margin-right:10px;}
.pub_bg .tab a:hover{ background:#337ccb; color:#fff;}
.pub_bg .search{ float:right; width:280px; height:40px; background:#fff; border-radius:4px; overflow:hidden; margin-top:50px;}
.pub_bg .search .text{ width:220px; height:40px; padding:0 10px; font-family:"微软雅黑"; float:left;}
.pub_bg .search .submit{ width:40px; height:40px; background:url(../images/sou.png) no-repeat left center; cursor:pointer;}
/*面包屑*/
.mianbao{ width:1200px; margin:20px auto 30px; font-size:15px; color:#999;}
.mianbao a{ color:#999;}
.mianbao img{ vertical-align:middle; margin:-6px 4px 0 0;}
.mianbao a:hover,.mianbao a.on{ color:#1d86e6;}

/************************团体************************/
.tuanti{ width:1200px; margin:20px auto; border:1px solid #d9d9d9;}
.tuanti .top{ overflow:hidden; padding-bottom:10px;}
.tuanti .top h2{ font-size:18px; color:#1d86e6; text-align:center; margin:30px 0;}
.tuanti .top .row{ width:520px; margin:20px auto;}
.tuanti input[type=text]{ width:400px; height:40px; border:1px solid #ccc; padding:0 10px; border-radius:4px;}
.tuanti input[type=submit]{ width:80px; height:42px; background:#1d86e6; color:#fff; border:none; cursor:pointer; transition:0.2s; border-radius:4px;}
.tuanti input[type=submit]:hover{ background:#004f97}
.tuanti input[type=button]{ width:80px; height:42px; background:#1d86e6; color:#fff; border:none; cursor:pointer; transition:0.2s; border-radius:4px;}
.tuanti input[type=button]:hover{ background:#004f97}
/*团体标准*/
.tuanti select{ width:93px; height:39px;font-size:16px;background:#fff; border:1px solid #ddd; color:#333; cursor:pointer; transition:0.2s; border-radius:4px;}
.tuanti input[type=reset]{ width:80px; height:40px; background:#fff; border:1px solid #ddd; color:#333; cursor:pointer; transition:0.2s; border-radius:4px;}
.tuanti input[type=reset]:hover{ background:#1d86e6; border-color:#1d86e6; color:#fff;}
.tuanti label{ color:#666;}
.tuanti input[type=checkbox]{ width:18px; height:18px; vertical-align:middle; margin:-3px 4px 0 10px;}

.tbz .top .row{ width:694px; font-size:16px; color:#999;}


/***公共表格***/
p.shu{ padding:15px; font-size:15px; color:#333;}
p.shu span{ color:#1d86e6; margin:0 6px;}
.result{ font-size:15px; color:#333; margin:10px auto 0; box-shadow:0 0 4px rgba(0,0,0,0.2); overflow:hidden;}
.result td{ padding:10px 0; text-align:center;}
.result thead td{ font-weight:900; background:#f8f8f8;}
.result tr:nth-of-type(even){ background:#fafafa;}
.result tr:hover{ background:#e6f7ff;}
.result .xiang{ display:block; width:24px; height:24px; background:url(../images/xiang.png) no-repeat left top; overflow:hidden; margin:0 auto;}
.result .xiang:hover{ background-position:0 -24px;}

/*翻页按钮*/
.page{ margin: 10px; overflow: hidden; float:right;}
.page li{ float: left; padding:3px 8px; border: 1px solid #ddd; border-radius:3px; background:#fff; color: #666; margin: 0 2px; cursor: pointer; transition: 0.2s;}
.page li:hover,.page li.on{ background: #1d86e6; color: #fff; }


/*******************新闻公告列表********************/
.news{ width:1200px; margin:20px auto; overflow:hidden;}
.newList li{ overflow:hidden; padding:4px 0; margin-bottom:20px;}
.newList .time{ width:180px; height:60px; background:#337ccb; text-align:center; line-height:60px; font-size:20px; color:#fff; float:left;}
.newList h3{ width:1000px; height:60px; line-height:60px; font-size:18px; color:#666; float:right; margin-right:4px; box-shadow:0 0 4px 0 rgba(0,0,0,0.2); padding:0 30px; box-sizing:border-box;}
.newList h3 span{ display:inline-block; width: 80%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.newList h3 .more{ font-weight:100; font-size:16px; color:#337ccb; float:right;}

/*******************新闻公告详情页********************/
.news_d{ width:1200px; margin:20px auto; padding:30px 60px; box-sizing:border-box; box-shadow:0 0 4px rgba(0,0,0,0.2);}
.news_d h4{ font-size:16px; color:#333; text-align:center; line-height:1.8em;}
.news_d h4 span{ font-weight:100; color:#666;}
.news_d p{ font-size:16px; color:#333; text-indent:2em; line-height:1.75em; margin:20px 0;}


/*******************问题解答列表********************/
.problem{ width:1200px; margin:20px auto; padding:20px 40px; box-sizing:border-box; box-shadow:0 0 4px rgba(0,0,0,0.2); overflow:hidden;}
.proList li{ border-bottom:1px dashed #ddd; padding:15px;}
.proList li a{ font-size:16px; color:#333;}
.proList li a:hover{ color:#337ccb;}


/************************团体标准详情页*********************************/
.xiang_con{ padding:40px; overflow:hidden; font-size:16px; color:#333;}
.xiang_con .top{ width:90%; margin:0 auto; overflow:hidden;}
.xiang_con .top .tu{ float:left; width:180px; height:220px; background:#eee; text-align:center; line-height:220px;}
.xiang_con .dec{ float:right; width:800px;}
.xiang_con .dec h3{ font-size:16px; color:#333; margin-bottom:20px;}
.xiang_con .dec span{ display:block; font-size:14px; color:#999; font-weight:100; margin-top:10px;}
.xiang_con .dec .table{ padding:20px 0; background:#f8f8f8;}
.xiang_con .title{ font-size:18px; color:#666; font-weight:900; margin:40px 0 15px;}
.xiang_con .title img{ vertical-align:text-top; margin-right:10px;}
.xiang_con table{ width:100%; margin:0 auto; line-height:2em;}
.xiang_con table td{ padding:2px;}
.xiang_con a{ color:#33b4f5;}
.xiang_con a:hover{ color:#337ccb;}
.xiang_con a img{ margin-right:10px;}
.xiang_con .biao{ width:90%; margin:0 auto; line-height:2em;}
.x_list{ width:90%; margin:0 auto;}
.x_list ul{ overflow:hidden;}
.x_list li{ float:left; width:50%; margin:10px 0;}
.x_list2 li{ width:15%;}
.x_list3 li{ width:100%;}


.public{ width:1200px; margin:20px auto; overflow:hidden;}
/******公共左侧侧栏*******/
.public_left{ width:240px;  border:1px solid #dadada; float:left;}
.public_left .menu{ height:60px; line-height:60px; background:#1d86e6; font-size:20px; font-weight:900; color:#fff; text-align:center;}
.public_left li{ border-top:1px solid #dadada; position:relative;}
.public_left li a{ display:block; padding:15px 0 15px 40px; font-size:16px; color:#314659;}
.public_left .list>li:hover>a{ background:#e6f3ff; color:#1d86e6;}
.public_left .select{ position:absolute; right:20px; top:22px;}
.public_left .down{ text-align:left; display:none;}
.public_left .down li{ border:none;}
.public_left .down li a{ padding-left:60px; transition:0.2s;}
.public_left .down li:hover a{ color:#1d86e6; border-left:4px solid #1d86e6;}
/******公共右侧部分*******/
.public .right{ width:940px; float:right; margin-bottom:5px; border:1px solid #d9d9d9;}
.public .right_t{ border-top:2px solid #1d86e6; overflow:hidden; padding-bottom:10px;}
.public .right_t h2{ font-size:18px; color:#1d86e6; text-align:center; margin:20px 0;}
.public .right_t .form{ width:54%; margin:30px auto 20px;}
.public input[type=text]{ width:400px; height:40px; border:1px solid #ccc; padding:0 10px; border-radius:4px;}
.public input[type=submit]{ width:80px; height:42px; background:#1d86e6; color:#fff; border:none; cursor:pointer; transition:0.2s; border-radius:4px;}
.public input[type=submit]:hover{ background:#004f97}
.public dl{ overflow:hidden; font-size:15px; color:#333; margin-bottom:20px; margin-left:100px;}
.public dt{ float:left; color:#999; padding-top:4px;}
.public dd{ float:left; padding:3px 10px 4px; margin:0 10px; cursor:pointer;}
.public dd:hover,.standard dd.on{ background:#1d86e6; color:#fff;}
.public dd.more:hover{ background:#fff;}

/***********************团标大数据***************************/
/*公共部分*/
.tbiao .top{ overflow:hidden; padding-bottom:10px;}
.tbiao .top h2{ font-size:18px; color:#1d86e6; text-align:center; margin:30px 0;}
.tbiao .top .row{ width:520px; margin:20px auto;}
.chart{ width:880px; height:400px; box-shadow:0 0 4px rgba(0,0,0,0.2); margin:30px auto; overflow:hidden;}
.pub_tab{ width:145px; border:1px solid #ccc; border-radius:4px; margin:25px auto 0; overflow:hidden;}
.pub_tab a{ display:block; float:left; padding:6px 20px; font-size:16px; color:#333; border-right:1px solid #ccc; transition:0.2s;}
.pub_tab a:last-child{ border:none;}
.pub_tab a:hover,.pub_tab a.on{ background:#44bbff; color:#fff;}

/*区域统计*/
.tbiao .top p{ width:70%; padding:10px 20px; background:#f6f6f6; margin:0 auto; font-size:14px; color:#333; text-indent:2em;}
.tbiao .top p i{ font-style:normal; color:#ff6b3e;}
.chart_t{ overflow:hidden;}
.chart table{ float:right; margin:40px 40px 0 0;}
.chart table td{ text-align:center; padding:4px 10px;}
.chart table td i{ font-style:normal; color:#ff6b3e;}

/*状态统计*/
.step{ overflow:hidden; width:750px; margin:0 auto; background:url(../images/jt.png) no-repeat center;}
.step a{ display:block; width:100px; height:100px; background:#41d79d; font-size:15px; font-weight:900; color:#fff; border-radius:50%; text-align:center; float:left; margin:0 25px; transition:0.2s;}
.step a b{ display:block; font-size:30px; margin:14px 0 2px;}
.step a.on{ border-radius:50% 50% 0 50%;}
.step a:nth-child(2){ background:#f5b664;}
.step a:nth-child(3){ background:#3fcfe1;}
.step a:nth-child(4){ background:#76b5f5;}
.step a:nth-child(5){ background:#f9927a;}


/*************************TC/SC*************************/
.TCSC .right_b{ padding-left:50px;}
.TCSC p.shu{ margin:0 40px 0 10px;}
.card{ overflow:hidden;}
.card li{ width:380px; border:1px solid #ddd; overflow:hidden; padding:20px; box-sizing:border-box; float:left; margin:20px; transition:0.3s;}
.card li a{ font-size:14px; color:#999; line-height:1.75em;}
.card .photo{ width:104px; height:146px; border:1px solid #ddd; overflow:hidden; float:left;}
.card .jie{ width:210px; float:right;}
.card .jie p{ font-size:16px; color:#333;}
.card .jie span{ color:#333;}
.card .jie i{ font-style:normal; color:#ff5151;}
.card li:hover{ box-shadow:0 2px 8px 2px rgba(0,0,0,0.1);}