@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;  background: #fff; font-family: "微软雅黑"}
body{margin:0; padding: 0; color: #333;
	font-size:18px;
  font-family: "Microsoft YaHei", sans-serif;}
div{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666;	text-decoration: none;}a:active{ color: #333} a:visited{ color: #333;}
p{ line-height: 1.7em; margin: 15px 0; color: #333;font-size: 1.125rem;}

header{ z-index: 99999;width:100%;    padding: 0px; }

/*公共样式*/
.bg{width:100%;overflow: hidden; padding: 0}
.w-1920{width:1920px; margin: auto; overflow: hidden;}
.w-1500{width:1500px; margin: auto; overflow: hidden;}
.w-1350{width:1350px; margin: auto; overflow: hidden; }
.w-1400{width:1400px; margin: auto; overflow: hidden; }

/*公共样式-头部*/
.top{width:100%; margin: auto; overflow: hidden; height: 85px; padding-top: 0px; padding-bottom: 0px;}
.top-logo{width:176px; float: left; margin-top: 15px;}
.top-logo img{max-width:none}
.top-menu{width:800px; float: right;}




/* 首页banner */
.index-banner{width:100%; margin: auto; overflow: hidden; margin-top: 0px;}
.swiper-container {
        
        height: auto;
		width:100%;
        margin: auto;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.swiper-slide .tp{width:100%; overflow:hidden; margin: auto; position: relative;}
.swiper-slide .tp img{width:100%;}





/* 首页-新闻*/

.index-pro{width:100%;  float: left;}




/* Tab标签 */
.tab{width:100%; margin: auto; overflow: hidden; }
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ height:110px;  position:relative; border-bottom: 1px solid #dadada; }
.slideTxtBox .hd ul{ float:left;  position:absolute;  height:110px; width:100%;  overflow: hidden;}
.slideTxtBox .hd ul li{ width:16.66%;float:left;  cursor:pointer; font-size:18px;  padding-left: 2%; padding-top: 40px }
.slideTxtBox .hd ul li .ico1{width:50px ; height: 50px; float: left; background: url(../images/in-pro-ico1.png) no-repeat;}
.slideTxtBox .hd ul li .ico2{width:88px ; height: 50px; float: left; background: url(../images/in-pro-ico2.png) no-repeat}
.slideTxtBox .hd ul li .ico3{width:50px ; height: 50px; float: left; background: url(../images/in-pro-ico3.png) no-repeat}
.slideTxtBox .hd ul li .ico4{width:50px ; height: 50px; float: left; background: url(../images/in-pro-ico4.png) no-repeat}
.slideTxtBox .hd ul li .ico5{width:50px ; height: 50px; float: left; background: url(../images/in-pro-ico5.png) no-repeat}
.slideTxtBox .hd ul li .ico6{width:50px ; height: 50px; float: left; background: url(../images/in-pro-ico6.png) no-repeat}
.slideTxtBox .hd ul li .text{width:auto; margin-top: 5px; float: left;}
.slideTxtBox .hd ul li .dot{width:7px ;height: 32px; background:url(../images/in-pro-dot.png) no-repeat; float: right; margin-right: 25px; }
.slideTxtBox .hd ul li.on{ height:110px; color: #fff; background: #1b5fb7; }
.slideTxtBox .hd ul li.on .ico1{background: url(../images/in-pro-ico1-white.png) no-repeat}
.slideTxtBox .hd ul li.on .ico2{background: url(../images/in-pro-ico2-white.png) no-repeat}
.slideTxtBox .hd ul li.on .ico3{background: url(../images/in-pro-ico3-white.png) no-repeat}
.slideTxtBox .hd ul li.on .ico4{background: url(../images/in-pro-ico4-white.png) no-repeat}
.slideTxtBox .hd ul li.on .ico5{background: url(../images/in-pro-ico5-white.png) no-repeat}
.slideTxtBox .hd ul li.on .ico6{background: url(../images/in-pro-ico6-white.png) no-repeat}
.slideTxtBox .hd ul li.on .dot{background:url(../images/in-pro-dot-white.png) no-repeat; }


.slideTxtBox .bd{width:100%;}
.slideTxtBox .bd ul{  zoom:1;  background: #fff; overflow: hidden; }

.slideTxtBox .bd .content{width:100%; margin: auto; overflow: hidden;}
.slideTxtBox .bd .content .tp1{width:100%; background: url(../images/in-pro-img1.jpg) no-repeat right; height: 534px; padding-left: 5%}
.slideTxtBox .bd .content .title {float:left; width:100%; font-size: 1.85em; font-weight: bold;margin-top: 5%; margin-bottom: 20px;}
.slideTxtBox .bd .content .line {width:40px; height: 2px; background: #ef9f30;display: flex;}
.slideTxtBox .bd .content .text{width:50%; color: #949494; font-size: 13px;  margin-top: 20px;  overflow: hidden; line-height: 2.2em;}
.slideTxtBox .bd .content .more{width:110px; height: 38px; background: #ef9f30; border-radius: 50px; text-align: center; color: #fff; line-height: 38px;margin-top:5%;}
.slideTxtBox .bd .content .more:hover{ background:#f9bb2d}




/* 首页-介绍*/
.index-Introduction{width:100%; margin: auto; overflow: hidden; background: url(../images/in-about-bg.jpg) no-repeat;padding-bottom: 4.5em;}
.index-Introduction .index-about{width:42%; float: left; margin-left: 6%; margin-right: 2%}
.index-Introduction .index-about .title1{width:100%; font-size:18px; font-weight: bold; margin-bottom: 1em;margin-top: 4em;}
.index-Introduction .index-about .title2{width:100%; }
.index-Introduction .index-about .text{width:100%; font-size:18px; line-height: 2.5em; margin-top: 1.5em;text-align:justify }
.index-Introduction .index-about .more{width:190px; height: 50px; color: #fff; text-align:center; background: #f6ab00; line-height: 50px; font-size:18px; font-weight: bold; margin-top: 2.5em;}
.index-Introduction .index-about .more:hover{ background: #f9bb2d;}

.index-Introduction .index-culture{width:48%; float: right;}
.index-Introduction .index-culture .list{width:100%; background-image: linear-gradient(120deg,rgba(99,70,116,1) 0,rgba(208,88,71,1) 100%); color: #fff; height: 220px;}
.index-Introduction .index-culture .list li{width:33.33%; padding-top: 8%; padding-left:5%; float: left;}
.index-Introduction .index-culture .list li .ico{ float: left;transition: .4s transform;}
.index-Introduction .index-culture .list li .text{ float: left; font-size:18px; margin-left: 8%; margin-top: 5%}
.index-Introduction .index-culture .list li .text span{text-transform:uppercase; display: block; opacity: 0.3; font-size: 0.8em;}
.index-Introduction .index-culture .list li .text a{color:#fff;}

.index-Introduction .index-culture .list2{width:80%; float: left; overflow: hidden;  margin-top: 5.5em;}
.index-Introduction .index-culture .list2 ul{width:100%; margin-left: -1px;}
.index-Introduction .index-culture .list2 ul li{width:33.33%; float: left; background: url(../images/in-culture-line.jpg) no-repeat left center; text-align: center}
.index-Introduction .index-culture .list2 ul li span{display:block; font-size: 2.75em; font-weight: bold;}

.index-Introduction .index-culture .list li:hover .ico{transition: .4s transform;transform:translateX(-5%);/**左移元素**/}



/* 首页-视频*/
.index-video{width:100%; margin: auto; overflow: hidden;  background: url(../images/in-video-bg.jpg) center; height: 322px;}
.index-video .title{width:165px; margin: auto; margin-top: 6em;}

/* 首页-新闻*/
.index-news-title{width:100%; margin: auto; overflow: hidden; padding: 4% 4% 3% 4%}
.index-news-title .title1{width:auto; float: left; font-size: 1.35em;}
.index-news-title .title1 img{display:block; margin-top: 1em;}
.index-news-title .more{width:190px;height: 50px; float: right; background: #f6ab00; color: #fff; text-align: center; line-height: 50px; font-weight: bold; margin-top: 2em;}
.index-news-title .more:hover{background: #f9bb2d;}

.index-news{width:100%; margin: auto; overflow: hidden; border-top:1px solid #ccc;border-bottom:1px solid #dddddd;}
.index-news ul{width:100%; margin: auto; overflow: hidden}
.index-news ul li{width:25%; margin: auto; overflow: hidden; float: left; padding: 4% 2.8%; border-left:1px solid #dddddd;}
.index-news ul li .date{ color: #999999; font-size: 1.35em;}

  
 .index-news ul li .title{
 color: #000000;
 font-size: 1.5em;
 line-height: 1.85em;
 margin-top: 2em;
 display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;
} 
  
.index-news ul li .text{ color: #282828; font-size: 1.038em; line-height: 1.95em; margin: 1em 0; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;}
.index-news ul li .tp{ margin: 2em 0}
.index-news ul li .tp img{width:100%}
.index-news ul li .more{color: #999999;font-size:18px;}

.index-news ul li:hover{ background: #1b5fb7;}
.index-news ul li:hover .date{color:#fff;}
.index-news ul li:hover .title{color:#fff;}
.index-news ul li:hover .text{color:#fff;}
.index-news ul li:hover .more{color:#fff;}


/* 首页-合作伙伴*/
.index-partner{width:100%; margin: auto; overflow: hidden; background: #fafafb; padding: 5%}
.index-partner .title{width:15%; float: left; border-right: 1px solid #c5c5c5}
.index-partner .list{width:80%; float: right; overflow: hidden}

.partner-swiper{height:101px;}
.partner-swiper img{-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;
width:100%}

.partner-swiper li:hover img{-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray;}



/* 首页-留言*/
.index-message{width:100%; margin: auto; overflow: hidden; background: url(../images/in-message-title.jpg) no-repeat top left; padding: 3% 0 2% 0}
.index-message .title{width:15%; margin: auto; overflow: hidden; float: left;font-size: 1.35em; font-weight: bold;}
.index-message .list{width:calc(85% - 100px); ; margin: auto; overflow: hidden; float: left; }
.index-message .list ul{width:100%; margin:auto; overflow: hidden;}
.index-message .list ul li{width:25%; margin:auto; overflow: hidden; float: left; font-size:18px;}
.index-message .list ul li input{border:none;  font-size: 0.95em; padding: 5px;}
.index-message .more{width:100px; height: 35px; background: #ef9f31; color: #fff; border-radius: 50px; text-align: center; line-height: 35px; margin: auto; overflow: hidden; float: right;}


/* 底部
------------------------------ */
.footer{width:100%; margin: auto; overflow: hidden; background: #f4f3f3; padding: 3% 0}
.footer .footer1{width:100%; margin: auto; overflow: hidden; border-bottom: 1px solid #000; padding-bottom: 15px;}
.footer .footer1 .list{width:calc(100% - 160px); float: left; margin-top: 10px;}
.footer .footer1 .list li{width:auto; float: left; font-size: 18px; font-weight:bold; margin-right: 50px;}
.footer .footer1 .list li img{margin-right: 15px;}
.footer .footer1 .list li a{color:#333;}
.footer .footer1 .footer-logo{width:160px; float: right;}


.footer .footer2{width:100%; margin: auto; overflow: hidden;  margin-top: 2em;}
.footer .footer2 .footer-info{width:calc(100% - 300px); float: left; font-size: 16px; line-height: 1.75em; }
.footer .footer2 .footer-info li{width:100%;}
.footer .footer2 .footer-contact{width:300px; float: right; font-weight: bold;}

.footer .footer2 .footer-contact .code{float:left}
.footer .footer2 .footer-contact .tel{float:right; font-size: 1em;}
.footer .footer2 .footer-contact .tel span{display:block; font-size: 2em;}



/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 3em; margin-bottom: 3em; text-align: center;font-size: 0.875em;}
.fanye-box{width:100%;  float: none; text-align: center; line-height: 35px; margin: auto;}
.fanye-Previous{width:78px; float:left;background: #e8e8e8;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left; background: #e8e8e8; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; background: #e8e8e8;}
.fanye-Number-current{width:35px; float:left; color: #fff; background: #0a5ed0; margin: 0 5px;}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #0a5ed0;
    border-color: #0a5ed0;
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 14px 22px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #414040;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.pagination>li{
    display: inline-block;
}




/* 内页
------------------------------ */
.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;margin-top: 0px;}
.nei-top .tp{ position: absolute;  text-align: center}
.nei-top .tp img{max-width: none;}

.nei-top .about-top-text{color:#fff;position: relative;  height: 484px; padding-left: 15%; padding-top: 150px;  overflow: hidden; text-align: left;}
.nei-top .about-top-text .line{width:40px; height: 1px; background: #fff; display: block; overflow: hidden;}
.nei-top .about-top-text h1{font-size:2.5em;}
.nei-top .about-top-text h2{font-size:3.5em; }



/*子页内栏目导航*/

.nei-top-menu-box{width:100%;  background:url(../images/nei-top-menu-bg.jpg)repeat-x; height: 88px; position: relative;z-index: 9}

.nei-top-menu{width:100%; height: 88px; overflow: hidden; background: url(../images/nei-top-menu-bg.jpg); }
.nei-top-menu .submenu{width:auto; text-align: center; float: right;line-height: 88px;color: #8c8c8c; font-size: 0.9em; margin: 0 15px }
.nei-top-menu .submenu li{float:left; margin-left:20px; text-align: center;}
.z-dh{float:left; line-height: 88px; color: #8c8c8c; font-size:18px; margin-right: 10px;}



/*===========Application===========*/

.application{

	width:100%;

	margin: auto;

	overflow: hidden;

}





.application-row{

	width:100%;

	margin: auto;

	overflow: hidden;

}



.application-row .tp{

    width: 50%;

    margin: auto;

    overflow: hidden;

    float: left;

    position: relative;

}

.application-row .tp .pic{

    position: relative;

	background: #090909;

}

.application-row .tp .pic img{ width:100%; opacity: 1;transition: all 0.3s;}

.application-row .tp .ico{

    position: absolute;

    z-index: 2;

    margin: auto;

    width: 200px;

    left: 50%;

    margin-left: -100px;

    top: 45%;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    opacity: 0;

    transition: all 0.3s;

}

.application-row .tp .ico span{

	display:block;

    font-size:18px;

    line-height: 2.5;

}

.application-row .info{

    width: 50%;

    margin: auto;

    overflow: hidden;

    float: left;

    padding: 5% 8% 2%;

}

.application-row .info .title{

    font-size: 35px;

    line-height: 1;

    color: #2c2c2c;

    font-weight: bold;

}

.application-row .info .title span{

    display: block;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 100;

    margin-top: 15px;

}

.application-row .info .text{

    color: #6a6a6a;

    font-size: 18px;

    line-height: 2.5em;

    margin-top: 5%;

	 text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;


  -webkit-box-orient: vertical;

}



.application-row .info .more{

    width: 150px;

    height: 45px;

    line-height: 45px;

    background: #fff;

    text-align: center;

    color: #2b2b2b;

    font-size: 15px;

    margin-top: 10%;

	transition: all 0.3s;

	border:1px solid #6e6c6d;

	text-transform: uppercase;

}

















.application-row:hover .tp .ico{ opacity:1;transition: all 0.3s;    top: 40%;}

.application-row:hover .tp .pic img{opacity:0.5;transition: all 0.3s;}

.application-row:hover .info .more{ background: #0e318b; color: #fff; border:none;}



.application-row .info .more:hover{width:160px;transition: all 0.3s;}

.application-row .info .more:hover img{margin-left:15px;transition: all 0.3s;}





.application-right{float:right!important;}







/*关于我们*/
.about{width:100%; margin: auto; overflow: hidden; padding-top: 4%;}
.about-left{width:460px; float: left;}
.about-right{width:calc(95% - 460px);  float: right;}

.about-left .ab-title1{width:100%; margin: auto; overflow: hidden; font-size:18px;    font-weight: bold;margin-bottom: 1em;}
.about-left .ab-title2{width:100%; margin: auto; overflow: hidden}
.about-left .ab-title3{width:100%; margin: auto; overflow: hidden;margin-top: 1em; line-height: 1.5em;}
.about-left .ab-title-img{width:100%; margin: auto; overflow: hidden;margin-top: 1em; margin-bottom: 1em;}
.about-left .ab-title-number{width:100%; margin: auto; overflow: hidden}
.about-left .ab-title-number ul{width:100%; margin: auto; overflow: hidden; float: left; margin-left: -1px;}
.about-left .ab-title-number ul li{width:33%; margin: auto; overflow: hidden; float: left; font-size: 1em; text-align: center; background: url(../images/ab-title-line.jpg) no-repeat left center;}
.about-left .ab-title-number ul li span{ font-size: 2.5em; font-weight: bold; display: block}


.about-right .ab-text1{width:100%; margin: auto; overflow: hidden; font-size: 1.35em; font-weight: bold; margin-bottom: 4em;}
.about-right .ab-text2{width:100%; margin: auto; overflow: hidden; font-size: 19px; line-height: 2.2em;text-align:justify}





/*组织架构*/
.zzjg{width:100%; margin:5% auto 0; overflow: hidden; background: url(../images/ab-zzjg-bg.jpg) center top; padding: 3% 0}
.zzjg-title{width:100%; margin: auto; overflow: hidden; text-align: center; color: #fff; font-size: 1.5em; font-weight: bold; margin-bottom: 3%; background: url(../images/ab-zzjg-line.jpg) no-repeat center bottom; padding-bottom: 2%}
.zzjg-tp{width:100%; margin: auto; overflow: hidden}
.zzjg-tp img{width:100%; max-width: 1351px;}






/*发展历程*/
.fzlc{width:100%; margin: 1% auto; overflow: hidden;  padding-bottom: 3%}

.fzlc-list{width:100%; margin: auto; overflow: hidden; background: none;}

.fzlc-date{width:100%; text-align: left;color: #8b8b8b;font-size: 1.5em; font-weight: bold;}
.fzlc-tp{width:100%; text-align: left; margin: 20px auto}
.fzlc-bg{ background:url(../images/fzlc-bg1.png) no-repeat left; height: 346px;padding-left: 30px;}
.fzlc-text{width:90%;  font-size: 0.7em; text-align: left; line-height: 2em; color: #8b8b8b;}


.fzlc-swiper{height:346px;}


.fzlc-list .swiper-slide:hover .fzlc-bg{background:url(../images/fzlc-bg2.png) no-repeat left;}
.fzlc-list .swiper-slide:hover .fzlc-date{color: #e99c07;}
.fzlc-list .swiper-slide:hover .fzlc-text{color: #e99c07;}


/*发展历程标题*/
.nei-title2{width:100%; margin:4%  auto; overflow: hidden;  font-size: 1em; color: #4e4e4e; text-align: center; background: url(../images/nei-title2-line.jpg) no-repeat bottom center; padding-bottom: 20px;}
.nei-title2 span{ font-weight: 600; font-size: 2em; color: #0b65d5; display:block; margin-bottom: 10px;}






/* 联系方式----------------------------- */
.contact{width:100%; margin: auto; overflow: hidden; background: url(../images/contact-img.jpg) no-repeat right top; margin-top: 5%}
.contact .contact-left{width:40%; float: left; background: #fff; padding-bottom: 5em; padding-right: 5%}
.contact .contact-left .title{width:100%; margin: auto; overflow: auto}
.contact .contact-left .title .title1{width: 100%; margin: auto; overflow: hidden; font-size:18px; font-weight: bold; margin-bottom: 1em;}
.contact .contact-left .title .title2{width:100%; margin: auto; overflow: auto}
.contact .contact-left .title .title3{width: 100%;margin: auto; overflow: hidden; margin-top: 3em; line-height: 2em;}


.contact .contact-left .list{width:100%; margin: auto; overflow: auto; margin-top: 5em}
.contact .contact-left .list li{ margin:2em 0}
.contact .contact-left .list li img{margin-bottom:1em;}




/*内页通用标题1*/
.nei-public-title{width:100%; margin: auto; overflow: hidden; text-align: center;font-size:18px; font-weight: bold; margin-bottom: 2em; margin-top: 4%}
.nei-public-title img{display:block; margin: auto; margin-top: 1em;}

.nei-public-title-font{display:block;  font-weight: normal; font-size: 0.85em; margin-top: 1em;}


/*企业文化*/
.culture{width:100%; margin: auto; overflow: hidden;}
.culture .list{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.culture .list ul{width:102%; margin: auto; overflow: hidden; margin-left: -2%}
.culture .list ul li{width:31.33%; margin-left: 2%; overflow: hidden; float: left; background:url(../images/culture-dot.png) no-repeat left 10px top 10px #eeeeee; padding:2% 3%;font-size: 0.95em; line-height: 2em; height: 250px; margin-top: 15px;}
.culture .list ul li span{display:block; font-weight: bold;font-size: 1.3em; margin-bottom: 7px;}

.culture .list ul li:hover{ background:url(../images/culture-dot.png) no-repeat left 10px top 10px #085cc9; color: #fff;}

.culture-element{ width:90%; margin:4% auto; overflow: hidden; }


.culture-element .swiper-container {
        
        height: 622px;
        margin: 20px auto;
    }
.culture-element .swiper-slide {
        text-align: center;
        font-size: 18px;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.culture-element .swiper-slide .text{width:370px; height: 90%;background:#195eb8;position: absolute; z-index: 2; left: 0; bottom:0; color: #fff; text-align: left; padding: 6% 5% 3%}
.culture-element .swiper-slide .text h1{font-size:1.35em; margin-top: 25px; margin-bottom: 20px;}
.culture-element .swiper-slide .text h2{font-size:2em;margin-top: 5px; font-weight: bold}
.culture-element .swiper-slide .text h3{font-size:0.85em;  margin-top: 2em;text-align:justify; line-height: 2em; opacity: 0.85}
.culture-element .swiper-slide .tp{width:100%; overflow:hidden; margin: auto; position: relative;}
.culture-element .swiper-slide .tp img{width:auto; float: right; }


.culture-element .swiper-container .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    top:auto;
    left: 290px;
    right: auto;
	width:80px;
	height: 70px;
	bottom:0px;
    background: #f9a747;
	font-size: 2em;
	color: #fff;
	text-align: center;
	line-height: 80px;
	opacity: 1;
}

.culture-element .swiper-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top:auto;
    left: 370px;
	width:80px;
	height: 70px;
	bottom:0px;
    background: #ededed;
	font-size: 2em;
	color: #666;
	text-align: center;
	line-height: 80px;
	opacity: 1;
}




/*员工风采*/
.employees{width:100%; margin: auto; overflow: hidden; margin-bottom: 3%}
.employees .list{width:90%; margin: auto; overflow: hidden}
.employees .list li{width:47%; margin: 1%; overflow: hidden; float: left; position: relative; color: #fff;}
.employees .list li .tp{width:100%; overflow: hidden; position: relative;}
.employees .list li .tp img{height: auto;transition: .4s transform;}
.employees .list li .title{width:88%; overflow: hidden; position: absolute; z-index: 2; bottom: 23%; left: 6%; font-weight: bold; font-size:18px;letter-spacing:2px; background: url(../images/employees-ico.png) no-repeat right center;}
.employees .list li .text{width:88%; overflow: hidden; position: absolute; z-index: 2;bottom: 12%; left: 6%;letter-spacing:1px; opacity: 0.85}
.employees .list li .line{width:88%; height: 1px; background: #fff; opacity: 0.2; position: absolute; z-index: 2;bottom: 20%;left: 6%  }

.employees .list li:hover .tp img{transform: scale(1.05);transition: .4s transform;}





/*员工旅游*/
.travel{width:100%; margin: auto; overflow: hidden}
.travel .list{width:100%; margin: auto; overflow: hidden}
.travel .list ul{width:102%; margin: auto; overflow: hidden; margin-left: -4%;}
.travel .list ul li{width:29.33%; margin: auto; overflow: hidden; margin-left: 4%; float: left; border: 1px solid #e9e9e9; margin-bottom: 3%}
.travel .list ul li .tp{width:100%; margin: auto; overflow: hidden; background: #000;}
.travel .list ul li .tp img{width:100%;transition: .4s transform;}
.travel .list ul li .bt{width:100%; margin: auto; overflow: hidden; padding-left: 20px;}
.travel .list ul li .bt .title{width:80%; margin: auto; overflow: hidden; float: left; background: url(../images/travel-title-line.jpg) no-repeat left top; padding-left: 20px; font-size:18px; margin-top: 20px;color: #454545;}
.travel .list ul li .bt .title span{display:block; font-size: 0.5em; text-transform: uppercase; color: #b0b0b0; opacity: 0.7; margin-top: 5px;}
.travel .list ul li .bt .more{width:18%; margin: auto; overflow: hidden; float: right; background: #046bdf; color: #fff; padding: 4.5%; text-align: center}



.travel .list ul li:hover .more{ background: #f99800;}
.travel .list ul li:hover .tp img{ opacity:0.8;transition: .4s transform;transform: scale(1.05);}



/*青年先锋队*/
.young{width:100%; margin: auto; overflow: hidden; margin-top: 4%}
.young .young1{width:90%; margin: auto; overflow: hidden; margin-bottom: 4%}
.young .young1 .tp{width:52%; float: left; overflow: hidden}
.young .young1 .info{width:40%; float: right;}
.young .young1 .info .title1{width:100%; margin: auto; overflow: hidden; margin-top: 2em; margin-bottom: 4em;}
.young .young1 .info .title2{width:100%; margin: auto; overflow: hidden; color: #dc8e06; font-size: 1.85em; margin-bottom: 1em;}
.young .young1 .info .text{width:100%; margin: auto; overflow: hidden; font-size: 1.1em; line-height: 2em;}


.young .young2{width:100%; margin: auto; overflow: hidden; background: url(../images/young2-img.jpg) top center; padding: 5% 0; height: 480px;}
.young .young2 .info{width:50%; margin: auto; float: left; margin-left: 5%; overflow: hidden; color: #fff;}
.young .young2 .info .title1{width:100%; margin: auto; overflow: hidden; font-size: 1.35em; font-weight: bold;}
.young .young2 .info .title2{width:100%; margin:4% auto; overflow: hidden}
.young .young2 .info .line{width:100%;background: #fff; height: 1px; opacity: 0.2; margin-bottom: 4%}
.young .young2 .info .text{width:100%; margin: auto; font-size:18px; line-height: 2em; overflow: hidden}




.young .young3{width:90%; margin: auto; overflow: hidden; margin-bottom: 4%}
.young .young3 .list{width:100%; margin: auto; overflow: hidden}
.young .young3 .list li{width:22%; margin: auto 1.5%; overflow: hidden; float: left;}

.young .young3 .list li .list1{width:100%; text-align: center; font-size: 4em; font-weight: bold; color: #e6e6e6;}
.young .young3 .list li .list2{width:100%; text-align: center;  background: url(../images/young3-list-bg.jpg)no-repeat center; padding: 50px 0;  height:170px;  }
.young .young3 .list li .list3{width:100%; margin: auto; overflow: hidden; margin-top: 40px; font-size: 1.1em; line-height: 2em;}




.young .young4{width:100%; margin: auto; overflow: hidden; background: url(../images/young4-bg.jpg) repeat-x top;}
.young .young4 .tp{width:440px; float: left; margin-left: 5%;}
.young .young4 .info{width:calc(85% - 440px);  float: right; margin-top: 11em; margin-right: 5%}
.young .young4 .info .title1{font-size:18px; font-weight: bold;}
.young .young4 .info .title2{width:100%; margin: 1em 0 3em}
.young .young4 .info .title2 img{width:100%; max-width: 622px;}
.young .young4 .info .text{ margin-top: 1em; line-height: 2em; font-size: 1.05em;}


.young .young5{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.young .young5 .tp{width:100%; margin: auto; overflow: hidden; text-align: center}
.young .young5 .tp img{width:100%; max-width: 1290px;}
.young .young5 .list{width:100%; margin: auto; overflow: hidden; margin-top: 3%}
.young .young5 .list li{width:19%; margin: auto 0.5%; float: left;overflow: hidden; text-align: center;}
.young .young5 .list li img{width:100%;margin-bottom:10px;}





/*工会*/
.gonghui1{width:100%; margin: 3% auto; overflow: hidden;}
.gonghui1 .title{width:270px; float: left; font-size:18px; font-weight: bold;}
.gonghui1 .title img{display:block; margin-top: 2em;}
.gonghui1 .text{width:calc(95% - 270px);  float: right; padding-top: 4em; line-height: 2em; color: #505050;}


.gonghui2{width:100%; margin: auto; overflow: hidden; background:url(../images/gh2-bg.jpg) top center; height: 352px; padding-top: 5em}
.gonghui2 .title{width:343px; float: left;}
.gonghui2 .list{width:calc(96% - 343px);  float: right; color: #fff;}
.gonghui2 .list li{width:33%;  float: left; text-align: center; font-size:18px;}
.gonghui2 .list li img{display:block; margin: auto; margin-bottom: 1em;transition: .4s transform; padding-top: 5%}
.gonghui2 .list li:hover img{transition: .4s transform;transform:translateY(-5%);/**上移元素**/}


.gonghui3{width:100%; margin:4% auto 3%; overflow: hidden; }
.gonghui3 .title{width:344px; margin: auto; }
.gonghui3 .list{width:100%; margin: auto; overflow: hidden}

.gonghui3 .list-sj{display:none;width:100%; height: 280px; overflow-y: scroll}
.gonghui3 .list-sj li{width:100%; margin: auto;overflow: hidden; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.gonghui3 .list-sj li h3{font-size:18px; font-weight: bold;}

.gonghui4{width:100%; margin: auto; overflow: hidden; background: #0067d0; height: 654px;}
.gonghui4 .tp{width:50%; float: left;}
.gonghui4 .tp img{max-width:952px;}
.gonghui4 .text{width:50%; float: right; padding-left: 5%; padding-top: 4%;background: #0067d0; height: 100%}
.gonghui4 .text .title{width:100%;}
.gonghui4 .text .list{width:100%; color: #fff; margin-top: 3em; font-size:18px;}
.gonghui4 .text .list li{line-height:2.5em;}



/*荣誉*/
.honor{width:100%; margin: auto; overflow: hidden}
.honor .title{width:100%; margin: auto; overflow: hidden}


/* 新闻列表----------------------------- */
.news{width:100%; margin: auto; overflow: hidden; margin-top: 4%}
.news .title{width:100%; margin: auto; overflow: hidden; font-size:18px; font-weight: bold; color: #000; margin-bottom: 4%}
.news .title img{display:block; margin-top: 1em;}


/*新闻列表1*/
.news1-list{width:100%; margin: auto; overflow: hidden}
.news1-list ul{width:102.33%; margin: auto; overflow: hidden; margin-left: -2.33%}
.news1-list ul li{width:31%; margin: auto; overflow: hidden; float: left; padding: 3%; border: 1px solid #e9e9e9; margin-left: 2.33%; margin-bottom: 4%;}
.news1-list ul li .date{    color: #999999;
    font-size: 1.35em;}
.news1-list ul li .title{    color: #000000; font-weight: normal;
    display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;
    font-size: 1.5em;
    line-height: 1.85em;
    margin-top: 2em;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.news1-list ul li .text{    color: #282828;
    font-size: 1.038em;
    line-height: 1.95em;
    min-height: 3.9em;
    margin: 1em 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.news1-list ul li .tp{    margin: 2em 0;}
.news1-list ul li .tp img{width:100%;}
.news1-list ul li .more{    color: #999999;    font-size:18px;}




.news1-list ul li:hover {    background: #1b5fb7;}
.news1-list ul li:hover .date{color:#fff}
.news1-list ul li:hover .title{color:#fff}
.news1-list ul li:hover .text{color:#fff}
.news1-list ul li:hover .more{color:#fff}




/*新闻列表2*/
.news2-list{width:100%; margin: auto; overflow: hidden}
.news2-list ul{width:100%; margin: auto; overflow: hidden}
.news2-list ul li{width:100%; margin: auto; overflow: hidden; border-top:1px solid #b5b5b5; padding: 5% 0}
.news2-list ul li .title{width:100%; margin: auto; overflow: hidden; font-size: 1.5em; font-weight: normal;display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;}
.news2-list ul li .title .date{display:inline; float: right; color: #7d7d7d; font-size: 0.85em;}
.news2-list ul li .text{width:100%; margin:3% auto; overflow: hidden; color: #484848; line-height: 2em; font-size:18px; text-overflow: -o-ellipsis-lastline;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news2-list ul li .more{width:100%; margin: auto; overflow: hidden; color: #e9880b; font-size:18px;}



/*新闻列表3*/
.news3{width:100%; margin: auto; overflow: hidden}
.news3 .title{width:100%; margin: auto; overflow: hidden; text-align: center; font-size: 1.5em; font-weight: normal;}
.news3 .title img{margin:auto; margin-top: 1em;}
.news3 .text{width:100%; margin: auto; overflow: hidden; font-size: 1.125rem; line-height: 2.3em; margin-top: 5%;text-align:justify}
.news3 .text img{float:left; margin-right: 40px; margin-bottom: 20px;}
.news3 .list{width:100%; margin:auto; overflow: hidden; margin-top: 4%}
.news3 .list ul{width:100%; margin:auto; overflow: hidden}
.news3 .list ul li{width:30.33%; margin:auto 1.5%; overflow: hidden; float: left; text-align: center; background: url(../images/news3-line.jpg) no-repeat bottom center; padding-bottom: 20px; font-size:18px; line-height: 2.2em;}
.news3 .list ul li img{display:block; margin: auto; margin-bottom: 1em;width:100%; max-width: 377px;}

.news3 .list2{width:100%; margin: auto; overflow: hidden; margin-top: 5%}
.news3 .list2 ul{width:100%; margin: auto; overflow: hidden}
.news3 .list2 ul li{width:100%; margin: auto; overflow: hidden; border-top:1px solid #b5b5b5; padding: 5% 0}

.news3 .list2 ul li .tp{width:333px; float: left;}
.news3 .list2 ul li .info{width:calc(96% - 333px);  float: right;}


.news3 .list2 ul li .info .title{width:100%; margin: auto; overflow: hidden; font-size: 1.3em; font-weight: normal;display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;text-align: left}
.news3 .list2 ul li .info .title .date{display:inline; float: right; color: #7d7d7d; font-size: 0.85em; }
.news3 .list2 ul li .info .text{width:100%; margin:3% auto; overflow: hidden; color: #484848; line-height: 2em; font-size:18px; text-overflow: -o-ellipsis-lastline;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news3 .list2 ul li .info .more{width:100%; margin: auto; overflow: hidden; color: #e9880b; font-size:18px;}




/* 新闻详细页----------------------------- */
.detail{width:94%; margin: 4% auto;overflow: hidden;}
.detail .title{ font-size:1.75em;   color: #333; font-weight: bold;line-height: 2em;  text-align: center; }
.detail .date{ line-height: 2.6em;  border-bottom: 1px solid #f3f2f2; text-align: center;padding-left: 20px; padding: 1%; font-size: 0.938em; color: #7c7c7c; }
.detail .date img{margin:0 10px 0 20px;}
.detail .content{width:100%; margin: auto; margin-top: 40px; line-height: 2em; font-size:18px;text-align:justify}
.detail .content img{max-width:90%;}

.detail-more{width:100%; margin:5% auto 0; overflow: hidden; background: #f2f5f8; padding:1% 2%}
.detail-more .detail-next{width:100%; float: left;}
.detail-more .detail-next li{width:100%; line-height: 1.75em}
.detail-more .detail-next li a{ color: #333;}








/*产品*/
.product{width:100%; margin: auto; overflow: hidden}
.product .product1{width:100%; margin: auto; overflow: hidden; background: #0258a8; color:#fff; padding: 4% 0}
.product .product1 .title{font-size:18px; text-align: center; font-weight: bold;}
.product .product1 .title img{display:block; margin: auto; margin-top: 20px;}

.product .product1 .list{width:100%; margin: auto; overflow: hidden; margin-top: 5em;}
.product .product1 .list ul {width:100%; margin: auto; overflow: hidden}
.product .product1 .list ul li{width:16.66%; margin: auto; overflow: hidden; float: left; font-size:18px; text-align: center; line-height: 3em;}
.product .product1 .list ul li img{display:block; margin: auto}


.product .product2{width:100%; margin: auto; overflow: auto; background: #f1f5fd}
.product .product2 li{ height: 720px;}
.product2-tp1{width:50%; float: left; overflow: hidden}
.product2-tp2{width:50%; float: right; overflow: hidden}
.product2-info{width:50%; float: left; height: 100%; padding: 5%}
.product2-info .title1{ color: #becfe0; font-size: 3em; font-weight: bold;}
.product2-info .title2{color: #000; font-size: 2em; font-weight: bold; margin: 5% 0 4%}
.product2-info .text{color: #000; font-size: 1.038em; line-height: 2.2em; }






/*产品目录*/
.directory{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.directory .tp{width:100%; margin: auto; overflow: hidden; text-align: center}
.directory .tp img{width:100%; margin: auto; max-width: 1334px;}

.directory .list{ width:100%; margin: auto; overflow: hidden;}
.directory .list li{width:48%;float: left;margin: 1%;box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);height: 250px;align-items: center;display: flex;padding: 0 3%;}
.directory .list li .ico{ width:98px;float: left;text-align: center;}
.directory .list li .ico svg{fill:#818181;}
.directory .list li .title{width: calc(70% - 145px);float: left;font-size: 28px;margin: 3%;}
.directory .list li .more{width:145px;height: 45px;float: right;border-radius: 50px;background: #fea424;color: #fff;text-align: center;margin-left: 4%;font-size:18px;line-height: 45px;}

.directory .list li:hover{ background: #077fc4;}
.directory .list li:hover .title{ color: #fff;}
.directory .list li:hover .ico svg{fill:#fff;}
.directory .list li:hover .more{background: #fff; color: #077fc4;}


/*<1440*/
@media screen and (max-width:1440px) 
{
	.directory .list li .title{font-size:24px;}
}

/*<1440*/
@media screen and (max-width:992px) 
{
	.directory .list li{width:98%; height: 180px;}
	.directory .list li .title{width:70%;font-size:20px;}
	.directory .list li .ico {width:70px}
	.directory .list li .ico svg{fill:#ededed;}
	.directory .list li .more{width:120px; font-size: 14px; height: 35px; line-height: 35px; border-radius: 15px;}
}




/*服务*/
.service{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.service .title{width:100%; margin: auto; overflow: hidden; font-size:18px; font-weight: bold; color: #000; margin-top: 4%}
.service .title img{display:block; margin-top: 1em;}

.service-content{width:100%; margin: auto; overflow: hidden}

/* 服务Tab标签 */
.service-content .tab{width:100%; margin: auto; overflow: hidden; border-top:1px solid #dedede; border-bottom: 1px solid #dedede }
.service-content .slideTxtBox{ width:100%;  text-align:left;  }
.service-content .slideTxtBox .hd{ height:80px; width:1400px; margin: auto; position:relative; border-bottom: none; border-left: 1px solid #dedede }
.service-content .slideTxtBox .hd ul{ float:left;  position:absolute;  height:80px; width:100%;  overflow: hidden;}
.service-content .slideTxtBox .hd ul li{ width:25%;float:left;  cursor:pointer; font-size:18px; text-align: center; line-height: 80px; padding-top: 0; padding-left: 0;border-right: 1px solid #dedede }
.service-content .slideTxtBox .hd ul li.on{ height:80px; color: #fff; background: #077fc4; }


.service-content .slideTxtBox .bd{width:100%;border-top: 1px solid #dadada;}
.service-content .slideTxtBox .bd ul{  zoom:1;  background: #fff; overflow: hidden; }

.service-content .slideTxtBox .bd ul .content{width:100%; margin: auto; overflow: hidden;}
.service-content .slideTxtBox .bd ul .content .tp{width:45%;  float: left;}
.service-content .slideTxtBox .bd ul .content .tp img{width:100%;  }
.service-content .slideTxtBox .bd ul .content .text{width:55%; padding: 5%;  float: right; color: #000; margin-top: 0;}
.service-content .slideTxtBox .bd ul .content .text .title{width:100%; margin: auto; overflow: hidden; margin-bottom: 1.5em;}
.service-content .slideTxtBox .bd ul .content .text .info{width:100%; margin: auto; overflow: hidden;font-size:18px; line-height: 2em;}



/*分子公司*/
.subsidiary{width:100%; margin:3% auto; overflow: hidden}
.subsidiary .title{width:270px; float: left; font-size:18px; font-weight: bold;}
.subsidiary .title img{display:block; margin-top: 2em;}
.subsidiary .text{width:calc(95% - 270px);  float: right; padding-top: 2em; line-height: 2em; color: #505050;}
.subsidiary .text span{display:block; font-size:18px; font-weight: bold; margin-bottom: 1em;}

.subsidiary .list-title{width:100%; margin:4% auto; overflow: hidden; background: #0059c7; color: #fff; text-align: center; font-size:18px; line-height: 3em;}
.subsidiary .list-title .name{width:25%; float: left;}
.subsidiary .list-title .add{ width:50%; float: left;}
.subsidiary .list-title .more{ width:25%; float: left;}


.subsidiary .list{width:94%; margin: auto; overflow: hidden}
.subsidiary .list li{ border:1px solid #cdcccc; overflow: hidden; width:100%; margin-bottom: 2em;}
.subsidiary .list li .name{width:30%; float: left; border-right:1px solid #ccc; padding: 3.2% 2%; font-size: 1.35em; font-weight: bold;}
.subsidiary .list li .add{width:calc(70% - 20px);  float: left;padding: 2.8% 5%;font-size: 1.35em; line-height: 2em; }
.subsidiary .list li .more{width:210px; float: right; text-align: center; background: url(../images/subsidiary--list-more-line.jpg) no-repeat left center;margin-top: 3.2%; color: #333; font-size:18px;}
.subsidiary .list li .more img{margin-right:10px;}
.gray{ color: #9c9c9c;}

.subsidiary .list li:hover .name{ color: #0059c7;}



/*分子公司-详细*/
.subsidiary-detail{width:100%; margin:4% auto; overflow: hidden}
.subsidiary-detail .title{width:100%; margin: auto; overflow: hidden; font-size: 1.75em;  text-align: center; color: #000}
.subsidiary-detail .text{width:100%; margin: auto; overflow: hidden; font-size:18px;  color: #666; line-height: 2em; margin-top: 2em;}


.subsidiary-detail-contact{width:100%; margin: auto; overflow: hidden; border-top:1px solid #e1e1e1;}
.subsidiary-detail-contact li{width:100%; margin: auto; overflow: hidden; border-bottom:1px solid #e1e1e1; padding: 1em 0; font-size:18px;}
.subsidiary-detail-contact li img{ margin-right:20px;margin-left:20px;}


.subsidiary-detail-message{width:100%; margin:4% auto; overflow: hidden}
.subsidiary-detail-message .title{width:239px; float: left;}
.subsidiary-detail-message .title1{width:100%; float: left;}
.subsidiary-detail-message .title2{width:100%; float: left; margin-top: 1em}
.subsidiary-detail-message .content{width:calc(95% - 239px); float: right; margin-top: 2em;}
.subsidiary-detail-message .content .row1{width:100%; margin: auto; overflow: hidden}
.subsidiary-detail-message .content .row1 li{width:33.33%; margin: auto; overflow: hidden; float: left; background: url(../images/ab-title-line.jpg) no-repeat left top; padding-left: 20px; font-weight: bold; }
.subsidiary-detail-message .content .row1 li input{width:94%; margin-top: 8px; padding: 5px; border:1px solid #dcdcdc;}
.subsidiary-detail-message .content .row2{width:100%; margin: auto; overflow: hidden; padding-left: 20px; font-weight: bold; margin-top: 3em; background: url(../images/ab-title-line.jpg) no-repeat left top;}
.subsidiary-detail-message .content .row2 textarea{width:98%; margin-top: 8px; padding: 5px; border:1px solid #dcdcdc; height: 170px;}
.subsidiary-detail-message .content .row3{width:100%; margin: auto; overflow: hidden; border-top:1px solid #dcdcdc; margin-top: 3em;}
.subsidiary-detail-message .content .row3 .btn{width:100px; height: 40px;  line-height: 40px; padding: 0; margin-top: 2em; border-radius: 50px; float:left; background: #ef9f31; color: #fff; text-align: center;}


/*投资者来访*/
.investor{width:100%; margin:3% auto; overflow: hidden}
.investor .title{width:100%; margin: auto; overflow: hidden; font-size:18px; font-weight: bold; color: #000; margin-bottom: 4%}
.investor .title img{display:block; margin-top: 1em;}

.investor .content{width:100%; margin: auto; overflow: hidden; background: #f3f8fb;  }
.investor .content .text{width:100%; margin: auto;overflow: hidden;background:url(../images/investor-bg.jpg) no-repeat right top;height: 624px;}
.investor .content .text .text1{width:100%; margin: auto;overflow: hidden; font-size: 3em; margin-top: 15%; float: left;}
.investor .content .text .text2{width:150px; height: 40px; border-radius: 50px; float: left; line-height: 40px; font-size:18px; background: #f69b33; color: #fff; text-align: center;margin:3% auto;overflow: hidden;}
.investor .content .text .text3{width:100%; margin: auto;overflow: hidden; color: #868686;letter-spacing:2px;font-size:18px;}


/*视频*/
.videos-sj{width:100%; margin: auto;  overflow: hidden; display: none; margin-bottom: 2em;}
.videos-sj li{width:100%; margin: auto; overflow: hidden; margin-top: 2em; padding-bottom: 1em;border-bottom: 1px dashed #e5e5e5}


/* 项目列表页----------------------------- */
/*
.project-list{width:100%; margin:3% auto 0; overflow: hidden; background: #f3f3f3;}
.project-list ul{ width:101.5%; margin: auto; overflow: hidden; padding: 15px 15px 0 15px; margin-left: -1.5%}
.project-list ul li{ width:32.03%; float: left; margin-left: 1.3%; background: #fff; margin-bottom: 1.5%; border-bottom: 1px solid #fff;transition: all 0.3s;}
.project-list ul li .tp{width:100%; background: #000}
.project-list ul li .tp img{width:100%}
.project-list ul li .bt{width:90%; margin:6% auto; font-size: 0.85em; background: url(../images/project-bg.jpg) no-repeat right center}
.project-list ul li .bt span{ display:block; font-size: 1.5em; margin-bottom: 0.8em;}
.project-list ul li .bt img{margin-right:10px;}
.project-list ul li .bt a{ color:#3f3f3f;}


.project-list ul li:hover{border-bottom: 1px solid #b81844;transition: all 0.3s;}
.project-list ul li:hover .tp img{width:100%; opacity: 0.85}


*/



/* 荣誉列表页----------------------------- */
/*
.honor-list{width:100%; margin:3% auto 0; overflow: hidden;}
.honor-list ul{ width:101.5%; margin: auto; overflow: hidden; padding: 15px 15px 0 15px; margin-left: -1.5%}
.honor-list ul li{ width:32.03%; float: left; margin-left: 1.3%; background: #fff; margin-bottom: 1.5%; border-bottom: 1px solid #fff;transition: all 0.3s;}
.honor-list ul li .tp{width:100%; background: #000}
.honor-list ul li .tp img{width:100%}
.honor-list ul li .bt{width:90%; margin:6% auto; text-align: center;font-size:18px; }


*/



/* 在线留言----------------------------- */
/*
.message{width:100%; margin:3% auto; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.message-tp{width:50%;  float: left; overflow: hidden}
.message-box{width:550px; float: left; margin-left: 5%;}
.message-box .title{width:100%; color: #000; font-size: 2.25em; font-weight: bold; background: url(../images/message-title-bg.jpg) no-repeat left bottom; padding-bottom: 10px; margin-top: 2.5em;}

.message-box .message1{width:100%; margin: auto;  overflow: hidden; margin-top: 1.5em}
.message-box .message1 .rowbox{width:100%;  margin: auto;  overflow: hidden; border-bottom: 1px solid #d9d9d9; line-height: 2em;padding: 1em 0}
.message-box .message1 .row-left{width:60px; float: left;color: #535252; font-size: 0.95em; display: block }
.message-box .message1 .row-right{width:calc(100% - 60px); ; float: left;}
.message-box .message1 .row-right .red{color:#df0034; font-weight: bold; margin-left: 10px;}
.message-box .message1 .row-right .input{ padding: 2px; width:95%; border: none}
.contact-btn{ width:100%; height: 42px; border: 0; line-height: 42px; background: #b81844; color: #fff; font-size:18px; text-align: center; margin:3em 1% 0 0;
display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}

.contact-btn:hover{background-color: #454545;color: white;}


*/






/* 标题2----------------------------- */



/* 图片列表----------------------------- */






/* 联系我们---------------------------- */


/*<1800*/
@media screen and (max-width:1799px) 
{}

/*<1700*/
@media screen and (max-width:1699px) 
{}

/*<1600*/
@media screen and (max-width:1599px) 
{}

/*<1500*/
@media screen and (max-width:1499px) 
{}



/*<1500*/
@media screen and (max-width:1599px) 
{
	.w-1500{width:96%;}

	
}
/*<1450*/
@media screen and (max-width:1449px) 
{
	
	
}


/*<1400*/
@media screen and (max-width:1460px) 
{
	.w-1400{width:96% }
	
	.service-content .slideTxtBox .hd{width:100%}
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
	.w-1350{width:94%; }
	.slideTxtBox .hd ul li{padding-left: 1%;}
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
	.index-Introduction .index-culture .list li{padding-left: 3%;}

}


/*<1300*/
@media screen and (max-width:1299px) 
{
	.nei-top .about-top-text{ padding-bottom: 4%;}
	.slideTxtBox .bd .content .text{width:70%}
	
}

/*<1280*/
@media screen and (max-width:1280px) 
{
	
	.top-menu{width:70%;}
	.index-Introduction .index-about{width:100%}
.index-Introduction .index-culture{width:100%;margin-top: 3em;}
	.index-Introduction .index-culture .list2{width:100%}
}


/*<1200*/
@media screen and (max-width:1199px) 
{	
	.slideTxtBox .hd ul li .dot{margin-right: 10px;}
	.index-message .title{width:100%; margin-top: 3%}
	.index-message .list{width:100%;margin: 4% 0;}
	.index-message .more{float:left}
	
	.travel .list ul li{width:45.33%;}
}


/*<1100*/
@media screen and (max-width:1100px) 
{
	.slideTxtBox .hd ul li .ico1{display:none}
	.slideTxtBox .hd ul li .ico2{display:none}
	.slideTxtBox .hd ul li .ico3{display:none}
	.slideTxtBox .hd ul li .ico4{display:none}
	.slideTxtBox .hd ul li .ico5{display:none}
	.slideTxtBox .hd ul li .ico6{display:none}
	

	.index-partner .title{width: 100%;text-align: center;border-right:none}
	.index-partner .list{width:100%; margin-top: 3em}
	
	
	.news3 .list2 ul li .tp{display:none}
	.news3 .list2 ul li .info{width:100%}
}



/*<1000*/
@media screen and (max-width:999px) 
{
	
.young .young3 .list li{width:45%; margin: 2.5%; overflow: hidden; float: left;}
	
}

/*<960*/
@media screen and (max-width:959px) 
{
	



	
}



/*<900*/
@media screen and (max-width:899px) 
{
	.subsidiary .list li .name{width:100%;padding: 1.8% 5%; border-bottom: 1px solid #e5e5e5}
	.subsidiary .list li .add{width:100%}
	.subsidiary .list li .more{width:100%;text-align: left;padding: 1.8% 5%;}
}


/*<850*/
@media screen and (max-width:850px) 
{
	
	.index-message .list ul li{width:50%; margin: 3% 0; border-bottom:1px solid #ccc; padding-bottom: 10px;}
	
	.young .young4 .tp{display:none}
	.young .young4 .info{width:100%; margin-right:0;margin-top: 2em; margin-bottom: 2em;}
}

/*<760*/
@media screen and (max-width:760px) 
{

	.partner-swiper img{width:70%}

	
}

/*<620*/
@media screen and (max-width:620px) 
{
	.slideTxtBox .hd ul li .dot{display:none}
	.slideTxtBox .hd ul li.on .dot{display:none}
	.slideTxtBox .hd ul li .text{font-size:0.85em;}
	.slideTxtBox .hd{height:50px;}
	.slideTxtBox .hd ul{height:50px;}
	.slideTxtBox .hd ul li{    padding-top: 15px;}
	.slideTxtBox .bd .content .title{color: #fff; }
	.slideTxtBox .bd .content .text{width:90%;color: #fff; }
	.index-Introduction .index-culture .list2{ margin-top: 3.5em;}
	.index-Introduction .index-about .text{width:86%}
	
	.index-news ul li{width:100%;border-bottom: 1px solid #dddddd;border-left: none}
	
	.index-banner{margin-top:80px;}
	.slideTxtBox .bd .content .tp1{height:400px;}
	.index-Introduction .index-about .title1{    margin-top: 2em;}
	.index-Introduction .index-about .title2 img{ width:40%}
	.index-news-title .title1 img{ width:70%}
	.footer .footer2 .footer-info{width:100%}
	.footer .footer2 .footer-contact{width:100%}
	.footer .footer2 .footer-contact .tel{float:left;}
	.footer .footer1 .list li{width:100%;margin:5px 0}
	
	
	.nei-top{margin-top:80px;height:115px;}
	.nei-top .tp img{width:100%;}
	.nei-top .about-top-text{    padding-top: 25px;    height: auto;    padding-bottom: 20px;}
	.nei-top .about-top-text h1{    font-size: 1.5em; margin-top: 5px;    margin-bottom: 0px;}
	.nei-top .about-top-text h2{font-size: 2em;    margin-top: 5px;    margin-bottom: 0px;}
	
	.about-left .ab-title2 img{ width:40%}
	.about-left{width:100%}
	.about-left .ab-title-img{margin-top: 1em;    margin-bottom: 2em;}
	.about-right{width:96%;margin-right: 2%; margin-top:3em}
	
	.contact{    background: none}
	.contact .contact-left{width:100%}
	.contact .contact-left .list{margin-top: 2em;}
	
	.nei-public-title img{width:25%}
	.culture .list ul li{width:100%; margin-bottom: 10px;padding: 6%;}
	.culture-element .swiper-slide .tp{margin-top:0}
	.culture-element .swiper-slide .tp img{width:100%}
	.culture-element .swiper-slide .text{height: 65%;}
	.culture-element .swiper-container .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px; height: 50px; line-height: 50px;}
	.culture-element .swiper-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev{left: 80px;height: 50px; line-height: 50px;}
	.culture-element .swiper-slide .text h1{margin-top: 5px;}
	.culture-element .swiper-slide .text h2 img{width:40%}
	
	.employees .list li{width:100%}
	.employees .list li .tp img{width:100%}
	.employees .list li .title{bottom: 38%;}
	.employees .list li .line{bottom: 35%;}
	
	.travel .list ul li .bt{ padding-left: 0;}
	.travel .list ul li .bt .more{display:none}
	
	.gonghui1 .title{width:100%}
	.gonghui1 .title img{width:40%}
	.gonghui1 .text{width:100%;padding-top: 2em;}
	.gonghui2{    padding-top: 2em;}
	.gonghui2 .title img{width:60%}
	.gonghui2 .list{width:100%}
	.gonghui2 .list li{font-size: 1em;}
	.gonghui3 .title{width:100%; text-align: center}
	.gonghui3 .title img{width:60%}
	.gonghui2 .list li img{width:80%}
	.gonghui3 .list{display:none}
	.gonghui3 .list-sj{ display:block}
	.gonghui4{height:auto}
	.gonghui4 .tp{width:100%}
	.gonghui4 .tp img{width:100%}
	.gonghui4 .text{width:100%}
	.gonghui4 .text .title img{width:80%}
	.gonghui4 .text .list{ font-size: 1.025em;    margin-top: 1.5em; padding-bottom: 20px;}
	.gonghui4 .text .list li{  line-height: 2em;}
	
	.investor .title img{width:50%}
	.investor .content .text{background-size:100%; height:auto;    padding-bottom: 30px;}
	.investor .content .text .text1{font-size: 1.35em;}
	.investor .content .text .text3{font-size: 1.025em;}
	
	.news .title img{width:50%}
	.news1-list ul li{width:100%}
	.news1-list ul li .title{margin-top: 1em;}
	.news2-list ul li .title .date{float: left;}
	
	.news3 .text img{width:100%}
	.news3 .list ul li{width:100%}
	.news3 .list2 ul li .info .title .date{float:left;}
	
	
	.product .product1 .list ul li{width:33.33%}
	.product .product2 li{height:auto; width:100%}
	.product2-tp1{width:100%}
	.product2-tp1 img{width:100%}
	.product2-info .title1{font-size:2em;}
	.product2-info .title2{font-size: 1.5em;}
	.product .product2 li img{width:100%}
	
	.service-content .slideTxtBox .bd ul .content .tp{width:100%}
	.service-content .slideTxtBox .bd ul .content .text{width:100%}
	
	.subsidiary .title{width:100%}
	.subsidiary .title img{width:40%}
	.subsidiary .text{width:100%}
	.subsidiary .list-title{font-size:1em;}
	
	.subsidiary-detail-message .title{width:100%}
	.subsidiary-detail-message .title2{display:none}
	.subsidiary-detail-message .content{width:100%}

	
	.videos-sj{display:block}
	
	.young .young1 .tp{width:100%;}
	.young .young1 .tp img{width:100%;}
	.young .young1 .info{width:100%;}
	.young .young1 .info .title1{margin-bottom: 2em;}
	.young .young1 .info .title1 img{width:70%;}
	
	.young .young2 .info{width:95%;}
}