@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"imp";
	src: url(../font/impact.ttf);
}
html{font-size:16px;}
body{font-size:16px;color:#333333;font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%; display: inline-block; line-height: 0; font-size: 0; vertical-align:bottom; }
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;display:block; }
a{font-size:inherit;text-decoration:none;color:#333;}
a:hover,
a:focus{ text-decoration:none; color:#075ab8;
	-webkit-transition: all 0.4s ease;
	-moz-transit
	ion: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell; vertical-align: top; }
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.ellipsis{ 
	display: block; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis; 
	-moz-text-overflow: ellipsis; 
	white-space: nowrap; 
	word-wrap: break-word; 
}
.ellipsis2{  
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
 }
 .ellipsis3{  
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
 }
  .ellipsis4{  
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
 }

.shadow { box-shadow: 0 7px 30px rgba(103, 103, 103, .1); }
.shadow-s2 { box-shadow: 2px 7px 10px rgba(103, 103, 103, .3); }
.hide{ display: none; }
.btn { display: inline-block; padding: 10px 20px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; touch-action: manipulation; -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0; border:#dddddd 2px solid; line-height: normal; }
.btn-submit { color: #ffffff; background-color: #075ab8; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }
.btn-reset { color: #333333; background-color: #dddddd; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }

.btn-view { color: #666666; background-color: transparent; border:#666666 1px solid; width: auto; border-radius: 30px; height: 30px; line-height: 30px; padding: 0 25px; }
.btn-view:hover{ background-color:#075ab8; color: #ffffff; border:#075ab8 1px solid; }
.btn-more.btn-submit{width: 160px; padding: 10px 0; text-align: center;}

.btn-submit{
	display: inline-block;
	/*margin-top: 30px;*/
	backface-visibility: hidden;
    background: transparent none repeat scroll 0 0;
    position: relative;
    transform: translateZ(0px);
    transition-duration: .3s;
    transition-property: color;
    -moz-transform: translateZ(0px);
    -moz-transition-duration: .3s;
    -moz-transition-property: color;
    -webkit-transform: translateZ(0px);
    -webkit-transition-duration: .3s;
    -webkit-transition-property: color;
    /*vertical-align: middle;*/
    background: #075ab8;
}
.btn-box{padding: 30px 0;}
.btn-box .btn-submit{margin-right: 20px;}

.btn-submit:hover{color: #fff;}
.btn-submit:hover::before{ border-radius: 4px; transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);}

.btn-submit:before{
	background: #b60e12 none repeat scroll 0 0;
    border: 0 none;
    padding: 1px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 50% 0;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    -moz-transform: scaleY(0);
    -moz-transform-origin: 50% 50% 0;
    -moz-transition-duration: .3s;
    -moz-transition-property: transform;
    -moz-transition-timing-function: ease-out;
    -webkit-transform: scaleY(0);
    -webkit-transform-origin: 50% 50% 0;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    z-index: -1;
}
.btn.btn-more{background: #075ab8; padding: 15px 0; border: 1px solid transparent; width: 160px; border-radius: 4px; text-align: center; color: #fff; display: block; margin: 20px auto 0;}
.btn.btn-more:hover{border: 1px solid #075ab8; color: #075ab8; background: transparent;}
.btn.btn-more.btn-left{margin: 20px 0 0;}

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px; word-break:break-all; }

.form-control{ display: inline-block; width: 100%; padding: 10px 20px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; border-radius: 0; }
.form-control[type="radio"] + label::before { content: "\a0"; /*不换行空格*/ display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color:#075ab8; }
.form-control[type="radio"] { width: 0; height: 0; margin:0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.red{ color: #075ab8; }

body{ background-color: #ffffff; }

.wrap{ width:1200px; margin:auto; padding:0; }
.container{padding: 40px 0;}

@media screen and (max-width: 1599px) {
	.wrap{ width: 100%; padding-left:15px; padding-right: 15px;  }
}
@media screen and (max-width: 1440px) {
	.wrap{ width: 100%; padding-left:15px; padding-right: 15px;  }
}
@media screen and (max-width: 768px) {
	.container{padding: 30px 0;}
}
.iconfont{ font-size: .7rem; }
.wp{ padding: 15px; }
.wp-h{ padding-left: 15px; padding-left: 15px; }
.wp-v{ padding-top: 15px; padding-bottom: 15px; }
.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #f3f3f3 }
.bg-about{ background: url(../images/about-bg.jpg) top center no-repeat; }
.bg-ea{background: #eaeaea;}

.p-top-xs{ padding-top: 15px; }
.p-top-s{ padding-top: 30px; }
.p-top-m{ padding-top: 50px; }
.p-top-l{ padding-top: 80px; }

.p-bot-xs{ padding-bottom: 15px; }
.p-bot-s{ padding-bottom: 30px; }
.p-bot-m{ padding-bottom: 50px; }
.p-bot-l{ padding-bottom: 80px; }

.m-top-xs{ margin-top: 15px; }
.m-top-s{ margin-top: 30px; }
.m-top-m{ margin-top: 50px; }
.m-top-l{ margin-top: 80px; }

.m-bot-xs{ margin-bottom: 15px; }
.m-bot-s{ margin-bottom: 30px; }
.m-bot-m{ margin-bottom: 50px; }
.m-bot-l{ margin-bottom: 80px; }

/*导航 开始*/
.logo{ float: left; padding: 20px 0;}
.logo a{display: block;}
.logo a img{ height: 40px;}
@media screen and (max-width: 414px) {
	.logo a img{height: 30px;}
}
@media screen and (max-width: 320px) {
	.logo a img{height: 25px;}
	.menu-button{padding: 4px 0;}
}

.nav-shadow{ box-shadow: 0px 4px 4px rgba(61,61,61,.3); background: #fff; position: relative; z-index: 200; transition: .5s; }
.nav{ width: auto; float: right; }
.nav ul li{ float: left; width:auto; display:block; /*position: relative;*/ }
.nav ul li .tit{ background-position-y: 100px; background-position-x: 0;  display: block; text-align: center; font-size: 16px; height:80px; line-height: 80px; display: block; padding: 0 10px; margin: 0 10px; position: relative; color:#333333;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; }
.nav ul li:hover .tit,
.nav ul li.on .tit{  color:#fff; background:url(../img/nav-bg.jpg) no-repeat center; background-size: cover;}

.nav ul li .child{  background-color: rgba(0,0,0,.8);display: none; transition: 0.5s; position: absolute; top: 80px; left: 0; width:100%;  z-index: 99; text-align: center; }
.nav ul li:hover .child{display: block;}
.nav ul li .child a{ display: inline-block;  font-size: 15px;  color: #fff; padding:0 15px; margin: 20px 0; border-right: 1px solid rgba(255,255,255,.5);}
.nav ul li .child a:last-child{border-right: 0;}
.nav ul li .child a:hover{color:#075ab8;}

.nav ul .seach-li{position: relative;}
.nav ul .seach-li a{display: block; background: url(../img/sousuo.png) no-repeat center;width: 30px; height: 80px;}
.nav ul .seach-li .search{position: absolute; width: 0; height: 30px;left: 0; top: 50px;overflow: hidden; transition: all 0.5s;}
.nav ul .seach-li .search input{display: block; width: 260px; height: 30px;line-height: 30px;border: none;text-indent: 15px;font-size: 13px;color: #999;background: #f6f3f3;}
.nav ul .seach-li:hover a{border: 0;}
.nav ul .seach-li:hover .search{width: 260px; left: -260px;}


@media screen and (max-width: 992px) {
	.smart-nav ul .seach-li {padding: 20px 0;}
	.smart-nav ul .seach-li .search {display: inline-block; margin-left: 10px; }
	.smart-nav ul .seach-li .search input{border: 0; line-height: 20px;padding: 10px;}
	.smart-nav ul .seach-li a{ display: inline-block; width: 30px; height: 30px; margin-left: 5px; background: url(../img/sousuo1.png) no-repeat center; position: absolute;top: 50%; transform: translateY(-50%);}
}


.menu-button{ display:none; position:absolute; top: 10px; right:15px; z-index:999; padding: 10px 0; border-radius: 5px; }
.menu-button button{display:block; background:none; overflow:hidden; cursor:pointer; z-index:1000; border:0; width:40px; height:30px; padding:0; outline:0; position:relative; -webkit-appearance: none;
	-webkit-transition:.3s all;
	transition:.3s all;
}
.menu-button button::before,
.menu-button button::after,
.menu-button button span{ background:#414141; border-radius:3px; }
.menu-button button::before,
.menu-button button::after{ content:''; position:absolute; height:3px; width:100%; left:0; top:50%;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition:-webkit-transform .25s;
	transition:transform .25s;
}
.menu-button button span{ display:block; position:absolute; height:3px; width:80%; left:0; top:50%; margin-top:0; overflow:hidden; text-indent:200%;
	-webkit-transition:opacity .25s;
	transition:opacity .25s;
}
.menu-button button::before{ -webkit-transform:translate3d(0,-12px,0); transform:translate3d(0,-12px,0); }
.menu-button button::after{ -webkit-transform:translate3d(0,12px,0); transform:translate3d(0,12px,0); width:93%; }
.menu-button.open button span{ opacity:0; background:#fff; }
.menu-button.open button::before{ -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); background:#fff; }
.menu-button.open button::after{ -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); background:#fff; width:100%; }




/*中等屏幕   w<1200*/
@media screen and (max-width: 1280px) {
	
	.nav ul li .tit{ padding: 0 8px; margin: 0 15px; }
}

/*pad: w< 992*/
@media screen and (max-width: 992px) {
	.wrap{ width:100%; padding-left:15px; padding-right: 15px;}
	
	.nav{ display: none; }
	.menu-button{ display:block; }
	
	.smart-nav { display: block; }
	.smart-nav { position: fixed; width: 70%; z-index: 998; left: auto; right:-70%; top: 0; bottom: 0; background: rgba(0,0,0, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
	}
	.smart-nav.open { right: 0; }
	.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(2, 111, 169, .5); overflow-y: auto; }
	.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
	.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
	.smart-nav ul li .tit.ignore{ background:none; }
	.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
	.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
	.smart-nav ul li .child a:first-child{ padding-top: 10px; }
	.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }
	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#076ce0; }
}
	
@media screen and (max-width:768px ) {
	.banner-box .banner-m1{display: none;}
	.banner-box .banner-m2{display: block;}

}
@media screen and (max-width:640px ) {
	/*.smart-nav {width: 100%;}*/
	/*.smart-nav ul li .tit{text-align: center;}*/
	
}

@media screen and (max-width: 320px) {
	.menu-button{padding: 4px 0;}
}

/*导航 结束*/

/*banner 开始*/
.banner-box .banner-m2 {display: none;}
.banner-box .swiper-pagination-bullet{width: 36px; height: 4px; border-radius: 0;}

.nbanner-box {
	position: relative;
	overflow: hidden;
	/*background: url(../img/banner1.jpg) no-repeat top;*/
	background-attachment: fixed;
}

.nbanner-box .box {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}
@media screen and (max-width:768px ) {
	.banner-box .banner-m1{display: none;}
	.banner-box .banner-m2{display: block;}
}

/*banner 结束*/

/*首页搜索 开始*/
.sousuo-con{ padding: 15px 0; border-bottom: 1px solid #dedede; }
.sousuo-con .sousuo-fl{float: left;width: 50%; position: relative;}
.sousuo-con .sousuo-fl:after{content: ''; position: absolute; width: 1px; height: 80px; background: url(../img/sousuo-m1.png) no-repeat center; top: 0; right: 0;}
.sousuo-con .sousuo-box{position: relative; width: 80%; height: 42px;}
.sousuo-con .sousuo-box input{border: 1px solid #ddd; width: 100%; height: 42px; padding-left: 15px; padding-right: 100px; border-radius: 42px;}
.sousuo-con .sousuo-box button{position: absolute; top:0; right: 0; height: 42px; background-color: #076ce0; width: 92px; border-radius: 42px; background-image: url(../img/sousuo-m2.png); background-repeat: no-repeat; background-position:center; border: 0;}

.sousuo-con .sousuo-ci{margin-top: 10px; width: 100%; line-height: 20px;}
.sousuo-con .sousuo-ci span{display: block; color: #333;font-size: 14px;font-weight: bold; float: left;}
.sousuo-con .sousuo-ci a{color: #666; font-size: 14px; margin-right: 20px; float: left; display: block;}
.sousuo-con .sousuo-ci a:hover{color: #076CE0;}

.sousuo-con .sousuo-fr{float: left;width: 50%;}
.sousuo-con .sousuo-fr .dianhua{display: flex;width: 70%; padding-left: 80px; position: relative; align-items: center; float: left;}
.sousuo-con .sousuo-fr .dianhua:after{content: ''; position: absolute; width: 1px; height: 80px; background: url(../img/sousuo-m1.png) no-repeat center; top: 0; right: 0;} 
.sousuo-con .sousuo-fr .dianhua .img-box{margin-right: 15px;}
.sousuo-con .sousuo-fr .dianhua span{font-size: 15px; color: #666;}
.sousuo-con .sousuo-fr .dianhua p{font-family: "imp"; font-size: 20px; color: #666; margin-top: 8px;}

.sousuo-con .sousuo-fr .qr{float: left;width: 30%; padding-left: 50px;}
.sousuo-con .sousuo-fr .qr .img-box{display: inline-block; background: #fff; padding: 4px; border: 1px solid #dcdcdc; margin-right: 8px;}
.sousuo-con .sousuo-fr .qr .img-box img{width: 62px; height: 62px;}
.sousuo-con .sousuo-fr .qr span{display: inline-block; font-size: 14px; color: #666; writing-mode:tb-rl;}
@media screen and (max-width:992px ) {
	.sousuo-con .sousuo-fl{width: 55%;}
	.sousuo-con .sousuo-box{padding-left: 20px;}
	.sousuo-con .sousuo-fr{width: 45%;}
	.sousuo-con .sousuo-fr .dianhua{display: flex;width: 65%;padding-left: 30px;}
	.sousuo-con .sousuo-fr .qr{float: left;width: 35%; padding-left: 30px;}
	
}
@media screen and (max-width:991px ) {
	.sousuo-con .sousuo-box{width: 100%; padding-left: 0;}
	.sousuo-con .sousuo-fl{width: 100%;}
	.sousuo-con .sousuo-fl:after{content: none;}
	.sousuo-con .sousuo-fr{display: none;}
}
@media screen and (max-width:768px ) {
	.sousuo-con .sousuo-fl{float: left;width: 100%; position: relative;}
	.sousuo-con .sousuo-box{position: relative; width: 80%; margin: 0 auto;}
	.sousuo-con .sousuo-fl:after{background: none;}
	.sousuo-con .sousuo-fr{display: none;}
	.sousuo-con .sousuo-ci{margin: 10px auto 0;}
	.sousuo-con .sousuo-ci a{line-height: 24px;}
}

@media screen and (max-width:640px ) {
	.sousuo-con .sousuo-box{position: relative; width: 100%; margin: 0 auto;}
	.sousuo-con .sousuo-ci{width: 100%;}
}

/*首页搜索 结束*/

/*首页产品中心 开始*/
.tit1{text-align: center; font-size: 32px; color: #333; font-weight: bold;}
.tit1 span{color: #076CE0; font-size: 32px; font-family: "imp"; margin-right: 10px; font-weight: normal; text-transform: uppercase;}
.tit1.tit1-left{text-align: left;}

.pro-bg{background: url(../img/pro-m2.png) no-repeat top;}
.pro-box{margin-top: 30px;}
.pro-box .pro-hd{text-align: center; margin-bottom: 10px;}
.pro-box .pro-hd a{color: #333; padding: 10px 20px; display: inline-block;}
.pro-box .pro-hd a.on{background: #076CE0; color: #fff;}

.pro-box .pro-bd ul.on{display: block;}
.pro-box .pro-bd ul{display: none;}
.pro-box .pro-bd ul li{float: left; width: calc(100% / 3 - 30px);margin:15px ; border: 1px solid transparent; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; transition: 0.4s all; }
.pro-box .pro-bd ul li a .img-box{ position: relative; overflow: hidden;}
.pro-box .pro-bd ul li a .img-box .more{display: block; background: rgba(7,90,184,.6); text-align: center; position: absolute;top: 50%; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; transition: 0.4s all;}
.pro-box .pro-bd ul li a .img-box .more i{ display: inline-block; position: absolute; left: calc(50% - 48px); color: #FFFFFF; font-size: 14px; padding: 10px 15px; top: calc(50% - 20px); border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.pro-box .pro-bd ul li .text{ padding: 15px 10px; background: #222; color: #fff; text-align: center;}
.pro-box .pro-bd ul li:hover {border: 1px solid #075ab8;}
.pro-box .pro-bd ul li:hover .img-box .more{top: 0; opacity: 1;}
.pro-box .pro-bd ul li:hover .text{background: #076CE0; color: #fff;}
.pro-box ol{display: none;}

@media screen and (max-width:768px ) {
	.pro-bg{background-size: cover;}
}
@media screen and (max-width:640px ) {
	.pro-box .pro-bd ul li{width: calc(50% - 30px);}
	.pro-box {position: relative;background: #eee;}
	.pro-box ol{display: block; position: relative; background: #ddd; padding: 15px 10px; margin: 0;}
	.pro-box ol:after{content: ''; position: absolute; right: 10px; width: 24px; height: 24px; background: url(../img/icon/icon-r.png) no-repeat center; background-size: contain;-webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; transition: 0.4s all;}
	.pro-box .pro-hd{display: none; position: absolute; width: 100%;z-index: 1; background: rgba(0,0,0,.8);}
	.pro-box .pro-hd a{display: block; color: #fff;}
}

@media screen and (max-width:414px ) {
	.pro-box .pro-bd ul li{width:100%; margin: 10px 0 10px;}
}
/*首页产品中心 结束*/

/*首页优势 开始*/
.adv-top-bg{background: url(../img/youshi-m1.jpg) no-repeat top; position: relative;}
.adv-top-bg .adv-top-box .top-box-fl{float: left; width: 40%;}
.adv-top-bg .adv-top-box .top-box-fl .img-box{position: relative;}
.adv-top-bg .adv-top-box .top-box-fl .img-box img{position: relative; top: 0px; z-index: 2;}
.adv-top-bg .adv-top-box .top-box-fl .img-box:before{content: ''; position: absolute; left: 50px; top: 55px; z-index: 1; width: 232px; height: 195px; background: url(../img/youshi-m2.png) no-repeat; }

.adv-top-bg .adv-top-box .top-box-fr{width: 60%; float: right; margin-top: 40px; position: relative;}
.adv-top-bg .adv-top-box .top-box-fr .text-box .tit{text-align: center;}
.adv-top-bg .adv-top-box .top-box-fr .text-box .sub-tit{font-size: 26px; color: #fff; text-align: center; letter-spacing: 6px; text-align: center; margin-top: 20px;}
.adv-top-bg .adv-top-box .top-box-fr .text-box .tel{position: relative; width: 70%; margin: 20px auto 0; background: #075ab8; line-height: 56px; height: 56px; border-radius: 56px;}
.adv-top-bg .adv-top-box .top-box-fr .text-box .tel a{float: left; display: block; text-align: center; font-size: 18px; width: 140px; line-height: 56px; color: #075AB8; background: #f8a91f; border-radius: 56px;} 
.adv-top-bg .adv-top-box .top-box-fr .text-box .tel p{float: left; color: #fff; font-size: 26px; letter-spacing: 1px; padding-left: 10%;}

.adv-bot-box .box-tit-bg{background: url(../img/youshi-m5.png) no-repeat top center; position: relative; width: 100%; top: -5px; height: 267px;}
.adv-bot-box .box-tit-bg .box-tit{text-align: center; padding-top: 3%;}
.adv-bot-box .bot-text-box {position: relative; margin: 30px 0;}
.adv-bot-box .bot-text-box .box-bg{position: relative; background: url(../img/youshi-m7.png) no-repeat center;width: 445px; height: 440px; left: calc(50% - 222px);}
 @-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
        
.adv-bot-box .bot-text-box .box-bg{
    -webkit-transform: rotate(360deg);
    animation: rotation 25s linear infinite;
    -moz-animation: rotation 25s linear infinite;
    -webkit-animation: rotation 25s linear infinite;
    -o-animation: rotation 25s linear infinite;
}

.adv-bot-box .bot-text-box .tit-box{background: url(../img/youshi-m8.png) no-repeat center; padding-top: 6%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 284px; height: 271px;top:calc(50% - 135px)}
.adv-bot-box .bot-text-box .tit-box span{display: block; color: #376ebf; font-weight: bold; font-size: 30px; text-align: center; text-transform: uppercase;}
.adv-bot-box .bot-text-box .tit-box p{font-size: 54px; font-weight: bold; color: #fff; text-align: center; letter-spacing: 4px;}
.adv-bot-box .bot-text-box .tit-box i{display: block; width: 40px; height: 44px; background: url(../img/youshi-m9.png) no-repeat center; margin: 10px auto 0;}

.adv-bot-box .bot-text-box .text-box{position: absolute; width: 27%; top: 0;}
.adv-bot-box .bot-text-box .text-box .text-tit{ padding: 10px; background: url(../img/youshi-m10.png) no-repeat left; }
.adv-bot-box .bot-text-box .text-box .text-tit .data{font-size: 36px; color: #075ab8; font-family: 'imp';}
.adv-bot-box .bot-text-box .text-box .text-tit .text{font-size: 18px; margin-bottom: 8px; font-weight: bold; color: #075ab8;}
.adv-bot-box .bot-text-box .text-box .text-txt{font-size: 15px; color: #666; line-height: 24px;}
.adv-bot-box .bot-text-box .box1{position: absolute; left: 0; top: 0;}
.adv-bot-box .bot-text-box .box1 .box{position: relative;}
.adv-bot-box .bot-text-box .box1 .box:before{content: '多'; position: absolute; width: 95px; height: 95px; background: url(../img/youshi-m11.png) no-repeat center; right: -50%;top: 20%; text-align: center; line-height: 95px; font-size: 32px; color: #fff; text-align: center;line-height: 95px;}

.adv-bot-box .bot-text-box .box2{position: absolute; right: 0; top: 0;}
.adv-bot-box .bot-text-box .box2 .box{position: relative;}
.adv-bot-box .bot-text-box .box2 .box:before{content: '优'; position: absolute; width: 95px; height: 95px; background: url(../img/youshi-m11.png) no-repeat center; left: -50%;top: 20%; text-align: center; line-height: 95px; font-size: 32px; color: #fff; text-align: center;line-height: 95px;}

.adv-bot-box .bot-text-box .box3{position: absolute; left: 0; top: 60%;}
.adv-bot-box .bot-text-box .box3 .box{position: relative;}
.adv-bot-box .bot-text-box .box3 .box:before{content: '好'; position: absolute; width: 95px; height: 95px; background: url(../img/youshi-m11.png) no-repeat center; right: -50%;top: 20%; text-align: center; line-height: 95px; font-size: 32px; color: #fff; text-align: center;line-height: 95px;}

.adv-bot-box .bot-text-box .box4{position: absolute; right: 0; top: 60%;}
.adv-bot-box .bot-text-box .box4 .box{position: relative;}
.adv-bot-box .bot-text-box .box4 .box:before{content: '广'; position: absolute; width: 95px; height: 95px; background: url(../img/youshi-m11.png) no-repeat center; left: -50%;top: 20%; text-align: center; line-height: 95px; font-size: 32px; color: #fff; text-align: center;line-height: 95px;}
.adv-bot-box .bot-text-box .text-box .box:before{-webkit-transition: 1s all; -moz-transition: 1s all; -ms-transition: 1s all; transition: 1s all;}
.adv-bot-box .bot-text-box .text-box .box:hover:before{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
@media screen and (max-width:1280px ) {
	.adv-bot-box .box-tit-bg .box-tit{padding-top: 5%;}
}

@media screen and (max-width:992px ) {
	.adv-top-bg .adv-top-box .top-box-fr .text-box .tel{width: 100%;}
}
@media screen and (max-width:800px ) {
	.adv-top-bg .adv-top-box .top-box-fl{display:  none;}
	.adv-top-bg .adv-top-box .top-box-fr{width: 100%; min-height: 260px;}
	.adv-bot-box .box-tit-bg .box-tit{padding-top: 10%;}
	.adv-bot-box .bot-text-box .text-box{margin-bottom: 10px;}
	.adv-bot-box .bot-text-box .text-box .text-txt{text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
	.adv-bot-box .bot-text-box .box-bg{display: none;}
	.adv-bot-box .bot-text-box .tit-box{display: none;}
	.adv-bot-box .bot-text-box .box1,
	.adv-bot-box .bot-text-box .box2,
	.adv-bot-box .bot-text-box .box3,
	.adv-bot-box .bot-text-box .box4{position: static; width: 100%;}
	.adv-bot-box .bot-text-box .text-box .box:before{content: none;}
}

@media screen and (max-width:640px ) {
	/*.adv-bot-box .box-tit-bg{height: 180px; background-size: cover;}*/
}
@media screen and (max-width:414px ) {
	.adv-top-bg .adv-top-box .top-box-fr .text-box .tel p{padding-left:5%;}
	.adv-bot-box .box-tit-bg{height: 190px; background-size: cover;}
	.adv-bot-box .box-tit-bg .box-tit{padding-top: 6%;}
	.adv-bot-box .box-tit-bg .box-tit img{width: 80%;}
	.adv-top-bg .adv-top-box .top-box-fr .text-box .tel a{font-size: 16px; width: 120px;}
	.adv-top-bg .adv-top-box .top-box-fr .text-box .sub-tit{font-size: 22px;}
}

@media screen and (max-width:375px ) {
	.adv-top-bg .adv-top-box .top-box-fr .text-box .tel p{font-size: 24px; letter-spacing: 0;}
	.adv-top-bg .adv-top-box .top-box-fr{min-height: 200px;}
}

@media screen and (max-width:320px ) {
	.adv-top-bg .adv-top-box .top-box-fr .text-box .tel a{width: 110px;}
	.adv-top-bg .adv-top-box .top-box-fr .text-box .tel p{padding-left: 1%;}
}

/*首页优势 结束*/

/*首页关于我们 开始*/
.abo-bg1{background: url(../img/abo-m3.jpg) no-repeat top;}
.abo-bg1 .abo-bg2{background: url(../img/abo-m2.png) no-repeat top left; background-size: auto;}
.abo-bg1 .abo-bg2 .tit1.dis{display: none;}
.abo-bg1 .abo-bg2 .abo-fl{float: left;width: 50%; padding: 40px 0;}
.abo-bg1 .abo-bg2 .abo-fl .img-box img{width: 100%;}
.abo-bg1 .abo-bg2 .abo-fr{float: left;width: calc(50% - 40px); margin-left: 40px;}
.abo-bg1 .abo-bg2 .abo-fr .sub-tit{font-size: 22px; color: #333; margin: 20px 0;}
.abo-bg1 .abo-bg2 .abo-fr .text{font-size: 16px; color: #666; line-height: 34px;}

@media screen and (max-width:1440px ) {
	.abo-bg1 .abo-bg2{background-size: 50% 100% ;}
}
@media screen and (max-width:768px ) {
	.abo-bg1 .abo-bg2 .tit1.dis{display: block; padding-top: 20px; color: #fff;}
	.abo-bg1 .abo-bg2 .tit1.dis span{color: #fff;}
	.abo-bg1 .abo-bg2 .tit1.tit1-left{display: none;}
	.abo-bg1 .abo-bg2 .abo-fl{float: none; width: 100%; padding-bottom: 20px;}
	.abo-bg1 .abo-bg2 .abo-fr{float: none; width: 100%; margin-left: 0;}
	.abo-bg1 .abo-bg2{background-size: 100% auto;}
}
/*首页关于我们 结束*/

/*首页新闻 开始*/
.news-con ul li { position: relative; padding: 15px 20px; margin-bottom: 20px; margin-top: 30px; float: left; width: calc(50% - 20px); margin-right: 20px; -webkit-transition: 0.4s all;}
.news-con ul li:nth-child(2n){margin-right: 0; margin-left: 20px;}
.news-con ul li:after{content: ''; position: absolute;top: 0; left: 0; background:#076ce0; width: 0; height: 100%;-webkit-transition: 0.4s all;transition: 0.4s all;}
.news-con ul li:hover:after{width: 100%; z-index: -1;}
.news-con ul li .data{width: 20%; position: relative; float: left;}
.news-con ul li .data:after{content: ''; position: absolute; right: 0; top: 0; background: #e7e7e7; width: 1px; height: 100%;}
.news-con ul li .data h2{font-size: 36px; color: #333; text-align: center; }
.news-con ul li .data p{font-size: 15px; color: #999; text-align: center; margin-top: 8px;}
.news-con ul li .text{float: left; width: calc(80% - 20px); margin-left: 20px;}
.news-con ul li .text h2{font-size: 17px; color: #333;}
.news-con ul li .text p{font-size: 14px; line-height: 24px; color: #999; margin-top: 8px; height: 48px;}
.news-con ul li:hover .data h2{color: #fff;}
.news-con ul li:hover .data p{color: #fff;}
.news-con ul li:hover .text h2{color: #fff;}
.news-con ul li:hover .text p{color: #fff;}

@media screen and (max-width:768px ) {
	.news-con ul li{float: none; width: 100%; margin: 20px 0 20px;}
	.news-con ul li:nth-child(2n){margin-left: 0;}
	.news-con ul li:after{content: ''; position: static; }
	.news-con ul li:hover .data h2{color: #333;}
	.news-con ul li:hover .data p{color: #999;}
	.news-con ul li:hover .text h2{color: #333;}
	.news-con ul li:hover .text p{color: #666;}
	
}
@media screen and (max-width:640px ) {
	.news-con ul li{padding: 10px 0;}
}

@media screen and (max-width:414px ) {
	.news-con ul li .data h2{font-size: 20px;}
	.news-con ul li .text p{
		display: block; 
		overflow: hidden; 
		text-overflow: ellipsis; 
		-o-text-overflow: ellipsis;  
		-webkit-text-overflow: ellipsis; 
		-moz-text-overflow: ellipsis; 
		white-space: nowrap; 
		word-wrap: break-word;
		height: 24px;
	}
}

/*首页新闻 结束*/

/*首页底部 开始*/
.footer-bg{background: #0e2a47; border-top: 6px solid #075ab8; padding-top: 40px;}
.footer-bg .foot-top .foot-fl {float: left; width: 30%;}
.footer-bg .foot-top .foot-fl ul li{float: left; width: 50%}
.footer-bg .foot-top .foot-fl ul li a{display: block; text-align: center; line-height: 48px; font-size: 14px; color: #fff;}

.footer-bg .foot-top .foot-ct{float: left;text-align: center; width: 40%; padding-top: 2%;}
.footer-bg .foot-top .foot-ct .qr-box{display: flex;; align-items: baseline; justify-content: center;}
.footer-bg .foot-top .foot-ct .qr-box .qr p{ font-size: 14px; margin-top: 8px; color: #fff;}
.footer-bg .foot-top .foot-fr{float: right; width: 30%; color: #fff; font-size: 14px;}
.footer-bg .foot-top .foot-fr p{line-height: 32px;}

.footer-bg .foot-bot {padding-top: 15px; padding-bottom: 15px;  margin-top:30px; border-top: 1px solid #18426e; line-height: 26px;}
.footer-bg .foot-bot .copy-right{ float: left; font-size: 14px; color: #8098b1;}
.footer-bg .foot-bot .jishu{float: right;}
.footer-bg .foot-bot .jishu a{color: #8098b1; font-size: 14px;}

@media screen and (max-width:768px ) {
	.footer-bg{padding-top: 20px;}
	.footer-bg .foot-top .foot-fl{float: none; width: 100%;}
	.footer-bg .foot-top .foot-fl ul{margin-bottom: 20px;}
	.footer-bg .foot-top .foot-fl ul li{width:calc(100% / 6);}
	.footer-bg .foot-top .foot-ct{width: 50%;}
	.footer-bg .foot-top .foot-fr{width: 50%;}
}
@media screen and (max-width:640px ) {
	.footer-bg .foot-bot .jishu{float: left; width: 100%; }
	.footer-bg .foot-bot{text-align: center;}
}

@media screen and (max-width:414px ) {
	.footer-bg .foot-top .foot-ct{display: none;}
	.footer-bg .foot-top .foot-fr{width: 100%; text-align: center;}
	.footer-bg .foot-top .foot-fl ul li{margin-bottom: 0; width: calc(100% / 3);}
	.footer-bg .foot-top .foot-fl ul li a{line-height: 32px;}
	
}

/*首页底部 结束*/


/*二级栏目 开始*/
/*.Menu{ padding-bottom:2%;}*/
.Menu header{ margin-top:-7.2%;}
.Menu header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0;  padding:20px 10% 20px 18px; background:url(../images/Menu000706-icon.png) no-repeat 95% center #075ab8;color:#fff; font-weight:normal; font-size:24px;}
.Menu header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;}
.Menu nav{ border-bottom:1px solid #e6e6e6; position:relative;}
.Menu nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(../img/icon-map.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;}
.Menu nav dl a{color:#999; font-size: 14px;}
.Menu nav dl span{font-size: 14px;}
.Menu nav dl span,
.Menu nav dl a:hover{color:#075ab8;}
.Menu nav li a{ display:block; font-size:16px; padding:18px ;}
@media(min-width:769px){
.Menu nav ol{ display:none;}
.Menu nav ul{ display:block !important;}
.Menu nav li{ float:left; padding:0 1%;}
.Menu nav li a:hover,
.Menu nav li a.aon{ background: #075ab8;color: #fff; }
}
@media(max-width:1000px){
.Menu nav dl{ display:none;}
.Menu header{ position:relative; z-index:5;}
.Menu header h1{ display:block; padding-right:0;}
}
@media(max-width:768px){
.Menu nav{ position:relative;}
.Menu nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;}
.Menu nav ol span{display:block; background-color:#075ab8;padding:5px;border-radius:3px;}
.Menu nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;}
.Menu nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #075ab8;}
.Menu nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#075ab8;padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 1000}
.Menu nav li{ background-color:#fff; border-bottom:1px solid #075ab8;border-radius:5px;}
.Menu nav li a{ padding:0 2%; line-height:40px; }
.Menu nav li a:hover{color:#075ab8;}
.Menu header h1{padding:10px 10% 10px 18px; }
.Menu header h1{ font-size:20px;}
}

/*二级栏目 结束*/

/*内页标题*/

.inside-tit h2{font-size: 24px; margin-top:15px; text-align: center; text-transform: uppercase; font-weight: 700;}
.inside-tit p{background: url(../img/tit-bg.png) no-repeat center; font-weight: 700;font-size: 32px; text-align: center;}

/*内页标题*/

/*分页 开始*/
.pager{ text-align:center; margin-top:40px; }
.pager a,.pager strong{ display: inline-block; border:1px solid #075ab8; padding:5px 10px; margin:0 4px; }
.pager a:hover,.pager strong{ background:#075ab8; color:#fff; }
/*分页 结束*/

/* 关于我们 开始*/
.abo-info .abo-con{margin: 40px 0;}
.abo-info .abo-con .abo-con-fl{float: left; margin-bottom: 20px; margin-right: 50px; width: 50%;}
.abo-info .abo-con p{line-height: 32px; margin-bottom: 20px; color: #666; font-size: 15px; text-indent: 32px;}

.cul-bg{background: url(../img/abo-m4.jpg) no-repeat;}
.cul-bg .cul-con{background: rgba(255,255,255,.9); position: relative; padding: 30px 40px; margin-top: 30px;}
.cul-bg .cul-con .img-box{width: 30%; float: left;}
.cul-bg .cul-con .text { float: right; margin-top: 50px;width: 60%;}
.cul-bg .cul-con .text p{font-size: 26px; line-height: 62px;}
.cul-bg .cul-con .text span{color: #076ce0; font-weight: bold;}
@media(max-width:768px){
	.cul-bg .cul-con .text{font-size: 20px; width: 65%; margin-top: 0;}
	.abo-info .abo-con .abo-con-fl{float: none; margin-right: 0; width: 100%;}
}


@media(max-width:640px){
	.cul-bg .cul-con .img-box{float: none; width: 50%;}
	.cul-bg .cul-con .text{float: none; width: 100%; margin-top: 20px;}
	.cul-bg .cul-con .text p{font-size: 16px; line-height: 26px; }
	.cul-bg .cul-con{padding: 30px 20px;}
}
/* 关于我们 结束*/

/*视频中心 开始*/
.vid-list ul li{border:1px solid transparent; overflow:hidden; float: left; width: calc(100% / 3 - 30px); margin: 20px 15px;}
.vid-list ul li .img-box{overflow: hidden; -webkit-transition: 0.4s all;}
.vid-list ul li .img-box img{-webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all;width: 100%;}
.vid-list ul li .text{line-height: 36px; padding: 0 10px; background: #e7e7e7;}
.vid-list ul li:hover{border:1px solid #076ce0;}
.vid-list ul li:hover .img-box img{ transform: scale(1.05);}
.vid-list ul li:hover .text{background: #075ab8; color: #fff;}

@media(max-width:768px){
	.vid-list ul li{width: calc(50% - 20px); margin: 10px;}
}
@media(max-width:414px){
	.vid-list ul li{width: 100%; margin: 10px 0;}
}

/*视频中心 结束*/



/*内页产品 开始*/

.sidebar{ width:23%; float: left; }
.sidebar .subnav-pro{border: 1px solid #e7e7e7;border-top: 2px solid #076ce0;}
.maincol{ width:77%; float: right; padding-left: 40px;}
.maincol .position .fr{position: relative; padding-left: 38px;font-size: 14px;}
.maincol .position .fr a{color: #999; font-size: 14px;}
.maincol .position .fr a:hover{color: #075ab8;}
.maincol .position .fr span{color: #075ab8;}
/*.maincol .position .fr:before{content: ''; position: absolute; left: 0px; margin-top: 14px; width: 23px; height: 30px; background: url(../img/icon/icon-map.png) no-repeat center; background-size:contain ;}*/

.subnav h2{ padding: 15px 20px; color:#333; font-size: 15px;}
.subnav h2 span{font-size:1.2rem; display: block; margin-bottom:5px; }
.subnav h2 em{ font-size:.8rem; font-weight: normal; }

.sidebar .subnav ul{padding:0 0 20px; padding: 0 15px; }
.sidebar .subnav ul li{ border-bottom:1px dashed #e7e7e7;  width: 100%;}
.sidebar .subnav ul li:last-child{ border-bottom: 0;}
.sidebar .subnav ul li a{ display:block; padding:15px 15px; }
.sidebar .subnav ul li a:hover{ color:#075ab8; }
.sidebar .subnav ul li a.on{ color:#075ab8; }

.sidebar .subnav-pro ul li i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon-jia.png) no-repeat center;
    }
.sidebar .subnav-pro ul li div{display: flex; align-items: center; justify-content: space-between;}
.sidebar .subnav ul li a{display: inline-block; line-height: 20px; width: 100%;}
.sidebar .subnav ul li div:hover a{ color: #075ab8;}
.sidebar .subnav ul li div.on{ color: #075ab8; }
.sidebar .subnav ul li div.on a{color:#075ab8; }
.sidebar .subnav-pro ul li div.on i{ background: url(../img/icon-jian.png) no-repeat center; }

.subnav-pro ol{display: none;}

@media(max-width:768px){
.subnav-pro ol{display: block;}
.subnav-pro .menu-nav{ position:relative;}
.subnav-pro .menu-nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;}
.subnav-pro .menu-nav ol span{display:block; background-color:#075ab8;padding:5px;border-radius:3px;}
.subnav-pro .menu-nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;}
.subnav-pro .menu-nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #075ab8;}
.subnav-pro .menu-nav ul{ position:absolute; width:100%; top:155px; left:0; background-color:#075ab8;padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 1000}
.subnav-pro .menu-nav li{ background-color:#fff; border-bottom:1px solid #075ab8;border-radius:5px;}
.subnav-pro .menu-nav li a{ padding:0 2%; line-height:40px; }
.subnav-pro .menu-nav li a:hover{color:#075ab8;}
.subnav-pro header h1{padding:10px 10% 10px 18px; }
.subnav-pro header h1{ font-size:20px;}

.sidebar .subnav h2{background: #076ce0; color: #fff;}
.sidebar .subnav h2 span{color: #fff;}
.sidebar .subnav-pro{border-top: 0;}
}




.sidebar .subnav h2{padding: 15px 10px; color:#333; border-bottom: 1px dashed #ddd;}
.sidebar .subnav h2 span{font-size:20px; display: block; margin-bottom:5px; display: block; }

/*.list-s2.rw1 ul{margin-left: -30px; margin-top: 30px;}
.list-s2 ul {padding-left: 0px;}
.list-s2 ul li{width: calc(100% / 3 - 20px); overflow: hidden; box-sizing: border-box; float: left; margin-left: 20px; margin-bottom: 20px; text-align: center; }
.list-s2 ul li span{display: block; padding: 8px 0; border: 1px solid #eaeaea; }
.list-s2 ul li .img-box img{ width: 100%; transition: .5s;}
.list-s2 ul li:hover img{transform: scale(1.05);}
.list-s2 ul li:hover span{color: #333;}*/
.list-s2 ul li .text{padding: 15px 10px;background: #222;color: #fff;text-align: center;}
.list-s2 ul li:hover .text{background: #076CE0;color: #fff;}


.list-s2 ul li{float: left; width: calc(100% / 3 - 10px);margin:10px 5px ; border: 1px solid transparent; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; transition: 0.4s all; }
.list-s2 ul li a .img-box{ position: relative; overflow: hidden;}
.list-s2 ul li a .img-box img{width:100%}
.list-s2 ul li a .img-box .more{display: block; background: rgba(7,90,184,.6); text-align: center; position: absolute;top: 50%; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; transition: 0.4s all;}
.list-s2 ul li a .img-box .more i{ display: inline-block; position: absolute; left: calc(50% - 48px); color: #FFFFFF; font-size: 14px; padding: 10px 15px; top: calc(50% - 20px); border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.list-s2 ul li .text{ padding: 15px 10px; background: #222; color: #fff; text-align: center;}
.list-s2 ul li:hover {border: 1px solid #075ab8;}
.list-s2 ul li:hover .img-box .more{top: 0; opacity: 1;}
.list-s2 ul li:hover .text{background: #076CE0; color: #fff;}
.pro-box .pro-mobile-hd,
.pro-box ol{display: none;}
.pro-box .pro-pc-hd{ display: block; }

@media screen and (max-width:768px ) {
	.pro-bg{background-size: cover;}
}
@media screen and (max-width:640px ) {
	.list-s2 ul li{width: calc(50% - 30px);}
	.pro-box {position: relative;background: #eee;}
    .pro-box .pro-mobile-hd{ display: block; }
    .pro-box .pro-pc-hd{ display: none; }
	.pro-box ol{display: block; position: relative; background: #ddd; padding: 15px 10px; margin: 0; z-index: 99; }
	.pro-box ol:after{content: ''; position: absolute; right: 10px; width: 24px; height: 24px; background: url(../img/icon/icon-r.png) no-repeat center; background-size: contain;-webkit-transition: 0.4s all; -moz-transition: 0.4s all; -ms-transition: 0.4s all; transition: 0.4s all;}
	.pro-box .pro-hd{display: none; position: absolute; width: 100%;z-index: 98; background: rgba(0,0,0,.8);}
	.pro-box .pro-hd a{display: block; color: #fff;}
}

@media screen and (max-width:414px ) {
	.list-s2 ul li{width:100%; margin: 10px 0 10px;}
}









.position{ border-bottom:1px solid #ccc; line-height: 50px; line-height: 50px; margin-bottom:30px; }
.position h4{font-size:20px; font-weight:normal; color:#888; margin-top: 5px;}
.position p{ color:#888; }
.position p a{ color:#888; line-height: 60px; }


/*热线电话*/
.rexina{background: url(../img/dianhua-bg.jpg) no-repeat center; padding: 30px 20px;color: #fff; margin-top: 10px; }
.rexina h2{ position: relative; font-size: 20px;padding-left: 40px; margin-bottom: 15px;}
.rexina h2:before{content: ''; position: absolute; width: 30px; height:30px; left: 0px; background: url(../images/icon/dianhua2.png) no-repeat center; background-size: cover;}
.rexina p{font-size: 26px; line-height: 36px;  letter-spacing: 2px; margin-left: 36px; font-family: 'bebas';}

@media(max-width:1024px){
    .rexina p{font-size: 20px;}
}


@media screen and (max-width: 992px) {
	.sidebar{ width:100%; margin-bottom: 15px; }
	
	.subnav ul{ border-top:1px solid #dcdcdc; border-left:none; border-right:none; margin-top: 1px; }
	.subnav ul{ border-top:1px solid #dcdcdc; border-left:none; border-right:none; margin-top: 1px; }
	.rexina{display: none;}
	
	.maincol{ width:100%; padding: 0; }
	.maincol{ width:100%; padding: 0; }
	
}

@media screen and (max-width: 768px) {
	.list-s2.rw1 ul{margin-left: -20px;}
	.list-s2.rw1 ul li{ width: calc(50% - 20px); }
}

@media screen and (max-width: 640px) {
	.pro-con1 .pro-text{padding: 30px 0;}
	.maincol .position .fl{display: none;}
	.maincol .position .fr{float: none; width: 100%; display: none;}
	
	.list-s2.rw1 ul{margin-left:0;}
	.list-s2.rw1 ul li{width: 100%; margin-left: 0;}
}

/*内页产品 结束*/


/*内页新闻 开始*/

.ind-news-con ul li { position: relative; padding: 15px 20px; margin-bottom: 20px; margin-top: 30px; float: left; width:100%; margin-right: 20px; -webkit-transition: 0.4s all;}
.ind-news-con ul li:after{content: ''; position: absolute;top: 0; left: 0; background:#076ce0; width: 0; height: 100%;-webkit-transition: 0.4s all;transition: 0.4s all;}
.ind-news-con ul li:hover:after{width: 100%; z-index: -1;}
.ind-news-con ul li .data{width: 20%; position: relative; float: left;}
.ind-news-con ul li .data:after{content: ''; position: absolute; right: 0; top: 0; background: #e7e7e7; width: 1px; height: 100%;}
.ind-news-con ul li .data h2{font-size: 36px; color: #333; text-align: center; }
.ind-news-con ul li .data p{font-size: 15px; color: #999; text-align: center; margin-top: 8px;}
.ind-news-con ul li .text{float: left; width: calc(80% - 20px); margin-left: 20px;}
.ind-news-con ul li .text h2{font-size: 17px; color: #333;}
.ind-news-con ul li .text p{font-size: 14px; line-height: 24px; color: #999; margin-top: 8px; height: 48px;}
.ind-news-con ul li:hover .data h2{color: #fff;}
.ind-news-con ul li:hover .data p{color: #fff;}
.ind-news-con ul li:hover .text h2{color: #fff;}
.ind-news-con ul li:hover .text p{color: #fff;}


@media screen and (max-width:768px ) {
	.ind-news-con ul li{float: none; width: 100%; margin: 20px 0 20px;}
	.ind-news-con ul li:after{content: ''; position: static; }
	.ind-news-con ul li:hover .data h2{color: #333;}
	.ind-news-con ul li:hover .data p{color: #999;}
	.ind-news-con ul li:hover .text h2{color: #333;}
	.ind-news-con ul li:hover .text p{color: #666;}
	
}
@media screen and (max-width:640px ) {
	.ind-news-con ul li{padding: 10px 0;}
}

@media screen and (max-width:414px ) {
	.ind-news-con ul li .data h2{font-size: 20px;}
	.ind-news-con ul li .text p{
		display: block; 
		overflow: hidden; 
		text-overflow: ellipsis; 
		-o-text-overflow: ellipsis;  
		-webkit-text-overflow: ellipsis; 
		-moz-text-overflow: ellipsis; 
		white-space: nowrap; 
		word-wrap: break-word;
		height: 24px;
	}
}



/*内页新闻结束*/

/*内页新闻详情开始*/
.news_detail .content{padding: 2%; border: 1px solid #eaeaea;margin-top: 50px;margin-bottom: 100px;}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .title{font-size: 30px; line-height: 40px;color: #333;text-align:center}
.news_detail .Abstract{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;margin-top: 15px; margin-bottom: 20px;padding: 5px 10px;color: #999999;    border-width: 1px;border-style: solid;border-color: rgba(228,228,228,1);background-color: rgba(252,251,253,1);}
.news_detail .text,.news_detail .text span,.news_detail .text p,.news_detail .text div{font-size: 15px!important;line-height: 28px!important;font-family: "微软雅黑"!important;}
.news_detail .Vice-title{text-align: center;font-size: 13px;margin: 20px 0;border-bottom: 1px solid #eaeaea;padding-bottom: 20px;}
.news_detail .Vice-title .e-title{color: #c8c8c8;}
.news_detail .Vice-title .e-title:nth-child(1){background: url(../images/e-title.jpg)no-repeat left center;padding-left: 15px;}
.news_detail .Vice-title .e-title:nth-child(2){margin-left: 10px;display: inline-block;}
.news_detail .Vice-title .e-title:nth-child(3){margin-left: 10px;display: inline-block;}
.news_detail .text{margin-top: 20px;}
.news_detail .text img{display: block;margin: auto;}
.news_detail span.center{text-align: center;display: block;font-size: 16px;}
.news_detail .img{max-width: 100%}
.news_detail .fanye{line-height: 30px; font-size: 15px;color: #666;margin-top: 30px;}
.news_detail .fanye .prev{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye .next{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.news_detail .fanye a:hover{color: #1A583D}
.news_detail .fanye span{color: #999;}
/*内页新闻详情开始*/


 
/*行业新闻*/
.news_list .auto{ max-width:1600px;}

.news_list h3{ margin:0; font-size:18px;}
.news_list p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}

.news_list ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.news_list ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.news_list ol .Ispic img{ display:none;}
.news_list ol div{ padding:5% 10% 3% 5%;}
.news_list ol h3 a{ color:#076ce0;}
.news_list ol h3 a:hover{ color:#076ce0;}
.news_list ol time{ display:block; padding:3% 0;}
.news_list ol p{ margin:0 0 3% 0; height:78px;}
.news_list ol span a{display: inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#076ce0; font-size:12px;border: 1px solid #076ce0;transition: all 0.5s;}
.news_list ol span a:hover{background: none;color:#076ce0;}

.news_list li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#f4f4f4; transition: .5s;}
/*.news_list li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../img/icon/icon-news-jia.png) no-repeat center; border-left:2px solid #fff;}*/
.news_list li h3 a:hover{ color:#076ce0;}
.news_list li div{border-left:1px solid #ededed; padding:2% 3%;}
.news_list li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.news_list li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.news_list li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.news_list li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
.news_list li div p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li:hover{background: #fff; box-shadow: 0 0 20px #ddd;}

@media(max-width:1000px){
.news_list li{padding-left:100px;padding-right:30px;}
.news_list li:after{width:30px; background-size:35% auto;}
.news_list li time{width:100px;}
.news_list li time span{font-size:14px;}
.news_list li time i{font-size:40px;line-height:30px;}
}

@media(max-width:640px){
.news_list ol{ padding-left:0;}
.news_list ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.news_list ol div{ padding:3%;}
}
@media(max-width:480px){
.news_list li{padding-left:80px;padding-right:0;}
.news_list li:after{ display:none;}
.news_list li time{width:80px;}
.news_list li time i{font-size:30px;}
.news_list h3{ font-size:16px;}
.news_list p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
.news_list ol p{ height:60px;}
}

/*行业新闻*/


/*人才招聘*/

.con-join .accordion {
	/*width: 100%;*/
	/*max-width: 360px;*/
	margin: 0px auto 20px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.con-join .accordion .link {
	background: #eee;
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #4d4d4d;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	position: relative;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
/*.con-join .accordion>li{box-shadow: 0 4px 4px #888; margin: 10px 0;}*/

.con-join .accordion li:last-child .link {
	border-bottom: 0
}

.con-join .accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.con-join .accordion li.open i.fa-chevron-down{
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.con-join .accordion li.open i{
	color: #075ab8;
}

.con-join .accordion li i.fa-chevron-down{
	right: 12px;
    left: auto;
    font-size: 16px;
}
.con-join .submenu {
	display: none;
	background: #fff;
	font-size: 14px;
	padding: 20px 30px;
}

.con-join .submenu ul li{display: flex; align-items:center; line-height: 32px; margin-bottom: 20px; font-size: 16px; width: calc(100% - 20px); margin: 10px 0;}
.con-join .submenu ul li span{color: #666; padding-left: 20px;}

.con-join .join-yaoqiu{padding-top: 30px; border-top:1px solid #eee;}
.con-join .join-yaoqiu .join-tit{font-size: 22px; margin-bottom: 20px;}
.con-join .join-yaoqiu .join-yaoqiu-text{line-height: 32px; font-size: 16px; color: #666;  font-weight: 400; margin-bottom: 10px;}
/*人才招聘*/


/*联系 start*/
.lianxi-map{width: 65%;}

.lianxi-text{width: 35%; height: 500px; background: url(../img/lianxi-m1.jpg) no-repeat center; background-size: cover; padding: 30px; box-sizing: border-box;}
.lianxi-text h2{font-size: 20px; color: #FFFFFF; margin-bottom: 20px;}
.lianxi-text p{font-size: 15px; color: #fff;line-height: 30px;}
.lianxi-text .qr{text-align: center; padding: 30px 0;}
.lianxi-text span{display: block; margin-top: 15px; color: #fff;}

.graphic-title-box{ width:40%; padding-right: 20px; float: left; position: relative; }

.ind-mas-box{width: 50%; float: right;}
.ind-mas-box.mas-in{ padding-left: 20px; padding-right: 20px;}

.input-group{display: flex; margin-bottom: 20px; align-items: center; justify-content: center;}
.input-group label{ font-size: 14px; color: #666;  width: 50px; text-align: right;}
.input-group input{ width: 100%; padding: 5px 0; font-size: 14px; border: 1px solid #ddd; border-radius: 4px ;}
.input-group textarea{ width: 100%; padding: 5px 0; font-size: 14px; border: 1px solid #ddd; border-radius: 4px ;}
.input-group.baseline{align-items: baseline;}
.ind-btn-subm{ width: calc(100% - 50px); float: right; border-radius: 4px;}

@media screen and (max-width: 1024px) {
	.lianxi-text{width: 35%;}
}
@media(max-width:768px){
	.lianxi-map{width: 100%;}
	.lianxi-text{width: 100%; margin-top: 30px;}
}

@media(max-width:640px){
	.graphic-title-box, .ind-mas-box{width: 100%;}
}


/*联系 end*/