/*************************

*******body******

**************************/

@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}



body {

	font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

	height: 100%;

	min-width: 1260px;

	background: #fff;

	max-width: 100%;

	overflow: auto;

	overflow-x: hidden

}

/*初始化下拉菜单、单行输入框、多行输入框的样式*/

select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;}

/*表单元素获得焦点时不显示虚线框*/

input:focus { outline: none;}

input,button,select,textarea{ outline:none;  -webkit-appearance:none;}

/*不允许多行输入文本框有滚动条*/

textarea{ resize:none; -webkit-appearance:none;  }

/*初始化表单元素样式*/

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*初始化a的样式和字体样式*/

a{ color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}

a:focus {outline:none; -moz-outline:none; text-decoration:none; }

a:hover{ color: #000; text-decoration:none; }

ul, li, ol {  list-style-type: none;

}

/*清除浮动*/

.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix { /*兼容 IE*/ zoom: 1;}

/************全局样式************/

.fl {  float: left;  }

.fr { float: right;  }

/*t图片样式*/

.center-block{display:block;margin-right:auto;margin-left:auto}

img { border: 0px; vertical-align: middle;  }

.img-responsive{display:block;height:auto;margin-left: auto; margin-right: auto;max-width:100%}

.avatar {  display: block;overflow: hidden; width: 100%; }

.avatar img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.avatar:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }

/*文字超出隐藏*/

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

.dot2 {display: -webkit-box;display: block;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}



.main_box {

	width: 1200px;

	margin: 0 auto;

}

.main-txt { position: relative;}

.m_title{ font-size:38px; margin-top:65px; color:#213E82; font-weight:bold; text-align: center;  z-index: 2; position: relative; }

.m_title2{ font-size:18px; padding: 15px 0; color: #666;text-align: center;}

.m_title3 { color: #f5f5f5; font-size: 58px; position: absolute; top:-28px; z-index: 1; text-align: center; left: 0; right: 0; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}

/**/

.dflex { display: flex;}

.dflex_center { display: flex; align-items: center; justify-content: center;}

.dflex_stretch { display: flex; align-items: stretch; justify-content: center;}

.dflex_nohigh { display: flex; align-items: flex-start; justify-content: center;}

.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}

/*-- Header --*/



.header {

	width: 100%;





}





.logo { flex: 2; align-items: center;}



.top-center { display: flex; flex-direction: row; justify-content: space-between;  align-items: stretch;  height: 120px;}

.header_phone { display: flex;  justify-content: center;  align-items: center; position: relative;}

.header_phone p {

	color:#666;

	margin-bottom:10px;

	font-size:15px;

}



.header_phone b{ color:#213E82; font-size:28px; font-weight:bold; margin-top:0;  display: block;}

.telimg{

	 width:56px;

	 height:120px;

	 display: block;

	 position: absolute;

	 top: 0;

	 left: 0;

	animation:tellr 2s linear infinite alternate;

	-webkit-animation:tellr 2s linear infinite alternate;

	

   }

.telimg em, .telimg i{display:block;}

.telimg .line{width:1px;height:56px;background:#F18D00;margin:0 0 0 27px;}

.telimg .tel{width:56px;height:56px;background:url(../images/tel.png)}

   @keyframes tellr {

	0% {transform:translateY(-30px);}

	100%{transform:translateY(0px);}

  }

   @-webkit-keyframes tellr {

	0% {-webkit-transform:translateY(-30px);}

	100%{-webkit-transform:translateY(0px);}

  }

  

.telnum { padding-left: 68px;}

  



  

   

/*导航菜单*/

.navbar{ width: 100%; background:url(../images/navbj.jpg) no-repeat;  height:68px;  }

.nav { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between;}

.nav li{  text-align: center;  position: relative;}

.nav li a{ 

	display:block;

	font-size: 16px;

	line-height: 68px;

	color: #333;

	padding: 0 26px;

	



}



.nav a:hover, .nav .active > a, .nav li:hover > a {

    background: #213E82;

    color: #fff;

  }

/* 二级菜单 */

.ejxl{display: none;background-color: rgba(255,255,255,.9);transition: all 0s;z-index: 10;

    position: absolute;top:100%; width: 100%;

  

}

.nav li .ejxl>li{margin:0 auto ;display: block; padding:0; width: 100%;}

.nav li .ejxl>li a{display: block;color:#444;font-size: 15px;height:35px;line-height:35px; padding:5px 0; width: 100%; text-align: center;  }

.nav li .ejxl>li:hover a { background: none;}

.nav li .ejxl a:hover{color: #213E82;}



/*导航菜单 end*/

/*首页banner图*/



#banner .swiper {

    width: 100%;

    height: 100%;





}



#banner .swiper-slide {

    background-position: center;

    background-size: cover;

}



#banner .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

}



#banner .swiper-button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    border-radius: 50%;

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}



#banner .swiper-button:hover {

    background: #213E82;

}



.btn-prev {

    left: 5%;

}



.btn-next {

    right: 5%;

}



#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}



#banner .swiper-container-vertical>.swiper-pagination-bullets {

    right: 10%;

    top: 50%;

    transform: translate3d(0px,-50%,0);

}

#banner .swiper-pagination-bullet {

    position: relative;

    width: 16px;

    height: 16px;

    border-radius: 8px;

    background: rgb(0, 0, 0,.5);

    overflow: hidden;

    z-index: 10;

    outline: none;

    opacity: 0.5;

    margin:16px 10px !important;

}

#banner .swiper-pagination-bullet-active {

    background-color: #213E82;

    opacity: 1;

    filter: alpha(opacity=100);

}

/*首页banner图 end*/



/*产品中心*/



.product {  margin-top: 30px; }



.pro_nav { flex: 1;padding: 80px  30px ; color: #fff; background:#213E82; margin-right: 20px;}

.pro_nav b { font-size: 32px;}

.pro_nav p { line-height: 24px; margin: 10px 0;}

.pro_nav ul { margin: 40px 0;}

.pro_nav li a{ line-height: 55px; display: block; border: 1px solid rgba(255,255,255,.5);  margin: 15px 0; color: #fff; font-size: 16px; text-align: center; 

        -webkit-transition: all 1s ease 0s;

    -moz-transition: all 1s ease 0s;

    -o-transition: all 1s ease 0s;

    transition: all 1s ease 0s;}

.pro_nav li a:hover { background: #F18D00; border: 1px solid #F18D00;}



.prone { background: #fff; flex: 4; }

.pro { display: flex; flex-direction: row; flex-wrap: wrap; }

.pro li{

	

	transition: .3s;

    border: 1px solid #dedede;

    width: calc((100% - 70px) / 3);

    margin: 10px;

    padding-bottom: 10px;

 

}

.pro li a { display: block;}



.pro li i{ display: block; overflow: hidden; }

.pro li p{

	font-size: 14px;

	color: #656565;

	line-height: 26px;

	margin-bottom: 15px;





}

.pro li .pro-title{

	font-size: 18px;

	color: #343434;

	line-height: 26px;

    text-align: center;

	padding-bottom: 10px;

	overflow: hidden;

	margin: 10px 0;

	font-weight: bold;



}

.pro li img{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.pro li:hover img {transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2);  }

.pro li em{

    display: block;

    font-size:14px;

    color:#F18D00;

    width: 40%;

    line-height: 40px;

    text-align:center;

    border:1px solid #F18D00;

    border-radius: 20px 0 20px 0;

    margin:10px auto;

    font-style: normal;

    transition: all .3s;



}

.pro li:hover em { background: #F18D00; color: #fff;   }



/*优势*/

.ys{

    background: url("../images/youshibg.jpg") no-repeat center / cover;

    padding:40px 0 80px;   

    margin-top: 60px; 

    overflow: hidden;

}

.ys .main_box{

    height: 100%;

    position: relative;

}

.ysimg { margin-top: 40px;}

.ys_list{

    width: 30%;

    position: absolute;

    

}

.ys_list .text{

    width:calc(100% - 120px);

    color:#fff;

    text-align:left;

}

.ys_list.ys1 .text ,.ys_list.ys2 .text{

    text-align:right;

    float: left;

}

.ys_list.ys1 .imgbox ,.ys_list.ys2 .imgbox{

    float: right;

}

.ys_list.ys3 .text ,.ys_list.ys4 .text{

    float: right;

}

.ys_list.ys3 .imgbox ,.ys_list.ys4 .imgbox{

    float: left;

}

.ys_list .text .ys_title{

    font-size:32px;

    margin-bottom: 20px;

}

.ys_list .text .ys_info{

    font-size:16px;

    line-height: 24px;

}

.ys_list .imgbox{

    width: 95px;

    height: 95px;

    border:4px solid #fff;

    background: #F18D00;

    position: relative;

    border-radius: 50px;

    cursor: pointer;

}

.ys_list .imgbox img{

    position: absolute;

    top:0;

    bottom:0;

    left:0;

    right:0;

    margin:auto;

    transition: all .3s;

}

.ys_list:hover .imgbox img{ transform: rotateY(180deg);}

.ys1{

    left: 0;

    top: 36%;

}

.ys2{

    left:0;

    top:70%;

}

.ys3{

    right:0;

    top:36%;

}

.ys4{

    right:0;

    top:70%;

}



/*案例*/



#case {

	position: relative;

    width: 1200px;

	margin: 0 auto

}



#case .swiper-container {

	padding-bottom: 60px;

    margin-top: 30px;

}



#case .swiper-slide {

	width: 520px;

	height: 408px;

	background: #fff;

	box-shadow: 0 8px 30px #ddd;

	position: relative;

}

#case .swiper-slide img{

	display:block; width:520px; height:310px;

}

#case .swiper-slide a{ display: block;}

#case .swiper-slide p {

	line-height: 98px;

	padding-top: 0;

	text-align: center;

	color: #636363;

	font-size: 20px;

	margin: 0;

}

#case .swiper-slide-active .layer-mask {

    display: none;

}

.layer-mask {

    width: 100%;

    height: 100%;

    transition: all 0.5s;

    background:rgba(255,255,255,.5);

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}

#case .swiper-pagination {

	width: 100%;

	bottom: 20px;

}



#case .swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px;

	border: 3px solid #fff;

	background-color: #d5d5d5;

	width: 10px;

	height: 10px;

	opacity: 1;

}



#case .swiper-pagination-bullets .swiper-pagination-bullet-active {

	border: 2px solid #F18D00;

	background-color: #fff;

}





#case .swiper-button-next {

	right: -30px;

	width: 55px;

	height: 55px;

    border: 2px solid #dedede;

    border-radius: 100%;

	--swiper-navigation-size: 0;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 30px;

    transition: all .5s ease;

    outline: none;



}

#case .swiper-button-prev {

	left: -30px;

	width: 55px;

	height: 55px;

    border: 2px solid #dedede;

    border-radius: 100%;

    --swiper-navigation-size: 0;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 30px;

    transition: all .5s ease;

    outline: none;

    

}

#case .swiper-button-prev:hover, #case .swiper-button-next:hover { border: 2px solid #213E82; color: #fff; background: #213E82;}

/*简介*/

.about{  background: url("../images/about.jpg") no-repeat center top; padding:70px 0; margin-top: 60px;}

.about_box{ background: #fff;  padding:30px 50px; }

.ab_txt{font: 15px/28px "Microsoft YaHei";color: #666; margin-top: 10px;}

.about-cont{ display: flex; align-items: center; justify-content: center;}

.ab-fl{ flex: 3;}

.ab-fr{ flex: 3; padding-left: 50px;}

.ab_more{ 

    display: block;

    font-size:14px;

    color:#fff;

    width: 140px;

    line-height: 40px;

    text-align:center;

    border:1px solid #F18D00;

    background: #F18D00;

    border-radius: 20px 0 20px 0;

    margin:20px 0;

    font-style: normal;

    transition: all 0.3s;}

.ab_more:hover{  color: #F18D00;  background: #fff;  color: #F18D00;}

/*新闻*/

.news{ display: flex;

	justify-content: center;

	align-content: center;

	align-items: stretch;

	margin-top: 30px;



}

.news_content{ flex: 2;transition: .3s;background: #213E82;}



.news_content .img,.news_content .img img{

	width: 100%;

	overflow: hidden;

	transition: 1s;

}



.news_content p{

	font-size: 14px;

	color: #fff;

	line-height: 26px;

	padding: 5px 10px;



}

.news_content .news-title{

	font-size: 18px;

	color: #fff;

	line-height: 26px;

	padding-bottom: 10px;

	overflow: hidden;

	margin: 8px 0;

	font-weight: bold;

	border-bottom: 1px #dedede solid;

}



.news_content:hover img{

	transform: scale(1.1);

}

.news_content:hover{

	box-shadow: 0px 2px 10px #ddd;

}

.news_content:hover p{ color: #ffffff;}

.news_wt{ flex: 3;  padding: 20px; margin-left: 20px;}

.wt {

	width: 100%;

	margin: 0 auto;



}

.list_lh {

	height: 460px;

	overflow: hidden;

}

.list_lh ul {

	padding: 0;

}

.list_lh li {

	padding: 15px 10px;

	height: auto;

	border-bottom: 1px dotted #ccc;

	transition: .3s;

}

.list_lh li span {

	padding: 0 2px;

	display: block;

	height: 30px;

	float: left;

}

.list_lh li a {

	color: #333;

    

}

.list_lh li .day { width: 150px;}

.list_lh li .day b { font-size: 50px; color: #999;}

.list_lh li .ntxt b { font-size: 16px;}

.list_lh li p {

	line-height: 24px;

	padding: 5px 0;

	color: #666;

}



.list_lh li:hover .day b, .list_lh li:hover .ntxt b{ color: #213E82;}



	/*底部footer*/

#footer {

	background: #213E82;

	margin-top: 80px;

}

.main_foot {

	height: auto;

	padding:60px 0;

}

.main_footdl {

	width: 469px;



	

}



.main_footdl dt,.main_footd2 dt {

	font-size:20px;

	margin-bottom: 20px;

    line-height: 20px;

	color: #fff;

    padding-left: 10px;

	font-weight: bold;

    border-left:5px solid #F18D00;

}



.main_footdl dd {

	height: auto;

	overflow: hidden;

	margin-top: 10px

}

.main_footdl dd a {

	line-height: 42px;

	font-size: 16px;

	width: 230px;

	float: left;

	display: block;

	color: rgba(255,255,255,.8);

}





.main_footdl dd a:hover {

	color: #F18D00;

}

.main_footd2{

	width: 409px;

}



.main_footd2 p{	color: rgba(255,255,255,.8);line-height: 32px;

	font-size: 16px;}

.main_footd3{ width: 170px; text-align: center; margin-top:40px;}

.main_footd3 dd{ color: rgba(255,255,255,.8); margin-top: 10px;}

.main_footd3 img{ width: 140px;}

.main_foottel {

	width: 300px;

	text-align: center;

	border-right: 1px solid #12508E;



}

.main_foottel a {

	height: 32px;

	margin: 20px auto;

	width: 120px;

	border: 1px solid #fff;

	display: block;

	text-align: center;

	line-height: 32px;



	border-radius: 2px;

	color: rgba(255,255,255,.8);

}

.main_foottel a:hover {

	background: #fff;

	color: #213E82;

}

.main_foottel b {

	font-size: 28px;

	padding: 0;

	display: block;

	margin: 0;

	color: #fff;

	text-align: center;

}



.main_foottel p {

	padding: 30px 0;

	text-align: center;

	color: rgba(255,255,255,.8);

}

.footer_copy{ padding: 25px 0; text-align: center;color: rgba(255,255,255,.8); border-top: 1px solid #0A529B;}

.footer_copy a{color: rgba(255,255,255,.8);}

/*返回顶部*/

.scrollToTop {

	width: 52px;

	height: 52px;

	position: fixed;

	bottom: 5%;

	right: 2%;

	display: none;

	background: #F18D00;

	color: #ebebeb;

	border-radius: 3px;

	text-align: center;

	line-height: 52px;

	z-index: 999; }

.scrollToTop:hover {

	color: #FFF; }

.scrollToTop:focus {

	color: #FFF; }

/*返回顶部 end*/