﻿html{font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/}
body{font-family: "microsoft yahei", "sans-serif", "华文细黑", "黑体" !important;}
ol,
li{list-style: none;}
#header,
footer{overflow: hidden; width: 100%;}
/*css3*/
.clear:after{display: block; content: ''; clear: both;}
.czjz{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
/*header*/
.swiper-container1,
.swiper-container2{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
/*正常屏幕*/
.h-top{line-height: 40px; overflow: hidden; font-size: 14px; border-bottom: 1px solid #dcdcdc;}
.h-top a{color: #5d5d5d; transition: 300ms ease; -webkit-transition: 300ms ease;}
.h-top a:hover{color: #244C94;}
.h-top span + span{float: right;}
.h-nav{padding: 25px 0; overflow: hidden;}
.h-nav h1{float: left;}
.h-nav form{float: right; height: 40px; width: 45%; margin-top: 13px;}
.h-nav form input[type=text]{display: block; float: left; border: 1px solid #244C94; height: 40px; line-height: 40px; width: 80%; text-indent: 10px;}
.h-nav form input[type=submit]{display: block; float: left; width: 20%; background: #244C94; color: #fff; text-align: center; line-height: 40px; border: 0; height: 40px;}
nav ul{background: #244C94;overflow: hidden;}
nav ul li{width: 10%; text-align: center; line-height: 45px; float: left;}
nav ul li a{color: #fff; display: block; transition: 300ms ease; -webkit-transition: 300ms ease;}
nav ul li a:hover{background: #D60505; color: #fff;}
.fix-nav{position: fixed; top: 0; background: #fdfdfd; z-index: 100; border-bottom: 1px solid #244C94;}
/*小屏幕手机*/
.hidden-g{position: relative; height: 60px;}
.hidden-g .h-nav-g{position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms;}
.hidden-g .h-nav-g h1{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 60px; color: #5d5d5d; font-size: 18px;}
.hidden-g .h-nav-g .btn_i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.hidden-g .h-nav-g .btn_i small,
.hidden-g .h-nav-g .btn_i:before,
.hidden-g .h-nav-g .btn_i:after{display: block; content: ''; width: 24px; height: 2px; background: #000000; border-radius: 4px; margin: 6px 0;}
.hidden-g .h-nav-g .btn_i_click small{opacity: 0;}
.hidden-g .h-nav-g .btn_i_click:before{transform: rotateZ(45deg); transform-origin: 0px 6px;}
.hidden-g .h-nav-g .btn_i_click:after{transform: rotateZ(-45deg); transform-origin: 5px -1px;}
.hidden-g .h-nav-g .i_tel{display: block; background-repeat: no-repeat; background-position: center; cursor: pointer; background-image: url("../images/tel.png"); position: absolute; right: 15px; top: 0; height: 60px; width: 40px;}
.hidden-g .ul-small{background: #3a3a3a; width: 220px; height: 100%; position: fixed; right: 0; top: 0; z-index: 1000; transform: translateX(220px); transition: 300ms; -webkit-transition: 300ms; -webkit-transform: translateX(220px);}
.hidden-g .ul-small input{width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px;}
.hidden-g .ul-small ul{margin-top: 20px;}
.hidden-g .ul-small ul li a{color: #fff; padding-left: 30px; padding-right: 30px; line-height: 40px; display: block;}
.hidden-g .translate{transform: translateX(-220px); -webkit-transform: translateX(-220px);}
.hidden-g .translate2{transform: translateX(0); -webkit-transform: translateX(0);}
/*banner*/
.banner{clear: both;}
.banner .swiper-pagination-bullet{width: 24px; height: 4px; display: inline-block; border-radius: 5px; background: #919190; opacity: .4;}
.banner .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.banner2{height: 620px; background-repeat: no-repeat; background-attachment: fixed; background-position: center 90px;}
.c-banner{background-image: url("../images/cbanner.jpg");}
.p-banner{background-image: url("../images/pbanner.jpg");}
.a-banner{background-image: url("../images/abanner.jpg");}
.n-banner{background-image: url("../images/nbanner.jpg");}
.m-banner{background-image: url("../images/mbanner.jpg");}
.j-banner{background-image: url("../images/jbanner.jpg");}
/*main*/
#main{margin-top: 38px; width: 100%;}
#main:after{display: block; content: ''; clear: both;}
.main-left{width: 76%; float: left;}
.main-right{width: 21.2%; float: right;}
/*company*/
.company:after{display: block; content: ''; clear: both;}
.company .com-t{position: relative; padding-bottom: 20px;}
.company .com-t:after{display: block; content: ''; clear: both;}
.company .com-t h3{font-size: 20px; color: #244C94; float: left; position: relative; z-index: 2; margin-left: 160px;}
.company .com-t img{position: absolute; left: 0; top: -4px;}
.company .com-t a{color: #244C94; float: right;}
.company > img{float: left; width: 20%; max-width: 100%;}
.company span{display: block; float: right; width: 75%; font-size: 14px; color: #666565;}
/*zhaoBiao*/
.index-div{padding: 8px; border: 1px solid #ccc;}
.zhao-title{line-height: 60px; height: 60px; position: relative; background-image: url("../images/zbbg.jpg"); background-size: cover; color: #fff; margin-top: 13px; background-repeat: no-repeat; background-position: center;}
.zhao-title a{color: #fff; float: right; padding-right: 5px;}
.zhao-title img{left: 10px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.zhao-title b{font-size: 22px; padding-left: 8%; font-weight: 500;}
.ma-tit{overflow: hidden; padding-top: 18px; margin-bottom: 10px;}
.ma-tit h3{font-size: 18px; color: #666565; float: left; font-weight: bold;}
.ma-tit a{font-size: 14px; color: #666565; float: right;}
.ma-tit a:hover{color: #244C94;}
.com-news{padding: 8px; border: 1px solid #ccc;}
.com-news ul li{font-size: 14px; padding: 10px 0; border-bottom: 1px dashed #ccc;}
.com-news ul li a{color: #636363; display: block;}
.com-news ul li:hover a{color: #244C94;}
/*ol_type*/
.all_wrap{padding: 0 10px; border: 1px solid #ccc; border-top: 0;}
.ol_type{overflow: hidden;}
.ol_type li{float: left; padding: 12px 0; font-size: 14px; font-weight: bold;}
.ol_type li a{color: #244C94;}
.ol_type li a:hover{text-decoration: underline;}
.ol_type li:nth-of-type(1){width: 15.7%;}
.ol_type li:nth-of-type(2){width: 47.7%;}
.ol_type li:nth-of-type(3){width: 13.5%;}
.ol_type li:nth-of-type(4){width: 12.5%; text-align: center;}
.ol_type li:nth-of-type(5){width: 10.6%; text-align: center;}
.ul_type{overflow: hidden;}
.ul_type li{float: left; padding: 12px 0; font-size: 14px; color: #888888;}
.ul_type li a{color: #888888;}
.ul_type li a.a_more{color: #244C94;}
.ul_type li a.a_more:hover{text-decoration: underline;}
.ul_type li:nth-of-type(1){width: 15.7%;}
.ul_type li:nth-of-type(2){width: 47.7%;}
.ul_type li:nth-of-type(3){width: 13.5%;}
.ul_type li:nth-of-type(4){width: 12.5%; text-align: center;}
.ul_type li:nth-of-type(5){width: 10.6%; text-align: center;}
/*Buchong*/
.buChog .zhao-title{background-image: url("../images/bcbg.jpg");}
.zhongBiao .zhao-title{background-image: url("../images/zhongbbg.jpg");}
/*login*/
.login{margin-top: 12px;}
.login ul li{background-repeat: no-repeat; background-position: 5% center; font-size: 24px; padding-left: 28%; padding-top: 12px; padding-bottom: 12px; border: 1px solid #ccc; margin-bottom: 18px;}
.login ul li a{color: #666565;}
.login ul li a:hover{color: #244C94;}
.login ul li:hover:first-child{background-image: url("../images/lg11.png");}
.login ul li:hover:last-child{background-image: url("../images/lg22.png");}
.login ul li:first-child{background-image: url("../images/lg1.png");}
.login ul li:last-child{background-image: url("../images/lg2.png");}
/*contact*/
.contact{margin-top: 12px;}
.contact ul{margin-top: 10px;}
.contact ul li{font-size: 14px; color: #666565; margin-bottom: 5px;}
.contact ul li small{width: 10%; display: inline-block; text-align: center;}
/*download*/
.download{margin-top: 12px;}
.download ul li{overflow: hidden;}
.download ul li small{float: right; color: #fe0000;}
/*news-all*/
.news-all{overflow: hidden; margin-top: 20px;}
.news-all h3{font-size: 20px; color: #343434; border-left: 4px solid #244C94; position: relative; margin-bottom: 10px; padding-left: 10px;}
.news-all h3:after{display: block; content: ''; width: 100%; height: 2px; background: #244C94; position: absolute; bottom: -10px; left: -4px;}
.news-all .news-all-list{width: 24%; margin-right: 1%; float: left; margin-top: 20px; border: 1px solid #ccc;}
.news-all .news-all-list .news-all-con-t{overflow: hidden; border-bottom: 1px solid #ccc; padding: 10px 5%;}
.news-all .news-all-list .news-all-con-t span{color: #343434; font-size: 16px; float: left;}
.news-all .news-all-list .news-all-con-t a{color: #244C94; float: right;}
.news-all .news-all-list .news-all-con-t a:hover{color: #D60505;}
.news-all .news-all-list ul{padding: 10px 5%;}
.news-all .news-all-list ul li{margin-bottom: 10px; position: relative; text-indent: 10px;}
.news-all .news-all-list ul li:before{display: block; content: ''; width: 5px; height: 5px; position: absolute; left: 0; top: 50%; margin-top: -2.5px; background: #c2c2c2;}
.news-all .news-all-list ul li:last-child{margin-bottom: 0;}
.news-all .news-all-list ul li a{font-size: 12px; color: #484848; display: block;}
.news-all .news-all-list ul li a:hover{color: #244C94;}
.wenhua{width: 100%; overflow: hidden; height: 143px; background: url("../images/qiyebg.png") no-repeat center; position: relative; margin: 15px 0 40px 0; background-size: 1140px 100%;}/*原本样式:background-size:cover*/
.wenhua p{position: absolute; color: #fff; background: url("../images/telbg.png") no-repeat center; background-size: 40px; padding-left: 255px; right: 40%; top: 21%;}/*原本样式:right:25%*/
.wenhua p span{display: block; font-size: 20px;}
.wenhua p b{display: block; font-size: 24px;}
/*friends*/
.friends{overflow: hidden;}
.friends h3{font-size: 20px; color: #343434; border-left: 4px solid #244C94; position: relative; margin-bottom: 10px; padding-left: 10px;}
.friends h3:after{display: block; content: ''; width: 100%; height: 2px; background: #244C94; position: absolute; bottom: -10px; left: -4px;}
.friends .friend-con{width: 100%; float: left;}
.friends .friend-con + .friend-con{float: right;}
.friends .friend-con h4{color: #343434; font-size: 16px; margin: 15px 0 20px 0;}
.friends .friend-con ul li{float: left; width: 16.6%; overflow: hidden; height: 65px; position: relative;margin-left: -1px;}
.friends .friend-con ul li a{display: block; border: 1px solid #ccc; width: 100%; height: 100%;}
.friends .friend-con ul li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 98%; max-height: 98%;}
/*footer*/
footer{width:100%; overflow: hidden; margin-top: 45px; background: url("../images/ps.png")  no-repeat center; margin:20px  auto 0 auto; padding-top: 40px;}/*原本样式:width:100%   background:#404040  添加了margin-left:20%*/
footer h1{float: left;}
footer dl{float: left; color: #fff; margin-left: 50px; margin-bottom: 25px;}
footer dl a{color: #fff;}
footer dl a:hover{color: #fff; text-decoration: underline;}
footer dl dt{font-size: 16px; padding-left: 8px; border-left: 2px solid #244C94;}
footer dl dd{display: block; font-size: 14px; padding-left: 8px; margin-top: 15px;}
footer p{float: right; text-align: center;}
footer p span{color: #fff; display: block; margin-top: 4px;}
footer .f-bottom{clear: both; line-height: 54px; border-top: 1px solid #8a8a8a; color: #8a8a8a;}
footer .f-bottom a{color: #8a8a8a;}
footer .f-bottom a:hover{color: #fff;}
footer .f-bottom span{float: right;}
#info{background: #eee; overflow: hidden; padding-bottom: 50px;}
#info + footer{margin-top: 0;}
#info .location{line-height: 50px; background: #fff;}
#info .location a:hover{color: #244C94;}
#info .sidebar{width: 23%; float: left; margin-top: 20px;}
#info .sidebar ul{background: #fff; box-shadow: 0 0 1px #ccc; border: 1px solid #ccc; padding: 0 20px;}
#info .sidebar ul li{padding: 15px 0; border-bottom: 1px solid #E6E6E6;}
#info .sidebar ul li:last-child{border-bottom: 0;}
#info .sidebar ul li a{transition: 300ms ease; -webkit-transition: 300ms ease;}
#info .sidebar ul li a:hover{color: #244C94;}
#info .sidebar ol{background: #fff; margin-top: 25px; box-shadow: 0 0 1px #ccc; border: 1px solid #ccc; padding: 15px 20px;}
#info .sidebar ol li:first-child{font-size: 14px; padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid #E6E6E6;}
#info .sidebar ol li{font-size: 12px; padding: 5px 0;}
#info .sidebar_two{margin-top: 15px; border: 1px solid #eee; box-shadow: 0 0 1px #ccc;}
#info .sidebar_two ul{display: flex; display: -webkit-flex; justify-content: space-between;}
#info .sidebar_two ul li{text-align: center; background: #fff; flex-grow: 1; padding: 10px 0; border-right: 1px solid #eee;}
#info .sidebar_two ul li:last-child{border-right: 0;}
#info .sidebar_two ul li a{display: block; color: #244C94;}
#info .info-right{width: 73%; float: right; background: #fff; border-top: 2px solid #244C94; margin-top: 20px;}
#info .info-right .news_time{font-size: 12px; color: #444; margin-bottom: 15px;}
#info .info-right:nth-last-of-type{border-bottom: 1px solid #ccc;}
#info .info-right .ol_type li{background: #244C94; color: #fff; border-right: 1px solid #fff; text-align: center;}
#info .info-right .ol_type li:last-child{border-right: 0;}
#info .info-right .ul_type{border-top: 1px solid #ccc;}
#info .info-right .ul_type:nth-of-type(1){border-top: 0;}
#info .info-right .ul_type li{text-align: center; border-left: 1px solid #ccc; font-size: 13px;}
#info .info-right .ul_type li:first-child{border-left: 0;}
#info .info-right .info-content{padding: 20px;}
#info .info-right2{border-top: 0;}
.p_content{font-size: 14px; line-height: 30px; color: #444;}
.p_content img{max-width: 100% !important;}
.p_content table{max-width: 100% !important; width: 100%;}
/*page*/
#prev_next a:hover{color: #244C94;}
#prev_next{font-size: 14px; margin-top: 20px;text-align:left;}
div.page{margin: 20px auto 20px auto; font-size: 12px; color: #444; text-align: center;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b; margin-top: 5px; display: inline-block;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #244C94;}
div.page a.page-num-current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #244C94;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
#prev_next .prev,
#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px 5px 0;}
#prev_next .prev a:hover,
#prev_next .next a:hover{color: #244C94;}
#prev_next .prev{margin-top: 20px; background-size: 18px;}
#prev_next .next{border-bottom: 1px solid #ccc; background-size: 18px;}
/*news*/
.news-ul li{border-bottom: 1px dashed #CCCCCC; overflow: hidden; font-size: 12px; position: relative; text-indent: 10px;}
.news-ul li a{display: block; padding: 10px 0; position: relative;}
.news-ul li a:before{display: block; content: ''; width: 5px; height: 5px; background: #244C94; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -2.5px;}
.news-ul li a:hover{color: #244C94;}
.news-ul li b{float: right; font-weight: 500;}
.contact_ul{margin-bottom: 25px; overflow: hidden;}
.contact_ul li{float: left; width: 33.3%; margin: 5px 0;}
.contact_ul li small{width: 25px; display: inline-block;}
.contact_ul li:first-child{font-size: 24px; color: #444; margin-bottom: 15px; float: none; clear: both; width: 100%;}
.news-ul2 li b{display: block; background: #244C94; color: #fff; text-align: center; width: 100px; text-indent: 0;}
/*message_wrap*/
.message_wrap{background: #fff; padding: 20px; margin-top: 20px; border: 1px solid #ccc; box-shadow: 0 0 2px #ccc;}
.message_wrap h3{font-size: 20px; margin-bottom: 30px; font-weight: bold;}
.message_wrap form .input-group{position: relative; margin-bottom: 10px;}
.message_wrap form .input-group label{font-size: 12px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; width: 220px; font-weight: bold; float: left;}
.message_wrap form .input-group label span{color: red;}
.message_wrap form .input-group input[type=text],
.message_wrap form .input-group input[type=password]{outline: none; display: inline-block; width: 320px; height: 34px; line-height: 34px; padding: 0px 12px; border: #ddd 1px solid; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.04); font-family: '微软雅黑', 'Microsoft Yahei', '宋体';}
.message_wrap form .input-group input[type=text]:focus,
.message_wrap form .input-group input[type=password]:focus{border: #244C94 1px solid;}
.message_wrap form input[type=submit]{width: 120px; display: block; line-height: 36px; background: #244C94; color: #fff; border: 0; margin-left: 220px;}
.message_wrap form .in-radio{line-height: 36px; height: 36px; display: inline-block;}


/*p_content_wrap*/
.p_content_wrap{position: relative;}
.p_content_wrap img.hongzhang{position: absolute; left: 0;bottom: 0;}


@media print {
    a[href]:after {
        content: none !important;
    }
}