@charset "utf-8";
/* CSS Document */

@font-face{ font-family: bodyfont; src:url('../font/verdana/Verdana.ttf');}
@font-face{ font-family: titfont; src:url('../font/montserrat/Montserrat-Regular.otf');}

html,body{ margin: 0; padding: 0; background: #111111; color: #222222; font-family: bodyfont,Verdana,"Microsoft YaHei",微软雅黑,"sans-serif"; font-size: 16px; font-weight: 400;}
a{ color: #222222; text-decoration: none; font-family: bodyfont,Verdana,"Microsoft YaHei",微软雅黑,"sans-serif"; font-size: 16px; font-weight: 400; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
a:hover{ color: #1085e4;}
ul,li,ol,dl,dt,dd{ list-style-type: none; list-style-position: outside; margin: 0; padding: 0;}
.clear{ height: 0; font-size: 0; line-height: 0; clear: both; overflow: hidden;}
form,input,button,p,tr,td,h1,h2,h3,h4,h5,h6,div{ margin: 0; padding: 0;}
*,::after,::before{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input,button,textarea{ font-family: bodyfont,Verdana,"Microsoft YaHei",微软雅黑,"sans-serif";}
table{ border-collapse: collapse; border-spacing: 0;}
table td{ padding: 10px;}
fieldset,img{ border: 0; outline-width: 0; vertical-align: top;}
caption,th{ text-align: left;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display: block;}

.left{ float: left;}
.right{ float: right;}
.cbox{ width: 1200px; height: auto; padding: 0 15px; margin: 0 auto; position: relative;}

#container{ width: 100%; height: auto; position: relative; overflow: hidden; background: #ffffff;}

#header{ position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 10; background: #ffffff; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);}
#header .topline{ width: 100%; height: 30px; background: #222222;}
#header .topline ul li{ float: left; color: #ffffff; font-size: 14px; line-height: 30px;}
#header .topline ul li a{ color: #ffffff; font-size: 14px; margin-left: 20px;}
#header .topline ul li a:hover{ color: #1085e4;}
#header .headcon{ width: 100%; height: 80px;}
#header .headcon .logo{ width: auto; height: 50px; margin: 15px 0 0 0;}
#header .headcon .logo img{ width: auto; height: 50px;}
#header .headcon .searchbox{ margin-bottom: 25px;}
#header .headcon .searchbox ul{ margin-top: 25px;}
#header .headcon .searchbox ul li{ float: left; margin-left: 10px; font-size: 14px; line-height: 30px;}
#header .headcon .searchbox ul li input{ width: 200px; height: 30px; line-height: 30px; padding: 0 5px; background: #f5f5f5; color: #222222; font-size: 14px; border-radius: 4px; border: 1px solid #cccccc;}
#header .headcon .searchbox ul li button{ display: block; width: auto; height: 30px; line-height: 30px; padding: 0 15px; background: #1085e4; color: #ffffff; font-size: 14px; border-radius: 4px; border: none; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
#header .headcon .searchbox ul li button:hover{ background: #192b59;}

#header .menu{ width: 100%; background: #1085e4;}
#header .menu .cbox ul > li{ float: left; position: relative; margin-left: 1px;}
#header .menu .cbox ul > li a { display: block; width: auto; height: 50px; line-height: 50px; padding: 0 25px; color: #ffffff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
#header .menu .cbox ul > li a:hover { color:#ffffff; background: #0068b7;}
#header .menu .cbox ul > li.on a { color:#ffffff; background: #0068b7;}
#header .menu .cbox ul > li.on a:hover { color:#ffffff; background: #0068b7;}
#header .menu .cbox ul > li a i { padding-left: 8px; display: none;}
#header .menu .cbox ul li ul { display: none; position: absolute; top: 50px; left: 0; width: 180px; height: auto; background: #222222; border-top: 3px solid #1085e4; z-index: 11;}
#header .menu .cbox ul li ul li{ width: 100%; height: 40px; position: relative;}
#header .menu .cbox ul li ul li a{ display: block; width: 100%; height: 40px; padding: 0 15px; line-height: 40px; color: #ffffff; font-size: 14px;}
#header .menu .cbox ul li ul li a:hover { color:#ffffff; background: #1085e4;}
#header .menu .cbox ul li ul li a i{ float: right; padding-top: 13px;}
#header .menu .cbox ul li ul li ul { display: none; position: absolute; top: -3px; left: 180px; width: 180px; height: auto; z-index: 11;}

#banner{ width: 100%; height: auto; background: none; padding-top: 160px;}
#banner #swiper_banner{ width: 100%; height: auto;}
#banner #swiper_banner .swiper-slide img{ width: 100%;}
#banner #swiper_banner .swiper-pagination-bullet{ width: 12px; height: 12px; background: #ffffff;}
#banner #swiper_banner .swiper-pagination-bullet-active{ background: #ffffff;}

#banner_mobile{ width: 100%; height: auto; background: none; padding-top: 50px;}
#banner_mobile #swiper_mobile{ width: 100%; height: auto;}
#banner_mobile #swiper_mobile .swiper-slide img{ width: 100%;}
#banner_mobile #swiper_mobile .swiper-pagination-bullet{ width: 12px; height: 12px; background: #ffffff;}
#banner_mobile #swiper_mobile .swiper-pagination-bullet-active{ background: #ffffff;}

#menubox{ width: 100%; height: auto; padding: 10px 0 25px 0; background: #ffffff;}
#menubox .row{ margin-left: -15px; margin-right: -15px;}
#menubox .row .col{ float: left; width: 25%;}
#menubox .row .col dl dt{ padding-top: 15px;}
#menubox .row .col dl dt a{ display: block; width: 50px; height: 50px; background: #222222; overflow: hidden; border-radius: 25px; margin: 0 auto; color: #ffffff; text-align: center;}
#menubox .row .col dl dt a i{ display: block; font-size: 32px; line-height: 50px; vertical-align: bottom;}
#menubox .row .col dl dd{ width: 100%; height: auto; text-align: center; padding-top: 5px;}
#menubox .row .col dl dd a{ font-size: 14px;}
#menubox .row .col:nth-child(1) dl dt a{ background: #1085e4;}
#menubox .row .col:nth-child(2) dl dt a{ background: #ff9900;}
#menubox .row .col:nth-child(3) dl dt a{ background: #fc4861;}
#menubox .row .col:nth-child(4) dl dt a{ background: #53b85a;}
#menubox .row .col:nth-child(5) dl dt a{ background: #f43113;}
#menubox .row .col:nth-child(6) dl dt a{ background: #ffd753;}
#menubox .row .col:nth-child(7) dl dt a{ background: #0068b7;}
#menubox .row .col:nth-child(8) dl dt a{ background: #a200ff;}

.tit{ width: 100%; height: 50px; border-bottom: 1px solid #dddddd;}
.tit a{ display: inline-block; height: 49px; margin-left: 15px; line-height: 47px; border-bottom: 2px solid #1085e4; color: #1085e4; font-size: 18px;}
.tit a i{ margin-right: 10px; display: none;}
.tit span{ padding-left: 20px; font-size: 14px;}

#profile{ width: 100%; height: auto; padding: 40px 0 0 0; background: #ffffff;}
#profile .row{ margin-left: -15px; margin-right: -15px;}
#profile .row .col{ float: left; height: auto; padding: 0 15px;}
#profile .row .col:nth-child(1){ width: 300px;}
#profile .row .col:nth-child(2){ width: 900px;}
#profile .row .col:nth-child(1) .colbox{ width: 100%; height: auto; background: #ffffff;}
#profile .row .col:nth-child(1) .colbox .colcon{ width: 100%; height: 210px; padding: 0; position: relative;}
#profile .row .col:nth-child(1) .colbox .colcon img{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 8;}
#profile .row .col:nth-child(2) .colbox{ width: 100%; height: auto; background: #ffffff;}
#profile .row .col:nth-child(2) .colbox .colcon{ padding: 15px;}
#profile .row .col:nth-child(2) .colbox .colcon .colcontent{ width: 100%; height: 180px; overflow: hidden; text-indent: 2em; line-height: 30px; text-align: justify;}

#newsbox{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#newsbox .row{ margin-left: -15px; margin-right: -15px;}
#newsbox .row .cols{ float: left; height: auto;}
#newsbox .row .cols:nth-child(1){ width: 900px;}
#newsbox .row .cols:nth-child(2){ width: 300px;}
#newsbox .row .cols:nth-child(1) .col{ float: left; width: 50%; height: auto; padding: 0 15px;}
#newsbox .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: calc(100% - 120px); height: 40px; line-height: 40px; overflow: hidden; text-align: justify;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li span{ float: right; line-height: 40px; font-size: 14px; color: #999999;}
#newsbox .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px;}
#newsbox .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul{ width: 100%; height: auto;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; word-break: break-all; font-size: 14px;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}

#fotop{ width: 100%; height: auto; padding: 50px 0; background: #1085e4;}
#fotop .item{ width: 100%; height: auto;}
#fotop .item .des{ width: auto; height: 40px; line-height: 40px; color: #ffffff; font-size: 24px; font-weight: 300;}
#fotop .item .go a{ display: block; width: 150px; height: 40px; border: 2px solid #ffffff; border-radius: 20px; text-align: center; line-height: 36px; color: #ffffff;}
#fotop .item .go a:hover{ background: #ffffff; color: #1085e4;}

#footer{ width: 100%; height: auto; background: #222222;}
#footer .bottom{ padding: 50px 0;}
#footer .bottom dl{ width: 20%; height: auto; float: left;}
#footer .bottom dl dt{ margin-bottom: 20px;}
#footer .bottom dl dt a{ color: #cccccc;}
#footer .bottom dl dt a:hover{ color: #ffffff;}
#footer .bottom dl dd{ margin-top: 10px;}
#footer .bottom dl dd i{ color: #aaaaaa; margin-right: 10px;}
#footer .bottom dl dd a{ color: #aaaaaa; font-size: 14px;}
#footer .bottom dl dd a:hover{ color: #ffffff;}
#footer .copyright{ padding: 20px 0; border-top: 1px solid #444444; color: #aaaaaa; font-size: 14px;}
#footer .copyright a{ color: #aaaaaa; font-size: 14px;}
#footer .copyright a:hover{ color: #ffffff;}

#b1{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#b1 .row{ margin-left: -15px; margin-right: -15px;}
#b1 .row .cols{ float: left; height: auto;}
#b1 .row .cols:nth-child(1){ width: 300px;}
#b1 .row .cols:nth-child(2){ width: 900px;}
#b1 .row .cols:nth-child(1) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b1 .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}
#b1 .row .cols:nth-child(1) .col:nth-child(2) .colbox .colcon ul li a{ text-align: justify;}
#b1 .row .cols:nth-child(1) .col:nth-child(3) .colbox .colcon ul li a{ word-break: break-all; font-size: 14px;}
#b1 .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px;}
#b1 .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul{ width: 100%; height: auto;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li a{ float: left; display: block; width: calc(100% - 120px); height: 40px; line-height: 40px; overflow: hidden;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li a i{ padding-right: 10px;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li span{ float: right; line-height: 40px; font-size: 14px; color: #999999;}

#b2{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#b2 .row{ margin-left: -15px; margin-right: -15px;}
#b2 .row .cols{ float: left; height: auto;}
#b2 .row .cols:nth-child(1){ width: 300px;}
#b2 .row .cols:nth-child(2){ width: 900px;}
#b2 .row .cols:nth-child(1) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b2 .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b2 .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#b2 .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b2 .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b2 .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
#b2 .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}
#b2 .row .cols:nth-child(1) .col:nth-child(2) .colbox .colcon ul li a{ text-align: justify;}
#b2 .row .cols:nth-child(1) .col:nth-child(3) .colbox .colcon ul li a{ word-break: break-all; font-size: 14px;}
#b2 .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b2 .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .title{ width: 100%; height: auto; padding: 20px 0; line-height: 1.5em; border-bottom: 1px dotted #dddddd; text-align: center; font-size: 24px; font-weight: 300;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .subtitle{ width: 100%; height: auto; padding: 10px 0; text-align: center; font-size: 14px; color: #999999;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content{ width: 100%; height: auto; padding: 20px 0; text-align: justify; line-height: 2em;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content img{ max-width: 100%;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content p{ padding: 5px 0;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content a{ color: #1085e4;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li a{ float: left; display: block; width: calc(100% - 120px); height: 40px; line-height: 40px; overflow: hidden;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li a i{ padding-right: 10px;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li span{ float: right; line-height: 40px; font-size: 14px; color: #999999;}

#b3{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#b3 .row{ margin-left: -15px; margin-right: -15px;}
#b3 .row .cols{ float: left; height: auto;}
#b3 .row .cols:nth-child(1){ width: 300px;}
#b3 .row .cols:nth-child(2){ width: 900px;}
#b3 .row .cols:nth-child(1) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b3 .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}
#b3 .row .cols:nth-child(1) .col:nth-child(2) .colbox .colcon ul li a{ text-align: justify;}
#b3 .row .cols:nth-child(1) .col:nth-child(3) .colbox .colcon ul li a{ word-break: break-all; font-size: 14px;}
#b3 .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b3 .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form{ width: 100%; height: auto;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form input{ width: 100%; height: 40px; line-height: 40px; margin-top: 15px; border: 1px solid #dddddd; background: #ffffff; padding: 0 10px; font-size: 14px;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form textarea{ width: 100%; height: auto; margin-top: 15px; border: 1px solid #dddddd; background: #ffffff; padding: 10px; font-size: 14px; line-height: 2em; text-align: justify;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form button{ width: 100%; height: 40px; margin-top: 15px; background: #1085e4; color: #ffffff; text-align: center; line-height: 40px; border: none; cursor: pointer;}

#bar{ width: 100%; height: 50px; position: fixed; left: 0; bottom: 0; z-index: 11; background: #ffffff; border-top: 1px solid #eeeeee;}
#bar .row{ margin-left: -15px; margin-right: -15px;}
#bar .row .col{ float: left; width: 25%; height: auto; padding: 0 15px;}
#bar .row .col dl{ width: 100%; height: 40px; margin-top: 5px;}
#bar .row .col dl dt{ width: 100%; height: 25px; text-align: center; line-height: 25px;}
#bar .row .col dl dt a{ font-size: 24px;}
#bar .row .col dl dd{ width: 100%; height: 15px; text-align: center; line-height: 15px;}
#bar .row .col dl dd a{ font-size: 14px;}

.pages{ width: auto; height: auto; padding-top: 20px; padding-left: 1px;}
ul.pagination{ width: auto; height: auto;}
ul.pagination li{ float: left; display: block; margin-left: -1px; font-size: 14px;}
ul.pagination li.active{ display: block; width: auto; height: 30px; padding: 0 10px; line-height: 30px; background: #1085e4; color: #ffffff;}
ul.pagination li.disabled{ display: block; width: auto; height: 30px; padding: 0 10px; line-height: 28px; color: #bbbbbb; border: 1px solid #e2e2e2;}
ul.pagination li a{ display: block; width: auto; height: 30px; padding: 0 10px; line-height: 28px; border: 1px solid #e2e2e2; font-size: 14px;}
ul.pagination li a:hover{ background: #eeeeee;}

@media screen and (min-width: 1921px) {
#container{ width: 1920px; margin: 0 auto;}
.cbox{ width: 1200px;}
#banner_mobile{ display: none;}
#menubox{ display: none;}
#bar{ display: none;}
}
@media screen and (min-width: 1201px) and (max-width: 1920px) {
.cbox{ width: 1200px;}
#banner_mobile{ display: none;}
#menubox{ display: none;}
#bar{ display: none;}
}
@media screen and (max-width: 1200px) {
.cbox{ width: auto;}

#header .topline{ display: none;}
#header .headcon{ height: 50px;}
#header .headcon .logo{ margin: 0; padding-top: 5px; text-align: center;}
#header .headcon .logo img{ height: 40px;}
#header .headcon .searchbox{ display: none;}
#header .menu{ display: none;}

#banner{ display: none;}

#profile{ padding: 20px 0 0 0; background: #f4f4f4;}
#profile .row .col:nth-child(1){ display: none;}
#profile .row .col:nth-child(2){ width: 100%;}
#profile .row .col:nth-child(1) .colbox{ margin-bottom: 0px;}
#profile .row .col:nth-child(2) .colbox .colcon .colcontent{ height: auto; font-size: 14px;}

#newsbox{ padding: 20px 0; background: #f4f4f4;}
#newsbox .row .cols:nth-child(1){ width: 100%;}
#newsbox .row .cols:nth-child(2){ width: 100%;}
#newsbox .row .cols:nth-child(1) .col{ float: none; width: 100%;}
#newsbox .row .cols:nth-child(1) .col .colbox{ margin-bottom: 20px;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li a{ width: calc(100% - 100px); font-size: 14px;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li a{ font-size: 14px;}

#links{ width: 100%; height: auto; padding: 80px 0; background: #ffffff; display: none;}
#links .tit{ width: 100%; height: auto; font-size: 30px; text-align: center; margin-bottom: 20px; font-weight: 300;}
#links .subtit{ width: 100%; height: auto; text-align: center; margin-bottom: 50px;}
#links .row{ margin-left: -15px; margin-right: -15px;}
#links .row .col{ float: left; width: 16.66%; height: auto; padding: 0 15px;}
#links .row .col .item{ width: 100%; height: auto; position: relative; background: #ffffff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
#links .row .col .item:hover{ margin-top: -20px;}
#links .row .col .item .pic{ width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; background: #222222;}
#links .row .col .item .pic img{ width: 100%;}

#fotop{ display: none;}

#footer .bottom{ padding: 30px 0;}
#footer .bottom dl{ width: 100%; text-align: center;}
#footer .bottom dl:nth-child(-n+4){ display: none;}
#footer .copyright{ padding: 20px 0 70px 0;}
#footer .copyright a{ line-height: 1.5em;}

#b1{ padding: 20px 0; background: #f4f4f4;}
#b1 .row .cols:nth-child(1){ display: none;}
#b1 .row .cols:nth-child(2){ width: 100%;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul li a{ width: calc(100% - 100px); text-align: justify; font-size: 14px;}

#b2{ padding: 20px 0; background: #f4f4f4;}
#b2 .row .cols:nth-child(1){ display: none;}
#b2 .row .cols:nth-child(2){ width: 100%;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content{ font-size: 14px;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content a{ font-size: 14px;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li a{ width: calc(100% - 100px); font-size: 14px; text-align: justify;}

#b3{ padding: 20px 0; background: #f4f4f4;}
#b3 .row .cols:nth-child(1){ display: none;}
#b3 .row .cols:nth-child(2){ width: 100%;}
}
@media print {
html,body{ background: #ffffff;}
.cbox{ width: 100%;}

#container{ padding-top: 120px;}

#header{ position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 10; background: #ffffff; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);}
#header .topline{ width: 100%; height: 30px; background: #eeeeee; border-bottom: 1px solid #dddddd;}
#header .topline ul li{ float: left; color: #222222; font-size: 14px; line-height: 30px;}
#header .topline ul li a{ color: #222222; font-size: 14px; margin-left: 20px;}
#header .topline ul li a:hover{ color: #000000;}
#header .headcon{ width: 100%; height: 80px;}
#header .headcon .logo{ width: auto; height: 50px; margin: 15px 0 0 0;}
#header .headcon .logo img{ width: auto; height: 50px;}
#header .headcon .searchbox{ margin-bottom: 25px;}
#header .headcon .searchbox ul{ margin-top: 25px;}
#header .headcon .searchbox ul li{ float: left; margin-left: 10px; font-size: 14px; line-height: 30px;}
#header .headcon .searchbox ul li input{ width: 200px; height: 30px; line-height: 30px; padding: 0 5px; background: #f5f5f5; color: #222222; font-size: 14px; border-radius: 4px; border: 1px solid #cccccc;}
#header .headcon .searchbox ul li button{ display: block; width: auto; height: 30px; line-height: 30px; padding: 0 15px; background: #1085e4; color: #ffffff; font-size: 14px; border-radius: 4px; border: none; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
#header .headcon .searchbox ul li button:hover{ background: #192b59;}

#header .menu{ width: 100%; background: #eeeeee;}
#header .menu .cbox ul > li{ margin-left: 0px; width: 11.11%;}
#header .menu .cbox ul > li a { color: #222222; padding: 0;}
#header .menu .cbox ul > li a:hover { color:#222222; background: #dddddd;}
#header .menu .cbox ul > li.on a { color:#222222; background: #dddddd;}
#header .menu .cbox ul > li.on a:hover { color:#222222; background: #dddddd;}
#header .menu .cbox ul > li a i { padding-left: 8px; display: none;}
#header .menu .cbox ul li ul { display: none; position: absolute; top: 50px; left: 0; width: 180px; height: auto; background: #222222; border-top: 3px solid #1085e4; z-index: 11;}
#header .menu .cbox ul li ul li{ width: 100%; height: 40px; position: relative;}
#header .menu .cbox ul li ul li a{ display: block; width: 100%; height: 40px; padding: 0 15px; line-height: 40px; color: #ffffff; font-size: 14px;}
#header .menu .cbox ul li ul li a:hover { color:#ffffff; background: #1085e4;}
#header .menu .cbox ul li ul li a i{ float: right; padding-top: 13px;}
#header .menu .cbox ul li ul li ul { display: none; position: absolute; top: -3px; left: 180px; width: 180px; height: auto; z-index: 11;}

#banner{ display: none;}

#banner_mobile{ display: none;}

#menubox{ width: 100%; height: auto; padding: 10px 0 25px 0; background: #ffffff;}
#menubox .row{ margin-left: -15px; margin-right: -15px;}
#menubox .row .col{ float: left; width: 25%;}
#menubox .row .col dl dt{ padding-top: 15px;}
#menubox .row .col dl dt a{ display: block; width: 50px; height: 50px; background: #222222; overflow: hidden; border-radius: 25px; margin: 0 auto; color: #ffffff; text-align: center;}
#menubox .row .col dl dt a i{ display: block; font-size: 32px; line-height: 50px; vertical-align: bottom;}
#menubox .row .col dl dd{ width: 100%; height: auto; text-align: center; padding-top: 5px;}
#menubox .row .col dl dd a{ font-size: 14px;}
#menubox .row .col:nth-child(1) dl dt a{ background: #1085e4;}
#menubox .row .col:nth-child(2) dl dt a{ background: #ff9900;}
#menubox .row .col:nth-child(3) dl dt a{ background: #fc4861;}
#menubox .row .col:nth-child(4) dl dt a{ background: #53b85a;}
#menubox .row .col:nth-child(5) dl dt a{ background: #f43113;}
#menubox .row .col:nth-child(6) dl dt a{ background: #ffd753;}
#menubox .row .col:nth-child(7) dl dt a{ background: #0068b7;}
#menubox .row .col:nth-child(8) dl dt a{ background: #a200ff;}

.tit{ width: 100%; height: 50px; border-bottom: 1px solid #dddddd;}
.tit a{ display: inline-block; height: 49px; margin-left: 15px; line-height: 47px; border-bottom: 2px solid #1085e4; color: #1085e4; font-size: 18px;}
.tit a i{ margin-right: 10px; display: none;}
.tit span{ padding-left: 20px; font-size: 14px;}

#profile{ width: 100%; height: auto; padding: 40px 0 0 0; background: #ffffff;}
#profile .row{ margin-left: -15px; margin-right: -15px;}
#profile .row .col{ float: left; height: auto; padding: 0 15px;}
#profile .row .col:nth-child(1){ width: 300px;}
#profile .row .col:nth-child(2){ width: 900px;}
#profile .row .col:nth-child(1) .colbox{ width: 100%; height: auto; background: #ffffff;}
#profile .row .col:nth-child(1) .colbox .colcon{ width: 100%; height: 210px; padding: 0; position: relative;}
#profile .row .col:nth-child(1) .colbox .colcon img{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 8;}
#profile .row .col:nth-child(2) .colbox{ width: 100%; height: auto; background: #ffffff;}
#profile .row .col:nth-child(2) .colbox .colcon{ padding: 15px;}
#profile .row .col:nth-child(2) .colbox .colcon .colcontent{ width: 100%; height: 180px; overflow: hidden; text-indent: 2em; line-height: 30px; text-align: justify;}

#newsbox{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#newsbox .row{ margin-left: -15px; margin-right: -15px;}
#newsbox .row .cols{ float: left; height: auto;}
#newsbox .row .cols:nth-child(1){ width: 900px;}
#newsbox .row .cols:nth-child(2){ width: 300px;}
#newsbox .row .cols:nth-child(1) .col{ float: left; width: 50%; height: auto; padding: 0 15px;}
#newsbox .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: calc(100% - 120px); height: 40px; line-height: 40px; overflow: hidden; text-align: justify;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px;}
#newsbox .row .cols:nth-child(1) .col .colbox .colcon ul li span{ float: right; line-height: 40px; font-size: 14px; color: #999999;}
#newsbox .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px;}
#newsbox .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul{ width: 100%; height: auto;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; word-break: break-all; font-size: 14px;}
#newsbox .row .cols:nth-child(2) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}

#fotop{ display: none;}

#footer{ width: 100%; height: auto; background: #222222;}
#footer .bottom{ display: none;}
#footer .copyright{ padding: 20px 0; border-top: 1px solid #444444; color: #aaaaaa; font-size: 14px;}
#footer .copyright a{ color: #aaaaaa; font-size: 14px;}
#footer .copyright a:hover{ color: #ffffff;}

#b1{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#b1 .row{ margin-left: -15px; margin-right: -15px;}
#b1 .row .cols{ float: left; height: auto;}
#b1 .row .cols:nth-child(1){ width: 300px;}
#b1 .row .cols:nth-child(2){ width: 900px;}
#b1 .row .cols:nth-child(1) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b1 .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
#b1 .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}
#b1 .row .cols:nth-child(1) .col:nth-child(2) .colbox .colcon ul li a{ text-align: justify;}
#b1 .row .cols:nth-child(1) .col:nth-child(3) .colbox .colcon ul li a{ word-break: break-all; font-size: 14px;}
#b1 .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px;}
#b1 .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul{ width: 100%; height: auto;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li a{ float: left; display: block; width: calc(100% - 120px); height: 40px; line-height: 40px; overflow: hidden;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li a i{ padding-right: 10px;}
#b1 .row .cols:nth-child(2) .col .colbox .colcon ul.cul li span{ float: right; line-height: 40px; font-size: 14px; color: #999999;}

#b2{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#b2 .row{ margin-left: -15px; margin-right: -15px;}
#b2 .row .cols{ float: left; height: auto;}
#b2 .row .cols:nth-child(1){ display: none;}
#b2 .row .cols:nth-child(2){ width: auto;}
#b2 .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b2 .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b2 .row .cols:nth-child(2) .col:nth-child(1) .colbox .tit{ display: none;}
#b2 .row .cols:nth-child(2) .col:nth-child(2){ display: none;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .title{ width: 100%; height: auto; padding: 20px 0; line-height: 1.5em; border-bottom: 1px dotted #dddddd; text-align: center; font-size: 24px; font-weight: bold;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .subtitle{ width: 100%; height: auto; padding: 10px 0; text-align: center; font-size: 14px; color: #999999;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content{ width: 100%; height: auto; padding: 20px 0; text-align: justify; line-height: 2em;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content img{ max-width: 100%;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content p{ padding: 5px 0;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon .content a{ color: #1085e4;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li a{ float: left; display: block; width: calc(100% - 120px); height: 40px; line-height: 40px; overflow: hidden;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li a i{ padding-right: 10px;}
#b2 .row .cols:nth-child(2) .col .colbox .colcon ul li span{ float: right; line-height: 40px; font-size: 14px; color: #999999;}

#b3{ width: 100%; height: auto; padding: 40px 0; background: #ffffff;}
#b3 .row{ margin-left: -15px; margin-right: -15px;}
#b3 .row .cols{ float: left; height: auto;}
#b3 .row .cols:nth-child(1){ width: 300px;}
#b3 .row .cols:nth-child(2){ width: 900px;}
#b3 .row .cols:nth-child(1) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b3 .row .cols:nth-child(1) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon{ padding: 15px;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul{ width: 100%; height: auto;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul li{ width: 100%; height: 40px; border-bottom: 1px dotted #dddddd;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul li a{ float: left; display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
#b3 .row .cols:nth-child(1) .col .colbox .colcon ul li a i{ padding-right: 10px; color: #999999;}
#b3 .row .cols:nth-child(1) .col:nth-child(2) .colbox .colcon ul li a{ text-align: justify;}
#b3 .row .cols:nth-child(1) .col:nth-child(3) .colbox .colcon ul li a{ word-break: break-all; font-size: 14px;}
#b3 .row .cols:nth-child(2) .col{ width: 100%; height: auto; padding: 0 15px; margin-bottom: 20px;}
#b3 .row .cols:nth-child(2) .col .colbox{ width: 100%; height: auto; background: #ffffff;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon{ padding: 15px;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form{ width: 100%; height: auto;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form input{ width: 100%; height: 40px; line-height: 40px; margin-top: 15px; border: 1px solid #dddddd; background: #ffffff; padding: 0 10px; font-size: 14px;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form textarea{ width: 100%; height: auto; margin-top: 15px; border: 1px solid #dddddd; background: #ffffff; padding: 10px; font-size: 14px; line-height: 2em; text-align: justify;}
#b3 .row .cols:nth-child(2) .col .colbox .colcon form button{ width: 100%; height: 40px; margin-top: 15px; background: #1085e4; color: #ffffff; text-align: center; line-height: 40px; border: none; cursor: pointer;}

#bar{ display: none;}

.pages{ width: auto; height: auto; padding-top: 20px; padding-left: 1px;}
ul.pagination{ width: auto; height: auto;}
ul.pagination li{ float: left; display: block; margin-left: -1px; font-size: 14px;}
ul.pagination li.active{ display: block; width: auto; height: 30px; padding: 0 10px; line-height: 30px; background: #1085e4; color: #ffffff;}
ul.pagination li.disabled{ display: block; width: auto; height: 30px; padding: 0 10px; line-height: 28px; color: #bbbbbb; border: 1px solid #e2e2e2;}
ul.pagination li a{ display: block; width: auto; height: 30px; padding: 0 10px; line-height: 28px; border: 1px solid #e2e2e2; font-size: 14px;}
ul.pagination li a:hover{ background: #eeeeee;}
}