@charset "utf-8";/* CSS Document */
.bg{background:#F9F9F9;}

#banner {width:100%;float:left;position:relative;overflow:hidden;}
#banner .swiper-slide {position:relative;cursor:pointer;}
#banner .swiper-pagination {position:absolute;z-index:5;bottom:20px;width:auto;left:50%;margin-left:-20px;}
#banner .swiper-pagination span{position:relative;}
#banner .swiper-pagination-bullet:before{width:11px;height:11px;border:solid 1px rgba(255,255,255,.6);border-radius:10px;left:-4px;top:-4px;transform:scale(0);transition:460ms;}
#banner .swiper-pagination-bullet{background:rgba(255,255,255,.80);opacity:1;width:5px;height:5px;border:none;display:inline-block;border-radius:10px;position:relative;margin:0 8px;}
#banner .swiper-pagination-bullet-active{opacity:1;background:#fff;}
#banner .swiper-pagination-bullet-active:before,#banner .swiper-pagination-bullet:hover:before{transform:scale(1);}

#anli {width:455px;float:left;position:relative;overflow:hidden;}
#anli .swiper-slide {position:relative;cursor:pointer; margin-top: 15px;}
/*#anli .swiper-slide img {
    height: 472px;
}*/
#anli .swiper-slide:after{width:100%;height:calc(100% - 50px);left:0px;top:0px;background:rgba(14,142,233,.2);visibility:hidden;}
#anli .swiper-slide:before{width:100%;height:55px;background:rgba(47,75,208,.90);left:0px;bottom:0px;}
#anli .swiper-slide h2{font-size:16px;line-height:30px;color:#fff;position:absolute;bottom:6px;left:10px;z-index:2;font-weight: 600;}
#anli .swiper-slide em{
	font-size: 16px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 30%;
    background: rgb(255 255 255 / 92%);
    padding: 15px 60px;
    color: #0E8EE9;
    visibility: hidden;
    z-index: 3;
    border-radius: 25px;
	}
#anli .swiper-slide:hover em{visibility:visible;top:46%;transition:460ms;}
#anli .swiper-slide:hover:after{visibility:visible;}

#anli .swiper-button-next, #anli .swiper-button-prev {position:absolute;top:50%;width:30px;height:40px;margin-top:-20px;background:url("../images/next.png") no-repeat center -52px;background-size:20px;z-index:5;cursor:pointer;visibility:visible;transition:0.3s ease-out;}
#banner .swiper-button-next {left:20px;}
#banner .swiper-button-prev {background-position:center -162px;left:auto;right:20px;}

#anli .swiper-pagination {width:auto;position:absolute;z-index:66;top:auto;bottom:16px;left:auto;right:15px;}
#anli .swiper-pagination span{position:relative;}
#anli .swiper-pagination-bullet:before{width:7px;height:7px;border:solid 1px #0E8EE9;border-radius:10px;left:-3px;top:-3px;transform:scale(0);transition:460ms;}
#anli .swiper-pagination-bullet{background:rgba(14,142,233,.60);opacity:1;width:3px;height:3px;border:none;display:inline-block;border-radius:10px;position:relative;margin:0 5px;}
#anli .swiper-pagination-bullet-active{opacity:1;background:none;}
#anli .swiper-pagination-bullet-active:before,#anli .swiper-pagination-bullet:hover:before{transform:scale(1);}

/*向下滚动样式*/
.mouse {position:absolute;width:30px;height:50px;right:20px;bottom:20px;border:solid 1px rgba(255,255,255,.7);border-radius:20px;z-index:20;}
.mouse a{width:100%;height:100%;display:block;}
.mouse i {width:4px;height:13px;border:solid 1px #fff;border-radius:20px;position:absolute;left:12px;top:15px;animation-delay:0ms;animation-duration:1140ms;animation-iteration-count:infinite;animation-name:arrow;animation-play-state:running;animation-timing-function:linear;}
@-webkit-keyframes arrow {0% {-webkit-transform:translate3d(0px, 0px, 0px);}50% {-webkit-transform:translate3d(0px, -8px, 0px);}100% {-webkit-transform:translate3d(0px, 0px, 0px);}}
@keyframes arrow {0% {-webkit-transform:translate3d(0px, 0px, 0px);}50% {-webkit-transform:translate3d(0px, -8px, 0px);}100% {-webkit-transform:translate3d(0px, 0px, 0px);}}

.c_tit{margin:0 auto;display:table;text-align:center;position:relative;margin-bottom:20px;}
.c_tit em{font-size:14px;color:#999;position:relative;}
.c_tit h2{font-size:32px;line-height:40px;margin-bottom:20px;position:relative;z-index:2;}
.c_tit span{position:relative;z-index:2;}
.c_tit span:before{width:70px;height:60px;background:url("../images/tit_bg.png") no-repeat;background-size:100%;left:-45px;top:-4px;}
.box cpbg span:before{background:url("../images/tit_bg1.png") no-repeat;}
.c_more{margin:0 auto;display:table;}
.c_more a{
	background: #fff;
    border: solid 1px #EDEDED;
    float: left;
    line-height: 50px;
    padding: 0 65px 0 60px;
    position: relative;
    color: #333;
    overflow: hidden;
    border-radius: 28px;
    font-size: 16px;
	}
.c_more a:before,.c_more a:after{width:13px;height:9px;background:url("../images/more.png") no-repeat -23px 0px;right:40px;top:20px;visibility:visible;transition:460ms;}
.c_more a:after{background-position:0px 0px;right:auto;left:-28px;}
.c_more a:hover:before{visibility:hidden;right:-20px;opacity:0;}
.c_more a:hover:after{left:28px;visibility:visible;opacity:1;}
.c_more a:hover{border:solid 1px #0E8EE9;background:#0E8EE9;color:#fff;transition:360ms;}

.c_fan,.c_news{width:1380px;margin:0 auto;display:table;position:relative;}

.c_fan ul{margin-left:-20px;}
.c_fan li{
	width: calc(33.3% - 22px);
    float: left;
    height: 400px;
    margin: 0 0 20px 20px;
    position: relative;
    overflow: hidden;
    border: solid 1px #E1E1E1;
    cursor: pointer;
    background-color: #0f93e7;

}
.c_fan li i{width:50px;height:50px;background:url("../images/faico.png") no-repeat;background-size:100%;position:absolute;left:50%;top:35px;margin-left:-30px;z-index:2;}
.c_fan li h2{
	width: 100%;
    text-align: center;
    font-size: 24px;
    position: absolute;
    left: 0px;
    bottom: 218px;
    padding-bottom: 28px;
    z-index: 2;
    font-weight: 600;
    color: #fff;
	
	}
.c_fan li h2:before{width:36px;height:2px;background:#E1E1E1;left:50%;margin-left:-18px;bottom:-5px;}
.c_fan li p{
	
    height: 110px;
    line-height: 35px;
    position: absolute;
    left: 0px;
    bottom: 60px;
    text-align: center;
    z-index: 2;
    font-size: 15px;
    color: #fff;
    width: 100%;
	}
.c_fan li em{padding:6px 25px;border:solid 1px #fff;color:#fff;position:absolute;left:50%;bottom:-50px;margin-left:-55px;z-index:2;}
.c_fan li:hover h2{color:#fff;bottom:160px;transition:460ms;}
.c_fan li:hover p{color:rgba(255,255,255,.80);bottom:32px;transition:460ms;}
.c_fan li:hover i{top:-100px;transition:360ms;}
.c_fan li:hover em{bottom:20px;transition:660ms;}
.c_fan li img{visibility:hidden;opacity:0;}
.c_fan li:hover img{transform:scale(1.2);transition:660ms;visibility:visible;opacity:1;}
.c_fan li:after{width:100%;height:100%;left:0px;top:0px;background:rgba(14,142,233,.7);visibility:hidden;}
.c_fan li:hover:after{visibility:visible;}
.c_fan li:hover h2:before{background:#fff;}
.c_fan li:nth-child(2) i{background-position:0px -62px;}
.c_fan li:nth-child(3) i{background-position:0px -125px;}
.c_fan li:nth-child(4) i{background-position:0px -187px;}
.c_fan li:nth-child(5) i{background-position:0px -249px;}
.c_fan li:nth-child(6) i{background-position:0px -312px;}

.gcbg{background:url("../images/about_bg.png") #F2F9FF no-repeat right 0px;background-size:90%;}
.cpbg{background:url("../images/cp_bg.jpg") no-repeat center 0px;}
.c_goods{width:65%;float:right;}
.c_goods ul{margin-left:-20px;}
.c_goods li{width:calc(32.3% - 18px);float:left;margin:0px 0 20px 20px;position:relative;overflow:hidden;background:#fff;}
.c_goods li i{width:100%;float:left;position:relative;overflow:hidden;}
.c_goods li b{width:100%;height:calc(100% - 40px);position:absolute;background:rgba(0,0,0,.4);left:0;top:0;visibility:hidden;}
.c_goods li img{position:relative;height: 175px;}
.c_goods li h2{
	width: calc(100% - 30px);
    float: left;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0 15px;
    position: relative;
    z-index: 2;
	}
.c_goods li em{color:#fff;position:absolute;left:50%;top:42%;z-index:3;margin-left:-27px;margin-top:-30px;visibility:hidden;}
.c_goods li em:before{width:20px;height:30px;border-bottom:solid 1px rgba(255,255,255,.80);border-top:solid 1px rgba(255,255,255,.80);left:15px;top:-5px;z-index:1;transition:360ms;}
.c_goods li em:hover:before{width:100%;border-bottom:solid 1px #fff;border-top:solid 1px #fff;left:0px;}

.c_goods li:before{width:30px;height:2px;background:#0E8EE9;left:15px;bottom:0px;transition:460ms;}
.c_goods li:hover b{visibility:visible;}
.c_goods li:hover h2{color:#0E8EE9;}
.c_goods li:hover:before{width:100%;left:0px;}
.c_goods li:hover em{visibility:visible;margin-top:-12px;transition:460ms;}
.c_goods li a:hover img{transform:scale(1.1);transition:660ms;}

.c_about{width:55%;float:left;}
.c_about .text{width:100%;float:right;position:relative;z-index:2;background:url("../images/dc.png") no-repeat 0px 0px;}
.c_about .text h2{font-size:24px;line-height:32px;padding-left:70px;}
.c_about .text em{font-size:12px;font-size:16px;color:#666;padding-bottom:20px;display:block;position:relative;padding-left:70px;}
.c_about .text p{
	font-size: 16px;
    line-height: 38px;
    color: #000;
    margin-top: 24px;
    text-indent: 2em;
	}
.c_about .text a{background:#fff;border:solid 1px #EDEDED;float:left;line-height:40px;padding:0 60px 0 50px;position:relative;color:#333;margin-top:10px;overflow:hidden;border-radius:4px;}
.c_about .text a:before,.c_about .text a:after{width:13px;height:9px;background:url("../images/more.png") no-repeat -23px 0px;right:40px;top:15px;visibility:visible;transition:460ms;}
.c_about .text a:after{background-position:0px 0px;right:auto;left:-28px;}
.c_about .text a:hover:before{visibility:hidden;right:-20px;opacity:0;}
.c_about .text a:hover:after{left:28px;visibility:visible;opacity:1;}
.c_about .text a:hover{border:solid 1px #0E8EE9;background:#0E8EE9;color:#fff;transition:360ms;}

.c_about .text ul{width:100%;float:left;margin-top:10px;}
.c_about .text li{width:100%;float:left;line-height:36px;font-size:16px;position:relative;text-indent:25px;}
.c_about .text li:before{width:5px;height:5px;left:0px;top:16px;background:#0E8EE9;border-radius:8px;}
.c_about .text li:after{width:13px;height:13px;left:-5px;top:11px;border:solid 1px rgba(14,142,233,.5);border-radius:8px;}


.shili{width:526px;float:right;}
.shili ul{width:calc(100% - 1px);float:left;margin-top:20px;border-left:solid 1px #E1E1E1;border-top:solid 1px #E1E1E1;}
.shili li{width:calc(33.3% - 1px);float:left;text-align:center;border:solid 1px #E1E1E1;border-left:none;border-top:none;padding:60px 0;cursor:pointer;}
.shili li i{width:50px;height:55px;margin:0 auto;display:table;background:url("../images/ysico.png") no-repeat 0px 2px;background-size:100%;transition:460ms;}
.shili li h2{font-size:14px;margin-top:20px;color:#666;}
.shili li:hover {background:#0E8EE9;background:linear-gradient(to right,#0E8EE9,#00D1FF);}
.shili li:hover h2{color:#fff;}
.shili li:nth-child(2) i{background-position:0px -128px;}
.shili li:nth-child(3) i{background-position:0px -276px;}
.shili li:nth-child(4) i{background-position:0px -414px;}
.shili li:nth-child(5) i{background-position:0px -544px;}
.shili li:nth-child(6) i{background-position:0px -666px;}

.shili li:nth-child(1):hover i{background-position:0px -65px;}
.shili li:nth-child(2):hover i{background-position:0px -196px;}
.shili li:nth-child(3):hover i{background-position:0px -345px;}
.shili li:nth-child(4):hover i{background-position:0px -480px;}
.shili li:nth-child(5):hover i{background-position:0px -603px;}
.shili li:nth-child(6):hover i{background-position:0px -732px;}

.c_kefu{width:1380px;margin:0 auto;display:table;}
.c_kefu ul{width:calc(100% - 1px);float:left;margin-top:20px;border-left:solid 1px #E1E1E1;}
.c_kefu li{width:calc(20% - 1px);float:left;border:solid 1px #E1E1E1;border-left:0px;position:relative;cursor:pointer;}
.c_kefu li i{width:100%;float:left;overflow:hidden;}
.c_kefu li h2{width:100%;text-align:center;position:absolute;left:0px;top:-20px;z-index:2;color:#fff;visibility:hidden;}
.c_kefu li:hover img{transform:scale(1.2);transition:660ms;}
.c_kefu li:after{width:100%;height:100%;position:absolute;left:0px;background:rgba(14,142,233,.80);visibility:hidden;}
.c_kefu li:hover h2{visibility:visible;top:20px;transition:460ms;}
.c_kefu li:hover:after{visibility:visible;}

.lc_bg{background:#F8F7F6;}
.c_liuc {width:1380px;margin:0 auto;display:table;}
.c_liuc ul{margin-top:40px;}
.c_liuc li{width:calc(14.2% - 1px);float:left;height:130px;border-right:dashed 1px #80C4FE;border-top:dashed 1px #80C4FE;position:relative;text-align:center;}
.c_liuc li i{width:60px;height:60px;position:absolute;left:50%;top:-30px;margin-left:-30px;background:#80C4FE url("../images/liuc.png") no-repeat center  15px;background-size:32px;border-radius:30px;}
.c_liuc li h2{padding-top:45px;display:inline-block;text-align:center;}
.c_liuc li p{font-size:14px;}
.c_liuc li b{width:22px;line-height:22px;text-align:center;background:#80C4FE;color:#fff;position:absolute;left:-11px;top:-11px;border-radius:30px;}
.c_liuc li:nth-child(2n+0){margin-top:141px;border-right:0;}
.c_liuc li:nth-child(1){padding-left:0;}
.c_liuc li:last-child{border-right:dashed 1px #80C4FE;}
.c_liuc li:nth-child(3),.c_liuc li:nth-child(5),.c_liuc li:nth-child(7){width:calc(14.2% - 1px);border-left:dashed 1px #80C4FE;}
.c_liuc li:before{content:">";width:22px;height:22px;line-height:22px;background:#fff;left:auto;right:-11px;top:-11px;z-index:2;border-radius:30px;text-align:center;color:#666;font-family:"宋体";}
.c_liuc li:last-child:after{width:30px;height:30px;background:#0E8EE9 url("../images/liuc.png") no-repeat center -208px;background-size:20px;left:auto;right:-16px;bottom:-25px;border-radius:30px;}
.c_liuc li:nth-child(2) i{background-position:center -35px;}
.c_liuc li:nth-child(3) i{background-position:center -85px;}
.c_liuc li:nth-child(4) i{background-position:center -133px;}
.c_liuc li:nth-child(5) i{background-position:center -182px;}
.c_liuc li:nth-child(6) i{background-position:center -230px;}
.c_liuc li:nth-child(7) i{background-position:center -277px;}

.c_yous{width:1380px;margin:0 auto;display:table;position:relative;}
.c_yous ul {width:600px;height:600px;position:relative;margin:0 auto;display:table;background:url("../images/yousi.png") no-repeat center;}
.c_yous ul:before{width:460px;height:460px;background:url(../images/360d.png);background-size:100%;top:80px;left:80px;transform:rotate(0deg);animation:radar 5s linear infinite;}
@keyframes radar{0%{transform:rotate(0deg);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}
.c_yous li{width:380px;height:160px;position:absolute;cursor:pointer;}
.c_yous li .txt{width:200px;height:70px;padding:20px;background:#fff;float:left;border-radius:3px;position:relative;border:solid 1px #80C4FE;}
.c_yous li .txt p{margin-top:10px;}
.c_yous li .txt h2{color:#0E8EE9;font-size:18px;}
.c_yous li:hover .txt{background:#0E8EE9;background:linear-gradient(to right,#0E8EE9,#00D1FF);}
.c_yous li:hover .txt h2{color:#fff;}
.c_yous li:hover .txt p{color:rgba(255,255,255,.90);}
.c_yous li:last-child{width:120px;height:120px;left:50%;top:50%;margin-top:-60px;margin-left:-60px;border-radius:60px;background:#fff url("../images/dc.png") no-repeat center;box-shadow:0 0px 30px rgba(0,0,0,0.2);z-index:2;}
.c_yous li:nth-child(2n+0) .txt{float:right;}
.c_yous li:nth-child(1){left:-150px;top:50px;text-align:right;}
.c_yous li:nth-child(2){right:-240px;top:240px;}
.c_yous li:nth-child(3){left:-150px;bottom:10px;text-align:right;}
.c_yous li:nth-child(4){right:-150px;top:50px;}
.c_yous li:nth-child(5){left:-240px;top:240px;text-align:right;}
.c_yous li:nth-child(6){right:-150px;bottom:10px;}

.c_news ul{margin-left:-20px;}
.c_news li{width:calc(31% - 68px);float:left;position:relative;margin:0 0 20px 20px;padding:30px;background:#fff;border:solid 1px #E1E1E1;}
.c_news li i{width:100%;float:left;overflow:hidden;height: 218px;}
.c_news li .txt{width:calc(100% - 80px);float:left;position:relative;padding:34px 40px;}
.c_news li h2{position:relative;margin-bottom:20px;font-weight: 600;}
.c_news li h2:before{width:3px;height:14px;background:#0E8EE9;top:3px;left:-30px;}
.c_news li p{height:44px;line-height:22px;overflow:hidden;font-size:12px;}
.c_news li time{display:inline-block;color:#999;text-align:right;font-size:12px;}
.c_news li span{font-size:22px;display:block;color:#333;margin-top:20px;}
.c_news li:nth-child(1){width:34%;padding:0;border:0px;background:#F8F7F6;}
.c_news li:nth-child(1) h2:before{left:-18px;}
.c_news li:nth-child(1) time{padding-right:22px;}
.c_news li a:hover img{transform:scale(1.1);transition:460ms;}
.c_news li:after{width:0px;right:50px;}
.c_news li:before,.c_news li:after{width:21px;height:5px;background:url("../images/new_more.png") no-repeat;right:30px;bottom:36px;}
.c_news li:hover:after{width:21px;background-position:0px -6px;transition:460ms;}
.c_news li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.2);transition: 0.3s ease-out;}

/*分类样式*/



@media (min-width: 1200px){
.pro-cate {
    width: 85%;
}
}
.pro-cate {
    padding: 24px 0;
    position: relative;
    margin: 0 auto;
}
.clearfix {
    zoom: 1;
}
@media (min-width: 1200px){
.visible-lg {
    display: block!important;
	width: 1380px;
    margin: 0 auto;
    display: table;
    position: relative;
}
}
.pro-cate a {
    display: inline-block;
    padding: 0px 30px;
    color: #333;
    font: 400 14px/38px "Microsoft Yahei";
    /* width: 136px; */
    text-align: center;
    margin-bottom: 10px;
    background: #ededed;
    border-radius: 20px;
    text-align: center;
    margin: 0px 8px;
}

.pro-cate a span {
    display: block;
}





/*内页样式*/
.list_ban{width:100%;float:left;height:260px;margin-top:80px;background:url("../images/ban1.jpg") no-repeat;}
.let{width:240px;float:left;}
.subnav_tit{width:100%;float:left;height:120px;background:#005197 url("../images/xyun.png") no-repeat;background-size:900px;position:relative;}
.subnav_tit h2{color:#fff;font-size:22px;position:absolute;left:30px;top:40px;}
.subnav_tit h2:before{width:44px;height:2px;background:#fff;bottom:-15px;}
.subnav_tit em{color:#fff;position:absolute;left:30px;bottom:15px;}

.list_subnav ul{width:calc(100% - 2px);float:left;border:solid 1px #E1E1E1;border-top:0px;}
.list_subnav li{width:100%;float:left;line-height:50px;position:relative;}
.list_subnav li h2{font-size:16px;position:relative;z-index:2;text-indent:25px;}
.list_subnav li.yes h2,.list_subnav li:hover.yes h2{color:#005197;}
.list_subnav li:hover h2{color:#005197;font-size:16px;transition:460ms;}
.list_subnav li:after{width:30px;height:18px;background:url("../images/nav_bg.png") no-repeat;background-size:30px;right:20px;top:17px;}
.list_subnav li.yes{background:#E5EDF4;}
.list_subnav li.yes:before{background:#E5EDF4 url("../images/let_bg.png") no-repeat right center;background-size:60px;visibility:visible;transform:none;transform-origin:left center;}


.rit{width:75%;float:right;}

#link_main {
}
#link {
	padding: 0;
	width: 90%;
	max-width: 1380px;
	margin: 0 auto;
}
.link_title {
	line-height: 40px;
	height: 40px;
	color: #fff;
}
.link_title h2 {
	background: url(../images/link.png) left center no-repeat;
	text-indent: 35px;
	font-size: 21px;
	color: #333;
	font-weight: bold;
	border-bottom: 1px dotted #dedede;
	position: relative;
}
.link_body {
	color: #000;
	border-top: 0px;
	border-bottom: 0px;
}

.link_pic {
	overflow: auto;
	zoom: 1;
}
.link_pic ul li {
	float: left;
	padding: 1px 5px;
	text-align: center;
	width: 112px;
}
.link_pic img {
	width: 86px;
	height: 30px;
	padding: 2px;
	border: 1px solid #CCC;
}
.link_pic ul li a:hover img {
	border: 1px solid #00a4ef;
}
.link_text {
	overflow: hidden;
	zoom: 1;
	padding: 8px 0 8px 0;
}
.link_text ul li {
	float: left;
	text-align: center;
	padding: 1px 15px;
	overflow: hidden;
	white-space: nowrap;
}
.link_text a {
	line-height: 22px;
	color: #666;
}
.link_text a:hover {
	line-height: 22px;
	color: #0256ac;
}