@charset "UTF-8";
/* header */
.main{padding:0 160px 0 160px; margin:auto;}



/*导航*/
header{position: fixed;width: 100%;top:25px;z-index: 1005;background-color: transparent;}
header .nav-hide{ position:relative; height:100px; line-height:100px;}
header .nav-show{ display:none; height:100px; line-height:100px; pointer-events: auto; transition: all .5s ease; position:relative; background-color:#DBE9F4; border-radius:54px; -moz-border-radius:54px;  -webkit-border-radius:54px; -webkit-box-shadow: 0px 0 30px rgba(19,53,80,.3);-moz-box-shadow: 0px 0 50px rgba(19,53,80,.3);box-shadow: 0px 0 30px rgba(19,53,80,.3);}
header .logo{ position: absolute; left:80px; top:20px;pointer-events: auto;display: block;transition: all .5s ease;}
header .logo img{max-height:60px}
header .nav-show .mright{ position:absolute; right:50px; top:0; font-size:18px; color:#585858; }
header .nav-show .mright .search-box{float:left; position:relative;}
header .nav-show .mright .search-box > a{ display:inline-block; padding:0 18px 0 24px;  background-image:url(../images/seach.png); background-repeat:no-repeat; background-position:left center; font-size:18px;}
header .nav-show .mright span{float:left;}
header .nav-show .mright .a-en{ display:inline-block; float:left; padding:0 18px 0 18px;}

/*搜索框*/
header .nav-show .mright .search-box .input-box{ display:none; position:absolute; right:0px; top:80px; height:auto; line-height:normal;}
.input-box .sanjiao{text-align:right; padding:0 45px 0 0; height:13px;}
.input-box .input-main{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1); padding:20px 25px 20px 25px; width:348px;
	-webkit-box-shadow: 0 0 3px #cccccc;  
	-moz-box-shadow: 0 0 3px #cccccc;
	box-shadow: 0 0 3px #ccccccc;
	border-collapse:separate !important;
}
.input-box .input-main .input-div{ border-bottom:1px solid #d4d4d4; width:100%;}
.input-box .input-main .input-div .p-left{float:left; width:80%;  width:calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);}
.input-box .input-main .input-div .p-left .input1{ height:40px; width:100%; border:0; line-height:40px; font-size:16px; color:#9A9695;}
.input-box .input-main .input-div .input-ico{float:right; margin-top:10px;}

/*css 移动上去显示搜索框*/
header .nav-show .mright .search-box:hover .input-box{
	display:block;
	-webkit-animation: fadeIn 1s both;
    -moz-animation: fadeIn 1s both;
	animation: fadeIn 1s both;
}


header .nav-show .nav{ text-align:center;}
header .nav-show .nav a{ display:inline-block; padding:0 25px 0 25px; font-size:18px; color:#565656;}
header .nav-show .nav a:hover,
header .nav-show .nav .a-be{ color:#006FB7;}
/*导航显示图标*/
header .nav-hide .logo{top:52px;}
header .nav-hide .menu-ico{width: 64px;height: 64px;display: block;cursor: pointer;position: absolute; top:50px;right: 80px; z-index: 110;border-radius: 50%;background-color: #fff;pointer-events: auto;color: #fe9b38;text-align: center;line-height: 60px;font-size: 32px;text-indent: 2px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.menu-ico:after{width: 64px;height: 64px;box-sizing: border-box;content: '';display: block;position: absolute;top: 0;left: 0;pointer-events: none;border: 4px solid #a2bccc;border-radius: 50%;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-name: menu_circle;animation-name: menu_circle;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@keyframes menu_circle{0%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
80%{-webkit-transform: scale(1.6);transform: scale(1.6);}
100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);};}
.menu-ico img{width:30px}
/*显示隐藏导航*/
header .nav-show-on{
	display:block;
	-webkit-animation: fadeIn 1s both;
    -moz-animation: fadeIn 1s both;
	animation: fadeIn 1s both;
}




/*手机导航*/
.header-tel{position:fixed; width:100%; z-index:333; display:none;}
.header-tel .tel-nav-box{padding:10px 20px 0px 20px; background-color:#FFFFFF; border-bottom:1px solid #dddddd;}
.header-tel .tel-nav-box .tel-nav-ico{ padding:2px 0 10px 0;}
.header-tel .tel-nav-box .tel-nav-ico .logo{ float:left;}
.header-tel .tel-nav-box .tel-nav-ico .logo img{max-height:40px;}
.header-tel .tel-nav-box .tel-nav-ico .lang{ float:right; font-size:14px; margin:10px 16px 0 16px;}
.header-tel .tel-nav-box .tel-nav-ico .right-ico{float:right; margin:8px 0 0 0; width:28px; height:23px; background-image:url(../images/tel_nav_on.jpg); background-repeat:no-repeat; background-position:center center;}
.header-tel .tel-nav-box .tel-nav-ico .right-ico-close{background-image:url(../images/tel_nav_close.jpg);
	-webkit-animation: rotateIn 0.5s both;
    -moz-animation: rotateIn 0.5s both;
	animation: rotateIn 0.5s both;
}
.header-tel .tel-nav-box .tel-nav{ display:none; border-top:1px solid #dddddd; max-height:80vh; max-height:calc(100vh - 60px); max-height: -moz-calc(100vh - 60px); max-height: -webkit-calc(100vh - 60px); overflow-y:auto;}
.header-tel .tel-nav-box .tel-nav li{ border-bottom:1px solid #e9e9e9; padding:0 10px 0 10px;}
.header-tel .tel-nav-box .tel-nav li .nav-name1{ height:44px; line-height:44px; overflow:hidden;}
.header-tel .tel-nav-box .tel-nav li .nav-name1 a{float:left; color:#666666; font-size:16px;}
.header-tel .tel-nav-box .tel-nav li .nav-name1 .a-be{color:#026EB6;}
.header-tel .tel-nav-box .tel-nav li .nav-name1 p{float:right; margin:14px 0 0 0; width:16px; cursor:pointer; height:9px; background-image:url(../images/tel_nav_xia.jpg); background-repeat:no-repeat; background-position:center center;}
.header-tel .tel-nav-box .tel-nav li .nav-name1 .p-s{background-image:url(../images/tel_nav_shang.jpg);}
.header-tel .tel-nav-box .tel-nav li .menu_sub{ padding:0px 20px 0px 20px; display:none;}
.header-tel .tel-nav-box .tel-nav li .menu_sub a{ height:34px; line-height:24px; position:relative; display:block; overflow:hidden; text-align:left; font-size:14px; color:#333333;}
/*手机搜索框*/
.tel-search{ padding:10px; background-color:#f3f3f3; border-bottom:30px solid #ffffff;  display:none;}
.tel-search p{ float:left; width:80%;  width:calc(100% - 60px); width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); }
.tel-search p input{width:100%; border:1px solid #eeeeee; border-radius:6px; -moz-border-radius:6px;  -webkit-border-radius:6px; height:32px; line-height:32px; padding:0 10px 0 10px;}
.tel-search span{float:right; margin:8px 0 0 0;}




/* 动画 banner图片鼠标动画 */
@-webkit-keyframes jump{0%{opacity: 1;top: -10px;}
50%{opacity: 1;}
100%{opacity: 0;top: 11px;};}
@keyframes ani1{ 0%{
opacity: 0; transform: translate(80px, 0) }
100%{opacity: 1; transform: translate(0, 0) }
}
/*banner大图*/
.banner-box{position:relative;}
/* 鼠标 */
.banner-box .mouse{position: absolute;bottom: 140px; right:230px; z-index: 10;text-align: center;color: #fff;-webkit-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;}
.banner-box .mouse .c-wrap{position: relative;margin: 0 auto;width: 30px;height: 50px;border: 2px solid #fff;border-radius: 18px;overflow: hidden;}
.banner-box .mouse .c-wrap .c-line{position: absolute;top: 16px;left: 14px;width: 2px;height: 12px;background: #fff;animation: jump 1.5s linear infinite;-webkit-animation: jump 1.5s linear infinite;}
.banner-box .mouse .c-text{padding-top: 5px;font-size: 12px;line-height: 22px;}

.banner{position:relative; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.banner .arrow.pre {background-image: url();left:0px;}
.banner .arrow.next {background-image: url(); right:0px;}
.banner .arrow:hover{}

.banner .slick-dots {
	position: absolute;
	width: 12px;
	right:270px;
	z-index: 1000;
	bottom:240px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background:none;
	border:1px solid #ffffff;
	background-color:#FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 0;
	width: 9px;
	height: 9px;
	line-height: 0;
	margin: 20px 0 20px 0;
	outline: medium none;
	padding: 0;
	border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;
}
.banner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	margin-left:-2px;
	width:14px;
	height:14px;
	background-color: transparent;
	border:2px solid #ffffff;	 
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%; height:100vh;}
.banner .dataitem .mimg{background-image:url(); background-repeat:no-repeat; background-size:cover; position:relative; width:100%; height:100vh;}
.banner .dataitem .mimg img{ width:100%; display:block;}
.banner .dataitem .fd_text{ position:absolute; left:10%; top:40%; width:80%; height:40vh; overflow:hidden; text-align:center;}
.banner .dataitem .fd_text h3{ font-size:38px; text-align:center; color:#FFFFFF; padding:0 0 10px 0; overflow:hidden;
	text-shadow: 1px 1px 1px #444444;
	-webkit-text-shadow: 1px 1px 1px #444444;  
	-moz-text-shadow: 1px 1px 1px #444444;
	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.banner .dataitem .fd_text h3 img{display: inline-block;}
.banner .dataitem .fd_text h5{ font-size:2.5vw; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-shadow: 1px 1px 1px #444444;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
/*
.banner .dataitem.slick-active {
    -webkit-animation: ProgressDots 1s both;
    animation: ProgressDots 11s both;
}*/
/*
注：只有在上面非活动状态显示成隐藏状态，下面的active时才可以以效果显出来

*/
.banner .dataitem.slick-active .mimg{transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);transition:all linear 5s;-webkit-transition:all linear 5s;}
.banner .dataitem.slick-active h3{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
.banner .dataitem.slick-active h5{
	-webkit-animation: fadeInUp 1s both 0.5s;
    -moz-animation: fadeInUp 1s both 0.5s;
	animation: fadeInUp 1s both 0.5s;
}
/*左右滚动结束*/

.section1{}
.section2{ background-color:#EFEFEF;}
.section3{ background-color:#EFEFEF;}
.section4{ background-color:#EFEFEF;}
.section5{ background-color:#EFEFEF;}
.section6{}


.hei035{height:3.5vw;}


.bk-title{text-align:center;}
.bk-title a{ display:inline-block; line-height:2em; font-size:58px; color:#5a5a5a; background-image:url(../images/bk_title.png); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;}
.bk-title2{text-align:left; padding-left:4vw;}
.bk-title3{text-align:left;}
.bk-title-bai a{color:#FFFFFF; background-image:url(../images/bk_title2.png);}
.bk-title-lan a{color:#006EB6; background-image:url(../images/bk_title2.png);}


/*首页第二块  首页产品切换*/
.i-product-box{position:relative;}
.i-product{position:relative; width:100%; margin:auto;}
.i-product .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.i-product .arrow.pre {background-image: url();left:0px;}
.i-product .arrow.next {background-image: url(); right:0px;}
.i-product .arrow:hover{}
.i-product .slick-dots {
	position: absolute;
	width: 12px;
	left:15vw;
	z-index: 1000;
	bottom:10vw;
}
.i-product .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.i-product .slick-dots li button {
	background:none;
	border:1px solid #ffffff;
	background-color:#FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 0;
	width: 9px;
	height: 9px;
	line-height: 0;
	margin: 20px 0 20px 0;
	outline: medium none;
	padding: 0;
	border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;
}
.i-product .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	margin-left:-2px;
	width:14px;
	height:14px;
	background-color: transparent;
	border:2px solid #ffffff;	 
}
/*上半部分是固定的 下边是网站的css样式*/
.i-product .dataitem{float:left; width:100%; height:100vh; overflow:hidden;}
.i-product .dataitem .mimg{ float:left; width:50%; height:100vh; background-image:url(); background-repeat:no-repeat; background-size:cover; position:relative;}
.i-product .dataitem .mimg img{ width:100%; display:block;}
.i-product .dataitem .mright{ float:right; margin:180px 0 0 0; width:50%;}
.i-product .dataitem .mright .text-box{ padding:3vw 4vw 3vw 4vw; background-color:#CBDCE6;}
.i-product .dataitem .mright .text-box .mtitle{ font-size:42px; color:#006EB5; line-height:2em;}
.i-product .dataitem .mright .text-box .brief{ font-size:18px; color:#5b5b5b; line-height:2em;}
.i-product .dataitem .mright .text-box .more{ padding:1.5vw 0 0 0;}
.i-product .dataitem .mright .text-box .more a{ display:inline-block; padding:0 64px 0 0; height:40px; line-height:40px; background-image:url(../images/pro_more.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%; font-size:18px; color:#5A5A5A;}

/*产品切换结束*/




/*核心能力*/
.i-core{}
.i-core ul{ padding:1vw 8vw 0 8vw;}
.i-core ul li{float:left; margin:3vw 4% 0 4%; width:25.3333333%; position:relative;}
.i-core ul li .core-info{ padding:0 22px 0 22px;}
.i-core ul li .core-info .mimg-box{padding:15px; border:1px solid #5A5957; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%; overflow:hidden;}
.i-core ul li .core-info .mimg-box .mimg{ display:block; position:relative; padding:2.5vw; background-color:#5A5957; text-align:center;  border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}
.i-core ul li .core-info .mimg-box .mimg img{ width:100%; display:block;
	-moz-filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	-o-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.i-core ul li .core-info .text{ padding:2vw 0 0 0; text-align:center;}
.i-core ul li .core-info .text a{color:#595856; font-size:46px;}
.i-core ul li:hover .core-info .mimg-box{ border:1px solid #006EB6;}
.i-core ul li:hover .core-info .mimg-box .mimg{background-color:#006EB6;}
.i-core ul li:hover .core-info .text a{color:#006EB6;}

.section3.active .i-core{
	-webkit-animation: fadeInUp 1s both 0.5s;
    -moz-animation: fadeInUp 1s both 0.5s;
	animation: fadeInUp 1s both 0.5s;
}



/*首页新闻*/
.i-news{}
.i-news .mleft{ float:left; width:80%;  width:calc(100% - 315px); width: -moz-calc(100% - 315px); width: -webkit-calc(100% - 315px);}
.i-news .mleft ul{ display:none;}
.i-news .mleft .ul-show{display:block;}
.i-news .mleft ul li{float:left; width:31%; width:calc((100% - 120px)/3); width: -moz-calc((100% - 120px)/3); width: -webkit-calc((100% - 120px)/3); margin:30px 60px 0 0; }
.i-news .mleft ul li:nth-child(3n+3){margin-right:0;} 
.i-news .mleft ul li .mimg{ overflow:hidden; border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px;}
.i-news .mleft ul li .mimg img{ width:100%;}
.i-news .mleft ul li .mdate{ padding:20px 0 0 0; line-height:50px; text-align:left; border-bottom:1px solid #e3e3e3; color:#878787; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.i-news .mleft ul li .mtitle{ display:block; position:relative; height:100px; line-height:50px; overflow:hidden; font-size:30px; color:#5a5a5a;}
.i-news .mleft ul li .mmore{ padding:50px 0 0 0; text-align:left;}
.i-news .mleft ul li .mmore a{display:inline-block; font-size:18px; color:#5a5a5a; padding:0 60px 0 0; height:42px; line-height:42px; background-image:url(../images/news-more.jpg); background-repeat:no-repeat; background-position:right center; background-size: auto 100%;}
.i-news .mleft ul li:hover .mdate{ color:#026EB7;}
.i-news .mleft ul li:hover .mtitle{ color:#026EB7;}
.i-news .mleft ul li:hover .mmore a{ color:#026EB7; background-image:url(../images/news-more2.jpg);}

.i-news .mright{ float:right; max-width:258px;}
.i-news .mright ul{ padding-top:7.8vw;}
.i-news .mright ul li{padding:24px 0 0 0; text-align:right;}
.i-news .mright ul li a{display:inline-block; width:175px; text-align:center; line-height:58px; height:58px; border:2px solid #217FBF; background-color:#FFFFFF; border-radius:24px; -moz-border-radius:24px;  -webkit-border-radius:24px; color:#006EB6; font-size:22px;}
.i-news .mright ul li a:hover,
.i-news .mright ul li .a-be{ background-color:#006FB7; color:#FFFFFF;}


.section4.active .i-news .mright{
	-webkit-animation: fadeInUp 1s both 0.2s;
    -moz-animation: fadeInUp 1s both 0.2s;
	animation: fadeInUp 1s both 0.2s;
}
.section4.active .i-news .mleft{
	-webkit-animation: fadeInUp 1s both 0.5s;
    -moz-animation: fadeInUp 1s both 0.5s;
	animation: fadeInUp 1s both 0.5s;
}



/*首页关于我们*/
.i-about{}
.i-about .mleft{ position:absolute; top:0; left:0; width:50%; height:100vh; overflow:hidden;}
.i-about .mleft .mimg{width:100%; height:100vh; background-image:url(); background-repeat:no-repeat; background-position:left center; background-size:cover;}
.section5:hover .i-about .mleft .mimg{transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);transition:all linear 5s;-webkit-transition:all linear 5s;}
.i-about .mright{ float:right; width:50%;}
.i-about .mright .about-box{ padding:0 0 0 4vw;}
.i-about .mright .about-box .explain{padding:40px 0 20px 0; line-height:1.6em; font-size:30px; color:#026EB7; text-align:left;}
.i-about .mright .about-box .brief{font-size:18px; line-height:2em; text-align:justify; color:#595959;}
.i-about .mright .about-box .mmore{ padding:50px 0 0 0; text-align:left;}
.i-about .mright .about-box .mmore a{display:inline-block; font-size:18px; color:#5a5a5a; padding:0 60px 0 0; height:42px; line-height:42px; background-image:url(../images/news-more.jpg); background-repeat:no-repeat; background-position:right center; background-size: auto 100%;}
.i-about .mright .about-box .mmore a:hover{color:#026EB7; background-image:url(../images/news-more2.jpg);}
.i-about .mright .about-box .parameter{ color:#5a5a5a; padding:30px 0 0 0;}
.i-about .mright .about-box .parameter li{ float:left; margin:30px 0 0 0; width:22%; width:calc(25% - 5px); width: -moz-calc(25% - 5px); width: -webkit-calc(25% - 5px); padding-right:5px; text-align:left;}
.i-about .mright .about-box .parameter li .mimg{ text-align:left;}
.i-about .mright .about-box .parameter li .mtitle{font-size:14px; padding:8px 0 0 0; line-height:40px;}
.i-about .mright .about-box .parameter li .mtitle span{font-size:28px; color:#343434; font-weight:bold;}
.i-about .mright .about-box .parameter li .shuoming{ font-size:15px;}



/*底部信息*/
.footer-box{background-color:#006EB6; padding:3.5vw 0 22px 0;}
.footer-box .footer-nav{ padding-bottom:20px;}
.footer-box .footer-nav .f-nav{ float:left;}
.footer-box .footer-nav .f-nav li{float:left; margin:12px 4vw 0 0;}
.footer-box .footer-nav .f-nav li > a{ position:relative; display:block; line-height:30px; font-size:17px; font-weight:bold; color:#FFFFFF;}
.footer-box .footer-nav .f-nav li p{ padding:12px 0 0 0;}
.footer-box .footer-nav .f-nav li p a{ position:relative; display:block; font-size:14px; line-height:2em; font-weight:bold; color:#B4C4DD;}
.footer-box .footer-nav .f-ysj{float:left; margin-top:16px;}
.footer-box .footer-nav .mright{float:right; width:480px;}
.footer-box .footer-nav .mright li{ padding:12px 0 12px 50px; background-repeat:no-repeat; background-position:left 15px; color:#FFFFFF; font-size:17px; font-weight:bold; line-height:32px;}
.footer-box .footer-nav .mright .li1{ background-image:url(../images/f_tel.png);}
.footer-box .footer-nav .mright .li2{ background-image:url(../images/f_email.png);}
.footer-box .footer-nav .mright .li3{ background-image:url(../images/f_address.png);}
/*版权行*/
.footer-box .footer-copy{}
.footer-box .footer-copy .mleft{position:relative; display:block; float:left; width:80px; height:80px; background-color:#FFFFFF; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;
background-image:url(../images/ssj.png); background-repeat:no-repeat; background-position:center center;}
.footer-box .footer-copy .mleft:hover{background-color:#79C3E8;}
.footer-box .footer-copy .mright{ float:right; width:90%;  width:calc(100% - 115px); width: -moz-calc(100% - 115px); width: -webkit-calc(100% - 115px);}
.footer-box .footer-copy .mright .copy{float:left; width:550px; margin:0 0 0 0;}
.footer-box .footer-copy .mright .copy .copy-con{ background-color:#79C3E8; border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px; padding:25px 15px 25px 15px; text-align:center; line-height:30px; font-size:14px; color:#FFFFFF;}
.footer-box .footer-copy .mright .copy .copy-con a{font-size:14px; color:#FFFFFF;}
.footer-box .footer-copy .mright .f-logo{float:right; width:50%; width:calc(100% - 585px); width: -moz-calc(100% - 585px); width: -webkit-calc(100% - 585px); text-align:center; border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px; background-color:#5AA1CF; padding:10px 0 10px 0;}
.footer-box .footer-copy .mright .f-logo img{height:60px;}


/*二级页面*/
.top-banner{ overflow:hidden;}
.top-banner img{ width:100%; display:block;}
.top-banner:hover img{transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);transition:all linear 5s;-webkit-transition:all linear 5s;}

/*关于我们*/
.hei20{ height:20px; min-height:10px;}
.hei30{ height:1vw; min-height:10px;}
.hei40{ height:2vw; min-height:10px;}
.hei50{ height:2.5vw; min-height:15px;}
.hei60{ height:3vw; min-height:15px;}

.er-nav{ text-align:center;}
.er-nav a{ display:inline-block; width:14.66666%;  width:calc(16.66666% - 20px); width: -moz-calc(16.66666% - 20px); width: -webkit-calc(16.66666% - 20px); padding:10px; text-align:center; color:#595856; font-size:18px; line-height:2em;}
.er-nav a img{max-width:100%;
	-moz-filter: brightness(0) invert(0);
	-webkit-filter: brightness(0) invert(0);
	-o-filter: brightness(0) invert(0);
	filter: brightness(0) invert(0);
	
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* 老版Mozilla */
	-khtml-opacity:0.5; /* 老版Safari */
	opacity: 0.5; /* 支持opacity的浏览器*/
}
.er-nav a:hover{ color:#006EB6;}
.er-nav a:hover img{
	-moz-filter: brightness() invert(0);
	-webkit-filter: brightness() invert(0);
	-o-filter: brightness() invert(0);
	filter: brightness() invert(0);
	
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.er-nav .a-be{ color:#006EB6;}
.er-nav .a-be img{
	-moz-filter: brightness() invert(0);
	-webkit-filter: brightness() invert(0);
	-o-filter: brightness() invert(0);
	filter: brightness() invert(0);
	
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}



/*企业简介*/
.l-about{ position:relative;}
.l-about .mimg{ background-repeat:no-repeat; background-size:cover; background-position:center top;}
.l-about .mimg img{ width:100%; visibility:hidden;}
.l-about .l-about-inside{margin-top:-80px; padding:10px 8vw 10px 8vw;}
.l-about .l-about-inside .about-con{padding:0 8vw 0 8vw; background-color:#f7f7f7;
	-webkit-box-shadow: 0 0 10px #cccccc;  
	-moz-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	border-collapse:separate !important;
}
.l-about .l-about-inside .about-con .a-option{ padding:30px 0 20px 0;}
.l-about .l-about-inside .about-con .a-option a{ position:relative; display:block; float:left; line-height:30px; font-size:16px; width:25%; color:#5a5a5a; text-align:center;}
.l-about .l-about-inside .about-con .a-option a span{color:#006EB6; font-size:36px; font-weight:bold;}
.l-about .l-about-inside .about-con .a-option a:first-child{text-align:left;}
.l-about .l-about-inside .about-con .a-option a:nth-child(4n+4){ text-align:right;} 
.l-about .l-about-inside .about-con .a-content{font-size:18px; line-height:2em; text-align:justify;}
.l-about .l-about-inside .about-con .a-content img{max-width:100%; padding:5px 0 5px 0;}

/*企业文化*/
.l-culture{ padding:24px 0 0 0;}
.l-culture li{ float:left; position:relative; width:50%; background-image:url(); background-repeat:no-repeat; background-size:cover; background-position:center center;}
.l-culture li .mimg{}
.l-culture li .mimg img{ width:100%; display:block; visibility:hidden;}
.l-culture li .mtext{ position:absolute; left:8vw; top:2vw; padding:0 8vw 2vw 0;}
.l-culture li .mtext .mtitle{font-size:48px; color:#FFFEFF; line-height:2em; background-image:url(../images/baixian.jpg); background-repeat:no-repeat; background-position:left bottom;}
.l-culture li .mtext .text{line-height:2em; font-size:24px; color:#FFFEFF; padding:20px 0 20px 0;}


/*荣誉资质*/
.l-honor{ text-align:center; background-color:#FFFFFF; padding:3.6vw 0;
	-webkit-box-shadow: 0 0 10px #cccccc;  
	-moz-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	border-collapse:separate !important;
}
.l-honor img{ width:100%;}


/*合作伙伴*/
.partner-box{ width:100%; background-color:#FFFFFF;
	-webkit-box-shadow: 0 0 10px #cccccc;  
	-moz-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	border-collapse:separate !important;
}
.partner{position:relative; padding:60px 140px 60px 140px; margin:auto;}
.partner .arrow{
	position:absolute;
	top:40%; top:calc(50% - 23px); top: -moz-calc(50% - 23px); top: -webkit-calc(50% - 23px);
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;	
	width:46px;
	height:46px;
	line-height:46px;
	background-color:#FFFFFF;
	text-align:center;
	cursor:pointer; border:1px solid #dddddd;
	font-size:18px; font-family:"宋体";
}
.partner .arrow.pre {left:80px;}
.partner .arrow.next {right:80px;}
.partner .arrow:hover{ background-color:#006EB6; border:1px solid #006EB6; color:#FFFFFF;}

.partner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.partner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.partner .slick-dots li button {
	border:1px solid #dddddd;
	background-color:#ffffff;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	margin: 0 6px 10px 6px;
	outline: medium none;
	padding: 0;
	width: 20px;
}
.partner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#FE235B;
	border:1px solid #FE235B;
}
/*上半部分是固定的 下边是网站的css样式*/
.partner .dataitem{padding:0 14px 0 14px; }
.partner .dataitem .mimg{ overflow:hidden; border:1px solid #dcdcdc;}
.partner .dataitem .mimg img{ width:100%; display:block; }
.partner .dataitem .mtitle{position:relative; display:block; padding:14px 20px 14px 20px; font-size:24px; color:#000000; font-weight:bold;}
.partner .dataitem .mjianjie{padding:0 20px 0 20px; font-size:14px; color:#777777; line-height:1.8em;}
/*左右滚动结束*/

/*发展历程*/
.l-course{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover;}



/*发展历程开始*/
.swiper-box{position:relative; padding:0 80px 0 80px;}
.swiper-box .swiper-container{position: static;overflow: hidden;z-index: 1; margin:auto;}
.swiper-pagination-time{display:flex;justify-content:space-between;position:relative;margin:100px 0 50px}
.swiper-pagination-time:before{content:'';height:1px;width:100%;background:#e0e0e0;display:block;position:absolute;top:15px;z-index:0}

.swiper-container .swiper-wrapper{ width:100%;}
.swiper-container .swiper-wrapper li{color:#FEFFFF; list-style-type:none;}
.swiper-container .swiper-wrapper li .pic{float:left; width:350px; padding-right:30px; border-right:1px solid #FEFFFF;}
.swiper-container .swiper-wrapper li .pic img{width:100%; display:block;}
.swiper-container .swiper-wrapper li .right{float:right; width:70%; width:calc(100% - 410px); width: -moz-calc(100% - 410px); width: -webkit-calc(100% - 410px);}
.swiper-container .swiper-wrapper li .right span{font-size:38px;display:block;margin-bottom:8px;font-weight:700;}
.swiper-container .swiper-wrapper li .right .r-content{ font-size:20px; line-height:1.8em;}

.swiper-container .swiper-pagination-time .swiper-pagination-bullet{position:relative;opacity:1;width:21px;height:30px;background:url(../images/yuan1.png) no-repeat center;margin:0 50px!important;}
.swiper-container .swiper-pagination-time .swiper-pagination-bullet b{color:#fff;position:absolute;top:-27px;left:-10px;font-size:18px;font-weight:bold;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.swiper-container .swiper-pagination-time .swiper-pagination-bullet-active{background:url(../images/yuan2.png) no-repeat center;opacity:1}
.swiper-container .swiper-pagination-time .swiper-pagination-bullet-active b{font-size:30px!important;color:#fff;top:-54px;font-weight:700;left:-24px}

.swiper-box .swiper-button-prev-time{ position:absolute; width:80px; text-align:center; left:0px; top:65%; z-index:999; cursor:pointer;}
.swiper-box .swiper-button-next-time{ position:absolute; width:80px; text-align:center; right:0px; top:65%; z-index:999; cursor:pointer;}
/*发展历程结束*/



/*社会责任*/
/*
.l-shzr{}
.l-shzr li{position:relative; width:100%;}
.l-shzr li .mimg{}
.l-shzr li .mimg img{ width:100%;display:block;}
.l-shzr li .mtext{ position:absolute; right:0; bottom:0; padding:20px 50px 20px 50px; width:430px; background-color: rgba(0,110,182,0.4);}
.l-shzr li .mtext .mtitle{font-size:28px; color:#FFFEFF; line-height:2em; background-image:url(../images/baixian.jpg); background-repeat:no-repeat; background-position:left bottom;}
.l-shzr li .mtext .text{line-height:2em; min-height:200px; padding:10px 0 0 0; font-size:20px; color:#FFFEFF;}
*/
.l-shzr {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    /*padding: 20px;*/
    max-width: 100%;
    margin: 0 auto;
}

.l-shzr li {
    position: relative;
    width: 100%;
    /*max-width: 600px;*/
    margin-bottom: 20px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	box-shadow: 0 0px 10px #cccccc;
	
    border-radius: 8px;
    overflow: hidden;
}

.l-shzr li .mimg {
    width: 100%;
    height: auto;
}

.l-shzr li .mimg img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.l-shzr li .mimg img:hover {
    transform: scale(1.05);
}

.l-shzr li .mtext {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: rgba(0, 110, 182, 0.7);
    color: #FFFEFF;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.l-shzr li:hover .mtext {
    transform: translateY(0);
}

.l-shzr li .mtext .mtitle {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 10px;
    background-image: url(../images/baixian.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.l-shzr li .mtext .text {
    line-height: 1.6;
    min-height: 100px;
    font-size: 16px;
}

.l-shzr li .mtext::after {
    content: '';
    position: absolute;
    top: -15px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 110, 182, 0.7);
    transform: rotate(45deg);
    z-index: -1;
}


/*加入我们*/
.job-box{/*background-color:#EFEFEF;*/}
.job-box .type-text{}
.job-box .type-text .mleft{float:left; background-color:#006EB6; width:45%; width:calc(50% - 230px); width: -moz-calc(50% - 230px); width: -webkit-calc(50% - 230px); padding:70px 115px 70px 115px;}
.job-box .type-text .mleft .text-box{ border-bottom:1px solid #F9FAFC; border-top:1px solid #F9FAFC; padding:25px 0 25px 0; line-height:55px; height:165px; overflow:hidden; color:#FFFFFF; font-size:20px; font-weight:bold;}
.job-box .type-text .mleft .text-box .tel{background-image:url(../images/tel2.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 60px;}
.job-box .type-text .mleft .text-box .email{background-image:url(../images/email2.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 60px;}
.job-box .type-text .mleft .text-box .people{background-image:url(../images/people.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 60px;}

.job-box .type-text .mright{float:right; background-color:#CBDCE6; width:45%; width:calc(50% - 230px); width: -moz-calc(50% - 230px); width: -webkit-calc(50% - 230px); padding:70px 115px 70px 115px;}
.job-box .type-text .mright .text-box{ position:relative; border-bottom:1px solid #F9FAFC; border-top:1px solid #F9FAFC; padding:25px 0 25px 0; height:165px; overflow:hidden;}
.job-box .type-text .mright .text-box .bk-title{position:absolute; left:0; top:0; width:100%; text-align:center;}

.job-box .job-ul{ padding:5px 0 5px 0;}
.job-box .job-ul li{ float:left; width:100%; margin:5px 0 5px 0; cursor:pointer;}
.job-box .job-ul li .p-title{ height:78px; line-height:78px; background-color:#D3D1D2; padding:0 6vw 0 6vw;}
.job-box .job-ul li .p-title p{float:left; font-size:26px; font-weight:bold;}
.job-box .job-ul li .p-title span{ display:block; position:relative; width:32px; height:32px; background-image:url(../images/lan_jia.png); background-repeat:no-repeat; background-position:center center;  float:right; margin:20px 0 0 0;}
.job-box .job-ul li .job-content{ font-size:14px; background-color:#f7f7f7; line-height:24px; padding:30px 6vw 30px 6vw; display:none;}
.job-box .job-ul li .job-content h4{font-size:20px; line-height:2em;}
.job-box .job-ul li .job-content img{ max-width:100%;}
.job-box .job-ul .li-be .p-title span{background-image:url(../images/lan_jian.png);}



/*联系我们*/
.contact-box{}
.contact-box .type-text{ position:relative;}
.contact-box .type-text .mleft{float:left; background-color:#006EB6; width:45%; width:calc(50% - 220px); width: -moz-calc(50% - 220px); width: -webkit-calc(50% - 220px); padding:0px 110px 45px 110px;}
.contact-box .type-text .mleft .mtitle{ padding:45px 0 24px 0; line-height:2em; font-size:36px; color:#FFFFFF; font-weight:bold;}
.contact-box .type-text .mleft .text-box{ border-bottom:1px solid #F9FAFC; border-top:1px solid #F9FAFC; padding:25px 0 25px 0; line-height:55px; color:#FFFFFF; font-size:20px; font-weight:bold;}
.contact-box .type-text .mleft .text-box .tel{background-image:url(../images/tel2.png); background-repeat:no-repeat; background-position:left 10px; padding:0 0 0 60px;}
.contact-box .type-text .mleft .text-box .email{background-image:url(../images/email2.png); background-repeat:no-repeat; background-position:left 10px; padding:0 0 0 60px;}
.contact-box .type-text .mleft .text-box .address{background-image:url(../images/address.png); background-repeat:no-repeat; background-position:left 10px; padding:0 0 0 60px;}
.contact-box .type-text .mleft .mdaohang{ padding:50px 0 15px 0; text-align:left;}
.contact-box .type-text .mleft .mdaohang a{ display:inline-block; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px; padding:0 32px 0 32px; height:35px; line-height:35px; background-color:#FFFFFF; font-size:15px; color:#595959; text-align:center;}
.contact-box .type-text .mleft .mdaohang a:hover{ background-color:#79C3E8; color:#FFFFFF;}

.contact-box .type-text .mright{float:right; width:50%;}
.contact-box .type-text .mright .text-box{ position:absolute; right:0; top:0; width:50%; height:100%;}


/*产品中心*/
.l-pro{}
.l-pro li{ float:left; width:22%; width: calc((100% - 120px)/4); width: -moz-calc((100% - 120px)/4); width: -webkit-calc((100% - 120px)/4); margin:20px 40px 20px 0; position:relative;}
.l-pro li:nth-child(4n+4){margin-right:0;} 
.l-pro li .mimg{text-align:center; overflow:hidden; background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.l-pro li .mimg img{ width:100%; display:block; visibility:hidden;}
.l-pro li .mtext{background-color:#FFFFFF; border-bottom:8px solid #eeeeee; padding:38px 5px;}
.l-pro li .mtext .mleft{/*float:left;*/ line-height:2em; font-size:16px;}
.l-pro li .mtext .mleft p{font-size:30px;}
.l-pro li .mtext .mright{float:right;}
.l-pro li .mtext .mright a{display:inline-block; width:56px; line-height:56px; text-align:center; font-size:18px; font-family:"宋体"; border:2px solid #eeeeee;}
.l-pro li:hover .mtext .mleft{ color:#006FB7;}
.l-pro li:hover .mtext{ border-bottom:8px solid #006FB7;}
.l-pro li:hover .mtext .mright a{background-color:#006FB7; color:#FFFFFF; border:2px solid #006FB7;}

.a-all{ text-align:center;}
.a-all a{ display:inline-block; width:140px; height:40px; background-color:#006EB6; color:#FFFFFF; font-size:16px; line-height:40px; text-align:center;}
.a-all a:hover{ background-color:#79C3E8;}

/*产品详情*/
.pro-detail{ position:relative; overflow:hidden; background-color:#FFFFFF;}
.pro-detail .mleft{ float:left;}
.pro-detail .mleft .left-img{ position:absolute; left:0; top:0; width:50%; height:100%;}
.left-img .img-box{position:relative; width:100%; height:100%;margin:auto}
.left-img .img-box .arrow{position:absolute; bottom:80px; right:34px;z-index:999;background-repeat:no-repeat;background-position:center center;width:32px;height:32px;line-height:32px;text-align:center;cursor:pointer;border:3px solid #ffffff; border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px;}
.left-img .img-box .arrow img{
	-moz-filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	-o-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
.left-img .img-box .arrow.pre{ right:85px;}
.left-img .img-box .arrow.next{}
.left-img .img-box .arrow:hover{background-color:#FFFFFF;}
.left-img .img-box .arrow:hover img{
	-moz-filter: brightness() invert(0);
	-webkit-filter: brightness() invert(0);
	-o-filter: brightness() invert(0);
	filter: brightness() invert(0);
}
.left-img .img-box .slick-dots{position:absolute;width:100%;text-align:center;z-index:1000;bottom:0}
.left-img .img-box .slick-dots li{display:inline-block;width:auto;float:none;vertical-align:middle}
.left-img .img-box .slick-dots li button{border:1px solid #ddd;background-color:#fff;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:0 6px 10px 6px;outline:medium none;padding:0;width:20px}
.left-img .img-box .slick-dots li.slick-active button{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;background-color:#fe235b;border:1px solid #fe235b}
.left-img .img-box .dataitem{padding:0 0 0 0; background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.left-img .img-box .dataitem .mimg{overflow:hidden;}
.left-img .img-box .dataitem .mimg img{width:100%;display:block; visibility:hidden;}
.left-img .img-box .dataitem .mtitle{position:relative;display:block;padding:14px 20px 14px 20px;font-size:24px;color:#000;font-weight:700}
.left-img .img-box .dataitem .mjianjie{padding:0 20px 0 20px;font-size:14px;color:#777;line-height:1.8em}

.pro-detail .mright{float:right; width:50%;}
.pro-detail .mright .text-box{ padding:5vw 4vw 4vw 4vw;}
.pro-detail .mright .text-box .mtitle{ background-image:url(../images/pro_xx_xian.jpg); background-repeat:no-repeat; background-position:left bottom; font-size:38px; color:#006FB6; line-height:2em;}
.pro-detail .mright .text-box .mtext{min-height:390px; padding:20px 0 20px 0; font-size:18px; color:#888888; line-height:2em;}
.pro-detail .mright .text-box .mtext img{max-width:100%;}
.pro-detail .mright .text-box .mmore{ text-align:left;}
.pro-detail .mright .text-box .mmore a{ background-color:#006EB6; color:#FDFDFB; display:inline-block; width:140px; text-align:center; height:50px; line-height:50px; font-size:16px;
	border-radius:25px; -moz-border-radius:25px;  -webkit-border-radius:25px;}
.pro-detail .mright .text-box .mmore a:hover{background-color:#79C3E8;}



/*新闻*/
.news-list{ padding:0 0 0 0;}
.news-list li{ position:relative; padding:22px 38px 22px 38px; border-bottom:1px solid #E6E6E6; border-top:1px solid #EEEEEE;}
.news-list li:first-child{border-top:0;}

.news-list li .mimg{float:left; width:280px; overflow:hidden;}
.news-list li .mimg img{width:100%;}
.news-list li .nr-box{ float:left; margin:22px 0 0 38px; width:46%; width: calc(100% - 440px); width: -moz-calc(100% - 440px); width: -webkit-calc(100% - 440px);}
.news-list li .nr-box .mtitle{ position:relative; display:block; line-height:1.8em; height:1.8em; overflow:hidden; font-size:30px;}
.news-list li .nr-box .mjianjie{ font-size:16px; color:#9d9d9d; line-height:1.8em; min-height:5.4em; padding:5px 0 0 0; text-align:left;}
.news-list li .nr-box .mdate{font-size:14px; padding:10px 0 0 0;}
.news-list li .mright{ position:absolute; right:38px; top:22px; top: calc(50% - 38px); top: -moz-calc(50% - 38px); top: -webkit-calc(50% - 38px); width:76px; height:76px; text-align:center; line-height:76px; font-size:20px; font-weight:bold; font-family:"宋体"; border:1px solid #dddddd;}
.news-list li:hover{background-color:#ffffff; border-bottom:10px solid #006EB6;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari 和 Chrome */
	-o-transition: all 0.2s; /* Opera */
}
.news-list li:hover .nr-box .mtitle{color:#006EB6;}
.news-list li:hover .mdate{color:#006EB6;}
.news-list li:hover .mright{background-color:#006EB6; border:1px solid #006EB6; color:#FFFFFF;}


/*新闻详情*/
.news-detail{}
.news-detail .mleft{ float:left; width:100%;}
.news-detail .mleft .left-box{ background-color:#FFFFFF; padding:3vw 4vw 3vw 4vw; border-bottom:1px solid #dddddd;}
.news-detail .mleft .left-box .mtitle{line-height:2em; font-size:32px; color:#006EB6; font-weight:bold;}
.news-detail .mleft .left-box .mdate{ line-height:2em; font-size:12px; padding-bottom:10px; color:#006EB6; border-bottom:3px solid #006EB6;}
.news-detail .mleft .left-box .lan-xian{ height:2px; line-height:2px; border-bottom:1px solid #006EB6;}
.news-detail .mleft .left-box .news-content{padding:35px 0 0 0; line-height:2em; font-size:16px; text-align:justify;}
.news-detail .mleft .left-box .news-content .mimg{ text-align:center; padding-bottom:10px;}
.news-detail .mleft .left-box .news-content .mimg img{max-width:100%;}
.news-detail .mleft .left-box .news-content img{max-width:100%;}
.news-detail .mleft .left-box2{ background-color:#FFFFFF; padding:1.5vw 4vw 1.5vw 4vw; position:relative; text-align:center;}
.news-detail .mleft .left-box2 .a-center{ display:inline-block; width:50px; height:50px; background-image:url(../images/n-list.jpg); background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.news-detail .mleft .left-box2 .left-a{position:absolute; left:4vw; top:1.5vw; width:46px; height:46px; line-height:46px; font-size:18px; font-family:"宋体"; text-align:center; border:2px solid #EEEEEE;}
.news-detail .mleft .left-box2 .left-a:hover{ background-color:#006FB7; color:#FFFFFF; border:2px solid #006FB7;}
.news-detail .mleft .left-box2 .right-a{position:absolute; right:4vw; top:1.5vw; width:46px; height:46px; line-height:46px; font-size:18px; font-family:"宋体"; text-align:center; border:2px solid #EEEEEE;}
.news-detail .mleft .left-box2 .right-a:hover{ background-color:#006FB7; color:#FFFFFF; border:2px solid #006FB7;}

/**
.news-detail .mright{ float:right; width:460px;}
.news-detail .mright ul{}
.news-detail .mright ul li{ float:left; width:100%; margin-bottom:30px; background-color:#FFFFFF;}
.news-detail .mright ul li .mimg{ overflow:hidden;}
.news-detail .mright ul li .mimg img{width:100%; display:block;}
.news-detail .mright ul li .mtitle{ padding:22px 2vw 0 2vw; position:relative; display:block; font-size:30px; line-height:46px; font-weight:bold;}
.news-detail .mright ul li .brief{ padding:22px 2vw 0 2vw; font-size:16px; color:#A0A0A0; line-height:26px; text-align:justify;}
.news-detail .mright ul li .mydate{padding:22px 2vw 2.5vw 2vw; font-size:12px;}
**/


/*核心能力*/
.l-core{}
.l-core li{ float:left; width:22%; width: calc((100% - 120px)/4); width: -moz-calc((100% - 120px)/4); width: -webkit-calc((100% - 120px)/4); margin:20px 40px 20px 0; position:relative;}
.l-core li:nth-child(4n+4){margin-right:0;} 
.l-core li .mimg{text-align:center; overflow:hidden; background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.l-core li .mimg img{ width:100%; display:block; visibility:hidden;}
.l-core li .mtext{background-color:#FFFFFF; border-bottom:10px solid #eeeeee; padding:30px 38px 30px 38px;}
.l-core li .mtext .mtitle{ font-size:30px; color:#5a5a5a; line-height:1.7em; position:relative; display:block; height:1.7em; overflow:hidden;}
.l-core li .mtext .mshu{ font-size:14px; line-height:2em;}
.l-core li:hover .mtext{border-bottom:10px solid #006EB7;}
.l-core li:hover .mtext .mtitle{ color:#006EB7;}
.l-core li:hover .mtext .mshu{ color:#006EB7;}




/*其它样式*/

.pre_next{ padding:14px 0 14px 0; border-bottom:1px solid #ececec; background-image:url(../images/shu_fy.jpg); background-repeat:repeat-y; background-position:center center;}
.pre_next p{float:left; width:50%; line-height:30px; height:30px; overflow:hidden;}
.pre_next p a span{font-family:"宋体"; font-weight:bold; font-size:22px;}
.pre_next p a{position:relative; display:block; font-size:18px; text-align:left; color:#AB8556; padding-left:5px;}
.pre_next p a:hover{ color:#2b2b2b;}
.pre_next .p1{float:right;}
.pre_next .p1 a{text-align:right; padding-left:5px;}
/***********************************其它页面结束*/


/*弹出层 留言板*/
.tanchu_box{ position:fixed; left:0; top:0; width:100%; padding:10% 0 20% 0; height:60%; z-index:99999999922; background-color: rgba(0,0,0,0.4); display:none;}
.tanchu_box .input_box{ max-width:600px; min-width:300px; margin:auto; background-color:#FFFFFF; border:1px solid #eeeeee; padding:20px 30px 20px 30px;}
.tanchu_box .input_box .mtitle{font-size:20px; color:#00B0F0; font-weight:bold;}
.tanchu_box .input_box .mtitle a{float:right; margin:-2px 0 0 0; }
.tanchu_box .input_box .message li{ padding:0 0 16px 0;}


/*分页开始*/
.mypage{ height:40px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:28px; line-height:28px; padding:0 14px 0 14px; color:#006EB6; font-size:14px; border:1px solid #eeeeee; background-color:#ffffff;}
.mypage div a:hover,
.mypage div .a_be{ background-color:#006EB6; color:#FFFFFF; border:1px solid #006EB6;}
/*分页结束*/




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}