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;}

.blue{ color:blue;}

.false{ moz-user-select: -moz-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:2rem; text-indent:65px; letter-spacing:9px; padding-top:18px; font-weight:bold;}

.header1 .logo a .p2{ font-size:0.7rem; 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: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);}



.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; background-color:;}

.col ul li::-webkit-scrollbar-track{ background-color:;}

.col ul li::-webkit-scrollbar-thumb{ background-color:;}

.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; background-color:;}

.col dl dd::-webkit-scrollbar-track{ background-color:;}

.col dl dd::-webkit-scrollbar-thumb{ background-color:;}

.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; line-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;}