@charset "utf-8";
/*body{font-size:15px;font-weight:normal;color:#333;margin:0px;padding:0px; background:#fff;font-family:"Work Sans",Arial,Verdana,"Noto Sans SC",PMingLiU,sans-serif;}*/

body{font-size:14px;font-weight:normal;color:#555;margin:0px;padding:0px; background:#fff;font-family: "canada-type-gibson", Sans-serif;}

/*body{font-size:14px;font-weight:normal;color:#333;margin:0px;padding:0px; background:#fff;font-family: PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,Hiragino Sans GB,sans-serif;-webkit-font-smoothing: antialiased;}*/

html, body {margin:0;height: 100%;}
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#333333;text-decoration:none; outline: none;}
a:hover{color: #000;}
.clear{clear:both;}
input,button,select,textarea{outline: none;border:none;}
select::-ms-expand { display: none; }
select{appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
@font-face {
  font-family: 'lsfont';  /* project id 752944 */
  src: url('//at.alicdn.com/t/font_752944_r04ix636je8.eot');
  src: url('//at.alicdn.com/t/font_752944_r04ix636je8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.woff') format('woff'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.svg#lsfont') format('svg');
}

@font-face {
font-family: 'entypo-fontello';
src: url('/fonts/entypo-fontello.woff2') format('woff2'),
url('/fonts/entypo/entypo-fontello.woff') format('woff'),
url('/fonts/entypo/entypo-fontello.ttf') format('truetype'), 
url('/fonts/entypo/entypo-fontello.svg#entypo-fontello') format('svg'),
url('/fonts/entypo/entypo-fontello.eot'),
url('/fonts/entypo/entypo-fontello.eot?#iefix') format('embedded-opentype');
}



.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.lsfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.content{width:1200px; margin:0 auto;}
.content.small{padding:0 50px; display:flex;}

.top{height:60px; background-color:#fff; padding:10px 0; line-height:60px;}
.top .l{float:left;}
.top .l img{height:60px;display: block;}
.top .r{float:right;line-height: 40px;padding-top: 10px;}
.top .r li{float:left;}
.top .r li a{border-left:1px solid #cbcbcb; padding:0 15px; font-size:15px;}
.top .r li a:hover{color: #0077bc;}
.top .r li:hover{color: #0077bc; border-bottom:2px solid #0077bc;}
  
.index_slide{width: 100%;height: 660px; margin:0 auto;}
.index_slide .swiper-slide{background-size:cover!important; background-repeat:no-repeat; background-position:center center;}
.index_slide .swiper-slide a{display: block;width: 100%;height: 100%;}
.index_slide .swiper-pagination-bullet{background-color: transparent;opacity: 1;display:inline-block; transition: all .3s ease;line-height: 20px;position: relative; margin: 0 8px;border-radius: 100%;}
.index_slide .swiper-pagination-bullet:after{
content: "";border-radius: 50%;
border: 1px solid #fff;display: block;
background-color:#fff;
width: 8px;height: 8px;
box-sizing: border-box;position: absolute;
transition: width .2s ease,height .2s ease,margin .2s ease;
-webkit-transition: width .2s ease,height .2s ease,margin .2s ease;
}
.index_slide .swiper-pagination-bullet-active{transition: all .3s ease;}
.index_slide .swiper-pagination-bullet-active:after{
background-color:transparent;
border: 1px solid #ffffff;display: block;
height:12px;width: 12px;
margin-top: -2px;
margin-left: -2px;
transition: width .2s ease,height .2s ease,margin .2s ease;
-webkit-transition: width .2s ease,height .2s ease,margin .2s ease;
}
.index_slide .swiper-pagination{width: 100%;bottom: 20px;}

.index01{
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-image: url(/images/index_bg.jpg);
    background-position: center center;
	height:250px;
	width:100%;
	background-size: cover;
}
[data-av_icon]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
	font-family: 'entypo-fontello';
	padding-right:10px;
}
h2.center{text-align:center; color:#000; padding-top:30px; position:relative; margin-bottom:25px;font-size:26px; font-weight:lighter; padding-bottom:20px;}
h2.center.white{color:#fff;}
h2.center:after{
	content: '';
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #109bc5;
    bottom: 0px;
    transition: all .3s;
    position: absolute;
	left: 50%;
    margin-left: -25px;
}
.index01 li{margin:0 20px; float:left;width:calc((100% - 200px) / 5);}
.index01 li h3{font-size:20px; font-weight:bold; color:#000;}
.index01 li p{line-height:23px; padding-top:10px; font-size:15px;}
.index01 li p a{color: #0087cf;display: inline-block;}
.index01 li p a:hover{color:#00aaff; text-decoration:underline;}
.index02 li{margin:5px 30px 50px; float:left;width:calc((100% - 240px) / 4);}
.index02 li img{max-width:100%; padding:15px 0;}
.index02 li h3{color:#000;font-size:20px;font-weight:bold;}
.index02 li h3 a{font-size:20px;font-weight:bold;}
.index02 li p{line-height:23px; font-size:15px;}
.index03{background-color: #2f373e; display:flex; padding:0 0 20px; clear:both;}
.index03 li div{
	width: 74px;
    height: 74px;
    font-size: 27px;
    line-height: 72px;
	border:1px solid #83c7dc;
    border-radius: 500px;
    text-align: center;
    margin-right: 22px;
	float:left;
}
.index03 li div:before{padding-right:0px!important;}
.index03 li{margin:10px 30px; float:left;width:calc((100% - 180px) / 3); color:#fff;}
.index03 li h3{font-weight:bold; font-size:18px; padding-bottom:10px;}
.index04{display:flex; padding:10px 0; clear:both; margin-bottom:30px;}
.index04 li{margin:0 40px; float:left; width:calc((100% - 160px) / 2); line-height:22px; font-size:15px;}

.nei{padding:30px 0;}
.nei .l{width:225px; padding-right:50px; float:left;min-height: 700px;}
.nei .l li{text-align:right;}
.nei .l li a{color: #333; padding:8px 0; display:block;}
.nei .l li a.child{color: #80c6ff;padding:4px 0; position:relative;padding-right:20px;font-size: 13px;}
.nei .l li a.child.two{color: #659cd1;font-weight:bold;}
.nei .l li a.child:hover{color: #659cd1;}
.nei .l li a.child:after {
    background-color: #354b54;
    position: absolute;
    display: block;
    opacity: 0.3;
    content: "";
    height: 1px;
    width: 10px;
    top: 12px;
    right: 4px;
}

.nei .l li a.cur{color: #0077bc;}
.nei .l li a:hover{color: #0077bc;}
.nei .l .addr{text-align:right; padding-top:50px;}
.nei .l .addr h3{padding-top:30px;color: #0087cf; padding-bottom:15px;}
.nei .l .addr p{color:#666; line-height:22px;}
.nei .r h2{font-size:30px; font-weight:lighter; color:#000; position:relative; margin-bottom:40px;}
.nei .r h2:after{
	content: '';
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: #109bc5;
    transition: all .3s;
    position: absolute;
	top:60px;
	left: 0;
	}

.nei .r{width:calc(100% - 325px); float:right; padding-left:50px;}
.nei .r h3{font-size:18px;}
.nei .r p{padding-right:50px; font-size:15px; line-height:24px;}
.nei .r p a{display:table; font-size:18px;font-weight:lighter; color:#0087cf; padding-bottom:10px;}
.nei .r p a:hover{text-decoration:underline;}
.industries .r li img{height:60px;border-radius: 5px;}
.industries .r li{display: flex; margin-bottom:25px;}
.industries_detail .r .i_ban img{max-width:100%;border-radius:5px;}
.details{padding:10px 0;}
.details .tit{padding:0 0 10px; font-size:16px; font-weight:bold;}
.details h3{font-size:22px; font-weight:bold; color:#000; padding:10px 0;}
.details p{padding:5px 0;}
.details img{display: flex; justify-content: center;align-items: center;margin: 20px auto;}


.pro_list h3{padding:0 0 10px;color:#333;}
.pro_list ul{padding-top:10px;}
.pro_list li{display: flex;}
.pro_list li a{color: #ffffff; background-color:#0077bc;border-radius: 5px; padding:8px 10px;min-width:200px; text-align:center; margin:10px 30px 10px 0;}
.pro_list li a:hover{background-color:#0065ad;}
.pro_list li p{display: flex;justify-content: center;align-items: center;}

.cases .r h3{color:#333;}
.cases .r ul{padding-top:10px;}
.cases .r li{padding:5px 0; line-height:22px;}
.cases .r li a{display:inline-block;color: #0077bc; font-weight:bold;font-size:13px;}
.cases .r li a:hover{text-decoration:underline;}
.cases .r li p{color:#666; font-size:13px;}












.foot{height:55px; line-height:55px; background-color: #0087cf; clear:both;}
.foot p{float:left; color:#fff;}
.foot .r{float:right;}
.foot a{color:#fff;}
.foot a:hover{text-decoration:underline;}



@media screen and (max-width:1920px){

}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1366px){

}