@charset "gb2312";
html { overflow-x: hidden; overflow-y: auto; }
*{ padding:0; margin:0}
body,td,th,ul,li {margin: 0px; padding:0; font-family:Arial,"宋体","Microsoft Yahei"; font-size:14px;color: #666}
body{background:#fff;}
img{border:0;}
ul,li{padding:0; margin:0;}
li{list-style:none;}
a{font-family:"Arial","宋体","Microsoft Yahei";font-size:14px;color:#333;text-decoration:none;}
a:hover,a:active,a:focus{color:#333;text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.h30{margin-top:30px; }
.w1180{width: 1180px;margin: 0 auto;padding: 0;}
.logo{width:250px; }
.banner img{width:100%;}
.banner{padding-left:0px !important;padding-right:0px !important;}
.menu{display: inline-block;width:870px;height: 100px; }
.menu ul li{float:left;width:10%; height:100px;line-height: 100px;text-align: center;}
.menu ul li:hover,.menu .active{background: #0b4b99;}
.menu ul li:hover a,.menu .active a{color:#fff;}
.menu ul li:nth-last-child(1):hover,.menu ul li:nth-last-child(2):hover{background: none;}
.menu ul li:nth-last-child(1):hover a,.menu ul li:nth-last-child(2):hover a{color: #333;}
.menu span{color:#e83146;}
.menu .search{position: relative;}
.menu .searchform{display: none;}
.menu .searchinput{outline: none;height: 25px;position: absolute;left: 0;line-height: 20px;display: none;margin-top:-20px;z-index: 999;width: 150px;}
.menu .searchsubmit{border:none;height: 25px;display: inline-block;}
.banner{margin:0 auto 20px auto;}
.banner .swiper-container {    width: 100%;   height: 100%;}
.banenr .swiper-slide img{width: 1920px !important;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(/images/left.png);}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(/images/left.png); transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.banner .swiper-pagination-bullet{background: #fff;width:30px;height: 5px;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background:#C00;width:30px;height:5px;border-radius: 0;}
.about{margin:20px auto;}
.about h3{font-size: 32px;color:#000;text-align: center;font-weight: bold;}
.about small{font-size: 24px !important; color: #333;text-align: center;display: block;}
.about p{text-align: center;font-family: "宋体";font-size: 14px;color:#666;line-height: 25px;margin-top: 10px;}
.about ul li{float: left;width: 33%;text-align: center;}
.about ul li i{display: inline-block;height:117px;width: 250px;text-align: center;}
.about ul li:nth-child(1){background:url("/images/aboutbg.png") center no-repeat;background-position: 140px 0;}
.about ul li:nth-child(2){background:url("/images/aboutbg.png") center no-repeat;background-position: -260px 0;}
.about ul li:nth-child(3){background:url("/images/aboutbg.png") center no-repeat;background-position: -650px 0;}
.about ul li p{font-size: 14px;font-family: "宋体";color: #333;font-weight: bold;}
.about ul li span{font-size: 14px;font-family: "宋体";color: #666;display: block;}
.about ul li abbr{font-size: 20px;color:#e83146;font-weight: bold;}
.parter{border-top:1px solid #e0e0e0;padding: 30px 0;clear: both;margin-top: 30px;}
.parter h3{font-size: 32px;color:#000;text-align: center;font-weight: bold;}
.parter small{font-size: 24px !important; color: #333;text-align: center;display: block;}
.parter .swiper-container{margin: 20px auto;padding: 0 40px;}
.parter .swiper-slide {border-right: 1px solid #dfdfdf}
.parter .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(/images/left.png);}
.parter .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(/images/left.png); transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.product{/*padding: 60px 0;background: #0b4b99;*/}
.product h1{font-size: 32px;/*color:#fff;*/text-align: center;font-weight: bold;}
.product small{font-size: 24px !important; /*color: #fff;*/text-align: center;display: block;}
.product ul{margin:20px auto;display: flex;width: 80%;}
.product ul li{flex: 1;text-align: center;border-radius: 25px;border:1px solid #fff;margin: 0 5px;height: 40px;box-sizing:border-box;}
.product ul li a{/*color: #fff;*/font-family: "宋体";}
.product .nav-tabs>li:hover,.product .nav-tabs>li:hover a{border:none;border-radius: 25px;border:none;background: #e83146;/*color: #fff;*/font-weight: bold;}
.product .nav-tabs>li.active,.product .nav-tabs>li.active>a, .product .nav-tabs>li.active>a:focus, .product .nav-tabs>li.active>a:hover{border:none;border-radius: 25px;border:none;background: #e83146;color: #fff;font-weight: bold;height: 100%}
.product .nav-tabs{border:none !important;}
.product  .nav>li>a{padding: 0;height: auto;display: inline-block;line-height: 40px;border-radius:0;border:none;}
.product .tab-content{height: 680px;}
.product  .tab-content .pimg{border:1px solid #cccccc;padding: 2px;box-sizing: border-box;overflow:hidden;text-align: center;margin-top:15px;}
.product  .tab-content .pimg img{max-width: 100%}
.product  .tab-content p{text-align: center;height: 35px;line-height: 35px;}
.product  .tab-content a{/*color: #fff;*/}
.product .tab-content .c4{width: 23%;margin: 0 1%;float: left;}
.news{/*margin:64px auto;*/}
.news h3{font-size: 32px;color:#333;text-align: center;font-weight: bold;}
.news small{font-size: 24px !important; color: #333;text-align: center;display: block;}
.news .more{width: 158px;height: 35px;line-height: 35px;text-align:center;margin: 0 auto;background: #0b4b99;border-radius: 25px;}
.news .more a{color: #fff;font-family: "宋体";}
.news ul{margin: 40px auto}
.news ul li{height: 350px}
.news .pimg{width: 100%;margin-bottom: 20px;}
.news .pimg img{max-width: 100%}
.news ul li p{font-weight: bold;}
.news ul li a{color: #0b4b99;}
.news ul li span{display: block;font-size: 13px;line-height: 25px;color: #666;font-family: "宋体";}
.news ul li:nth-child(2) { position: relative; }
.news ul li:nth-child(2) .pimg{margin-top:130px;position: absolute;}
.news .c3{width: 30%;margin: 0 1.5%;float: left}
.foot{background: #0b4b99;padding: 40px 0;}
.foot ul{display: flex;}
.foot ul li{flex: 1;height:78px;line-height: 78px;}
.foot ul li a{color:#fff;}
.foot .cont{height: 107px;line-height: 107px;margin: 40px auto;border-top: 1px solid #3c6fad;border-bottom: 1px solid #3c6fad;}
.foot .cont div{float: left;color: #fff;font-weight: bold;font-size: 15px;width: 20%;}
.foot .cont i{width:25px;height:25px;display: inline-block;}
.foot .cont span{float: right;display: inline-block;padding-right: 10%}
.foot .cont div:nth-child(1){width: 35%}
.foot .cont div:nth-child(1) i{background: url(/images/ico.png) center no-repeat;background-position: 0 -1px;}
.foot .cont div:nth-child(2) i{background: url(/images/ico.png) center no-repeat;background-position: 0 -26px}
.foot .cont div:nth-child(3) i{background: url(/images/ico.png) center no-repeat;background-position: 0 -51px;}
.foot .cont div:nth-child(4) i{background: url(/images/ico.png) center no-repeat;background-position: 0 -75px;}
.foot .bottom{color: #fff;margin: 10px auto;text-align: left;font-weight: normal; position:relative;}
.foot .bottom .bottom_ali {position:absolute; top:-13%;right:30%; width:260px;text-align:center;}
.foot .bottom .bottom_ali img {width:260px;height:60px;}
.foot .bottom .bottom_ali a {color:#fff;}

.lXPopup-btn {
    width: 110px;
    height: 30px;
    border-radius: 30px;
    border: 0;
    outline: 0;
    box-shadow: 0 1px 8px rgba(255,255,255,.2);
    line-height: 2;
    background-color: #6cabfa;
    color: #fff;
    cursor: pointer;
}

.prolist{margin: 0 auto;}
.prolist .pleft{width: 270px;}
.prolist .pleft h3{display: block;width: 100%;background: url(/images/ico1.png) right no-repeat #0b4b99;background-position:95% 50%;font-size: 24px;height: 60px;line-height:60px;padding: 0 20px;color:#fff;margin: 0; box-sizing: border-box;}
.prolist .pleft a{font-family: "宋体";}
.prolist .pleft .panel-title{height: 20px;line-height:20px;font-size: 14px;}
.prolist .pleft .panel-body{padding:0;}
.prolist .pleft dl{margin: 0;padding: 0;}
.prolist .pleft dl dt{height: 45px;line-height:45px;width: 100%;padding: 0 20px;box-sizing: border-box;background: #f0f0f0;font-weight: normal;}
.prolist .pleft dl dd{height: 45px;line-height: 45px;width: 100%;padding: 0 20px;box-sizing: border-box;border-bottom:1px dashed #ccc;}
.prolist .pleft dl dd:hover a,.prolist .pleft .active a{font-weight: bold;color:#0b4b99;}
.prolist .pright{width: 880px;}
.prolist .pright .p-title{height: 60px;line-height: 60px;width: 100%;padding: 0 20px;box-sizing: border-box;border-bottom:1px solid #dedede;}
.prolist .pright .p-body{margin:11px auto;}
.prolist .pright .p-body ul li{float:left;width: 270px;height: 310px;margin:11px;}
.prolist .pright .p-body .pimg{width: 100%;height: 270px;overflow: hidden;border:1px solid #dedede;box-sizing: border-box;}
.prolist .pright .p-body .pimg img{max-width:100%; }
.prolist .pright .p-body ul li p{height: 40px;line-height: 40px;text-align: center;}
.prolist .pright .p-body ul li a{color: #666;}
.prolist .pright .p-body ul li:hover .pimg{border:1px solid #0b4b99;}
.prolist .pright .p-body ul li:hover a{color:#0b4b99;}
.prolist .pright .p-left{width: 438px;height: 438px;line-height:438px;border: 1px solid #dedede;text-align: center;}
.prolist .pright .p-left img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.prolist .pright .p-right{width: 390px;}
.prolist .pright .p-right p{height:110px;box-sizing: border-box;border-bottom: 1px solid #dedede;margin: 10px auto;padding: 10px 0; }
.prolist .pright .p-right p:nth-child(3){border:none;}
.prolist .pright .p-right strong{font-size: 35px;color: #000;}
.prolist .pright .p-right span{display: block;color: #000}
.prolist .pright .p-right b{font-size: 30px;color: #e83146}
.prolist .pright .p-right .more{width:250px;height: 60px;line-height: 60px;text-align: center;font-weight: bold;background: #0b4b99;border-radius: 25px; font-size: 16px;margin-top:20px;}
.prolist .pright .p-right .more a{color: #fff}
.prolist .pcontent{margin:20px 0;border:1px solid #dedede;clear:both;}
.prolist .pcontent-title{border-bottom: 1px solid #dedede;background: #f8f8f8;height: 50px;line-height: 50px}
.prolist .pcontent-title strong{float:left;width: 200px;text-align: center;height:100%;border-top:4px solid #e83146;border-right:1px solid #dedede;box-sizing: border-box;color: #000;background:#fff;}
.prolist .pcontent-body{padding: 10px;line-height: 25px;}
.prolist .pcontent-body h1{font-size: 36px;color: #000;text-align: center;}
.pages {width: 100%; text-align:center; padding:20px 0;margin:0 auto; }
.pages span, .pages a, .pages .current { font-size: 12px; font-family: Arial, Helvetica,  sans-serif; margin: 0 2px;color:#555; }
.pages span font { color: #0b4b99; font-size: 12px; }
.pages a, .pages .current { border: 1px solid #dddddd; background: #fff; padding:8px 12px; text-decoration: none;color:#555; }
.pages span { padding-right: 10px }
.pages .current, .pages a:hover { background: #0b4b99; color: #fff; }

/* mobile_footer */
.mobile_footer {
	position: fixed;
	z-index: 520;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.mobile_footer ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
}
.mobile_footer ul li {
	padding: 7px 5px;
	background-color: #0053a6;
}
.mobile_footer ul li:nth-child(3) i.iconfont {
	transform: translateY(-2px);
}
.mobile_footer ul li a {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 30px;
}
.mobile_footer ul li a i.iconfont {
	font-size: 21px;
	color: #fff;
}
.mobile_footer ul li a span {
	font-size: 16px;
	margin-left: 5px;
	color: #fff;
}
.row {
	margin: 0px;
}
.row {
	margin-left: 0px !important;
}


@media (max-width:1440px){
.banner img{width:100%}
}
@media (max-width: 768px) {
.mobile_footer {display: block;}
}
@media (max-width: 1200px) {
.w1180 {width: 100%;padding-right: 10px;padding-left: 10px;}
.menu {width: 70%;}
.logo.fl a img {width: 100%;}
li.search1 {line-height: 0px !important;margin-top: 30px;}
.foot .cont span {padding-right: 8%;}
.prolist .pleft {width: 27%;}
.prolist .pright {width: 70%;}
.pimg {height: auto;}
.prolist .pright .p-body ul li {width: 30%;height: auto; margin: 0 5px;}
.p-body ul {display: flex;flex-wrap: wrap;width: 100%;}
.prolist .pright .p-body .pimg {height: auto;}
.prolist .pright .p-right {width: 48%;}
.prolist .pright .p-left {width: 50%;height: auto;line-height: 22px;}
.pcontent-body img {width: 100%;}
.clearfix.m20 {width: 100%;}
}
@media (max-width: 1150px) {
.about ul li:nth-child(1) {background-position: -24% 0;}
.about ul li:nth-child(3) {background-position: 125% 0;}
}
@media (max-width: 1100px) {
.about ul li:nth-child(1) {background-position: -22% 0;}
.about ul li:nth-child(3) {background-position: 122% 0;}
.product .tab-content {height: 600px;}
.foot .cont div {font-size: 12px;}
.foot .bottom .bottom_ali {top: auto;right:auto;width: auto;margin-top: 20px;}
.foot { height: 460px;}
.newimg img {display: none;}
.prolist .pright .p-right strong {font-size: 22px;}
.prolist .pright .p-right p {height: auto;padding: 5px 0;}
.prolist .pright .p-right b {font-size: 24px;}
.prolist .pright .p-right .more {width: 80%;height: auto;line-height: 32px;}
}
@media (max-width: 1050px) {
.about ul li:nth-child(1) {background-position: -20% 0;}
.about ul li:nth-child(3) {background-position: 120% 0;}
}
@media (max-width: 991px) {
.search1{display:none;}
.search{display:none;}
.logo {width: 215px;padding-top: 10px;}
.menu {padding-left: 20px;}
.menu ul li {width: 12%;}
a { font-size: 12px;}
.about ul li:nth-child(1) {background-position: -17% 0;}
.about ul li {width: 33%;}
.about ul li:nth-child(2) {background-position: 50% 0;}
.about ul li:nth-child(3) {background-position: 117% 0;}
.product { padding: 20px 0;}
.product .tab-content {height: 520px;}
.foot .cont div:nth-child(1) {width: 50%;}
.foot .cont div {width: 50%;}
.foot .cont span {display:none;}
.foot .cont {height: 85px;line-height: 40px;}
}
@media (max-width: 921px) {
.about ul li:nth-child(1) {background-position: -14% 0;}
.about ul li:nth-child(3) {background-position: 115% 0;}
.about ul li span {font-size: 12px;}
}

@media (max-width: 891px) {
.prolist .pright .p-right b {font-size: 18px;color: #e83146;}
}


@media (max-width: 863px) {
.about ul li:nth-child(1) {background-position: -13% 0;}
.about ul li:nth-child(3) {background-position: 113% 0;}
}
@media (max-width: 801px) {
.about ul li:nth-child(1) {background-position: -10% 0;}
.about ul li:nth-child(3) {background-position: 111% 0;}	
}
	
@media (max-width: 767px) {
.menu { width: 100%;padding-left: 0px;height:auto;}
.menu ul li {line-height: 40px;height:auto;width: 25%;}
a {font-size: 14px;}
.about {margin: 20px auto;}
.about h3 {font-size: 22px;}
.about small {font-size: 20px !important;}
.about ul{display:none;}
.abimg{display:none;}
.parter {display:none;}
.yb_conct{display:none;}
.product h3 { font-size: 22px;margin-top: 0px !important;margin-bottom: 0px !important;}
.product small {font-size: 20px !important;}
.product ul {width: 100%;}
.product .tab-content p { line-height: 22px;}
.product .tab-content a {font-size: 12px;}
.product .nav-tabs>li.active,.product .nav-tabs>li.active>a, .product .nav-tabs>li.active>a:focus, .product .nav-tabs>li.active>a:hover{ display:block;}
.product ul {display:block;}
.product ul li {width: 23%;}
.product .tab-content {height: auto;}
.product ul li {margin: 5px 1%;}
.product .tab-content .pimg {margin-top: 5px;}
.product .tab-content p {height: auto;}
.news {margin: 20px auto;}
.news h3 {font-size: 22px;}
.news small {font-size: 20px !important;}
.news .c3 { width: 100%;}
.news .pimg  {display:none;}
.news ul li {height: auto;}
.news ul li p {margin: 0 0 1px;}
.news .c3 {margin: 5px 0%;}
.product .tab-content .c4 {width: 48%;}
.foot ul li img {margin: 0 45%;}
.fli{display:none;}
.foot ul {display: block;}
.foot {padding: 20px 0;}
.prolist .pleft {display:none;}
.prolist .pright {width: 100%;}
.prolist .pcontent-body h1 {font-size: 22px;}
.prolist .pcontent-body {padding: 0px;}
.hidden-xs {display: block !important;}
.l {padding-right: 0px !important;padding-left: 0px !important;}
}
@media (max-width: 560px) {
.foot .cont div {width: 100%;}
.foot .cont div:nth-child(1) {width: 100%;}
.foot .cont {height: 160px;}
.foot .cont {margin: 20px auto;}
.foot {height: 520px;}
.prolist .pright .p-left {width: 100%;height: auto;}
.prolist .pright .p-right {width: 100%;}
.prolist .pright .p-right .more {width: 100%;}
.prolist .pright .p-right b {font-size: 18px;}
}
@media (max-width: 449px) {
.menu ul li {line-height: 22px;}
.news ul {margin: 10px auto;}
.foot ul li img {margin: 0 40%;}
.foot .bottom .bottom_ali img {width: 200px;height: auto;}
.prolist .pright .p-title {padding: 0 0px;height: 40px;line-height: 22px;}
.prolist .pright .p-body ul li p {height: 22px;line-height: 22px;}
.p-body p {margin: 0 0 0px;}
.prolist .pright .p-body ul li {width: 47%;margin: 0 1%;}
.pages a, .pages .current {padding: 1px 5px;}
blockquote {padding: 1% 2%;font-size: 14px;}
.text-left {padding-right: 0px !important;}
.panel-heading {padding: unset;}
.panel-body {padding: unset;}
.prolist .pright .p-right p { margin: 0px auto;}
}