/* --------------------公共样式---------------------- */
/* 全局控制 */
table,
tr,
td {border: none;}
/* 新闻详情图片|产品详情图片|案例详情图片 */
.show-news-content img,
.show-case-content img,
.show-product-content img{width:100% !important; height: auto!important;}
.show-case-content img{margin-bottom: 20px;}

/* 新闻详情table|产品详情table|案例详情table|业务详情table */
.show-news-content table,
.show-case-content table,
.show-product-content table{display: block; width: 100%!important;}

.show-news-content table tr td,
.show-case-content table tr td,
.show-product-content table tr td {width: 50%!important;padding: 15px;}

.container-width-860{max-width: 860px; margin: 0 auto;}

@media(max-width:768px) {
	.show-news-content table tr td ,
	.show-case-content table tr td ,
	.show-product-content table tr td {
		width: 100% !important;
		display: block!important;
	}
}

/* page-banner */
.page-banner {position: relative;overflow: hidden; text-transform: uppercase;}
.page-banner img {width: 100%;}
.page-banner-txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-banner-txt .container-width{height: 100%; display: flex; align-items: flex-end;}
.page-banner-txt .container-width>div{padding-bottom: 35px;}
.page-banner-txt h3{margin-bottom: 15px; font-size: 24px; color: #fff;}
.page-banner-txt p{font-size: 16px;color: #fff; letter-spacing: 15px;}
@media (min-width:960px) {
	.page-banner img {animation: bigImg 18s infinite;}
}
@media (max-width:960px) {
	.page-banner-txt h3{font-size: 32px;}
}
@media (max-width:768px) {
	.page-banner-txt .container-width{justify-content: center;}
	.page-banner-txt h3{font-size: 24px;}
}
@keyframes bigImg{
	0%   {transform: scale(1.6);}
	50%  {transform: scale(1);}
	100% {transform: scale(1.6);}
}

/* page-path */
.page-category{padding: 15px 0; border-bottom: 1px solid #eee;}

.page-path{float: left; height: 35px;line-height: 35px;}
.page-path a{color: #777;}
.page-path img{ vertical-align: middle; }
.page-path i{font-size: 16px; color: #777;}
.page-path b{font-weight: normal; font-family: simsun;}
.page-path span{color:#2458AE;}
@media (max-width:768px) {
	.page-path{height: auto; line-height: 26px;}
}
.page-catelink{float: right;}
.page-catelink a{display: inline-block; padding: 0 20px; line-height: 34px; border: 1px solid #eee; border-radius: 40px; color: #666; margin-left: 10px;}
.page-catelink a:hover,
.page-catelink a.on{background-color: #2458AE; border-color: #2458AE;  color: #fff;}
/* --------------------公共样式---------------------- */
.page-show{padding: 50px 0;}
.page-show-left{float: left; width: 60%;}
.page-show-right{float: right; width: 35%;}

@media (max-width:1200px) {
	.page-show-left iframe{height: 400px !important;}
}
@media (max-width:840px) {
	.page-show{padding: 20px 0;}
	.page-show-left{ width: 100%;}
	.page-show-right{margin: 25px 0; width: 100%;}
	.page-show-left iframe{width: auto !important; height: 250px !important;}
}
@media (max-width:400) {
	.page-show-left iframe{height: 150px !important;}
}

.show-title{margin-bottom: 25px; text-align: center;}
.show-title h3{font-size: 18px;}
.show-title p{margin-top: 15px; color: #999;}
.show-title p span{margin: 0 10px;}

.page-sidebar-title {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #eee;}
.page-sidebar-title h3{position: relative; padding-left: 15px; font-size: 20px; color: var(--main-color);}
.page-sidebar-title h3::before{position: absolute; top: 50%; left: 0; content: ""; margin-top: -9px; width: 5px; height: 18px; background-color: var(--main-color);}
.page-sidebar-prolist ul li{ margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.page-sidebar-prolist ul li h3{margin-bottom: 10px; font-size: 16px;}
.page-sidebar-prolist ul li p{line-height: 24px; color: #777;}

.page-sidebar-newslist ul li a{position: relative; display: block; padding-left: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; font-size: 16px; line-height: 24px; color: #777;}
.page-sidebar-newslist ul li a::before{position: absolute; top: 8px; left: 0; content: "";  width: 5px; height: 5px; border-radius: 50%; background-color: var(--main-color);}
.page-sidebar-newslist ul li a:hover{color: var(--main-color);}

.page-views{position: relative; margin-top: 15px;}
.page-views::before{position: absolute; top: 0; left: 50%; content: ""; margin-left: -3px; width: 1px; height: 100%; background-color: #eee;}
.page-views ul li{float: left; width: 50%;}
.page-views ul li a{display: block; margin-top: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.page-views ul li:first-child{padding-right: 10px;}
.page-views ul li:last-child{padding-left: 10px;}
.page-views ul li a:hover{color: var(--main-color);}
.page-views-hide{display: none;}

@media (max-width:840px) {
	.page-views{display: none;}
	.page-views-hide{display: block;}
}



/* join */
.page-join{padding: 50px 0;}
.page-join-title{padding: 15px 0; font-size: 18px; border-bottom: 1px solid #eee; cursor: pointer;}
.page-join-title .page-join-name{float: left; width: 40%;}
.page-join-title .page-join-address{float: left; width: 50%;}
.page-join-title .page-join-arr{float: left; width: 10%; text-align: right;}
.page-join-title .page-join-arr i{display: inline-block; font-size: 20px; font-family: simsun; font-style: inherit;}
.page-join-content{padding: 15px 0; display: none;}
.page-join-content h3{margin-bottom: 15px;}
.page-join-content p{margin-bottom: 10px; color: #777;}
.page-join-show .page-join-content{display: block;}
.page-join-show .page-join-title{padding:15px; border-color: var(--main-color); box-shadow: 0 -60px 0 #2458AE inset;}
.page-join-show .page-join-title .page-join-name,
.page-join-show .page-join-title .page-join-address,
.page-join-show .page-join-title .page-join-arr i{color: #fff; }
.page-join-show .page-join-title .page-join-arr i{transform: rotate(90deg);}


.list-news li{width: 33.33%; float: left; padding: 12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.list-news li a{box-shadow: 0px 1px 6px #ddd; transition: all .3s; background: #fff; display: block;}
.list-news li a:hover{box-shadow: 0px 1px 8px #999;}
.list-news li a .pic{overflow: hidden;}
.list-news li a .pic img{width: 100%; transition: all .5s; display: block;}
.list-news li:hover a .pic img{transform: scale(1.1);}

.list-news li a .tit{ padding: 15px 25px 25px;}
.list-news li a .tit h3{font-size: 18px; color: #333; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-news li a .tit p{max-height: 72px; overflow: hidden; line-height: 24px; margin:10px 0; color: #666;}
.list-news li a .tit .date{ font-size: 12px; color: #999; line-height: 40px;}

.list-news li a .more{
	border:1px dashed #ccc;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	margin-top: 15px;
	background: #F7F7F7;
	text-transform: uppercase;
	font-weight: bold;
}
.list-news li a:hover .more{background: var(--main-color); color: #fff; border:1px solid var(--main-color); }

@media (max-width:1200px) {
	.list-news li{width:50%;}
}
@media (max-width:768px) {
	.list-news li{width:100%;}
}

.page-about{padding: 50px 0;}
.page-about img{float: right; width: 37%; padding-left: 45px;}
.about_desc{font-size: 16px; line-height: 30px; color: #666666;}

.about_env{padding: 50px 0;}
.about_env img{float: right; }
.about_env_title{float: left; width: 25%; color: #333333; padding-right: 20px;}
.about_env_title h3{font-size: 24px; margin-top: 35px;}
.about_env_title h6{font-size: 20px; margin: 5px 0 35px; font-weight: normal;}
.about_env_title p{font-size: 14px; color: #999999; line-height: 24px;}

@media (max-width:940px) {
	.page-about,.about_env{padding: 30px 0;}
	.page-about img,.about_desc,.about_env_title{width: 100%; padding:0 10px 20px;}
}

.page-link{overflow: hidden; margin: 50px 0;}
.page-link ul{border-top: dashed 1px #ededed; border-left: dashed 1px #cbcbcb;}
.page-link div{}
.page-link li {
	float: left;
	width: 14.28%;
	border-right: dashed 1px #cbcbcb;
	border-bottom: dashed 1px #cbcbcb;
}
.page-link li span {display: block; overflow: hidden;}
.page-link li img {
	max-width: 100%;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	opacity: .7;
}
.page-link li:hover img	{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}
@media (max-width:1200px) {
	.page-link li {width: 20%;}
}
@media (max-width:768px) {
	.page-link li {width: 33.33%;}
}

 .btn {
	float: left;
	width: 120px;
	font-size: 14px;
	padding: 0 15px;
	line-height: 42px;
}

    .i-category2{text-align: center;}
    .i-category2 ul{display: inline-block;}
    .i-category2 ul li{float: left; margin-top: 50px; padding: 0 15px; font-size: 14px; text-align: center;}
    .i-category2 ul li:hover a{color: #3A69B6; color: #999;}
    .i-category2 ul li i{display: block; font-size: 36px; color: #bbb; margin-bottom: 5px;}
    .i-category2 ul li.on i{color:var(--main-color);}
   /*  @media (max-width:992px) {
        .i-category2 ul li{margin-top: 30px;}
    }

    @media (max-width:768px) {
        .i-category2 ul li{padding: 0 8px; font-size: 12px; margin-top: 20px;}
        .i-category2 ul li i{font-size: 20px;}
    }
    @media (max-width:480px) {
        .i-category2 ul li{padding: 0 15px; margin-top: 15px;}
        .i-category2 ul li i{font-size: 18px;}
    }
    @media (max-width:380px) {
        .i-category2 ul li{padding: 0 10px;}
        .i-category2 ul li i{font-size: 16px;}
    }
    @media (max-width:340px) {
        .i-category2 ul li{padding: 0 5px;}
    }
	 */
	
	@media (max-width:1200px) {
	    .i-category2 ul li{padding: 0 20px;}
	}
	@media (max-width:992px) {
	    .i-category2 ul li{margin-top: 30px;}
	}
	@media (max-width:768px) {
	    .i-category2 ul li{padding: 0 8px; font-size: 12px; margin-top: 20px;}
	    .i-category2 ul li i{font-size: 20px;}
	}
	@media (max-width:480px) {
	    .i-category2 ul li{padding: 0 10px; margin-top: 15px;}
	    .i-category2 ul li i{font-size: 18px;}
	}
	@media (max-width:380px) {
	    .i-category2 ul li{padding: 0 5px;}
	    .i-category2 ul li i{font-size: 16px;}
	}
	@media (max-width:340px) {
	    .i-category2 ul li{padding: 0 5px;}
	}
	
	
	

    .page-project-select{margin-top: 35px; padding: 0 15px;}
    .page-project-choose{position: relative; float: left; width: 130px; margin-right: 15px; cursor: pointer;}
    .page-project-choose h3{font-size: 14px;padding: 0 10px; line-height: 40px;border: 1px solid #ccc; color: #333;}
    .page-project-choose ul{position: absolute; top: 40px; left: 0 ; width: 100%; background-color: #fff;border: 1px solid #ccc; border-top: none; box-shadow: 0 10px 5px rgba(0,0,0,.1); display: none; z-index:9;}
    .page-project-choose ul li a{display: block;padding: 0 15px; line-height: 40px; }
    .page-project-choose ul li a:hover{ background-color: var(--main-color);color: #fff;}
    .dis{display: block!important;}

    /*case*/
    .i-case{padding: 60px 0;}
    .i-case-content {margin-top: 30px;}
    .i-case-content li{float: left; width: 33.33%; margin-bottom: 25px; padding: 0 15px;}
    .i-case-content li:nth-child(4n+1),
    .i-case-content li:nth-child(4n){width: 66%;}
    .i-case-content li a{display: block;}
    .i-case-content .i-case-img{ width: 100%; height: 460px; position: relative;}
    .i-case-content .i-case-img img{width: 100%; visibility: hidden;}
    .i-case-content .i-case-img span{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        visibility: hidden;
        text-align: center;
        color: #FFFFFF;
        vertical-align: middle;
        line-height: 0px;
        font-size: 18px;
        background-color: rgba(0,0,0,.7);
    }
    .i-case-content li:hover .i-case-img span{height: 100%; visibility: visible;line-height: 460px;}

    .i-case-content .i-case-txt{height: 70px; padding: 15px 0; }
    .i-case-content .i-case-txt h3{margin-bottom: 8px; font-size: 18px; line-height: 36px;}
    .i-case-content .i-case-txt h3 .fl{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:70%;transition: all 0s;}
    /* .i-case-content .i-case-txt p{font-size: 14px; color: #ccc; transition: all .2s;} */
    .i-case-content .i-case-txt .fr{font-size:16px; transition: all 0s;}
    .i-case-content li a:hover .i-case-txt{background-color: #999; padding: 15px 20px; }
    .i-case-content li a:hover .i-case-txt h3,
    .i-case-content li a:hover .i-case-txt p,
    .i-case-content li a:hover .i-case-txt p span{color: #eee;}

    .i-case-more{text-align: center; margin: 30px ;}
    .i-case-more a{margin-top: 35px; display: inline-block;  padding: 0 25px; line-height: 40px; background-color: #333; color: #fff;}
    .i-case-more a:hover {background-color: var(--main-color); color: #fff; border-color: var(--main-color);}

    .show-news-content table tr td, .show-case-content table tr td, .show-product-content table tr td {
        width: auto!important;
        padding: 15px;
    }
    @media (max-width:1400px) {
        .i-case-content .i-case-txt h3{font-size: 16px;}
        .i-case-content .i-case-txt h3 .fl{width:60%;}
        .i-case-content .i-case-txt .fr{font-size:14px;}

    }
    @media (max-width:1200px) {
        .i-case-content .i-case-img{height: 360px;}
        .i-case-content li:hover .i-case-img span{line-height: 260px;}
    }
    @media (max-width:1000px) {
        .i-case-content .i-case-img{height: 260px;}

    }
    @media (max-width:840px) {
        .page-project-choose{ margin-right: 5px;}
        .i-case-content li{width: 100% !important; padding:0 5px;}
        .i-case-content .i-case-img{height:auto;background: none;}
        .i-case-content .i-case-img img{visibility: visible;}
        .btn{margin-top: 10px;}
        .page-project-choose{width：120px;}
        .page-project-choose h3{padding: 0 15px;}
        .i-case-content .i-case-img span{display: none;}
        .i-case-content .i-case-txt h3{font-size: 14px;}
        .i-case-content .i-case-txt .fr{font-size:12px;}
    }
    @media (max-width:380px) {
        .i-case-content li{padding:0px;}
    }
	.show-news-content table tr td, .show-case-content table tr td, .show-product-content table tr td {
    width: auto!important;
    padding: 15px;
	}
	
    .x-develop-list {overflow: hidden;}
    .x-develop-list ul {margin-left: -25px;}
    .x-develop-list ul li{float: left; width: 33.33%; padding-left: 25px; margin-top: 25px;}
    .x-develop-list ul li a{position: relative; display: block;overflow: hidden;}
    .x-develop-list ul li a>img{width: 100%;}
    .x-develop-list .x-develop-mask{position: absolute; top: 20px; left: 20px; z-index: 1; width: calc(100% - 40px) ; height: calc(100% - 40px); background-color: rgba(0, 0, 0,.9); display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; visibility: hidden; opacity: 0; transform: translateY(20px);}
    .x-develop-list .x-develop-mask>div{padding: 15px ;}
    .x-develop-list .x-develop-mask p{margin: 15px 0;}
    .x-develop-list ul li a:hover .x-develop-mask{visibility: visible; opacity: 1; transform: translateY(0);}
    .index-more{padding-top: 50px; text-align: center;}
    .index-more img{display: inline-block; max-width: 100%;}
	@media (max-width:1200px) {
		.x-develop-list .x-develop-mask{position: static; top: 0; left:0; visibility: visible; opacity: 1;transform: translateY(0); width: 100%; text-align: left;background-color: rgba(0, 0, 0,.5);}
		.x-develop-list .x-develop-mask>div{padding: 10px 15px; width: 100%;}
		.x-develop-list .x-develop-mask h3{font-size: 14px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp：2；line-clamp：2；-webkit-box-orient:vertical; height: 50px; line-height: 24px;}
		.x-develop-list .x-develop-mask p{display: none;}
	}
    @media (max-width:1000px) {
		.x-develop-list ul li{float: left; width: 50%;}
    }
    @media (max-width:640px) {
        .x-develop-list ul li{float: left; width: 100%;}
        .index-more{padding-top: 20px;}
    }
	.contact li{float: left; width: 33.33%; padding: 25px 15px; text-align: center;}
    .contact li span{margin-bottom: 30px;}
    .contact-box{position: relative;  background-color: #fff; border-bottom: 3px solid #0E74FB; padding: 25px; border: 1px solid #eee; transition: all .3s; font-family: arial;}
    .contact-box span{ margin: 0 auto; display: block; width: 100px; height: 100px; line-height: 90px; border-radius: 50%; text-align: center;}
    .contact-box h3{color: #777; font-size: 20px; padding-bottom: 15px; }
    .contact-box p{height: 80px; font-size: 16px; color:#777;}
    .contact li:hover .contact-box{box-shadow: 0 0 15px rgba(0,0,0,.1);background-color: #fff;}

    @media (max-width:940px) {
        .contact li{width: 50%;}
    }
    @media (max-width:768px) {
        .contact li{width: 100%;}
    }
    #map{width: 100%; height: 350px;}
.page-search{float: left; margin-left: 300px;}
.page-search input,.page-search button{line-height: 30px;}
.page-search input{border: 1px solid #ddd; border-right: 0; border-radius: 30px 0 0 30px; float: left; padding-left: 10px;line-height: 32px; width:200px;}
.page-search button{border: 1px solid #ddd; border-left: 0; border-radius: 0 30px 30px 0; float: left; width:44px; text-align: center; background: none; cursor: pointer;}
@media screen and (max-width: 1400px){
	.page-search{float: left; margin-left: 200px;}
}
@media screen and (max-width: 1200px){
	.page-search{float: left; margin-left: 100px;}
}
@media screen and (max-width: 1000px){
	.page-search{float: left; margin-left: 50px;}
}
@media screen and (max-width: 800px){
	.page-path{float: none;}
	.page-path,.page-search,.page-catelink{ margin: 10px 0 !important;}
	.page-catelink{margin-left: 10px;}

}
@media screen and (max-width: 600px){
	.page-path,.page-search,.page-catelink{float: none;}
	.page-catelink a{margin: 0 10px 0 0 ;}
}