﻿html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {margin: 0;padding: 0;border: 0;outline: 0;}
img{display: block;width:100%;height:100%;object-fit: cover;}
body{margin:0;padding:0;background:#f7f7f7;color:#333333;margin:0 auto;font-family:'微软雅黑','Arial';background: url(../image/bg.png) repeat;}

h1, h2, h3, h4, h5, h6 { font-weight: normal;font-size: 100%;}
:focus {outline:0;}
ul,ol {list-style:none;}
fieldset, img {border:0 none;vertical-align: top;}
address, caption, cite, code, dfn, em, i, th, var, optgroup {font-style:normal;font-weight:normal;}
abbr, acronym {border:0;font-variant: normal;}
input, button, textarea, select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size: 100%;}
input, button, textarea, select {*font-size:100%;outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
a{color: #333; text-decoration: none;-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;transition: color .2s ease-in-out;-webkit-transition: background-color .2s ease-in-out;-moz-transition: background-color .2s ease-in-out;transition: background-color .2s ease-in-out;}
a.special,.special a { color: #333;}
a.special:hover,.special a:hover {color: #333;text-decoration: none;}
.display-flex{display: flex;align-items: center;}
a:hover{text-decoration:none}
.overflow_hidden{overflow: hidden;}
.hy-fl{float:left;display:inline;}
.hy-fr{float:right;display:inline;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input::-webkit-input-placeholder {color: #999;}
.font-weight-bold{font-weight:600;}
.border-radius{border-radius:5px;}
.color1{color:#999;}
.color2{color:#333;}
.color3{color:#fff;}

.even:nth-child(even){
	
}
.odd:nth-child(odd){
	
}
:first-child{
	
}
:nth-child(2){
	
}
:last-child{
	
}
.padding-14{
	padding: 0 14px;
}
.border-top{border-top:0.01rem solid #f2f2f2;}
.border-bottom{border-bottom:0.01rem solid #f2f2f2;}
.background-fff{background-color:#fff;overflow:hidden;}
.w960{width:960px;margin:0 auto;}


.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-bottom-10{margin-bottom: 10px;}

::-webkit-input-placeholder { 
color:#808080;font-size:14px;
}
:-moz-placeholder { 
color:#808080;font-size:14px;
}
::-moz-placeholder { 
color:#808080;font-size:14px;
}
:-ms-input-placeholder { 
color:#808080;font-size:14px;
}





.nav-content{position:relative;}
.nav-content .bottom-content{position: absolute;z-index:1;width:97%;margin:0 auto;top: 0;left: 0;right: 0;height:110px;display:flex; align-items: center;justify-content: space-between;}
.nav-content .bottom-content .search span{margin: 0 5px;font-weight: 600;}
.nav-content .bottom-content .search span a{color: #000;}
.nav-content .bottom-content .search a:hover{color:red;}
.nav-tab{}
.nav-tab .tab-hd{overflow:hidden; zoom:1;background-color: #033178;position: relative;height: 37px;line-height: 37px;}
.nav-tab .tab-hd .pc-li{background: url(../image/img8.jpg) no-repeat;background-size: cover;float:left; width:137px;}
.nav-tab .tab-hd .pc-li.active{background: url(../image/img9.jpg) no-repeat;background-size: cover;}
.nav-tab .tab-hd .pc-li.active a{color:#fff;width: 100%;display: block;}
.nav-tab .tab-hd .pc-li a{color:#033178;text-align:center;cursor:pointer;font-size: 14px;font-weight: 600;display:block;}
.nav-tab .tab-bd{}
.nav-tab .tab-bd li{display:none;height: 110px;}
.nav-tab .tab-bd li.thisclass{ display:list-item;}

#navToggle{display:none;}

.m_nav{position:fixed;top:0;z-index:1000;visibility:visible;overflow-y:auto;margin-top:0;width:100%;height:100%;background:#fff;box-shadow:0 15px 27px 0 hsla(0,1%,65%,.38);opacity:1;transition:all ease .5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateX(100%)}
.m_nav.open{transform:translateX(0);}
.m_nav .top{box-sizing:border-box;padding:0px 20px;height:30px;margin-top:15px;}
.m_nav .top .closed{float:right;width:30px;height:30px;vertical-align:middle;cursor:pointer;}
.m_nav .logo{margin:0 auto;width:100%;margin-top: 30px;}
.m_nav .logo img{display:block;margin:0 auto;width:80%;}
.m_nav .ul{margin-top:30px;}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5}
.m_nav .ul li a{display:block;width:100%;height:40px;text-decoration:none;line-height:40px;font-size: .8rem;}
.m_nav .ul li .dropdown_menu{display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block;}
.m_nav .ul li .dropdown_menu a{display:block;box-sizing:border-box;padding:0 40px;height:50px;border-bottom:1px solid #f5f5f5;line-height:50px;}
.m_nav .ul li .dropdown_menu a:last-child{border:none;}


.swiper-slide img{width: 100%;height: auto;}
.swiper-slide .pc{display: block;}
.swiper-slide .wap{display: none;}


.footer .bottom{overflow: hidden; background-color:#c5e3f5;height: 70px;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;}
.footer .bottom .hy-fl span img{width:22px;display: block;float: left;margin-right: 5px;}
.footer .bottom .hy-fl span{float: left;font-size: 12px;line-height: 22px;color: #336699;font-weight: bold;margin-right: 5px;}
.footer .bottom .hy-fr img{width: 100%;height: auto;}
.footer .bottom .hy-fr{display: flex;justify-content:flex-end;}


.main{overflow:hidden;}
.main .left{width: 194px;float: left;margin:9px auto 0px;background-color: #fff;position: relative;}
.main .left .title-border{margin-bottom:5px;background: url(../image/img12.jpg) repeat-x;height: 6px;width:100%;}
.main .left .ltitle{cursor:pointer;background: url(../image/img13.jpg) no-repeat;background-size:cover;height:29px;width:100%;margin: 0 auto;color: #fff; font-weight: 600;font-size: 14px;text-align: center;line-height: 29px;margin-bottom: 5px;}
.main .left .bj1{margin:0 auto;width:100%;}
.main .left .bj1 img{display:block;width:100%;}
.main .left .bottom-border{background:url(../image/img14.jpg) repeat-x;height:10px;width:100%;}
.main .left .left-navigation{min-height:436px;}
.main .left .left-navigation li a{display: block; cursor:pointer;background: url(../image/img15.png) no-repeat;background-size:cover;line-height:30px;color: #033178;font-size: 14px;}
.main .left .left-navigation li a:hover{background: url(../image/img15-1.png) no-repeat;color: #fff;background-size: cover;background-position: bottom;}
.main .left .left-navigation li a{text-align: left;padding-left:20px;}
.main .right{width: 766px;min-height:800px;float: right;margin: 9px auto 0px;background-size:100%;background-position: bottom;}
.main .right .content{width: 490px;margin: 0 auto;}
.main .right .content .current-path{margin: 20px auto 30px;font-size:14px;color: #333;}
.main .right .content .current-path a:hover{color: #336699;}
.main .right .content .navtitle{background: url(../image/b-main-r.jpg) no-repeat;color: #fff;height: 44px;font-size: 16px; font-weight:600;margin-bottom: 30px; line-height: 40px; width: 100%;text-align: center;}
.main .right .rcontent{font-size:14px;line-height:24px;color:#333;margin-bottom:50px;}
.main .right .rcontent .case li{width:33%;float:left;}
.main .right .rcontent .case li .case-img{width: 95%;margin: 0 auto;}
.main .right .rcontent .case li .case-img img{width: 100%;display: block;}
.main .right .rcontent .case li p{font-size: 14px;color: #000;text-align: center;line-height:50px;}
.main .right .rcontent .casecon .titcase2{font-size:16px;line-height:32px;font-weight:bold;padding-bottom:20px;color:#000;}
.main .right .rcontent .casecon .titcase{font-size: 14px;line-height:28px;color:#000;}


.main .right .rcontent .news li{width:100%;font-size: 14px;line-height:40px;color:#000;border-bottom: 1px solid #d6d6d6; overflow: hidden;}
.main .right .rcontent .news li .hy-fl{width: 83%;text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	}
.main .right .rcontent .news li .hy-fr{width: 17%;text-align: right;}
.main .right .rcontent .news li:hover a{color: #033178}

.eright{background:url(../image/e-main-r.png) no-repeat;background-color: #f4fbff;}
.eright2{background:url(../image/b-main-r2.jpg) no-repeat;background-color: #e6f9ff;}
.eright3{background:url(../image/c-main-r3.jpg) no-repeat;background-color: #fbfffe;}
.eright4{background:url(../image/d-main-r.jpg) no-repeat;background-color: #eaf5f9;}
.eright5{background:url(../image/f-main-r.jpg) no-repeat;background-color: #e7f7f7;}
.eright6{background:url(../image/g-main-r.jpg) no-repeat;background-color: #eef3f7;}
.eright7{background:url(../image/e-main-r-1.jpg) no-repeat;background-color: #ecf4f7;}




@media screen and (max-width:1264px){
	
}
@media screen and (max-width:1240px){
	
}
@media screen and (max-width:1080px){
	.w960{width:800px;}
	
	.nav-tab .tab-hd .pc-li{width:114.2px;}
	
	
	.main .right {width: 606px;}
	
}
@media screen and (max-width:970px){
	.nav-tab .tab-hd{height:auto;line-height:auto;}
	.nav-tab .tab-hd .pc-li{display:none;}
    
    .nav-content .nav{display: none;}
    #navToggle{display:inline-block;margin-right:0;height:100%;padding:27px 10px;}
    #navToggle span{position:relative;width:25px;height:1px;}
    #navToggle span:after,#navToggle span:before{position:relative;left:0;width:100%;height:1px;content:''}
    #navToggle span, #navToggle span:after, #navToggle span:before{display:block;background:#fff;transition:.3s}
    #navToggle span:before{top:8px;}
    #navToggle span:after{bottom:10px;}
    #navToggle.open span:before{top:10px;transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg)}
    #navToggle.open span:after{bottom:9pt;transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg)}
    #navToggle.open span{background:0 0;}
    #navToggle.open span:after, #navToggle.open span:before{background:#4f4f4f;}
    
	.footer .bottom{display: block;height: auto;}
	.footer .bottom .hy-fl{width: 100%;margin-top: 10px;}
	.footer .bottom .hy-fr{width: 100%;justify-content:flex-start;}
	.swiper-slide .pc{display: none;}
	.swiper-slide .wap{display:block;}
	
	.main .left .left-navigation{min-height:auto;}
}
@media screen and (max-width:850px){
	.nav-tab .w960{width:100%;}
	.banner .w960{width:100%;}
	.footer .w960{width:100%;}
	.main{margin-bottom: 20px;}
	.main .right .rcontent .news li .hy-fl{width: 75%;}
	.main .right .rcontent .news li .hy-fr{width: 25%;}
}
@media screen and (max-width:768px){
	
	.main .w960{width:95%;}
	
	.main .left {width:23%;}
	.main .right{width:77%;}
	.main .right .content{width:87%;}
	.main .right .content .current-path{margin:20px auto 20px;}
	.main .right .content .navtitle{margin-bottom: 20px;}
	
}
@media screen and (max-width:650px){
	
	.main .left {min-height:auto;width:100%;}
	.main .left .bj1{display:none;}
	.main .left .ltitle{font-size:1rem;}
	.main .left .left-navigation li a{font-size:.9rem;}
	.main .right{min-height:auto;width:100%;}
	.main .right .content{width:87%;}
	.main .right .content .current-path{margin:20px auto 20px;}
	.main .right .content .navtitle{margin-bottom: 20px;background-size:100%;}
	
}
@media screen and (max-width:600px){
	.nav-tab .nav-content .bottom-content .logo{width: 76%;}
	.nav-tab .nav-content .bottom-content .search{width:23%;}
}
@media screen and (max-width:480px){
	
	.nav-content .bottom-content{}
	.nav-content .bottom-content{height: 80px;}
	.nav-tab .tab-bd li {height: 80px;}
	.nav-tab .nav-content .bottom-content .logo {width: 70%;}
	.nav-tab .nav-content .bottom-content .search {width: 25%;font-size: .9rem;}
	.main .left .ltitle{height: 40px;line-height:40px;}
	.main .left .left-navigation li a{height:40px;line-height:40px;}
	.main .right .content {width: 90%;}
	.main .right .content .current-path{margin:10px auto 10px;font-size: .7rem;}
	.main .right .content .navtitle {background: url(../image/b-main-r3.jpg) no-repeat;background-size:100%;line-height:54px;height:61px;margin-bottom:10px;}
	.main .right .rcontent{margin-bottom: 20px;}
}
@media screen and (max-width:414px){
	
	.nav-tab .nav-content .bottom-content .search{font-size: .7rem;width: 25%;}
	.nav-content .bottom-content .search span{margin: 0 3px;}
	.main .right .content .navtitle{line-height: 47px;height: 44px;}
}

@media screen and (max-width:412px){
	
}
@media screen and (max-width:411px){

}
@media screen and (max-width:384px){
	
}
@media screen and (max-width:375px){
	
}
@media screen and (max-width:360px){
	.nav-tab .nav-content .bottom-content .search{width:26%;}
	.main .right .content .navtitle{line-height:40px;height:36px;font-size:14px;}

	.main .right .rcontent .news li{line-height:36px;}
	.main .right .rcontent .news li .hy-fl{width: 70%;}
	.main .right .rcontent .news li .hy-fr{width: 30%;}
}
@media screen and (max-width:320px){
	.nav-content .bottom-content{display: block;}
	.nav-tab .nav-content .bottom-content .logo{width: 100%;margin-top: 10px;}
	.nav-tab .nav-content .bottom-content .search{width: 100%;margin-top: 10px;text-align: right;}
}

@media screen and (max-width:280px){
	
}