body, html { height: 100%; font-family: '微软雅黑', sans-serif; -webkit-tap-highlight-color: transparent; }

body, ul, li, h1, h2, h3, h4, h5, o, * { margin: 0px; padding: 0px }

body { background-size: cover; background-repeat: no-repeat; background-position: center center; }

input { background: none; outline: none; border: 0px; }

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

li { list-style: none }

a { text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }

.slip { transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; -ms-transition: 0.8s; }

.slip1 { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }

.zoom:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }

/*引导页*/

.index{ background-repeat: no-repeat; background-position: center center; background-size: cover; }

.BootPage{float: left; width: 800px; height: 500px; margin: calc((100% - 800px)/2); margin-top: 5%; margin-bottom: 0px;}

.BootPage logo{float: left; width: 400px; margin: 0px calc((100% - 400px)/2) 50px;  height: 100px; overflow: hidden; position: relative;}

.BootPage logo img{max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}

.BootPage a{float: left; width: 100%;}

.BootPage a span{width: 100%; float: left; text-align: center; font-size: 14px; color: #fff; margin-top: 60px;}

.BootPage li{ float: left; margin: 0.6%; background-repeat: no-repeat; background-position: center 30%; background-size: 30px auto; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}

.BootPage li:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.BootPage li:nth-of-type(1){width: 18.8%; height: 100px; background-color: #4582ec;}

.BootPage li:nth-of-type(2){width: 18.8%; height: 100px; background-color: #ab67b4;}

.BootPage li:nth-of-type(3){width: 18.8%; height: 100px; background-color: #f8a95a; background-size: 23px auto;}

.BootPage li:nth-of-type(4){width: 38.8%; height: 210px; background-color: #00c075; float: right; background-size: 50px auto; background-position: center 50px;}

.BootPage li:nth-of-type(4) span{margin-top:140px;}

.BootPage li:nth-of-type(5){width: 18.8%; height: 100px; background-color: #d64445;}

.BootPage li:nth-of-type(6){width: 38.8%; height: 100px; background-color: #01908c; background-position: 100px center;}

.BootPage li:nth-of-type(6) span{ height: 100%; line-height: 100px; margin-top: 0px; text-indent: 30px; }

.BootPage li:nth-of-type(7){width: 18.8%; height: 100px; background-color: #492996;}

.BootPage li:nth-of-type(8){width: 38.8%; height: 100px; background-color: #23589c; background-position: 100px center;}

.BootPage li:nth-of-type(8) span{ height: 100%; line-height: 100px; margin-top: 0px; text-indent: 30px; }

.BootPage li:nth-of-type(9){width: 38.8%; height: 100px; background-color: #1b99e6; background-position: 100px center;}

.BootPage li:nth-of-type(9) span{ height: 100%; line-height: 100px; margin-top: 0px; text-indent: 30px; }

.BootPage .search{width: 98.8%; float:left; margin: 20px 0.6% 0px;}

.BootPage .search input,.BootPage .search .submit{float: left;}

.BootPage .search input{width: 93%; background-color: #fff; height: 30px; text-indent: 10px; border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -o-border-radius:10px 0 0 10px; -ms-border-radius: 10px 0 0 10px;}

.BootPage .search .submit{ width: 7%; background-color: #01bffe; height: 30px;cursor: pointer; background-repeat: no-repeat; background-position: center center; background-image: url(/assets/addons/cms/images/search.png); background-size: 16px auto; border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -o-border-radius:0 10px 10px 0; -ms-border-radius: 0 10px 10px 0;}

.BootPageBottom{ float: left; width: 100%; position: fixed; left: 0px; bottom: 0px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; background-color: rgba(28,118,180,0.80); }
.BootPageBottom a{display: inline-block; color: #fff;}
.BootPageBottom a:hover{text-decoration:underline;}
/*头部导航*/

header main logo { width: 100%; height: 424px; float: left; background-size: cover; background-position: center center; background-repeat: no-repeat; }

header nav { width: 100%; float: left; background-color: #1b4985; border-bottom: 3px solid #168eda; }

header nav ul { width: 1200px; margin: 0px auto; }

header nav ul li { position: relative; float: left; display: inline-block; }

header nav ul li ol a { float: left; padding: 0px 45px; height: 45px; line-height: 48px; font-size: 16px; color: #fff; font-weight: bold; transition: 0.5s; }

header nav ul li ol .active { background-color: #285ba0; }

header nav ul li ul { position: absolute; left: 0px; top: 45px; float: left; width: 100%; visibility: hidden; opacity: 0; z-index: 999; transition: 0.5s; }

header nav ul li:hover ul { visibility: visible; opacity: 1; }

header nav ul li:hover ol a { background-color: #285ba0; }

header nav ul li ul li { width: 100%; float: left; }

header nav ul li ul li a { width: 100%; float: left; background-color: #285ba0; font-size: 14px; line-height: 35px; text-align: center; color: #fff; transition: 0.5s; }

header nav ul li ul li a:hover { background-color: #3769ac; }

/*定义整体*/

section { width: 1200px; padding: calc((100% - 1200px)/2); float: left; margin: 0px 0px; padding-bottom: 0px; padding-top: 0px; }
/*banner图*/
.banner{width: 100%; float: left; margin-top: 30px;}
.banner,.banner .box,.banner .box li,.banner .box li a{float: left; width: 100%; position: relative;}
.banner .box li a{height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.banner .box .roll a{height: 155px;}
.banner .trail{width: 100%; float: left; position: absolute; bottom: 15px; text-align: center;}
.banner .trail li{width: 0; height: 0; overflow: hidden; margin: 0 2px; border-top: 5px solid #bcc2cf; padding:0 10px; display: inline-block;}
.banner .trail .on{ border-top-color: #3d9e7b;}
/*大标题*/

.theme { width: 100%; float: left; }

.theme h3 { width: 100%; float: left; text-align: center; margin: 30px 0px; color: #163f84; }

.theme dl { width: 100%; float: left; position: relative; margin: 60px 0px 30px 0px; }

.theme dl p { width: 3%; float: left; position: absolute; border-bottom: 3px solid #3b8ea6; }

.theme dl p:first-child { left: 42%; }

.theme dl p:last-child { right: 42%; }

.theme dl dt { position: absolute; bottom: -43px; width: 160px; height: 45px; line-height: 45px; font-size: 18px; margin: calc((100% - 160px)/2); margin-top: 20px; margin-bottom: 20px; float: left; text-align: center; color: #153f83; font-weight: bold; }

.theme1{width: 100%; float: left; position: relative; border-bottom: 1px solid #e4e4e4;}

.theme1 h3{ float: left; line-height: 45px;}

.theme1 h3::after{content:' '; float: left; width: 45px; border-bottom: 3px solid #1b4985; position: absolute; left: 0px; bottom: -1px;}

.theme1 p{float: right; display: inline-block; line-height: 45px; font-size: 14px;}

.theme1 p a{color: #919191; }

.theme1 p a::after{content:'+'; margin-left: 5px;}


.categories1{float: left; width: 100%; margin-bottom: 30px;}
.categories1 ol{float: left; width: 100%; margin: 20px 0px; text-indent: 35px; font-size: 18px; color: #163f84; font-weight: bold; background-image: url(/assets/addons/cms/images/9682.png); background-repeat: no-repeat; background-position: 6px 3px; background-size: 23px auto;}
.categories1 li{float: left; width: calc(100%/5 - 6%); margin: 10px 3%;}
.categories1 li a{width: 100%; float: left; text-align: center;}
.categories1 li a p{float: left; width: 100px; height: 100px; overflow: hidden; position: relative; margin: 0 calc((100% - 100px)/2); color:#fff; background: #595758; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.categories1 li:hover>a p{background: #7B7B7B; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}
.categories1 li a p img{max-width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 14px;}
.categories1 li a span{float: left; width: 100%; color:#333333; margin-top: 5px;}
.categories1 li:hover>a span{color: #244372;}

/*宫格版页面展示*/

.gongge { width: 100%; float: left; }

.gongge .img_text { width: 100%; float: left; margin: 30px 0px; }

.gongge .img_text li { width: calc(100%/8 - 10px); float: left; margin: 0px 5px; }

.gongge .img_text li a, .gongge .img_text li a ol, .gongge .img_text li a p { width: 100%; float: left; }

.gongge .img_text li a ol { height: 130px; position: relative; }

.gongge .img_text li a ol img { max-height: 130px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }

.gongge .img_text li:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); }

.gongge .img_text li a p { text-align: center; line-height: 45px; height: 45px; color: #333333; font-size: 18px; }

.gongge .img_text li:hover a p { color: #168ED9; }

/*文章类宫格版页面展示*/

.matrix_word{width: 100%; float: left; margin: 20px 0px;}

.matrix_word li{width: calc(100%/4 - 30px); float: left; margin: 15px; background-color: #fff;}

.matrix_word li{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}

.matrix_word li ol{width: 100%; float: left; height: 330px; overflow: hidden; position: relative;}

.matrix_word li ol img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width:100%; z-index: 1;}

.matrix_word li ol dl{position: absolute; top: 0px; left: 0px; float: left; width: 60px; background-color: #009fb5; visibility: hidden; opacity: 0; z-index: 0;}

.matrix_word li ol dl dt,.matrix_word li ol dl dd{float: left; width: 100%; text-align: center; color: #FFFFFF;}

.matrix_word li ol dl dt{line-height: 30px; font-size: 20px; margin-top: 5px;}

.matrix_word li ol dl dd{line-height: 25px; font-size: 12px;}

.matrix_word li:hover ol dl{visibility: visible; opacity: 1; z-index: 3;}

.matrix_word li:hover{box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);}

.matrix_word li p{width: 90%; float: left; margin: 15px 5%; line-height: 25px; font-size: 16px; height: 50px; overflow: hidden;}

.matrix_word li p a{color: #333333;}

.matrix_word li p a:hover{color: #1b4985;}

/*切换标签*/

.list1 { width: 66%; }

.list2 { width: 31%; margin-left: 2%; }

.list3 { width: 100%; }

.list3 .right h3 { float: left; }

.list3 .right m { float: right; display: flex; }

.list3 .right n { float: left; width: 100%; text-align: right; margin-bottom: 10px; }

.list3 .right n a { font-size: 14px; margin-right: 15px; color: #1d4985; }

.list3 .right n a:hover { color: #168eda; }

.lists1 { margin-left: 3%; }

.tab_box { float: left; }

.tab_box .tab { width: 100%; float: left; margin: 30px 0px; position: relative; }

.tab_box .tab h3 { float: left; margin-right:20px; display: inline-block; color: #163f84; line-height: 25px; }

.tab_box .tab li{float: left; width: auto;}

.tab_box .tab li a { float: left; line-height: 35px; display: inline-block; padding: 0px 5px; margin: 0px 10px; font-size: 16px; color: #333333; }

.tab_box .tab li a { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; }

.tab_box .tab li .active { background-color: #1b4986; color: #fff; }

.list2 .tab { width: 93%; margin: 30px 2% 20px; }

.list2 .tab li a { margin: 0px 8px; }

.tab_box .tab .fg li a { margin: 0px 0px; cursor: pointer;}

.tab_box .tab .fg li p {display: none; float: left; width: 33px; height: 35px; background-image: url(/assets/addons/cms/images/2563.png); background-repeat: no-repeat; background-position: center center; }

.tab_box .tab .fg li:last-child p { display: none; }

.tab_box .tab .bj .active { background-color: #3c8ea6; }

.tab_box .tab .bj li a:hover { background-color: #3c8ea6; color: #fff; }

.tab_box .tab more a { position: absolute; right: 0px; line-height: 25px; font-size: 14px; color: #333333; }

.tab_box .tab more a::before { content: '+'; float: right; width: 14px; height: 14px; background-color: #3e90a7; color: #fff; font-size: 14px; line-height: 14px; text-align: center; margin: 5.5px 0px 5.5px 5px; }

.tab_box .tab more a:hover { color: #168ED9; }

.tab_box .box { width: 100%; float: left; overflow: hidden; }

.tab_box .box .on { visibility: visible; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }

.tab_box .box .off { visibility: hidden; opacity: 0; height: 0px; width: 0px; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }

.tab_box .box .item { width: 100%; float: left; }

.tab_box .box .item dir { width: 40%; float: left; background-color: #D7D7D7; position: relative; }

.tab_box .box .item dir foot { position: absolute; bottom: 12px; right: 12px; }

.tab_box .box .item dir foot ul { float: left; }

.tab_box .box .item dir foot ul li { float: left; margin: 0px 1px; cursor: pointer; display: inline-block; width: 20px; height: 0px; overflow: hidden; border-top: 5px solid #e1e7f7; }

.tab_box .box .item dir foot ul .on { border-top-color: #3d9e7b; }

.tab_box .box .item .roll li { float: left; width: 100%; height: 180px; position: relative; }

.tab_box .box .item .roll li img { max-width: 110%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }

.tab_box .box .item dt { width: 57%; margin-left: 3%; float: left; }

.tab_box .box .item dt p { width: 100%; float: left; height: 53px; color: #999999; font-size: 16px; }

.tab_box .box .item dt p:last-child { height: 21px; }

.tab_box .box .item dt p a { width: 75%; float: left; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tab_box .box .item dt p a:hover { color: #168ED9; }

.tab_box .box .item dt p v { width: 25%; float: left; text-align: right; }

.tab_box .box .item dd { width: 100%; float: left; margin-top: 20px; }

.tab_box .box .item dd ol { width: 100%; float: left; border-bottom: 1px dashed #e4e4e4; color: #666666; }

.tab_box .box .item dd ol time { width: 7%; float: left; margin: 10px 10px 10px 0px; }

.tab_box .box .item dd ol time p, .tab_box .box .item dd ol time span { float: left; width: 100%; text-align: center; }

.tab_box .box .item dd ol time p { font-size: 18px; font-weight: bold; }

.tab_box .box .item dd ol time span { font-size: 12px; }

.tab_box .box .item dd ol a { color: #666666; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tab_box .box .item dd ol:hover { color: #168ED9; }

.tab_box .box .item dd ol a:hover { color: #168ED9; }

.tab_box .box .item .side { width: 100%; float: left; }

.tab_box .box .item .side li { width: 83%; padding: 15px 5%; margin: 3%; float: left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }

.tab_box .box .item .side li:hover { box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); }

.tab_box .box .item .side li:hover a { color: #168ED9; }

.tab_box .box .item .side li span, .tab_box .box .item .side li p { float: left; width: 100%; line-height: 22px; }

.tab_box .box .item .side li span { font-size: 14px; color: #999999; }

.tab_box .box .item .side li p { font-size: 14px; }

.tab_box .box .item .side li p a { color: #333333; }

.tab_box .box .item .side1 { float: left; width: 100%; border-top: 3px solid #008cd7; padding-top: 20px; }

.tab_box .box .item .side1 ul { width: 70%; float: left; }

.tab_box .box .item .side1 li{ float: left; width: calc(100%/4 - 24px); font-size: 14px;  background-image: url(/assets/addons/cms/images/2573.png); background-repeat: no-repeat; background-position: 90% center; background-size: auto 7px; margin: 10px;}

.tab_box .box .item .side1 li a{ float: left; width: 100%; color: #333333; line-height: 45px; border: 1px solid #364762; text-indent: 10px;}
.tab_box .box .item .side1 li a:hover { color: #168eda; border-color: #168eda; }
.tab_box .box .item .side1 .on a{color: #168eda; border-color: #168eda;}

.tab_box .box .item .side1 ol { width: 30%; float: left; margin: 10px 0px; }

.tab_box .box .item .side1 ol v { width: 100%; height: 200px; float: left; overflow: hidden; }

.tab_box .box .item .side1 ol v m{width: calc(100%/3); height: 100%; float: left; position: relative; overflow: hidden;}

.tab_box .box .item .side1 ol v m img { max-height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; z-index: 10; }

/*位置*/

.place { float: left; width: 100%; border-bottom: 1px solid #e8e8e8; padding: 20px 0px; }

.place a { float: left; display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #7f7f7f; }

.place a:hover { color: #168ED9; }

.place .on { color: #168ED9; }

.place a:nth-of-type(1) { border-left: 3px solid #014a97; padding-left: 15px; }

.place a::after { content: '>'; margin: 0px 15px; color: #7f7f7f; }

.place a:last-child::after { display: none; }

.border0{ border-style: none; }



.list_content .list1, .list_content .list2, .list_content .list3 { float: left; }

.list_content .list1 { width: 20%; margin-bottom: 20px;}

.list_content .list2 { width: 77%;}

.list_content .list3 { width: 77%; margin-left: 3%; margin-bottom: 30px;}

.list_content .list3 img{max-width: 100%;}

.list_content .quan { width: 100%; margin: 0px; }

.list_content .quan li ol { text-align: right; }

.list_content .list1 h2 { width: 100%; float: left; color: #163f81; margin: 30px 0px 10px; }

.list_content .list1 li { width: 100%; float: left; line-height: 30px; font-size: 16px; text-indent: 15px; margin: 5px 0px; }

.list_content .list1 li:hover { background-color: #1b4985; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; }

.list_content .list1 li:hover a { color: #fff; }

.list_content .list1 .on { background-color: #1b4985; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; }

.list_content .list1 .on a { color: #fff; }

.list_content .list1 li a { color: #676767; }

.list_content .list2 { margin-left: 3%; }

.list_content .list2 h2, .list_content .list3 h2 { width: 100%; float: left; color: #163f81; padding: 30px 0px 10px; border-bottom: 1px solid #f1f0f0; margin-bottom: 20px; text-align: center; }

.list_content .list2 li { float: left; border: 1px solid #f1f0f0; width: 99%; padding: 1.5%; margin: 10px 0px; }

.list_content .list2 ol { width: 30%; float: left; position: relative; height: 180px; overflow: hidden; background-color: #e4e4e4; }

.list_content .list2 ol img { max-width: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0pc; margin: auto; }

.list_content .list2 main { width: 67%; float: left; margin-left: 3%; position: relative; }

.list_content .list2 main dt, .list_content .list2 main dt, .list_content .list2 main dd { width: 100%; float: left; }

.list_content .list2 main dt { width: 100%; float: left; font-size: 20px; line-height: 30px; font-weight: bold; height: 60px; overflow: hidden; margin-top: 18px; }

.list_content .list2 main dt a { color: #454545; }

.list_content .list2 main dt a:hover { color: #168ED9; }

.list_content .list2 main dd { color: #8d8d8d; font-size: 14px; line-height: 25px; height: 70px; overflow: hidden; }

.list_content .list2 main p { color: #7f7f7f; font-size: 14px; }

.list_content .list2 main span { position: absolute; right: 12px; bottom: 12px; float: left; width: 20px; height: 17px; background-image: url(/assets/addons/cms/images/2596.png); background-repeat: no-repeat; background-position: center center; background-size: 20px auto; }

.list_content .list3 li { width: 100%; float: left; border-bottom: 1px dashed #ededed; line-height: 45px; }

.list_content .list3 li a::after { content: '➤'; float: left; color: #3d8da6; margin-right: 10px; font-size: 12px; }

.list_content .list3 li a:hover { color: #168ED9; }

.list_content .list3 li a, .list_content .list3 li ol { float: left; }

.list_content .list3 li a { width: 80%; color: #333333; font-size: 14px; }

.list_content .list3 li ol { width: 20%; font-size: 14px; color: #404040; }

.list_content .list3 form button { width: 100px; height: 45px; float: left; border-width: 0px; font-size: 14px; color: #FFFFFF; margin-right: 10px; }

.list_content .list3 form button { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; }

.list_content .list3 form button:nth-of-type(1) { background-color: #3d9e7b; }

.list_content .list3 form button:nth-of-type(1):hover { background-color: #296C54; }

.list_content .list3 form button:nth-of-type(2) { background-color: #d37c82; }

.list_content .list3 form button:nth-of-type(2):hover { background-color: #A2363D; }

.list_content .list3 form ol p { width: 100%; float: left; margin: 20px 0px; color: #3b8ea6; padding-top: 15px; }

.list_content .list3 form ol v { width: 100%; float: left; font-size: 14px; line-height: 35px; }

.list_content .list3 form ol v span { float: left; padding-left: 25px; position: relative; margin-right: 50px; color: #2d3836; }

.list_content .list3 form ol v input{ width: 20px; height: 20px; position: absolute; top: 8px; left: 0px; }

.list_content1 .list1, .list_content1 .list2 { float: left; }

.list_content1 .list1 { width: 75%; }

.list_content1 .list2 { width: 20%; margin: 20px 0px;}

.list_content1 .list1 { margin-right: 3%; }

.list_content1 .list1 dl { width: 100%; float: left; }

.list_content1 .list1 dl h2 { text-align: center; padding: 30px 0px; border-bottom: 2px solid #3c8ea6; }

.list_content1 .list1 dl dt { width: 100%; float: left; padding-top: 20px; font-size: 14px; color: #666666; }

.list_content1 .list1 dl dt span { padding-right: 30px; }

.list_content1 .list2 h3 { float: left; width: 100%; padding: 10px 0px; border-bottom: 2px solid #3c8ea6; margin-bottom: 12px; }

.list_content1 .list2 li { width: 100%; float: left; font-size: 14px; padding: 12px 0px; border-bottom: 1px dashed #cbcbcb; }

.list_content1 .list2 li hot { float: left; width: 16px; height: 16px; line-height: 16px; font-size: 12px; background-color: #bebebe; text-align: center; margin-right: 2%; margin-top: 3px; color: #fff; }

.list_content1 .list2 li:nth-of-type(1) hot { background-color: #ff6d1f; }

.list_content1 .list2 li:nth-of-type(2) hot { background-color: #ffb81e; }

.list_content1 .list2 li:nth-of-type(3) hot { background-color: #f6cc22; }

.list_content1 .list2 li a { width: 91%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333333; }

.list_content1 .list2 li a:hover { color: #3b8ea6; }

.turn_over { width: 100%; float: left; border-top: 1px dashed #888888; padding-top: 20px; position: relative; margin-bottom: 25px;}

.turn_over p { width: 50%; float: left; font-size: 14px; color: #666666; }

.turn_over p:nth-of-type(1) { text-align: left; }

.turn_over p:nth-of-type(2) { text-align: right; }

.turn_over p a { color: #666666; font-size: 14px; }

.turn_over p a:hover { color: #168ED9; }

.turn_over ol { width: 100px; float: right; text-align: center; margin-top: 10px;}

.turn_over a { font-size: 18px; color: #3b8ea6; }

.turn_over a:hover { color: #1b4985; }

/*链接类*/

.links { width: 100%; float: left; }

.links:last-child{margin-bottom: 30px;}

.links li { width: calc(100%/5 - 20px); float: left; background-color: #e8eef7; margin: 9px; text-align: center; line-height: 45px; border: 1px solid #93b6e3; font-size: 14px; }

.links ol { width: 100%; float: left; text-indent: 35px; font-size: 18px; background-image: url(/assets/addons/cms/images/9682.png); background-repeat: no-repeat; background-position: 6px 3px; background-size: 23px auto; color: #163f84; font-weight: bold; margin: 20px 0px; }

.links li { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }

.links li a { color: #333333; }

.links .active { background-color: #93b6e3; }

.links .active a { color: #fff; }

.links li:hover { background-color: #93b6e3; }

.links li:hover a { color: #fff; }



.atlas { width: 100%; float: left; }

.atlas li { width: calc(100%/6 - 20px); margin: 0px 10px; float: left; }

.atlas li ol, .atlas li p { float: left; width: 100%; }

.atlas li ol { position: relative; height: 230px; overflow: hidden; background-color: #E8E8E8; }

.atlas li ol img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 100%; }

.atlas li p { text-align: center; color: #323232; font-size: 14px; padding: 10px 0px 20px; }



.atlas1{ width: 100%; float: left; }

.atlas1 dl{width: calc(100%/4 - 52px);margin: 10px;padding: 15px;float: left;border: 1px solid #ededed;}

.atlas1 dl{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s;}

.atlas1 dl v,.atlas1 dl dt,.atlas1 dl dd{ width: 100%; float: left; }

.atlas1 dl v{position: relative; height: 200px; background-color: #E8E8E8;}

.atlas1 dl v img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 100%;}

.atlas1 dl dt{color: #3c8ea6; font-size: 16px; font-weight: bold; padding: 10px 0px;}

.atlas1 dl dd{ width: 100%; float: left; height: 45px; font-size: 16px; color: #333333;}

.atlas1 dl:hover{border-color: #3c8ea6;}

/*案例详细页滚动图*/

.photo_album { width: 90%; float: left; padding: 50px 5% 0px; position: relative; }

.photo_album ul { width: 100%; float: left; }

.photo_album ul li { width: calc(100%/6 - 20px); margin: 0px 10px; float: left; }

.photo_album ul li ol, .photo_album ul li p { float: left; width: 100%; }

.photo_album ul li ol { height: 200px; position: relative; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }

.photo_album ul li p { text-align: center; line-height: 45px; font-size: 14px; }

.photo_album ul li p a { color: #333333; }

.photo_album ul li:hover a { color: #168ED9; }

.photo_album ul li:hover ol { box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2); }

.photo_album ul li img { width: 100%; }

.photo_album span { position: absolute; width: 45px; height: 45px; line-height: 45px; float: left; top: calc((100% - 45px)/2); background-color: #3b8ea6; z-index: 999; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; font-size: 26px; color: #fff; text-align: center; pointer-events: auto; cursor: pointer;}

.photo_album span:nth-of-type(1) { left: 0px; }

.photo_album span:nth-of-type(2) { right: 0px; }

.photo_album span::after { content: "›"; display: inline-block; }

.photo_album .prev::after { transform: rotate(180deg); line-height: 57px; font-size: 57px; }

.photo_album .next::after { transform: rotate(0deg); line-height: 33px; font-size: 57px; }

/*站群*/

.station { width: 100%; float: left; margin: 30px 0px; }

.station a { float: left; width: calc(100%/6 - 20px); margin: 0px 10px; background-repeat: no-repeat; background-size: auto 100px; background-position: center center; }

.station a { border-radius: 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }

.station a:nth-child(odd) { background-color: #4a80ac; }

.station a:nth-child(even) { background-color: #4b99af; }

.station a:hover { background-color: #1b4986; }

.station a p { float: left; line-height: 30px; width: 100%; margin: 70px 0px 10px; text-align: center; font-size: 14px; color: #fff; }

/*联系方式*/

.contact ul { width: 100%; float: left; margin: 50px 0px 70px;}
/*/images/5689.png*/
.contact ul li {float: left; width: calc(100%/4 - 30px); margin: 0px 15px; padding: 15px 0px; background-image: url(/assets/addons/cms/images/5689.png); background-repeat: no-repeat; background-size: auto 69px; }

.contact ul li P, .contact ul li span{float: left; width: 70%; margin-left: 30%;line-height: 25px;}

.contact ul li P{font-size: 18px; font-weight: bold;}

.contact ul li span{font-size: 14px;}

.contact ul li:nth-of-type(1){ background-position: left center; }

.contact ul li:nth-of-type(2){ background-position: -295px center; }

.contact ul li:nth-of-type(3){ background-position: -585px center; }

.contact ul li:nth-of-type(4){ background-position: -920px center; }

/*简介*/

.top30{margin-top: 30px;}

.bottom30{margin-bottom: 30px;}

.synopsis{float:left; width: 100%;}

.synopsis dl{float: left; width: 100%; margin: 60px 0px;}

.synopsis dl dt{float: left; width: 47%; margin-right: 3%}

.synopsis dl dt ol{float: left; width: 100%; height: 300px; overflow: hidden; position: relative; background-color: #EBEBEB;}

.synopsis dl dt ol img{position: absolute; max-width:100%; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}

.synopsis dl dd{float: left; width: 50%;}

.synopsis dl dd more{float: left; width: 100%;}

.synopsis dl dd more a{color: #1c4a86;}

.synopsis dl dd more a::after{content:'+';margin-left: 5px;}

/*查询*/
seek{width: 100%; float: left; margin: 30px 0 10px;}
seek form{width: 100%; float: left;}
seek form ol{width: 80%; float: left;}
seek form ol input{ float: left; width: 100%; line-height: 45px; text-indent: 10px; background: #fff; border: 1px solid #D3D3D3;}
seek form p{width: 20%; float: left; line-height: 45px; font-size: 14px; text-align: center; color: #fff; background: #168eda; border: 1px solid #168eda; margin:0 -1px;}
/*验证码*/

code { float: left; width: 100%; margin: 50px 0px 10px; }

code p { float: left; width: 100%; color: #333333; font-size: 16px; margin: 10px 0px; }

code p span { color: #FF0004; padding-left: 5px; }

code input { float: left; width: 100px; height: 45px; border: 1px solid #dfdfdf; text-align: center; }

code #container { float: left; width: 100px; height: 47px; }

/*内容*/

content { width: 100%; float: left; padding: 30px 0px; }

content img { max-width: 100%; }

text { width: 100%; float: left; padding: 10px 0px; }

text img { max-width: 100%; }

.page { width: 100%; float: left; text-align: center; margin: 30px 0px; }

.page a { line-height: 45px; padding: 10px 20px; background-color: #f1eff0; color: #999999; border: 1px solid #f1eff0; font-size: 14px; }

.page a:hover { background-color: #3b8ea6; color: #fff; border: 1px solid #3b8ea6; }

.page .active { background-color: #3b8ea6; color: #fff; border: 1px solid #3b8ea6; }

.page span { line-height: 43px; border: 1px solid #e4e4e4; padding: 10px 0px; }

.page span input { width: 50px; height: 100%; text-align: center; }

/*大图*/

.picture { width: 100%; float: left; }

.picture a img { width: 100%; }

/*底部导航*/

footer {float: left; width: 100%; background-color: #244372; padding: 50px 0px;}

footer p{float: left; width: 100%; text-align: center; font-size: 16px; color: #fff; line-height: 45px;}

footer p a{color: #fff;}