@charset "utf-8";
/* CSS Document */

.row1,.row2,.row3{ display:flex;}  
.wp {
	width: 100%;
	max-width: 1170px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*首页*/
.ul-jmys {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
.ul-jmys .li {
	width: 30%;
	float: left;
	list-style: none;
	padding-left: 1.5%;
	padding-right: 1.5%;
	margin: 0；
}
.tit-i {
	text-align: center;
	padding: 50px 0;
	line-height: 36px;
	overflow: hidden;
}
.tit-i h3 {
	font-size: 30px;
	color: #002;
	margin-bottom: 10px;
}
.tit-i h5 {
	font-size: 20px;
	color: #cacace;
	text-transform: uppercase;
	font-family: Arial;
}
.tit-i h5 span {
	color: #fff;
}
.tit-i em {
	width: 45px;
	border-bottom: 1px solid #7f7f90;
	display: inline-block;
}
.ul-icon-i li {
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 70px;
	overflow: hidden;
	text-shadow: inherit;
}
.ul-icon-i li .pad {
	padding: 0 40px;
	position: relative;
}
.ul-icon-i li a {
	display: block;
}
.ul-icon-i li a span {
	background: url(../images/i_icon1.png) no-repeat;
	width: 139px;
	height: 134px;
	display: inline-block;
	margin-bottom: 55px;
}
.ul-icon-i li h3 {
	font-size: 16px;
	margin-bottom: 18px;
}
.ul-icon-i li em {
	width: 25px;
	border-bottom: 2px solid #707070;
	display: inline-block;
	margin-bottom: 30px;
}
.ul-icon-i li p {
	text-align: left;
	line-height: 24px;
	font-size: 14px;
}
.ul-icon-i li.li1 a span {
	background-position: 0 0;
}
.ul-icon-i li.li2 a span {
	background-position: -305px 0;
}
.ul-icon-i li.li3 a span {
	background-position: -615px 0;
}
.ul-icon-i li.li4 a span {
	background-position: -930px 0;
}/*.ul-icon-i li a:hover span{	background-image: url(../images/i_icon1_h.png);}*/
.ul-icon-i li .pad .pic {
	position: absolute;
	left: 50%;
	top: 0;
	width: 134px;
	margin-left: -67px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.ul-icon-i li .pad .pic img {
	display: none;
}
.ul-icon-i li .pad .pic .pic-icon {
	position: absolute;
	left: 0;
	top: -134px;
	display: block;
}
.ul-icon-i li a:hover p {
	text-decoration: underline;
	color: #333;
}
.row2 {
	background: url(../images/bg_1.png) center top no-repeat;
	padding-top: 20px;
}
.case-i-l, .case-i-r {
	width: 50%;
}
.case-i-l {
	float: left;
	padding-right: 15px;
}
.case-i-r {
	float: right;
	padding-left: 15px;
}
.case-img, .case-img a img {
	width: 100%;
}
.case-img {
	position: relative;
	overflow: hidden;
}
.case-img .hover {
	position: absolute;
	left: 0;
	top: -434px;/*top: -433px;*/
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;
}
.case-img.on .hover {
	top: 0;
}
.ul-case-i {
	margin: 0 -15px;
}
.ul-case-i li {
	float: left;
	width: 33.33%;
	padding: 0 5px;
	margin-bottom: 30px;
	overflow: hidden;
}
.ul-case-i li a {
	display: block;
	position: relative;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.ul-case-i li .pic img {
	width: 100%;
	display: block;
	/*height:210px;*/
}
.ul-case-i li a .hover {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../images/alpha_red_80.png) repeat;
	color: #fff;	/*display: none;*/
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.ul-case-i li .hover b, .ul-case-i li .hover .txt, .case-img .hover b, .case-img .hover .txt {
	display: inline-block;
	vertical-align: middle;
}
.ul-case-i li .hover b, .case-img .hover b {
	width: 0;
	height: 100%;
}
.ul-case-i li a:hover .hover {	/*display: block;*/
	top: 0;
}
.ul-case-i-1 li {
	width: 25%;
}
.more-i {
	text-align: center;
	padding-bottom: 35px;
}
.more-i a {
	display: inline-block;
	width: 65px;
	height: 65px;
	background: url(../images/arr2.png) center center no-repeat #000014;
	border-radius: 100%;
}
.more-i a:hover {
	background-color: #e4392a;
}
.news-bg {
	background: url(../images/bg.png) center top no-repeat;
	overflow: hidden;
	/*margin-bottom:25px;*/
}
.tit-i-1 h3 {
	color: #fff;
}
.tit-i-1 em {
	border-bottom-color: #dddde1;
}
.ul-news-i {	/*margin-right: -10px;*/
	margin-left: -30px;
	width: 110%;
}
.ul-news-i li {
	float: left;
	width: 24.5%;
	color: #fff;
	position: relative;
	min-height: 295px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	overflow: hidden;
}
.ul-news-i li:last-child {/*width: 21%;*/
}
.ul-news-i li .txt {
	padding-left: 30px;
	padding-right: 58px;
}
.ul-news-i li .txt span {
	padding: 15px 8px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-news-i li .txt span em {
	display: block;
	font-size: 20px;
}
.ul-news-i li:last-child .txt {/*padding-right: 0;*/
}
.ul-news-i li h3 a {
	color: #fff;
	display: inline-block;
	padding: 20px 0;
}
.ul-news-i li p {
	color: #fff;
	line-height: 20px;
	text-align:left;
	text-indent:2em;
}
.ul-news-i li .more {
	
	width: 100%;
	display: none;
	margin-top: 50px;
}
.ul-news-i li .hover {
}
.ul-news-i li .hover .img {
	width: 100%;
	position: absolute;
	top: -165px;
	left: 7px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}
.ul-news-i li .hover .pad {
	padding: 0 27px 20px 27px;
	position: absolute;
	left: 7px;
	bottom: -166px;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	background-color: #000022;
	width: 92%;
}
.ul-news-i li .hover .img {
	height: 165px;
	width: 92%;
}
.ul-news-i li.on .hover .img {	/*display: block;*/
	top: 0;
}
.ul-news-i li.on .hover .pad {
	bottom: 0;
}
.news-more {
	text-align: center;
	padding-bottom: 100px;
	padding-top: 50px;
}
.news-more a {
	display: inline-block;
	width: 178px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.news-more a:hover {
	background-color: #fff;
}
 @media screen and (max-width: 768px) {
.ul-icon-i li {
	width: 50%;
}
.case-i-l, .case-i-r {
	width: 100%;
	padding: 0;
	float: none;
}
.ul-case-i {
	margin: 0
}
.ul-case-i-1 li {
	width: 50%;
}
.ul-news-i {
	width: 100%;
	margin-left: 5px;
	margin-right: 0;
}
.ul-news-i li {
	width: 100%;
	margin-bottom: 10px;
}
.ul-news-i li .hover {
	left: 0;
	width: 100%;
}
.ul-news-i li:last-child {
	width: 50%;
}
.news-more {
	padding: 0 10px;
	display: none;
}
.contact-l, .contact-r {
	width: 100%;
	clear:both;
}
.map .btn {
}
.ul-about li .block {
/*height: 190px;*/
	}
.ul-about li, .ul-webset li {
	width: 100%;
	margin-bottom: 15px;
}
.case-img {
	margin-bottom: 30px;
}
.side, .side2 {
	display: none;
}
.ul-list li, .ul-case li {
	width: 50%;
}
.ul-service li {
	padding-right: 0;
}
.tab-con .txt {
	width: 100%;
	float: none;
}
.tab-con .pic {
	width: 223px;
	margin: 0 auto;
	float:none;
}
.tab-con img {
	/*width: 100%;*/
		float: none;
}
.ul-icon {
	padding-right: 0;
	text-align: center;
}
.ul-icon li {
	display: inline-block;
	float: none;
}
.ul-web li {
	width: 100%;
	margin-bottom: 15px;
}
#ban-in .ban-bg {
	display: none;
}
.team .flexslider li .txt {
	width: 100%;
}
.ul-case-i li a .hover {
/*display: none !important;*/
	}
.ul-case-i li a:hover .hover {
/*display: none !important;*/
    }
.team .flex-direction-nav .flex-next {
	left: 0;
	margin-top: 10px;
}
.process {
	display: none;
}
.web-con .shou {
	display: none;
}
.tab-con .pic .img {
	display: none;
}
#fd {
	padding-top: 0;
}
#fd .fd-top {
	display: none;
}
.service {
	background: #181837;
}
.row2 {
	background: #f5f6fa;
}
.map-s .map-bg3 {
	display: block;
}
.index-fd {
	margin-top: -1px;
}
.tab-con-box {
	width: 100%;
	float: none;
}
.web-con .pic {
	width: 100%;
	float: none;
	margin-top: -150px;
	margin-bottom: 20px;
}
.tab-con {
	min-height: auto;
}
}
 @media screen and (max-width: 480px) {
.ul-icon-i li, .ul-case-i li {
	width: 50%;
}
.ul-case-i li a .hover {
	display: none;
}
.ul-case-i-1 li {
	width: 100%;
}
.ul-news-i li, .ul-news-i li:last-child {
	width: 100%;
	padding-right: 0;
}}
 @media screen and (max-width: 900px) {
.ul-case li {
	width: 50%;
}
.side, .side2 {
	display: none;
}
.ul-news-i li {
	width: 100%;
	margin-bottom: 10px;
}
.news-bg {
	background: #0b7acf;
}
}
/*公司简介*/
.i_about{ overflow:hidden; height:auto; /*background:url(../images/about_bg.jpg) center top no-repeat;*/ padding:50px 0;}
.i_about .about_t{ width:100%; overflow:hidden; padding-bottom:32px; /*background:url(../images/t1_bg.png) center bottom no-repeat; */margin:0 auto;}
.i_about .about_t font{ width:185px; margin:0 auto; display:block;}
.i_about .about_t font img{ max-width:100%;}


.i_about .about_desc{ overflow:hidden; padding:25px 0; line-height:26px; text-align:left; text-indent:2em; float:right; width:48%;}

.i_about .about_pic{ /*width:982px; */height:340px; overflow:hidden; margin:0 auto; border:10px solid #FFF; float:left;}
.i_about .about_pic img{ max-width:100%;}

@media (max-width:720px){
	.i_about{ background:none; background-color:#0b7acf; padding:5% 0;}
	.i_about .about_t{ color:#fff;}
	.i_about .about_t1{ padding-bottom:0; background:none; width:120px; margin:0 auto;}
	.i_about .about_t1 img{ max-width:100%;}
	.i_about .about_desc{ padding:4% 1%; line-height:22px; color:#FFF; font-size:13px; text-align:left; width:98%;}
	.i_about .about_pic{ width:100%; height:auto; border:none;}
	.i_about .about_pic img{ max-width:none; height:200px;}
}
.wrapper{ width:1200px; margin:0 auto; padding:0;}
@media (max-width:720px){
	.wrapper{ width:96%; padding:0 2%;}}

/*新闻*/

.index_news{width: 100%;padding-top:3%;background:url(../images/bg_blue.gif) no-repeat;background-size:100% 50%;}

.news_title{text-align: center;}

.news_title .title{color: #ffffff;font-weight: bold;}

.news_title .ps{color: #ffffff;}

.news_content{width: 1200px;margin:20px auto 0px auto;padding:1% 0 5% 0; background-color: #f0f0f0;box-sizing: border-box;}

.news_list{width: 96%;margin:0px auto;text-align: left;font-size: 0; display:box;display:-webkit-box;display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap; }

.news_list .news_item{ z-index: 22; display: inline-block;vertical-align: top;   width: 29.33%;margin:2%;padding:3% 2%;box-sizing: border-box; background-color: #ffffff;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}

.news_list .news_item .title{color: #000000;position: relative; text-align:left;}

.news_list .news_item .describe{color: #a4a4a4;  display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;}

.news_list .news_item .pub_date{font-size: 14px;color: #000000;margin-top: 20px;}

.news_list .news_item a:hover .title{color: #0043b3;}
.box_more{margin-top: 3%;text-align: center;}
.btn_more2{color: #585858;font-size: 16px; display:inline-block;padding-right: 40px;transition: all ease 0.3s;-webkit-transition:all ease 0.3s;  background: url(../images/icon_right.png) no-repeat right center;}

@media  (max-width: 767px){
 /*新闻*/
.hidden_xs{ display:none;}
    .news_content{width: 88%;background-color: transparent;padding:0;}

    .news_list{width: 100%;}

    .phone_news{z-index: 2; box-shadow: 0 8px 20px rgba(0,0,0,.1);}

    .news_list .news_item{width: 100%;border:none; margin:0px;padding:25px;}

    .phone_news  .slick-dotted.slick-slider{margin-bottom: 50px;}

    .news_title .title{font-size:28px;line-height:34px;}

    .news_title .ps{font-size: 15px;line-height: 22px;}

    .news_list .news_item{font-size:15px;box-shadow: none;}

    .news_list .news_item .title{margin-bottom: 15px;font-size:15px;line-height: 24px;}

    .news_list .news_item .describe{font-size: 13px;line-height: 22px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

    .news_list .news_item .pub_date{font-size: 12px;}

    .news_list  .slick-dots {bottom: -40px;}

    .btn_more2{font-size: 12px;padding-right: 24px;background-size: 18px;}}
	@media (min-width: 768px){
	.hidden_md {
    display: none !important;
}
	}
	@media (min-width: 768px) and (max-width: 1024px){
	/*新闻*/



    .news_title .title{font-size: 34px;line-height:46px;}

    .news_title .ps{font-size: 18px;line-height: 22px;}

    .news_list .news_item{font-size:16px;}

    .news_list .news_item .title{margin-bottom: 20px;font-size:16px;line-height: 28px;}

    .news_list .news_item .describe{font-size: 16px;line-height: 30px;}



    .news_content{padding:5% 0;}

    .news_list{width: 94%;}

    .news_list .news_item .describe{color: #a4a4a4; -webkit-line-clamp:2;font-size: 14px;line-height: 22px;}

    .news_list .news_item .pub_date{font-size: 13px;}

    .news_list .news_item .title{font-size: 15px;line-height: 24px; margin-bottom: 10px;}}
	@media (min-width: 1025px){
	
	    .news_list .news_item .title::after {bottom: 0px;left: 0px;background-color: #0043b3;content: "";display: block;width: 0;height: 3px;position: absolute;opacity: 1; transition: all 0s ease;-moz-transition: all 0s ease;-webkit-transition: all 0s ease;-o-transition: all 0s ease;-ms-transition: all 0s ease;  }

    .news_list .news_item a:hover .title::after{ content: ""; display: block; width: 40%;   transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  }}
	@media (min-width: 1025px){
	    /*新闻*/

    .news_title .title{font-size:40px;line-height:50px;}

    .news_title .ps{font-size: 20px;line-height: 24px;}

    .news_list .news_item{font-size:16px;}

    .news_list .news_item .title{margin-bottom: 15px;font-size:16px;line-height: 28px;padding-bottom: 10px;}

    .news_list .news_item .describe{font-size: 15px;line-height: 26px;-webkit-line-clamp: 3;}}
	@media (min-width: 1200px){
		 /*新闻*/

    .news_title .title{font-size:60px;line-height:70px;}

    .news_title .ps{font-size: 22px;line-height: 28px;}

    .news_list .news_item{font-size:16px;}

    .news_list .news_item .title{margin-bottom: 15px;font-size:16px;line-height: 28px;}

    .news_list .news_item .describe{font-size: 15px;line-height: 26px;-webkit-line-clamp: 3;}
		}
		@media (min-width: 1600px){
			 /*新闻*/

    .news_title .title{font-size: 82px;line-height:90px;}

    .news_title .ps{font-size: 28px;line-height: 30px;}

    .news_list .news_item{font-size:16px;}

    .news_list .news_item .title{margin-bottom: 20px;font-size:16px;line-height: 28px;}

    .news_list .news_item .describe{font-size: 16px;line-height: 30px;-webkit-line-clamp: 5;}
			}
			
			/*========================== index_about ==========================*/
			.htitle{ font-size:30px;}
.index_about {
    padding: 70px 10px;
}
.index_about .htitle {
    font-family: Arial, sans-serif;
    text-align: center;
}
.index_about-tags {
    width: 70%;
    border-bottom: 1px solid #bbb;
    margin: 30px auto;
    font-size: 16px;
    text-align: center;
    color: #00030f;
}
.index_about-tags a {
    display: inline-block;
    border-bottom: 4px solid transparent;
    padding-bottom: 24px;
}
.index_about-tags a.on, .index_about-tags a:hover {
    border-color: #e2b768;
}
.index_about-panelGroup {
    padding: 40px 0;
}
.index_about-panel {
    position: relative;
}
.index_about-panel .bg-box {
    height: 320px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.index_about-panel .text-box {
    width: 550px;
    height: 321px;
    padding: 33px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: rgba(86,86,86,.9);
    overflow-y: auto;
}
.index_about-panel .text-box .line {
    display: block;
    width: 70px;
    height: 6px;
    background: #fff;
    margin: 45px 0 30px;
}
.index_about-panel .text-box .text {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    color: #fff;
    margin-bottom: 10px;
}
.index_about-panel .text-box .link {
    display: inline-block;
    font-size: 16px;
    color: #d6d6d6;
}
.index_about-panel .text-box .link:hover {
    color: #fff;
}
@media (max-width: 1199px) {
    .index_about {
        padding: 60px 10px;
    }
    .index_about-tags {
        width: 80%;
        margin: 25px auto;
    }
    .index_about-tags a {
        padding-bottom: 20px;
    }
    .index_about-panelGroup {
        padding: 35px 0;
    }
    .index_about-panel .text-box {
        width: 500px;
        height: 320px;
        padding: 35px;
        right: 0px;
    }
    .index_about-panel .text-box .line {
        width: 65px;
        height: 5px;
        margin: 40px 0 25px;
    }
}
@media (max-width: 991px) {
    .index_about {
        padding: 50px 10px;
    }
    .index_about-tags {
        width: 90%;
        margin: 20px auto;
        font-size: 15px;
    }
    .index_about-tags a {
        padding-bottom: 16px;
    }
    .index_about-panelGroup {
        padding: 30px 0;
    }
    .index_about-panel .text-box {
        width: 450px;
        height: 320px;
        padding: 25px;
    }
    .index_about-panel .text-box .line {
        width: 60px;
        height: 4px;
        margin: 35px 0 20px;
    }
    .index_about-panel .text-box .link {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .index_about {
        padding: 40px 10px;
    }
    .index_about-tags {
        width: 100%;
        margin: 16px auto;
        font-size: 14px;
    }
    .index_about-tags a {
        padding-bottom: 12px;
    }
    .index_about-panelGroup {
        padding: 25px 0;
    }
    .index_about-panel .text-box {
        width: 100%;
        height: 320px;
        padding: 20px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .index_about-panel .text-box .line {
        width: 55px;
        height: 3px;
        margin: 30px 0 16px;
    }
    .index_about-panel .text-box .text {
        font-size: 13px;
    }
    .index_about-panel .text-box .link {
        font-size: 14px;
    }
}