html,body{ padding:0; margin:0; font-size:14px;}
body{ background:#eaeaea;}
ul,li,dl,dt,dd{ padding:0; margin:0; list-style:none;}
h1{ margin:0; padding:0;}
p{ margin:0;}
a{ color:#337AB7; text-decoration:none;}
a:hover{ color:#C00;}

.false{ moz-user-select:none; -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.shadow{ box-shadow: 2px 2px 2px 2px rgba(180,180,180,0.1), -2px 2px 2px 2px rgba(180,180,180,0.1);}
.w1200{ width:1200px; margin:0 auto;}
.yy{ box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}

.no-select{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.header{ background:#337AB7; height:136px;}
.header1{ height:90px;}
.header1 .logo{ height:90px; background:url(logo.png) 0px 23px no-repeat;}
.header1 .logo a{ color:#eeeeee; width:auto;}
.header1 .logo a .p1{ font-size:1.65rem; text-indent:65px; letter-spacing:5px; padding-top:22px; font-weight:bold;}
.header1 .logo a .p2{ font-size:0.8rem; text-indent:65px; letter-spacing:6px; padding-top:1px;}
.header1 .logo a:hover{ color:#ffffff;}
.header1 .search{ padding-top:12px;}
.header1 .search form{ margin:0 auto;}
.header1 .search form p{ color:#FF9; height:28px; line-height:28px; font-size:0.8rem; padding-left:15px;}
.header1 .search form input.text{ width:260px; height:32px; line-height:32px; border:0; padding:0 10px; color:#666666; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.header1 .search form input.button{ width:70px; height:32px; line-height:30px; border:0; background:#999999; color:#ffffff; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.header1 .search form input.button:hover{ opacity:0.9;}
.header1 .contact .row{ text-align:right;}
.header1 .contact .row .qq{ float:right; margin-left:10px; margin-top:17px;}
.header1 .contact .row .qq a{ color:#ffffff;}
.header1 .contact .row .wechat{ float:right; margin-left:20px; margin-top:17px; text-align:center; color:#ffffff; position:relative;}
.header1 .contact .row .wechat .ewm{ display:none; position:absolute; right:0; top:60px; z-index:999; width:150px;}
.header1 .contact .row .wechat:hover .ewm{ display:block;}
.header1 .contact .row .phone{ float:right; margin-top:25px;}
.header1 .contact .row .phone p{ color:#ffffff; font-size:1.3rem; letter-spacing:2px;}
.header1 .contact .row .phone p.p1{ opacity:0.9;}
.header1 .contact .row .phone p.p2{ font-weight:bold; opacity:0.9;}

.header2 span.mobileNav{ display:none;}
.header2 a.phone{ display:none;}
.header2 a.qq{ display:none;}
.header2 a.wechat{ display:none;}
.header2 .nav{ background:#393D49; line-height:45px; border-top-left-radius:5px; border-top-right-radius:5px; margin-top:1px;}
.header2 .nav > li{ display:inline; margin-left:7px; position:relative;}
.header2 .nav > li > a{ color:#C1C2C6; font-size:1.1rem; padding:0 30px;}
.header2 .nav > li > a:hover{ color:#ffffff; background:#53596A; height:45px; line-height:45px; display:inline-block; text-decoration:none;}
.header2 .nav > li > a.on{ color:#ffffff; background:#53596A; height:45px; line-height:45px; display:inline-block; text-decoration:none;}
.header2 .nav > li > ul{ max-height:500px; overflow:hidden; overflow-y:auto; display:none; position:absolute; top:32px; left:0; width:150px; background:#ffffff; padding:10px 15px; border:1px solid #cccccc; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.header2 .nav > li > ul > li{ height:24px; line-height:24px; overflow:hidden;}
.header2 .nav > li > ul > li > a{ color:#666666;}
.header2 .nav > li > ul > li > a:hover{ color:#C00;}
.header2 .nav > li:hover > ul{ display:block;}
@media all and (max-width:768px){
.header .w1200{ width:calc(100% - 20px);}
.header1{ height:70px;}
.header1 .logo{ height:75px; padding-left:0px;}
.header1 .search{ padding-top:0; margin-left:0px;}
.header1 .search form{ padding-left:10px; padding-top:10px;}
.header1 .search form p{ display:none;}
.header1 .search form input.text{ width:160px; height:28px; line-height:28px;}
.header1 .search form input.button{ height:28px; line-height:26px;}
.header2 span.mobileNav{ display:block; position:absolute; top:10px; right:10px; font-size:2rem; color:#ffffff;}
.header2 a.phone{ display:block; position:absolute; top:50px; right:10px; font-size:1.4rem; color:#ffffff;}
.header2 a.qq{ display:block; position:absolute; top:78px; right:10px; font-size:1.4rem; color:#ffffff;}
.header2 a.wechat{ display:block; position:absolute; top:107px; right:8px; font-size:1.4rem; color:#ffffff;}
.header2 a.wechat span{ display:none;}
.header2 a.wechat:hover span{ display:block; position:relative;}
.header2 a.wechat:hover span img{ width:80px; position:absolute; top:10px; right:0;}
.header2 .nav{width:100%; display:none; position:fixed; top:50px; right:0px; width:150px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:15px 0;}
.header2 .nav > li{ display:list-item; margin-left:0px; text-align:center; height:28px; line-height:28px; font-size:1rem;}
.header2 .nav > li > a{ height:20px; line-height:20px;}
.header2 .nav > li > a:hover{ color:#C1C2C6; background:none; height:20px; line-height:20px;}
.header2 .nav > li > a.on{ color:#C1C2C6; background:none; height:20px; line-height:20px;}
.header2 .nav > li:hover > ul{ display:none;}
}

.bg{ background:#ffffff; height:auto; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}

.banner{ margin-top:12px; text-align:center;}
.banner img{ margin:0 auto; box-shadow: 2px 0px 2px 0px rgba(50,50,50,0.1), -2px 0px 2px 0px rgba(50,50,50,0.1);}
@media all and (max-width:768px){
.banner img{ width:calc(100% - 20px); margin:0 auto;}
}

.index1{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:8px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.box1{ padding:10px; height:100%;}
.box1 h3{ height:40px; line-height:40px; margin:0; font-size:1.12rem; color:#333333;}
.box1 h3 span{ font-weight:normal; font-size:1rem; color:#666666;}
.box1 h3 span b{ color:red;}
.box1 ul{ height:315px; overflow:hidden; overflow-y:auto;}
.box1 ul li{ font-size:1rem; height:28px; line-height:28px; overflow:hidden;}
.box1 ul li i{ display:inline-block; background:#eee; width:20px; height:20px; line-height:20px; text-align:center; font-size:0.8rem; margin-right:10px; font-style:normal; border-radius:30px; font-family:Arial, Helvetica, sans-serif;}
.box1 ul li:nth-child(1) i{ background:#C00; color:#ffffff;}
.box1 ul li:nth-child(2) i{ background:#F00; color:#ffffff;}
.box1 ul li:nth-child(3) i{ background:#F90; color:#ffffff;}
.box2{ padding:0 20px; border-left:1px solid #eeeeee;}
.box2 h3{font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.box2 h3 a{ float:right;}
.box2 li{ margin-bottom:15px;}
.box2 li p{ text-align:center;}
.box2 li .p1{ text-align:center;}
.box2 li .p1 img{ width:100px; height:100px; margin:0 auto;}
.box2 li .p2{ height:40px; line-height:20px; padding:0 10px; overflow:hidden;}
@media all and (max-width:768px){
.box2{ border-top:1px solid #dddddd;}
.box2 li .p1 img{ width:80px; height:80px;}
}


.index2{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.index2 .box3{ padding:20px;}
.index2 .box3 .box3Title{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.index2 .box3 .box3Title a{ float:right;}
.index2 .box3 .box3List{}
.index2 .box3 .box3List ul{ margin-top:5px;}
.index2 .box3 .box3List ul li{ height:28px; line-height:28px; overflow:hidden;}


.index3{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.index3 .box4{}
.index3 .box4 .box4List{}
.index3 .box4 .box4List dl{ margin:20px;}
.index3 .box4 .box4List dl dt{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.index3 .box4 .box4List dl dt a{ float:right;}
.index3 .box4 .box4List dl dd{ margin-top:15px; float:left; width:calc(33.33% - 30px); margin-right:30px;}
.index3 .box4 .box4List dl dd:nth-child(3n+1){ margin-right:0;}
.index3 .box4 .box4List dl dd .p1{ margin:3px 0 5px 0; font-size:1rem;}
.index3 .box4 .box4List dl dd .p1 span{ font-weight:normal; color:#999999; float:right;}
.index3 .box4 .box4List dl dd .p2{ color:#666666;}
@media all and (max-width:768px){
.index3 .box4 .box4List dl dd{ margin-top:15px; float:none; width:100%; margin-right:0px;}
}

.index4{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.index4 .box3{ padding:20px;}
.index4 .box3 .box3Title{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.index4 .box3 .box3Title a{ float:right;}
.index4 .box3 .box3List{}
.index4 .box3 .box3List ul{ margin-top:5px;}
.index4 .box3 .box3List ul li{ height:28px; line-height:28px;}


.cityBox{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.cityBox h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333; padding-left:20px;}
.cityBox ul{ margin:20px;}
.cityBox ul li{ display:inline-block; margin:0 8px; line-height:26px;}


.linkBox{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.linkBox h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333; padding-left:20px;}
.linkBox ul{ margin:20px;}
.linkBox ul li{ display:inline-block; margin:0 8px; line-height:26px;}


.footer{ text-align:center; padding:30px; line-height:26px; color:#333333;}
.footer .footNav{}
.footer .footNav a{ color:#333333;}
.footer .copyright{}
.footer .contact{}
.footer .address{}
@media all and (max-width:768px){
.footer .footNav{ display:none;}
.footer .copyright{ font-size:0.9rem; line-height:20px;}
.footer .copyright a{ display:block;}
.footer .contact{ font-size:0.9rem;}
.footer .address{ display:none;}
.footer{ padding:15px;}
}


.system1{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.system1 .systemClass{ margin:20px;}
.system1 .systemClass .systemClass1{}
.system1 .systemClass .systemClass1 li{ display:inline-block; line-height:26px; height:26px; overflow:hidden;}
.system1 .systemClass .systemClass1 li span.systemCount{ color:#999999;}
.system1 .systemClass .systemClass1 li.on{}
.system1 .systemClass .systemClass1 li.on a{ color:#C00;}
.system1 .systemClass .systemClass1 li a{ margin-right:10px;}
.system1 .systemClass .systemClass2{ margin-top:15px; border-top:1px solid #eeeeee; padding-top:15px;}
.system1 .systemClass .systemClass2 li{ display:inline-block; line-height:28px;}
.system1 .systemClass .systemClass2 li.on{}
.system1 .systemClass .systemClass2 li.on a{ color:red;}
.system1 .systemClass .systemClass2 li a{}
@media all and (max-width:768px){
.system1{ height:150px; overflow:hidden; overflow-y:auto;}
.system1 .systemClass .systemClass1 li{ display:block; width:100%;}
}

.system2 .systemListLeft{ background:#ffffff; height:100%; width:24.1%; border:1px solid #cccccc; margin-top:10px; margin-right:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.system2 .systemListLeft .systemListHot{ margin:20px;}
.system2 .systemListLeft .systemListHot h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.system2 .systemListLeft .systemListHot ul{}
.system2 .systemListLeft .systemListHot ul li{ line-height:28px; height:28px; overflow:hidden;}
.system2 .systemListLeft .systemListHot ul li a{}
.system2 .systemListLeft .systemListHot ul li i{ display:inline-block; background:#eee; width:20px; height:20px; line-height:20px; text-align:center; font-size:0.8rem; margin-right:10px; font-style:normal; border-radius:30px; font-family:Arial, Helvetica, sans-serif;}
.system2 .systemListLeft .systemListHot ul li:nth-child(1) i{ background:#C00; color:#ffffff;}
.system2 .systemListLeft .systemListHot ul li:nth-child(2) i{ background:#F00; color:#ffffff;}
.system2 .systemListLeft .systemListHot ul li:nth-child(3) i{ background:#F90; color:#ffffff;}

.system2 .systemListRight{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.system2 .systemListRight .systemListBox{ margin:20px;}
.system2 .systemListRight .systemListBox h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.system2 .systemListRight .systemListBox ul{}
.system2 .systemListRight .systemListBox ul li{ margin-bottom:15px; border-bottom:1px solid #eeeeee; padding-bottom:15px; height:90px; overflow:hidden;}
.system2 .systemListRight .systemListBox ul li .p0{ background:#d5d5d5; color:#ffffff; width:80px; height:70px; line-height:70px; text-align:center; font-size:2rem; float:left; margin-right:10px; border-radius:10px;}
.system2 .systemListRight .systemListBox ul li .p1{ height:30px; line-height:30px; overflow:hidden; font-size:1.2rem;}
.system2 .systemListRight .systemListBox ul li .p2{ color:#666666;}
.system2 .systemListRight .systemListBox .dataPage{ text-align:center; clear:both;}
.system2 .systemListRight .systemListBox .dataPage b{ margin:0 5px;}
.system2 .systemListRight .systemListBox .dataPage span{ margin-right:5px;}
.system2 .systemListRight .systemListBox .dataPage a{ margin:0 5px;}
.articleBox1{ margin:20px;}
.articleBox1 h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.articleBox1 ul li{ border-bottom:1px solid #eeeeee; height:40px; line-height:40px;}
.articleBox1 ul li span{ float:right; color:#666666;}
.articleBox2{ margin:20px;}
.articleBox2 h3{ font-weight:normal; font-size:1.3rem; margin:0; padding-bottom:10px; border-bottom:1px solid #eeeeee;}
.articleBox2 ul li{ border-bottom:1px solid #eeeeee; height:40px; line-height:40px; overflow:hidden;}
.articleTitle{ text-align:center; margin-top:15px; font-size:1.8rem;}
.articleInfo{ text-align:center; line-height:40px; margin-bottom:15px;color:#999999; border-bottom:1px solid #dddddd;}
.articleContent{ line-height:32px; color:#3F3F3F; font-size:1.1rem;}
.articleRelate{ padding:20px 0; border-top:1px solid #dddddd; margin-top:20px;}
@media all and (max-width:768px){
.articleBox2 h3{ font-size:1.1rem;}
.articleTitle{ font-size:1.3rem;}
.articleContent{ font-size:1rem; line-height:28px;}
.system2 .systemListLeft{ width:100%; margin-top:0;}
.system2 .systemListRight .systemListBox ul li{ height:86px;}
.system2 .systemListRight .systemListBox ul li .p1{ font-size:1.1rem; height:auto; line-height:normal; margin-bottom:5px;}
.system2 .systemListRight .systemListBox .dataPage{ line-height:40px;}
.system2 .systemListRight .systemListBox .dataPage b{ line-height:normal;}
.system2 .systemListRight .systemListBox .dataPage a{ line-height:normal;}
.system2 .systemListRight .systemListBox .dataPage span{ line-height:normal;}
}


.article .articleListLeft{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.article .articleListLeft .articleListHot{ margin:20px;}
.article .articleListLeft .articleListHot h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.article .articleListLeft .articleListHot ul{}
.article .articleListLeft .articleListHot ul li{ line-height:28px; height:28px; overflow:hidden;}
.article .articleListLeft .articleListHot ul li a{}
.article .articleListLeft .articleListHot ul li i{ display:inline-block; background:#eee; width:20px; height:20px; line-height:20px; text-align:center; font-size:0.8rem; margin-right:10px; font-style:normal; border-radius:30px; font-family:Arial, Helvetica, sans-serif;}
.article .articleListLeft .articleListHot ul li:nth-child(1) i{ background:#C00; color:#ffffff;}
.article .articleListLeft .articleListHot ul li:nth-child(2) i{ background:#F00; color:#ffffff;}
.article .articleListLeft .articleListHot ul li:nth-child(3) i{ background:#F90; color:#ffffff;}
.article .articleListLeft .articleListTag ul li{ width:auto; float:left; margin-right:15px;}
.article .articleListRight{ background:#ffffff; height:100%; border:1px solid #cccccc; margin-top:10px; border-radius:5px; box-shadow: 2px 0px 2px 0px rgba(150,150,150,0.1), -2px 0px 2px 0px rgba(150,150,150,0.1);}
.article .articleListRight .articleListBox{ margin:20px;}
.article .articleListRight .articleListBox h3{ font-size:1.15rem; padding-bottom:10px; border-bottom:1px solid #eeeeee; font-weight:bold; color:#333333;}
.article .articleListRight .articleListBox ul{}
.article .articleListRight .articleListBox ul li{ margin-bottom:15px; border-bottom:1px solid #eeeeee; padding-bottom:15px; height:90px; overflow:hidden;}
.article .articleListRight .articleListBox ul li .p0{ background:#d5d5d5; color:#ffffff; width:80px; height:70px; line-height:70px; text-align:center; font-size:2rem; float:left; margin-right:10px; border-radius:10px;}
.article .articleListRight .articleListBox ul li .p1{ height:30px; line-height:30px; overflow:hidden; font-size:1.2rem; margin-bottom:5px;}
.article .articleListRight .articleListBox ul li .p1 .addDate{ float:right; color:#999999; font-size:1rem;}
.article .articleListRight .articleListBox ul li .p2{ color:#666666;}
.article .articleListRight .articleListBox .dataPage{ text-align:center; clear:both;}
.article .articleListRight .articleListBox .dataPage b{ margin:0 5px;}
.article .articleListRight .articleListBox .dataPage span{ margin-right:5px;}
.article .articleListRight .articleListBox .dataPage a{ margin:0 5px;}
@media all and (max-width:768px){
.article .articleListLeft{ width:calc(100% - 20px); margin:10px; margin-bottom:0;}
.article .articleListRight{ width:calc(100% - 20px); margin:10px;}
.article .articleListRight .articleListBox ul li{ height:92px;}
.article .articleListRight .articleListBox ul li .p1{ font-size:1rem;}
}


.about .aboutLeft{ width:calc(20% - 10px); margin-right:10px;}
.about .aboutRight{ width:80%;}
@media all and (max-width:768px){
.about .aboutLeft{ width:100%; margin:10px 10px 0 10px}
.about .aboutRight{ width:100%; margin:10px 10px 0 10px;}
}

.aboutTitle{ font-size:1.5rem; text-align:center; margin-bottom:20px; padding:20px 0 0 0; border-bottom:1px solid #dddddd; padding-bottom:15px; font-weight:normal; color:#333333;}
.aboutContent{ line-height:30px; font-size:1.1rem; color:#454545; line-height:32px; padding:0 20px 20px 20px;}
.aboutContent .img{ padding:8px; border:1px solid #eeeeee; background:#f8f8f8;}

.aboutBox2{ padding:20px;}
.aboutBox2 h3{ margin:0; border-bottom:1px solid #dddddd; padding-bottom:15px; margin-bottom:15px;}
.aboutBox2 ul li{ height:28px; line-height:28px; overflow:hidden;}
.aboutBox2 ul li a.on{ color:#C00;}
@media all and (max-width:768px){
.about{  width:calc(100% - 20px);}
.about1{ width:calc(100% - 20px); margin:10px; margin-bottom:0;}
.about2{ width:calc(100% - 20px); margin:10px;}
.aboutTitle{ font-size:1.3rem;}
.aboutContent{ line-height:28px; font-size:1.1rem; }
}


.officeTitle{ font-size:1.5rem; text-align:center; margin-bottom:20px; padding:20px 0 0 0; border-bottom:1px solid #dddddd; padding-bottom:15px; font-weight:normal; color:#333333;}
.officeContent{ line-height:30px; font-size:1.1rem; color:#454545; line-height:32px; padding:0 20px 20px 20px;}
.officeBox2{ padding:20px;}
.officeBox2 h3{ margin:0; border-bottom:1px solid #dddddd; padding-bottom:15px; margin-bottom:15px;}
.officeBox2 ul li{ height:28px; line-height:28px; overflow:hidden;}
.officeBox2 ul li a.on{ color:#C00;}
@media all and (max-width:768px){
.office{  width:calc(100% - 20px);}
.office1{ width:calc(100% - 20px); margin:10px; margin-bottom:0;}
.office2{ width:calc(100% - 20px); margin:10px;}
.officeTitle{ font-size:1.3rem;}
.officeContent{ line-height:28px; font-size:1.1rem; }
}


.tagHome{ padding-top:10px;}
.tagHome span{ color:#C00;}
.tagHome a.tag{ color:#090;}
@media all and (max-width:768px){
.tagHome{ width:calc(100% - 20px); margin:0 10px;}
}


.tagBox{ width:calc(100% - 20px); margin:0 10px;}
@media all and (max-width:768px){

}


.tagBoxList{ padding:20px;}
.tagBoxList h3{ margin:0; padding:0; border-bottom:1px solid #dddddd; padding-bottom:15px; margin-bottom:15px;}
.tagBoxList h3 span{ float:right; font-weight:normal; font-size:1rem;}
.tagBoxList h3 span a{ color:red;}
.tagBoxList ul{ padding:0; margin:0;}
.tagBoxList ul li{ list-style:none; padding:0; margin:0; width:33.33%; float:left; height:28px; line-height:28px; overflow:hidden;}
.tagBoxList ul li.w-5{ width:20%;}
.tagBoxList ul li a.on{ color:#C00;}
.tagBoxList ul li{}
@media all and (max-width:768px){
.tagBoxList{ width:calc(100% - 20px); margin:0 10px; padding:20px 10px;}
.tagBoxList h3 span{ display:block; float:none; padding-top:5px;}
.tagBoxList ul li{ width:100%; float:none;}
.tagBoxList ul li.w-5{ width:50%; float:left;}
}


.about11{}
.about11 h3{ margin:15px 15px; width:calc(100% - 30px); border-bottom:1px solid #dddddd; padding-bottom:15px;}
.about11 ul{ margin:15px 15px; width:calc(100% - 30px);}
.about11 ul li{ line-height:28px; height:28px; overflow:hidden;}
@media all and (max-width:768px){
.about11{  width:calc(100% - 20px); margin:0 10px;}
.about11 ul li{ width:100%;}
}


.backTop{ background:#4589D3; color:#ffffff; width:30px; line-height:30px; width:30px; position:fixed; right:10px; bottom:10px; text-align:center; border-radius:5px; cursor:pointer; font-size:1.1rem;}
.backTop:hover{ opacity:0.8;}


/*container*/
.container{ width:1200px; margin-right:auto; margin-left:auto;}
.container *{ box-sizing:border-box;}
.fluid{ width:100%; margin-right:auto; margin-left:auto;}
.row{ width:100%;}
.row:after,.row:before{ content:"";display:table;clear:both}
[class*=col-]{ float:left; width:8.33%;}
@media all and (max-width:768px){
.container{ width:auto;}
.index1{ margin:10px; width:calc(100% - 22px);}
.index2{ margin:10px; width:calc(100% - 22px);}
.index3{ margin:10px; width:calc(100% - 22px);}
.index4{ margin:10px; width:calc(100% - 22px);}
.tagBox{ margin:10px; width:calc(100% - 22px);}
.cityBox{ margin:10px; width:calc(100% - 22px);}
.system1{ margin:10px; width:calc(100% - 20px);}
.system2{ margin:10px; width:calc(100% - 20px);}
.articleShow .systemArticle1{ width:calc(100% - 20px); margin:10px;}
.articleShow .systemArticle2{ width:calc(100% - 20px); margin:0 10px;}
}
@media all and (min-width:769px){
.col-md1{width:8.33%}
.col-md2{width:16.66%}
.col-md3{width:25%}
.col-md4{width:33.33%}
.col-md5{width:41.66%}
.col-md6{width:50%}
.col-md7{width:58.33%}
.col-md8{width:66.66%}
.col-md9{width:75%}
.col-md10{width:83.33%}
.col-md11{width:91.66%}
.col-md12{width:100%}
.col-md-hide{ display:none;}
}
@media all and (max-width:768px){
.col-xs1{width:8.33%}
.col-xs2{width:16.66%}
.col-xs3{width:25%}
.col-xs4{width:33.33%}
.col-xs5{width:41.66%}
.col-xs6{width:50%}
.col-xs7{width:58.33%}
.col-xs8{width:66.66%}
.col-xs9{width:75%}
.col-xs10{width:83.33%}
.col-xs11{width:91.66%}
.col-xs12{width:100%}
.col-xs-hide{ display:none;}
}

.col{ margin:20px auto;}
.col .t1{ font-size:2.4rem; text-align:center; margin-top:45px; margin-bottom:5px; color:#4589D3; font-family:'榛戜綋';}
.col .t2{ font-size:1.4rem; text-align:center; color:#999999;}
.col .t3{ font-size:1.4rem; color:#444444; text-align:center; margin:10px 0 10px 0;}
.col ul{ width:calc(100% + 10px); margin-left:-5px; padding:0; margin-top:30px;}
.col ul li{ float:left; margin:0px 10px; color:#777777; border-radius:5px; padding:15px; margin-bottom:0px; line-height:24px; overflow:hidden; overflow-y:scroll; }
.col ul li::-webkit-scrollbar{ width:2px; height:2px; }
.col ul li .img{ text-align:center;}
.col ul li .img img{ height:80px;}
.col ul li.onlyTitle{ height:130px}
.col ul li.onlyTitle .t3{}
.col ul li.imgSize{ height:169px;}
.col ul li.imgSize img{ height:80px;}
.col ul li.ip{ height:180px;}
.col ul li.ip .t3{ font-weight:bold; height:25px; overflow:hidden;}
.col ul li.ip img{ height:80px;}
.col ul li.ip .content{ height:50px; overflow:hidden;}
.col ul li.ip a .content{ color:#777777;}
.col ul li.ip a:hover .content{ color:#4589D3;}
.col ul li.is{ height:auto;}
.col ul li.is .t3{ font-weight:bold; height:25px; overflow:hidden;}
.col ul li.is img{ height:auto; width:100%;}
.col ul li.is .content{ height:50px; overflow:hidden;}
.col ul li.is a .content{ color:#777777;}
.col ul li.is a:hover .content{ color:#4589D3;}
.col1 ul li{ width:calc(100% - 20px);}
.col2 ul li{ width:calc(50% - 20px);}
.col3 ul li{ width:calc(33.333% - 20px);}
.col4 ul li{ width:calc(25% - 20px);}
.col5 ul li{ width:calc(20% - 20px);}
.col6 ul li{ width:calc(16.666% - 20px);}
.col7 ul li{ width:calc(14.285% - 20px);}
.col8 ul li{ width:calc(12.5% - 20px);}
.col9 ul li{ width:calc(11.111% - 20px);}
.col10 ul li{ width:calc(10% - 20px);}
.col11 ul li{ width:calc(9.09% - 20px);}
.col12 ul li{ width:calc(8.33% - 20px);}
@media screen and (max-width: 768px){
.col{ width:calc(100% - 20px); margin:20px auto;}
.col .t1{ font-size:2rem; text-align:center; margin-top:30px; margin-bottom:0px; color:#4589D3; font-family:'榛戜綋';}
.col .t2{ font-size:1.4rem; text-align:center; color:#999999;}
.col .t3{ font-size:1.2rem; margin:10px 0 10px 0;}
.col ul{ width:calc(100% + 10px); margin-left:-5px; padding:0; margin-top:25px;}
.col ul li{ height:164px;}
.col1 ul li{ width:calc(100% - 20px);}
.col2 ul li{ width:calc(50% - 20px);}
.col3 ul li{ width:calc(50% - 20px);}
.col4 ul li{ width:calc(50% - 20px);}
.col5 ul li{ width:calc(50% - 20px);}
.col6 ul li{ width:calc(50% - 20px);}
.col7 ul li{ width:calc(50% - 20px);}
.col8 ul li{ width:calc(50% - 20px);}
.col9 ul li{ width:calc(50% - 20px);}
.col10 ul li{ width:calc(50% - 20px);}
.col11 ul li{ width:calc(50% - 20px);}
.col12 ul li{ width:calc(50% - 20px);}
}



.col dl{ width:calc(100% + 10px); margin-left:-5px; padding:0; margin-top:30px;}
.col dl dd{ float:left; margin:0px 10px; color:#777777; border-radius:5px; padding:15px; margin-bottom:0px; ddne-height:24px; overflow:hidden; overflow-y:scroll; }
.col dl dd::-webkit-scrollbar{ width:2px; height:2px; }

.col dl dd .img{ text-addgn:center;}
.col dl dd .img img{ height:80px;}
.col dl dd.onlyTitle{ height:130px}
.col dl dd.onlyTitle .t3{}
.col dl dd.imgSize{ height:169px;}
.col dl dd.imgSize img{ height:80px;}
.col dl dd.ip{ height:180px;}
.col dl dd.ip .t3{ font-weight:bold; height:25px; overflow:hidden;}
.col dl dd.ip img{ height:80px;}
.col dl dd.ip .content{ height:50px; overflow:hidden;}
.col dl dd.ip a .content{ color:#777777;}
.col dl dd.ip a:hover .content{ color:#4589D3;}
.col dl dd.is{ height:auto;}
.col dl dd.is .t3{ font-weight:bold; height:25px; overflow:hidden;}
.col dl dd.is img{ height:auto; width:100%;}
.col dl dd.is .content{ height:50px; overflow:hidden;}
.col dl dd.is a .content{ color:#777777;}
.col dl dd.is a:hover .content{ color:#4589D3;}
.col1 dl dd{ width:calc(100% - 35px);}
.col2 dl dd{ width:calc(50% - 35px);}
.col3 dl dd{ width:calc(33.333% - 35px);}
.col4 dl dd{ width:calc(25% - 35px);}
.col5 dl dd{ width:calc(20% - 35px);}
.col6 dl dd{ width:calc(16.666% - 35px);}
.col7 dl dd{ width:calc(14.285% - 35px);}
.col8 dl dd{ width:calc(12.5% - 35px);}
.col9 dl dd{ width:calc(11.111% - 35px);}
.col10 dl dd{ width:calc(10% - 35px);}
.col11 dl dd{ width:calc(9.09% - 35px);}
.col12 dl dd{ width:calc(8.33% - 35px);}
@media screen and (max-width: 768px){
.col{ width:calc(100% - 20px); margin:20px auto;}
.col .t1{ font-size:2rem; text-addgn:center; margin-top:30px; margin-bottom:0px; color:#4589D3; font-family:'榛戜綋';}
.col .t2{ font-size:1.4rem; text-addgn:center; color:#999999;}
.col .t3{ font-size:1.2rem; margin:10px 0 10px 0;}
.col dl{ width:calc(100% - 10px); margin-left:-5px; padding:0; margin-top:25px;}
.col dl dd{ height:180px;}
.col1 dl dd{ width:calc(100% - 35px);}
.col2 dl dd{ width:calc(50% - 35px);}
.col3 dl dd{ width:calc(50% - 35px);}
.col4 dl dd{ width:calc(50% - 35px);}
.col5 dl dd{ width:calc(50% - 35px);}
.col6 dl dd{ width:calc(50% - 35px);}
.col7 dl dd{ width:calc(50% - 35px);}
.col8 dl dd{ width:calc(50% - 35px);}
.col9 dl dd{ width:calc(50% - 35px);}
.col10 dl dd{ width:calc(50% - 35px);}
.col11 dl dd{ width:calc(50% - 35px);}
.col12 dl dd{ width:calc(50% - 35px);}
}

.tableList{ border:1px solid #dddddd;}
.tableList .tr1 td{ font-weight:bold; background:#f5f5f5;}
.tableList td{ padding:10px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; line-height:22px; word-break:break-all;}
.tableList tr:last-child td{ border-bottom:0;}
.tableList td:last-child{ border-right:0;}

#systemCustomBox{ height:auto;}
#systemCustomBox .ulList{ height:auto;}
#systemCustomBox .ulList li{ height:auto;  border-right:1px solid #eeeeee; border-bottom:0; margin:0 0.15%; width:13.8%; padding:1.4%; float:left;}
#systemCustomBox .ulList li p{ height:auto; line-height:30px; margin:0;}
#systemCustomBox .ulList li p.p1{ font-size:1.1rem;}
#systemCustomBox .ulList li p.p2{ color:#666666;}
#systemCustomBox .ulList li:last-child{ border-right:0;}

.dataPage{ font-size:1rem; color:#777777; text-align:center; padding:15px; background:#ffffff; margin-top:20px;}
.dataPage p.p1{}
.dataPage p.p1 b{ margin:0 5px; color:#3E85D2;}
.dataPage p.p1 a{ margin:0 5px 10px 5px; color:#777777; border:1px solid #E2E2E2; padding:3px 5px; border-radius:3px; vertical-align:middle;}
.dataPage p.p1 a:hover{ color:#ffffff; background:#3E85D2; border:1px solid #3E85D2;}
.dataPage p.p1 a.on{ color:#ffffff; background:#3E85D2; border:1px solid #3E85D2;}.dataPage p.p1 .toPage{ width:50px; height:22px; line-height:22px; border:1px solid #E2E2E2; border-top-left-radius:3px; border-bottom-left-radius:3px; margin-left:6px; vertical-align:middle;}
.dataPage p.p1 .toPageGo{ width:50px; height:26px; line-height:26px; border:1px solid #E2E2E2; border-left:0; border-top-right-radius:3px; border-bottom-right-radius:3px; vertical-align:middle;}
.dataPage p.p1 .toPageGo:hover{ background:#3E85D2; cursor:pointer; color:#ffffff; border:1px solid #3E85D2; border-left:0;}
.dataPage p.p2{ width:100%; word-break:break-all; margin-top:15px; text-align:center;}
.dataPage p.p2 a{ margin:0 5px 10px 5px; color:#777777; border:1px solid #E2E2E2; padding:3px 5px; border-radius:3px; display:inline-block;}
.dataPage p.p2 a:hover{ color:#ffffff; background:#3E85D2; border:1px solid #3E85D2;}
.dataPage p.p2 a.on{ color:#ffffff; background:#3E85D2; border:1px solid #3E85D2;}

.systemArticle1{ width:74%; margin-right:10px;}
@media screen and (max-width: 768px){
.systemArticle1{ width:100%; margin-right:0;}
}

.systemShow .systemCustomBox{ color:#333333; font-size:1.05rem; line-height:2rem;}
.systemShow .systemCustomBox .systemCustomProcess{ margin-top:10px;}
.systemShow .systemCustomBox .systemCustomProcess b{margin:10px 0; }
.systemShow .systemCustomBox .systemCustomProcess p{}
.systemShow .systemCustomBox .systemCustomPrice{margin:10px 0;  font-weight:bold; font-size:1.1rem;}

.tagShowContent{ padding:0 15px; color:#666666; line-height:26px; padding-bottom:20px;}
.tagCompanyList ul li{ color:#666666;}