﻿/*公用*/

@import url("../css/iconfont.css");



body{ font-size: 14px;}

.wrap{ width: 1200px; margin: 0 auto;}

img{ vertical-align: top;}

a:hover{ transition: all 0.15s ease 0s; text-decoration: none; color: #369B83;}

img{ max-width: 100%;}
 
.header{ border-top: 5px solid #0ea07d; height: 84px;}

.header .logo{ height: 84px; width: 338px;}

.header .nav{ margin: 10px 0 2px 0; height: 72px; font-size: 16px; width: 594px;}

.header .nav li{ float: left; margin: 0 25px 0 0;}

.header .nav li a{ display: block; padding: 0 5px; height: 67px; line-height: 67px;}

.header .nav li .on{ border-bottom: 5px solid #ca3131; color: #ca3131; font-weight: bold;}

.header .nav li i{ display: none;}

.header .nav li p{ cursor: pointer;}



.header .search{ width: 236px; height: 32px; margin: 25px 0; border: 1px solid #bfbfbf; border-radius: 20px; }

.header .search .sl{ width: 80px; position: relative;}

.header .search .sl span{ display: block; width: 79px; text-align: center; height: 32px; line-height: 32px; cursor: pointer; overflow: hidden; position: relative; padding-left: 4px; z-index: 2; border-right: 1px solid #bfbfbf;}

.header .search .sl i{ font-size: 12px; margin-right: 6px; display: block;}

.header .search .sl .slist{ padding: 15px 0 5px 0; display: none; background: #FFF; border: 1px solid #bfbfbf; border-top: 0; position: absolute; width: 80px; left: -1px; top: 19px; z-index: 1;}

.header .search .sl .slist li{ text-align: center; line-height: 24px; cursor: pointer;}

.header .search .sl .slist a{ display: block;}

.header .search .sl .slist a:hover{ background:#EEE; color: #333;}

.header .search .key{ background: #FFF; border: 0; width: 116px; height: 32px; line-height: 32px; padding: 0 3px 0 3px; position: relative; z-index: 3;}

.header .search .icon-search{ display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 30px; color: #999; border: 0; cursor: pointer; background-color: transparent;}



.chnlinfo{ /*height: 80px;*/ background: #0ea07d;}

.chnlinfo h2{ height: 32px; line-height: 32px; overflow: hidden; color: #FFF; font-size: 30px; padding-top: 20px;}

.chnlinfo .location{ color: #FFF; line-height: 24px; margin-top: 0px; text-align: right; padding-bottom: 5px;}

.chnlinfo .location i{ line-height: 20px; height: 20px; display: inline-block; margin-right: 5px;font-size: 14px;}

.chnlinfo .location a{ color: #FFF;}

.chnlinfo .location a:hover{ text-decoration: underline;}



.foot{ position: fixed; bottom: 0; background: #4C4C4C; width: 100%;}

.foot .foot-info{ padding: 8px 0;}

.foot .foot-copyright{ color: #BBB;  line-height: 24px; text-align: right;}

.foot .foot-copyright a{ color: #BBB;}

.foot .foot-copyright a:hover{ text-decoration: underline;}

.foot .foot-copyright span{ margin: 0 0 0 10px; display: inline-block;}

.foot .foot-nav{ color: #BBB; line-height: 24px; text-align: right;}

.foot .foot-nav a{ color: #BBB; margin: 0 6px; display: inline-block;}

.foot .foot-nav a:hover{ text-decoration: underline;}

.foot .foot-dzjg{ margin-top: 5px; width: 54px;}

.foot .foot-zc{ margin: 12px 0 0 10px; width: 78px; height: 39px;}

.foot .foot-btn{ width: 67px; height: 31px; background: url(../images/footbtn1_2017j.png) no-repeat; position: absolute; top: -31px; left: 48%; cursor: pointer; display: none;}

.foot .foot-btndown{ background: url(../images/footbtn2_2017j.png) no-repeat;}



.foot-link{ border-bottom: 1px solid #555; padding-bottom: 20px;}

.foot-tab{ text-align: center; margin: 20px 0 15px 0;}

.foot-tab a{ height: 24px; line-height: 24px; border: 1px solid #FFF; border-radius: 5px; display: inline-block; color: #FFF; padding: 0 15px; margin: 0 10px; cursor: pointer;}

.foot-tab a.on{ background: #FFF; color: #333;}

.foot-link-list{ color: #BBB; text-align: center; height: 20px; line-height: 20px;}

.foot-link-list a{color: #BBB;}

.foot-link-list span{ margin: 0 20px;}

.foot-link-list form{ display: inline-block;}

.foot .foot-txt{ height: 19px; line-height: 19px; border: 0; border-bottom: 1px solid #BBB; width: 80px; background-color: transparent; color: #FFF;}

.foot .foot-btn2{ height: 20px; line-height: 20px; border: 0; background-color: transparent; color: #FFF; border: 1px solid #FFF; padding: 0 10px; cursor: pointer; margin-left: 10px; border-radius: 5px;}





.leftmenu{ width: 100%; /*height: 100%;*/ padding-top: 30px;}

.leftmenu li{ margin: 2px 0; height: 46px; line-height: 46px; position: relative;}

.leftmenu li a{ display: block; font-size: 16px; padding-left: 5px; height: 46px; line-height: 46px; overflow: hidden;}

.leftmenu .on a{ background: #0ea07d; color: #FFF; padding-left: 20px;}

.leftmenu li span{ width: 29px; height: 46px; background: url(../images/lm_2017j.png) no-repeat; position: absolute; right: -29px; top: 0; display: none;}

.leftmenu li.on span{ display: block;}

.leftmenu .dropdownbtn{ display: none;}

.leftmenu .tt{ display: none;}



.leftbox{ width: 249px; border-right: 1px solid #CCC;}

.container{ padding-bottom: 90px;}

.main{ padding: 30px 0 0 50px; width: 900px;}

.content{ line-height: 32px; font-size: 16px;}

.content_small *{ line-height: 24px!important; font-size: 12px!important;}

.content_larger *{ line-height: 48px!important; font-size: 24px!important;}



.main .pagetitle{ line-height: 34px; font-size: 22px; color: #dd0808; text-align: center; margin-bottom: 10px;}





.tab{ height: 46px; line-height: 46px;}

.tab a{ background: #e6e8ec; display: block; display: inline-block; width: 49%; text-align: center; font-size: 16px; margin: 0 0.5%; cursor: pointer;}

.tab .on{ background: #48cfaf; color: #FFFFFF;}



.tab3 a{ width: 32.3%;}

.tab4 a{ width: 24%;}



.childtab{ border-bottom: 1px dashed #CCC; height: 46px;}

.childtab a{ display: inline-block; width: 24.5%; text-align: center; border-right: 1px dashed #CCC; height: 16px; line-height: 16px; margin: 16px 0; cursor: pointer;}

.childtab .on{color: #d80000; font-weight: bold;}

.childtab .last{ border-right: 0;}



.list1 li{ border-bottom: 1px solid #EEE; padding: 6px 0; height: 50px;}

.list1 span{ display: block; width: 56px; height: 50px; background: #f5f5f5; float: left; margin-right: 15px;}

.list1 span em{ font-size: 18px; text-align: center; height: 30px; line-height: 30px; display: block; color: #1aa383;}

.list1 span i{ text-align: center; height: 20px; line-height: 20px; background: #e9e9e9; display: block; font-size: 12px; font-style: normal; color: #666;}

.list1 li a{ line-height: 24px; height: 48px; overflow: hidden; padding: 1px 0; display: block;}



.list2 li{ line-height: 24px; padding-left: 25px; position: relative;margin-bottom: 15px; height: 48px; overflow: hidden;}

.list2 li i{ display: block; position: absolute; left: 0; top: 0; color: #48cfaf;}

.list2 li span{ display: inline-block; color: #999; margin-left: 10px;}

.list22 li{ height: 24px; margin: 18px 0;}

.list22 li span{ float: right;}



.list3 li{ height: 30px; line-height: 30px; overflow: hidden;}

.list3 span{ float: right; color: #999;}

.list3 li i{ font-size: 12px; margin-right: 5px;}



.title{ height: 46px; line-height: 46px; background: #e6e8ec; position: relative;}

.title h3{ float: left; background: #48cfaf; color: #FFF; font-size: 16px; padding: 0 20px;}

.title .more{ position: absolute; right: 15px; top: 12px; width: 22px; height: 22px; line-height: 22px; display: block; font-size: 22px; color: #999;}

.title .more:hover{ color: #369B83;}

.title .more2{ position: absolute; right: 15px;}

.title .icon-gengduo1:before{ padding-right: 5px; }



/*增加*/

.main2{ padding: 0 0 0 50px; width: 900px;}

.articlelist{ line-height: 40px;}

.articlelist li span{ float: right; color: #a5a5a5;}

.articlelist li i{ font-size: 22px; color: #00a98a; margin-right: 10px; float: left;}

.articlelist li{ height: 40px; line-height: 40px; overflow: hidden;}

.articlelist ul{border-bottom: 1px dashed #CCC; padding: 20px 0;}





.articlelist2 .tit{ height: 46px; line-height: 46px; background: #f0f0f0;}

.articlelist2 .tit h3{ color: #FFF; background: #f48f51; padding: 0 30px; font-size: 18px; float: left;}

.articlelist2 .tit .more{ float: right; margin-right: 15px; color: #818181; font-size: 16px;}

.articlelist2 .tit .more:hover{ color: #369B83;}

.articlelist2 .tit .more i{ margin-left: 7px;}

.articlelist2{ line-height: 40px;}

.articlelist2 li span{ float: right; color: #a5a5a5;}

.articlelist2 li i{ font-size: 22px; color: #7f7f7f; margin-right: 10px; float: left;}

.articlelist2 li{ height: 40px; line-height: 40px; overflow: hidden;}

.articlelist2 ul{ padding: 15px 0;}



.page{ padding: 30px 0; text-align: center;}

.page a{ margin: 0 7px;}

.page input{ margin: 0 7px; width: 35px; text-align: center;}



/*工作机构*/

.gzjgbanner{ height: 200px; line-height: 200px; color: #FFF; font-size: 42px; background: url(../images/gzjgbanner_2017j.jpg) no-repeat center;}

.gzjgchnlinfo{ background: #F3F3F3; height: 60px; width: 100%; display: table;}

.gzjgchnlinfo h2{ height: 60px; line-height: 20px; color: #666; font-size: 16px; padding-top: 0; width: 300px; display: table-cell; vertical-align: middle;}

.gzjgchnlinfo .location{ color: #666; line-height: 20px; margin-top: 0px; text-align: right; padding-bottom: 0; width: 900px; display: table-cell; vertical-align: middle;}

.gzjgchnlinfo .location a{ color: #666;}



