/*公共样式部分*/
/*rest*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
figure,
figcaption,
code,
del,
dfn,
em,
image,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
table,
tr,
th,
td {
border: 0px;
padding: 0px;
/*font-size: 100%;*/
margin: 0px;
font-family: "microsoft yahei", "宋体", "lucida grande", "tahoma", "arial", "helvetica", "sans-serif";
-webkit-font-smoothing: subpixel-antialiased;
font-weight: normal;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
color: #565656;
line-height: 1;
font-size: 12px;
margin: 0;
/*background:no-repeat; _position:absolute;*/
}
input,
textarea,
select {
background-color: #ffffff;
font-size: 12px;
outline: none;
}
img {
border: 0;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
a,
a:link {
color: #434343;
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #0168b7;
}
ul,
li {
list-style-type: none;
}
/*base*/
.clearfix {
clear: both;
height: 0;
overflow: hidden;
}
.f_l {
float: left;
}
.f_r {
float: right;
}
.container {
max-width: 1100px;
margin-right: auto;
margin-left: auto;
/*min-width: 1100px;*/
}
/*.content {
width: 1000px;
margin: 0 auto;
}*/
.col_50 {
float: left;
width: 50%;
}
.col_small {
float: left;
width: 34%;
}
.col_large {
float: left;
width: 66%;
}
.col_33 {
float: left;
width: 33.33333333%;
}
.p_l-25 {
padding-left: 25px;
}
.p_r-25 {
padding-right: 25px;
}
.btn {
display: block;
border-radius: 0;
padding: 0 15px;
line-height: 42px;
font-size: 14px;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0;
overflow: hidden;
}
.btn img {
width: 100%;
height: 100%;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav>.nav_item {
position: relative;
display: block;
}
.nav>.nav_item>a {
position: relative;
display: block;
padding: 10px 15px;
}
.tab-content>.tab-pane.active {
display: block;
}
.tab-content>.tab-pane {
display: none;
}
/*下拉组件*/
.dropdown {
/*position: relative;*/
}
/*上箭头*/
.dropdown.dropdown_top-arrow .dropdown-menu:before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block !important;
border-right: 7px solid transparent;
border-bottom: 7px solid #eee;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown.dropdown_top-arrow .dropdown-menu:after {
border-bottom-color: #e3e6f0;
position: absolute;
top: -6px;
left: 10px;
display: inline-block !important;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
}
/*下箭头*/
.dropdown.dropdown_bottom-arrow .dropdown-menu:before {
border-bottom-color: #dce1ec;
position: absolute;
bottom: -7px;
left: 9px;
display: inline-block !important;
border-right: 7px solid transparent;
border-top: 7px solid #eee;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown.dropdown_bottom-arrow .dropdown-menu:after {
border-bottom-color: #e3e6f0;
position: absolute;
bottom: -6px;
left: 10px;
display: inline-block !important;
border-right: 6px solid transparent;
border-top: 6px solid #fff;
border-left: 6px solid transparent;
content: '';
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown .dropdown-menu {
display: none;
position: absolute;
top: 100%;
}
/*网站顶部样式*/
.topbar {
background: #eee;
}
.topbar .sidebar-toggler {
display: none;
float: left;
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
width: 20px;
height: 14px;
background-repeat: no-repeat;
background-position: center center;
background-image: ;
}
.mobiletop .subnav-search {
display: none;
float: right;
margin: 7px 0 !important;
}
/*顶部子菜单*/
.topbar .subnav {
margin: 0;
}
.topbar .subnav li {
float: left;
display: inline-block;
}
.topbar .subnav li a {
display: inline-block;
margin: 0 6px;
height: 36px;
line-height: 36px;
color: #434343;
font-size: 14px;
text-decoration: none;
cursor: pointer;
}
.topbar .subnav li a:hover {
color: #0168b7;
}
.topbar .subnav-search {
margin: 5px 6px;
position: relative;
vertical-align: middle;
background: #fff;
border-radius: 3px;
}
.topbar .subnav-search>.search_input {
float: left;
font-size: 12px;
border: 0;
height: 26px;
line-height: 26px;
padding: 0 10px;
width: 140px;
border-radius: 3px;
}
.topbar .subnav-search>.search_icon {
float: left;
display: inline-block;
padding: -5px 5px;
cursor: pointer;
vertical-align: top;
}
.topbar .subnav-search>.search_submit {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 26px;
opacity: 0;
cursor: pointer;
filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}
/*头部logo条*/
.icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 100% 100%;
}
#header{
width: 1100px;
height: 140px;
display: block;
margin: 0 auto ;
}
.icon-search {
width: 20px;
height: 20px;
background-image: ;
}
/*主体内容部分样式*/
.main-page{
margin:20px auto 20px auto;
width:1100px;
height:520px;
}
.main-page .left,
.main-page .right{
float:left;
}
.main-page .nav{
position:relative;
width:60px;
text-align:center;
font-size:14px;
font-family:"微软雅黑";
/* color:#fff;*/
margin-top: 10px;
}
.main-page .nav div{
position: relative;
height:68px;
line-height:68px;
width: 230px;
font-size: 18px;
margin-bottom: 1px;
background-color:rgba(51, 51, 51, 0.4);
}
.main-page .nav div a{
color:#fff;
}
.main-page .nav div img{
position: absolute;
left:0;
top: 50%;
margin-top: -20px;
margin-left: 20px;
}
.main-page .nav div.on{
background:#0094ea;
}
.main-page .right{
width:870px;
height:520px;
margin-left:170px;
}
.main-page .content-back{
width:870px;
height:560px;
background:#fff;
opacity:.3;
}
.main-page .content{
position:relative;
width:860px;
height:510px;
margin-top:-560px;
padding:10px;
overflow:hidden;
}
.main-page .content .first{
width:860px;
height:510px;
margin-bottom:10px;
background:#fff;
}
.content .cont1{
width: 860px;
height: 300px;
}
.content .left_banner{
width: 400px;
height: 300px;
float: left;
}
.example{
width: 400px;
height: 300px;
float: left;
font-size: 40px;
text-align: center;
background-color: #464576;
}
.carousel-item a{
line-height: 300px;
color: #fff;font-family: arial black
}
.ft-carousel {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.ft-carousel .carousel-inner {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.ft-carousel .carousel-inner .carousel-item {
float: left;
height: 100%;
}
.ft-carousel .carousel-item img {
width: 100%;
}
.ft-carousel .carousel-indicators {
position: absolute;
left: 50%;
margin-left: -200px;
bottom: 10px;
width: 100%;
text-align: center;
font-size: 0;
}
.ft-carousel .carousel-indicators span {
display: inline-block;
width: 12px;
height: 12px;
background-color: #fff;
margin: 0 4px;
border-radius: 50%;
cursor: pointer;
}
.ft-carousel .carousel-indicators span.active {
background-color: #de3a3a;
}
.ft-carousel .carousel-btn {
position: absolute;
top: 50%;
width: 50px;
height: 45px;
margin-top: -25px;
cursor: pointer;
}
.ft-carousel .carousel-prev-btn {
left: 0;
background: url(/uploads/image/ssimages/prev.png) no-repeat;
}
.ft-carousel .carousel-next-btn {
right: 0;
background: url(/uploads/image/ssimages/next.png) no-repeat;
}
/*动态新闻1部分样式*/
.content .right_news{
width: 440px;
height: 300px;
float: right;
margin-left: 10px;
}
.right_news_titles{
width:420px;
height:47px;
border-bottom:1px solid #dbdbdb;
}
.right_news_titles ul{
float:left;
width:300px;
height:47px;
}
.right_news_titles ul li{
float:left;
width:75px;
height:47px;
font-size:16px;
text-align: center;
line-height:47px;
}
.right_news_titles ul li:hover{
border-bottom:2px solid #2f78b1;
}
.qqyw_nrbtp{
border-bottom:2px solid #2f78b1;
}
.qqyw_nrbts span a{
display: block;
height:47px;
font-size:16px;
text-align: center;
line-height:47px;
margin-right: 20px;
}
.right_news_titles span{
float:right;
font-size:16px;
line-height:47px;
}
.right_news_lists{
width:410px;
margin-top:10px;
overflow: hidden;
}
.right_news_lists ul li{
width:410px;
float:left;
line-height:34px;
border-bottom:1px dashed #dfdfdf;
}
.right_news_lists ul li img {
width:5px;
height:5px;
float:left;
margin-right:5px;
margin-top:15px;
}
.right_news_lists ul li p{
float:left;
width:250px;
font-size: 14px;
text-align: left;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.right_news_lists ul li span{
float:right;
width:90px;
font-size:14px;
color:#a1a1a1;
}
/*新闻2部分*/
.content_two{
width: 860px;
height: 162px;
margin-top: 5px;
background-color: rgba(150, 150, 150, 0.1);
}
.content_two_cont_top{
width: 860px;
height: 160px;
margin: 20px 30px;
position: relative;
}
.tuu1{
float: left;
height: 160px;
width: 160px;
margin-top: 22.5px;
text-align: center;
}
.tuu1 a,.tuu2 a,.tuu3 a,.tuu4 a,.tuu5 a{
font-size: 16px;
}
.tuu2{
float: left;
height: 160px;
width: 160px;
margin-top: 22.5px;
text-align: center;
}
.tuu3{
float: left;
height: 160px;
width: 160px;
margin-top: 22.5px;
text-align: center;
}
.tuu4{
float: left;
height: 160px;
width: 160px;
margin-top: 22.5px;
text-align: center;
}
.tuu5{
float: left;
height: 160px;
width: 160px;
margin-top: 22.5px;
text-align: center;
}
.myscroll {
width: 410px;
height: 240px;
/* margin: 0 auto;*/
border: 1px solid #ccc;
line-height: 26px;
font-size: 12px;
overflow: hidden;
}
.myscroll li {
height: 26px;
/*margin-left: 25px;*/
}
.myscroll a {
color: #333;
text-decoration: none;
}
.myscroll a:hover {
color: #ed5565;
text-decoration: underline;
}
/*规章制度部分*/
.rules{
width:860px;
height:550px;
}
.rules span{
display: inline-block;
width: 860px;
height: 60px;
font-size: 24px;
line-height: 60px;
text-align: center;
}
.rules_content{
width: 860px;
height: 480px;
overflow: hidden;
margin:10px auto;
}
.rules_content li{
width: 840px;
font-size: 16px;
line-height: 35px;
/*text-align: center;*/
margin-left: 20px;
}
.rules_content li img{
display: block;
width:5px;
height:5px;
float:left;
margin-right:5px;
margin-top:15px;
line-height: 35px;
}
.rules_content ul li p{
float:left;
display: block;
width:630px;
font-size: 16px;
line-height: 35px;
text-align: left;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.rules_content ul li span{
display: block;
font-size: 16px;
line-height:35px;
width: 150px;
height: 35px;
margin-right: 50px;
float: left;
}
.rules_content .sp{
display:block;
font-size: 16px;
text-align: right;
width: 760px;
margin-top: -20px;
color: #2f78b1;
}
/*联系我们部分*/
.contact #map p{
font:11px/1 "microsoft yahei", "微软雅黑", sans-serif;
}
#allmap{
width: 100%;
height: 503px;
}
/*链接部分样式*/
.link{
width: 1100px;
min-width: 1100px;
border:1px solid rgba(51, 51, 51, 0.2);
height:120px;
background:#ffffff;
margin: 10px auto;
}
.link_left{
float: left;
height:110px;
width: 120px;
font-size: 22px;
text-align: center;
line-height: 110px;
margin: 0 auto;
}
.link_left span{
color:#2f78b1;
}
.link_center{
width: 600px;
height: 110px;
float: left;
margin: 5px auto;
}
.link_center ul{
width: 600px;
height: 110px;
padding-left: 10px;
border-left:1px solid rgba(51, 51, 51, 0.4);
}
.link_center ul li img{
border: 1px solid rgba(51, 51, 51, 0.5);
padding: 5px;
margin-bottom: 5px;
}
.link_center ul li{
float: left;
width: 80px;
height: 110px;
margin: 5px auto;
}
.link_center ul li a{
display: block;
margin-top: 5px;
text-align: center;
}
.links{
width: 340px;
float: right;
height:110px;
background:#ffffff;
}
.links select{
width:250px;
float: right;
margin-right:15px;
border-radius: 5px;
height:30px;
margin-top:20px;
}
/*网站底部部分样式*/
.footer{
width: 1100px;
height: 90px;
margin: 0 auto;
}
.footer_left{
width: 600px;
text-align:center;
float: left;
margin: 50px auto;
margin-bottom: 30px;
}
.footer_left p{
color: #919191;
}
.footer_right{
width: 500px;
float: right;
position: relative;
text-align:center;
margin: 50px auto;
margin-bottom: 30px;
}
.footer_right a{
color: #919191;
}
.footer_right a:hover{
color:#2f78b1;
}
.footer_right .ewm1,
.footer_right .ewm2{
position: absolute;
display: none;
right: 10px;
top: -150%;
}
.footer_right .a1:hover .ewm1,
.footer_right .a2:hover .ewm2{
display: block;
}
/*移动端样式处理*/
@media only screen and (max-width: 768px) {
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.topbar {
background: #eee;
width: 100%;
}
.topbar .sidebar-toggler {
display: none;
float: left;
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
width: 20px;
height: 14px;
background-repeat: no-repeat;
background-position: center center;
background-image: ;
}
.mobiletop .subnav-search {
display: none;
float: right;
margin: 7px 0 !important;
}
/*顶部子菜单*/
.topbar .clo1,
.topbar .clo2{
margin: 0;
width:50%;
}
.topbar .clo1{
float: left;
}
.topbar .clo2{
float: right;
}
.topbar .clo1 li{
display: none;
}
.topbar .clo1 li:nth-child(1),
.topbar .clo1 li:nth-child(2){
float: left;
display: inline-block;
}
.topbar .clo1 li a {
display: inline-block;
margin: 0 3px;
height: 36px;
line-height: 36px;
color: #434343;
font-size: 12px;
text-decoration: none;
cursor: pointer;
}
.topbar .clo1 li a:hover {
color: #0168b7;
}
.topbar .subnav-search {
margin: 5px 6px;
position: relative;
vertical-align: middle;
background: #fff;
border-radius: 3px;
}
.topbar .subnav-search>.search_input {
float: left;
font-size: 12px;
border: 0;
height: 26px;
line-height: 26px;
padding: 0 10px;
width: 80px;
border-radius: 3px;
}
.topbar .subnav-search>.search_icon {
float: left;
display: inline-block;
padding: -5px 5px;
cursor: pointer;
vertical-align: top;
}
.topbar .subnav-search>.search_submit {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 26px;
opacity: 0;
cursor: pointer;
filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}
#change{
display: none;
}
/*头部logo条*/
.icon {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 100% 100%;
}
#header{
width: 100%;
height: 40px;
display: block;
margin: 0 auto ;
}
#header img{
width: 100%;
height: 130%;
}
.icon-search {
width: 20px;
height: 20px;
background-image: ;
}
/*移动端主体部分样式*/
/*移动端主体导航部分*/
.main-page{
margin:10px auto 10px auto;
width:100%;
height:520px;
}
.main-page .left{
display: block;
width: 100%;
height: 50px;
margin: .4em auto;
margin-left: 3px;
}
.main-page .left .nav{
width: 100%;
height: 50px;
margin: 0 auto;
}
.main-page .left .nav div{
float: left;
width: 14%;
height: 50px;
font-size: 1rem;
line-height: 50px;
}
.main-page .left .nav div img{
display: none;
}
/*移动端主体内容部分*/
.main-page .right{
width: 100%;
display: block;
margin-left: 0;
}
.main-page .content{
position:relative;
width:100%;
height:510px;
/*margin-top:-560px;*/
padding:10px;
overflow:hidden;
}
.main-page .content-back{
width:100%;
height:560px;
background:#fff;
opacity:.3;
}
/*.cont1{
width: 100%;
}*/
.content .left_banner{
width: 100%;
height: 160px;
float: left;
}
.example{
width: 95vw;
margin: 0 auto;
height: 160px;
float: left;
font-size: 40px;
/*text-align: center;*/
background-color: #464576;
}
.carousel-item{
width: 95vw;
text-align: center;
line-height: 160px;
color: #fff;font-family: arial black
}
.ft-carousel {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.ft-carousel .c