@charset "UTF-8";
html{font-size:62.5%;font-family:'helvetica neue',tahoma,arial,'hiragino sans gb','Simsun',sans-serif} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}
li{list-style:none}
a:link,a:visited{text-decoration:none}

/* 首页 */
.head-v3{position: fixed;top:0;z-index:100;min-width:1000px;width:100%; display: flex; align-items: center; background-color:none;}
.head-v3:hover{
	background-color: #27303f;
	transition: background-color 240ms linear;
	}
.head-logo{padding-left:150px;float: left;}
.head-v3 .navigation-inner{margin:0 auto;width:980px;position:relative}
.navigation-up{height:80px;background:none;}
.navigation-up .navigation-v3{margin-left:155px;float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left;}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 li:hover{background-color: #344157;}
.navigation-up .navigation-v3 .nav-up-selected{background:none;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:none;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;height:80px;line-height: 80px; font-family:"microsoft yahei"}

.scrolled {
  background-color: #27303f !important;
  transition: background-color 240ms linear;
}

/*search*/
.header-r{float:right;}
.header-r .search{width:242px; height:30px; box-sizing:border-box; border:1px solid #fff; border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; float:left;}
.header-r .search .searchCon{width:206px; float:left; background:none; line-height:30px; text-indent:5px; outline:none; font-size:12px;border: none;color: #fff;}
.header-r .search .searchMenu{float:left; width:34px; height:30px; background:url(../img/search.png) -102px -40px no-repeat; outline:none; cursor:pointer;border: none;}


.navigation-down{position:absolute;top:80px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
.b_news{margin-left: 500px;}
.b_znjt{margin-left: 800px;}
.b_dangqun{margin-left: 600px;}
.b_cases{margin-left: 500px;}
.b_about{margin: auto;}

/* 焦点图css */
*{
    margin: 0;
    padding: 0;   
    list-style: none;
    text-decoration: none;
}

.hide{
    display: none;
}

#slider{
    position: relative;
    overflow: hidden;
    margin: auto 0;
}
.slider-ul{
    position: absolute;
    width: 999999999px;
    height: 100%;
}
.slider-ul-li{
    /* width: 1920px; */
    height: 100%;
    display: inline-block;
}
.slider-ul-li-a, .slider-ul-li-a-img{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.slider-circlex{
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    text-align: center;
}
.slider-circlex-ul{
    display: inline-block;
    border-radius: 8px;
    background-color: red;
    background: rgba(0, 0, 0, 0.3);
    padding: 2px;
    font-size: 0;
}
.slider-circlex-ul-li{
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #FFF;
    border-radius: 50%;
    margin: 0 4px;
    cursor: pointer;
}
.slider-circlex-ul-li.active{
    background-color: rgba(0, 255, 13);
}
.slider-btn{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -15px;
}
.slider-btn a{
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
}
.slider-btn-next{
    right: -5px;
    border-radius: 50% 0 0 50%;
}
.slider-btn-prev{
    left: -5px;
    border-radius: 0 50% 50% 0;
}
.slider-btn-prev-span, .slider-btn-next-span{
    display: inline-block;
    width: 10px;
    height: 20px;
    margin-top: 4px;
    position: relative;
}
.slider-btn-prev-span::after, .slider-btn-next-span::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    margin-top: -3.5px;
}
.slider-btn-prev-span::after{
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    transform: rotate(-45deg);
    margin-left: -2px;
}
.slider-btn-next-span::after{
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg);
    margin-left: -7px;
}

/* 旋转圆形 */
.box {
            position: relative;
            width: 508px;
            height: 508px;
            margin: 30px auto;
        }

        .box .ea {
            position: absolute;
            /* left: 50%;
            top: 50%; */

            margin-top: 34px;
            margin-left: 34px;
            width:440px;
            height: 440px;
            background: url(../img/earth.png) no-repeat;
        }

        .box .c1 {
            position: absolute;
         /*   left: 50%;
            top: 50%; */
            margin-top: 0px;
            margin-left: 0px;
            width: 508px;
            height: 508px;
            background: url(../img/spr_bannerPathway.png) no-repeat -3px 0px;
            animation: move 20s linear infinite;
        }

        .box .c2 {
            position: absolute;
            /* left: 50%;
            top: 50%; */
            margin-left: 25px;
            margin-top: 25px;
            width: 458px;
            height: 458px;
            background: url(../img/spr_bannerPathway.png) no-repeat -3px -521px;
            animation: speed 10s linear infinite;
        }

        @keyframes move {
            0% {}

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes speed {
            0% {}

            100% {
                transform: rotate(-360deg);
            }
        }

/* 业务领域 */
.field{ height:960px; background:url(../img/yw-bg.png) no-repeat;background-position: bottom; }
.field-con{ height:680px; position:relative; padding-left:calc(100%/2 - 690px);top:-600px; }
.field-line{width:auto;height:15px;margin-top:15px;/* margin-bottom: 10px; */}
.field-line-bor{display: block;width: 425px;border-bottom:1px dashed #cbcbcb;}
.field-line-pointL{width:48px;height:48px;position:relative;left: 410px;top:-20px;}
.field-name span{font-size: 27px;color: #242424;}
.field-text{width:280px;height:65px; font-size: 16px; color:#777777;margin-top:10px;line-height: 27px;}
.f-box1{width: 460px;margin-left: 80px;margin-top: 70px;}
.f-box2{width:460px;margin-top: 120px;margin-left: 80px;}
.f-box3{width: 460px;position: relative;left: 880px;top: -582px;}
.f-box4{width:460px;position: relative;left: 865px;top: -378px;}
.field-img{width:390px; width:88px;}
.field-img img{position:relative;right: -349px;}
.field-line-borR{display: block;width:460px; border-bottom:1px dashed #cbcbcb;}
.field-line-pointR{width:48px;height:48px;position:relative;left:-30px;top:-20px;}
.field-nameR{height: 36px;}
.field-nameR span{float: right;font-size: 27px;color: #242424;}
.field-textR{width:280px;height:65px;font-size: 16px;color:#777777;float: right;text-align: right;margin-top:10px;line-height: 27px;}



/* 新闻中心 */
.news{
	width:100%;
	height:auto;
	/*background-color: #f4f5f6;*/
	padding-bottom:138px;
}
.news-tit{
	font-size: 36px;
	color:#000;
	font-family: '微软雅黑';
	font-weight: 100;
	text-align: center;
	padding: 110px 0px 90px 0px;
}
.news-box{
	width: 1600px;
	margin: 0 auto;
	height:557px;
	display: flex;
	justify-content: space-between;
}
.news-box-l{
	width:690px;
	height:557px;
}
.news-box-r{
    width:900px;
    height:547px;
    background-color:#fff;
    padding:13px 44px;
}
.news-box-r a{
    display: block;
    height: 171px;
    text-decoration: none;
    background-color:#fff;
    cursor: pointer;
    transition: 0.3s;
    color:blue;
    padding:20px 30px 0px 20px;
    /* margin-top:13px; */
    border-bottom: 1px solid #d9e1e8;
}

.news-box-r a:hover{
    background-color:#f7f7f7;
}
.news-box-r a:hover .news-tip{
    color:#cfa972;
}


/* 新闻中心轮播图 */
.news-banner {
    position: relative;
    overflow: hidden;
    margin:0 auto;
    width: 690px;
    height: 557px;
}

li {
    list-style: none;
}

.news-banner ul {
    position: absolute;
    top: 0;
    left: 0;
}

.news-banner ul li {
    float: left;
}

.news-banner ul li a img {
    display: block;
    width: 690px;
    height: 557px;
}

.news-banner .prev,
.news-banner .next {
    display: none;
    z-index: 2;
    position: absolute;
    width: 50px;
    height: 35px;
    line-height: 35px;
    border-radius: 17.5px;
    top: 50%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.news-banner .prev {
    left: 0;
    transform: translate(-50%, -50%);
    text-indent: 28px;
}

.news-banner .next {
    right: 0;
    transform: translate(50%, -50%);
    text-indent: 8px;
}

.news-banner .prev:hover,
.news-banner .next:hover {
    background-color: rgba(0, 0, 0, .3);
}

.news-banner .gd {
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -36.5px;
    display: flex;
    justify-content: space-around;
    width: 75px;
    height: 15px;
    border-radius: 8px;
    background-color: #ffffff4d;
}

.news-banner .gd i {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 2.5px;
    background-color: azure;
}

.currentNum {
    background-color: #ff5000 !important;
    width: 15px !important;
    height: 9px !important;
    border-radius: 4.5px !important;
}
.news-list{
    width:auto;
    /* height: 150px; */
    /* border-bottom: 1px solid #d9e1e8; */
    margin-bottom: 19px;
}
.news-tip{
    width:auto;
    height:24px;
    line-height: 24px;
    border-left:5px solid #00a1e9 ;
    font-size: 20px;
    color:#000;
    vertical-align: text-top;
    padding-left:5px;
    margin-bottom: 20px;
    transition: 0.3s;

}

.news-tip a {
    color:#000;
}

.news-tip a:hover{
    color:#00479d;
}


.news-text a{
    color:#6e6e6e;
}
.news-data{
	height:35px;
	line-height: 35px;
	font-size: 16px;
	color:#6e6e6e;
}
.news-text{
	width:auto;
	height:60px;
	line-height: 27px;
	font-size: 16px;
	color:#6e6e6e;
	overflow: hidden;
	  text-overflow: ellipsis;
	  /* 将对象作为弹性伸缩盒子模型显示 */
	  display: -webkit-box;
	  /* 限制在一个块元素显示的文本的行数 */
	  /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
	  -webkit-line-clamp: 2;
	  /* 设置或检索伸缩盒对象的子元素的排列方式 */
	  -webkit-box-orient: vertical;

}
/* 版权信息 */
.foot{
	width: 100%;
	height:auto;
	background-color: #313232;
}
.foot-con{
	width:1580px;
	margin: 0 auto;
	
}
.foot-infor{
	display: flex;
	padding-bottom:40px;
}
.foot-inforl{
	width: 500px;
	margin-top: 77px;
	
}
.foot-inforl span{
	display: block;
	color:#acacac;
	font-size: 18px;
	font-family: '微软雅黑';
	margin-bottom: 5px;
	line-height: 30px;
	font-weight: 100;
}
.foot-inforl span strong{
	font-size: 30px;
	color:#f1af47;
}
.foot-informap{
	display: flex;
	justify-content: space-between;
	margin-top: 95px;
	margin-left:100px;
}
.foot-informap ul{
	margin-right:80px;
}
.foot-informap ul li{
	font-size: 16px;
	color:#acacac;
	height:29px;
	line-height: 29px;
}
.foot-informap ul li a{
	text-decoration: none;
	color:#acacac;
}
.foot-informap ul li a:hover{
	color:#fff;
	text-decoration: underline;
}
.foot-informap ul li span{
	display: inline-block;
	font-size: 20px;
	color:#fff;
	
}
.foot-copyright{
    width:100%;
    height:68px;
    line-height: 68px;
    background-color: #313232;
    text-align: center;
    font-size: 14px;
    color:#acacac;
}


 .my-page {
     font-size: 14px;
     overflow: hidden;
     margin: 0 auto;
     text-align: center;
     color: #333333;
     display: inline-block;
     margin-top: 50px;
 }

.my-page .my-page-prev,
.my-page .my-page-next {
    float: left;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    cursor: pointer;
}

.my-page .my-page-prev.my-page-forbid,
.my-page .my-page-next.my-page-forbid {
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.2);
}

.my-page .my-page-prev:not(.my-page-forbid):hover,
.my-page .my-page-next:not(.my-page-forbid):hover {
    border-color: #0457b7;
}

.my-page .my-page-group {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.my-page .my-page-group li {
    float: left;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 30px;
    /*padding: 0 8px;*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
}

.my-page .my-page-group .my-page-cell {
    border: 1px solid #ddd;
    border-radius: 2px;
}

.my-page .my-page-group .on {
    border-color: #0457b7;
    background-color: #0457b7;
    color: #ffffff;
}

.my-page .my-page-group .my-page-cell a {
    display: inline-block;
    width: 30px;
    height: 30px;
}


.my-page .my-page-group .my-page-cell a:hover {
    color: #ffffff;
    border-color: #0457b7;
    background-color: #0457b7;
}

.my-page .my-page-group .my-page-omit {
    pointer-events: none;
}


.tips{width: 100%;height: 100%;position: fixed;top:0;left: 0;background: #000;z-index: 99999999;text-align: center;color: #fff}
.tips span{vertical-align: middle;font-size: 30px;display: inline-block;padding-top: 120px}


/* domo-slides为此例子父层class名 */
.domo-slides1 {width:690px;height:557px; zoom:1; margin:0px auto ;position:relative; overflow:hidden; }
/* conts为此例子mainEl内容列表容器层class名 */
.domo-slides1 .conts { width:690px;height:557px; border-radius:8px; overflow:hidden; }
.domo-slides1 .conts li { width:690px;height:557px; text-align:center; overflow:hidden; }
/* tabs为此例子mainState导航列表容器层class名 */
.domo-slides1 .tabs { width:690px; height:11px; line-height:11px; position:absolute; z-index:1; left:0; bottom:30px; overflow:hidden; }
.domo-slides1 .tabs ul { text-align:center; height:11px; }
.domo-slides1 .tabs ul li { line-height:999px; width:11px; height:11px; border-radius:11px; margin:0 5px; background:#fff; cursor:pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden; } /* 此处line-height:999px;设为line-height:11px;分页会显示数字出来 */
.domo-slides1 .tabs ul li.current { background:#4ad585; }

/*首页底部链接*/
.out-link{width: 100%;height:62px;background-color: #313232;margin: 0 auto;border-bottom:1px solid #414141;border-top:1px solid #414141;}
.link-con{ height:32px;line-height: 61px;width: 1400px; margin:0 auto;}
.out-link ul li{ width:280px; text-align: center;display: inline-block; float: left;font-size: 16px; color:#acacac;
}
.out-link ul li a{color:#acacac; display: inline-block; width:280px;height:15px; line-height:15px; border-right: 1px solid #848484;}
.out-link ul li a:hover{ color:#fff; text-decoration: underline;}

/*首页图片轮播向下箭头*/
.border{ height:70px;width:35px;border:1px solid #fff;border-radius: 100px;margin: 0 23px;}
.arrow { width: 0;height: 0; margin: 0 auto; border-top: 8px solid #fff; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; position: relative; animation: arrow 1s ease-in-out infinite; margin-top: -8px;}
@keyframes arrow {
    from { top: 0; }
    to { top: 100%; }
}