@charset "utf-8";
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"Arial"; background: url(../images/cbg2.jpg);}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
.w{ width: 1200px; margin: 0 auto;}
.w2{ width: 1000px; margin: 0 auto;}
.top{ width: 100%; z-index:99; position:relative; background: url(../images/ihpsp1_top_bg.png) top center no-repeat;}
.t_t{width:1200px; margin:0 auto; display: flex; justify-content: space-between;}
.t_nav{ display: flex;}
.t_nav a{ display: block; width: 96px; line-height: 110px; height: 114px; color: white; font-size: 14px; text-align:center;}
.t_nav a:hover,.t_nav a.hover{background:url(../images/inpsp1_nav_menu1_2.png) no-repeat; color: #1c79c1;}
.t_logo img{ width:270px; height:98px; border:0px;}
.t_lau{ display: flex; font-size: 12px; width: 100px;}
.t_lau a{ color: white; margin:10px 5px;}
.moblie_head,.a_txt{display: none;}
.swiper1{ margin-top: -20px;}

.cbg{ background: url(../images/cbg.jpg); border-top: 1px solid #fff;}
.cbg1{ background: url(../images/cbg1.jpg); border-bottom: 1px solid #dedede; padding: 50px 0;}
.cbg2{ background: url(../images/cbg2.jpg); border-bottom: 1px solid #dedede; padding: 50px 0;}
.insearch{width: 177px;background: url(../images/ihpsp1_t_search_lbg1.png) left top no-repeat;float: right;margin-right: 10px;height: 30px;margin: 10px 0;}
.inp_text{border: 0px;background-color: transparent;color: #afafaf;padding-left: 15px;outline: none;width: 135px;line-height: 20px;padding-top: 2px;font-size: 14px; float: left;}
.inp_button{border: 0; width: 26px; height: 30px; background: url(../images/ihpsp1_t_search_rbnt1.png) no-repeat;}
.ptit {height: 50px;padding-left: 48px;line-height: 50px;overflow: hidden;background: url(../images/index_34_title.png) left center no-repeat;}
.ptit h3{display: block;color: #1c79c1;font-size: 24px;height: 50px;overflow: hidden;}
.clear{ clear: both;}

.s1{ margin-top: -20px;}
.s1 .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; border: 1px solid #A5A5A5; opacity: 1;border-radius: 50%;}
.s1 .swiper-pagination-bullet-active{ background-color:#1c79c1;  border: 1px solid #1c79c1;}
.s1 .swiper-button-next{right: 5%; width: 24px; height: 40px; background: url(../images/Vector_right.png) no-repeat; }
.s1 .swiper-button-prev{left: 5%; width: 24px; height: 40px; background: url(../images/Vector_left.png) no-repeat;  }
.s1 .swiper-button-next:after,.s1 .swiper-button-prev:after { display: none;}

.s2 { margin-top: 40px;}
.s2 .swiper-container { padding-bottom: 0;}
.s2 .swiper-slide{}
.s2 .swiper-slide .alist{ }
.s2 .swiper-slide .alist a{width: 100%; box-sizing: border-box; display: block;   padding: 10px; background: linear-gradient(to bottom, #2292ce, #1f85c7);
 }
.s2 .swiper-slide .alist a .img{ background-color: white; box-sizing: border-box; }
.s2 .swiper-slide .alist a .img img{ width: 100%; height: 200px;}
.s2 .swiper-slide .alist a .tit{ display: flex; justify-content: space-between; margin: 20px 0 30px 0; align-items: center;} 
.s2 .swiper-slide .alist a .tit h3{ font-size: 14px; color: white;}
.s2 .swiper-slide .alist a .tit span { display: block; width: 32px; height: 9px; background: url(../images/index_34_intro.png) no-repeat;}


.s3 .swiper-container { padding-bottom: 0;}
.s3 .swiper-slide{}
.s3 .swiper-slide .alist{ }
.s3 .swiper-slide .alist a{width: 100%; border: 1px solid #87b0d0; padding: 1px; box-sizing: border-box; display: block; }
 }
.s3 .swiper-slide .alist a .img{ background-color: white; box-sizing: border-box; }
.s3 .swiper-slide .alist a .img img{ width: 100%; height: 140px;}
.s3 .swiper-slide .alist a .tit h3{ font-size: 12px; font-weight: normal; line-height: 3; color: #8d8d8d; display: block; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}


.iabout{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.icon{ line-height: 26px; color: #8d8d8d;}
.ipro ul{display: flex; flex-wrap: wrap; }
.ipro ul li{ width: calc(25% - 20px); margin: 10px;  padding: 10px; box-sizing: border-box; border-box; background: #2292ce;};
.ipro ul li a{ display: block; width: 100%; height: 100%; box-sizing:}
.ipro ul li a img{ width: 100%; max-height: 180px;}
.ipro ul li a span{ display: block; font-size: 14px; color: white; text-align: center; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.iservice{ display: flex; justify-content: space-between; align-items: center;}
.iservice .icon ul li{ line-height: 3; font-size: 16px;}
.iservice .icon ul li b{  color: #1c79c1; }
.iservice .icon ul li span{ padding: 0 10px;}

.inews{ display: flex; justify-content: space-between;}
.inews .ileft{ width: 30%;}
.inews .ileft li{ margin-top: 20px; border-bottom: 1px dashed #dedede; display: flex; flex-direction: column; line-height: 2;}
.inews .ileft li span{ color: #999;}
.inews .ileft li a{ color:#2292ce ;}
.hotnews a{ display: block; border: 1px solid #dedede; padding: 10px; box-sizing: border-box;}
.hotnews img{ width: 100%; height: 200px;}
.hotnews a span{ display: block; text-align: center; color: #2292ce; line-height: 50px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.inews .iright{ width: 65%;}
.inews h3{color: #1c79c1; font-size: 24px; margin-bottom: 30px;}
.inews .iright ul{ display: flex; flex-wrap: wrap;}
.inews .iright ul li{ padding: 3px;}
.inews .iright ul li img{ width: 210px; height: 105px; border: 1px solid #dedede;}



.footer{ background: url(../images/index_foot.png) no-repeat; height: 159px; color: white;}
.footer .w{ display: flex; justify-content: space-between;  height: 159px; align-items: center;}
.footer .copyright{ margin: 20px 0;}
.footer a{ color: #fff;}
.tel{height: 44px;
    line-height: 44px;
    overflow: hidden;
    background: url(../images/foot_phone.png) left center no-repeat; font-size: 32px; padding-left: 50px;
}

/* 内容 */
.conbanner{width: 100%;height: 250px;overflow: hidden;position: relative;margin: -20px auto 0 auto; display: flex; align-items: center; font-size: 36px; color: white;}
.conbanner .w{ text-align: right; padding-right: 10%;}
.consearch{ background: url(../images/cbg.jpg); border-top: 1px solid #fff;}
.consearch .w{ display: flex; align-items: center; justify-content: space-between;}
.sleft{color: #1c79c1;font-size: 12px;padding-left: 40px;background: url(../images/n_content_right_name_r.png) left center no-repeat;}
.sleft a{color: #1c79c1; line-height: 50px; font-size: 14px;}

.con{ display: flex; justify-content: space-between; margin: 10px 0;}
.con .cleft{ width: 202px;}
.n_content_left_t {height: 67px;background: url(../images/icpsp1_n_left_t.png) no-repeat; padding: 30px 0 0 20px; box-sizing:border-box;}
.n_content_left_t span{ color: white; font-size: 18px;}

.c_left_contact {
    border: 1px solid #87b0d0;
    background: #fff; margin-top: 20px;
}
.c_left_contact h3{line-height: 32px;font-size: 18px;color: #1c79c1; padding: 10px;}
.c_left_contact img{ width: 100%;}
.c_left_contact p{color: #1c79c1;font-size: 12px; line-height: 2; padding: 10px;}
.con .snav{ margin-top: 5px;}
.con .snav h3 a{display: block; font-size: 14px;
    border: 1px solid #579dd3;
    padding-left: 19px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    text-decoration: none;
	font-weight: normal;
    overflow: hidden;
    background: url(../images/left_menu1.png) 181px 11px #579dd3 no-repeat;
    padding-right: 19px;}
.con .snav h3 a:hover{ border: 1px solid #e3e3e3; background: url(../images/left_menu2.png) 181px 11px #fff no-repeat; color: #1c79c1;}
.snav ul li{ padding-top: 1px;}
.snav ul li a{padding-left: 18px;display: block;height: 25px;line-height: 25px;overflow: hidden;font-size: 12px;color: #969696;background: #fff;padding-right: 0px;border: 1px solid #e3e3e3; }
.snav ul li a:hover{ color: #579dd3;}
.snav ul li a.on{ color: #579dd3;}
.cright{border: 1px solid #dfdfdf; background: url(../images/cbg1.jpg); padding: 10px; box-sizing: border-box; width: 752px;}
.c_right_tu {width: 730px;height: 182px;background: url(../images/c_right_tu.png) no-repeat;}
.c_right_con img{ max-width: 100%;}
.plist ul{ display: flex;flex-wrap: wrap; }
.plist ul li{ width: 30.333333%; margin: 10px 1.5%;}
.plist ul li a{ display: block; border: 1px solid #dadada;}
.plist ul li a span{ background-color: #dadada; font-size: 12px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block; text-align: center; padding: 10px 0; color: #579dd3;}
.plist ul li a img{ width: 100%; height: 154px; border: 1px solid #fff; box-sizing: border-box;}
.plist ul li a:hover{ border: 1px solid #579dd3;}
.plist ul li a:hover span{ background-color: #579dd3; color: white; }

.pimg{ display: flex; flex-wrap: wrap;}
.pimg_left{ width: 50%;}
.pimg_left img{ width: 100%; border: 1px solid #579dd3; padding: 2px; box-sizing: border-box;}
.pimg_tit{color: #1c79c1; font-size: 16px; font-weight: bold; padding: 10px;}
.menu0{display: flex; margin-top: 30px;}
.menu0 li { display:block; width:110px; font-weight: bold; line-height: 40px; height: 46px; text-align: center; cursor:pointer; background: url(../images/icpsp1_products2_07.png) center top no-repeat; color: #666; } 
.menu0 li.hover { background: url(../images/icpsp1_products2_08.png) center top no-repeat; color: #fff; } 
#main0{ margin-top: 30px;}
#main0 ul { display: none; word-wrap: break-word;
white-space: normal; } 
#main0 img{ max-width: 100%;}
#main0 ul.block { display: block; }
#main0 table{
border-collapse:collapse;
}
#main0 table td{
border:1px solid #eee;
}

.slist ul{ display: flex; flex-wrap: wrap;}
.slist ul li{ width: 47%; margin: 10px 1.5%;}
.slist ul li a{ display: block; border: 1px solid #579dd3;}
.slist ul li a span{ background-color: #579dd3; display: block; text-align: center; padding: 10px 0; color: white;}
.slist ul li a img{ width: 100%; border: 1px solid #fff; box-sizing: border-box;}
.slist ul li a:hover{ opacity: .8;}

.c_case_tu{width: 720px;height: 193px;background: url(../images/c_case_tu.png) no-repeat;}
.c_case_tu h3{ padding: 50px 30px; color: white;}
.c_right_con .tit{padding: 15px;color: #1c79c1;font-size: 18px; }

.c_newslist ul{ display: flex; flex-wrap: wrap; }
.c_newslist ul li{  margin: 10px 6px; }
.c_newslist ul li a{ width: 228px; height: 213px; padding: 10px; box-sizing: border-box; background: url(../images/n_c_bg.png) no-repeat -260px -10px;display: block;}
.c_newslist ul li a:hover{background:url(../images/n_c_bg.png) no-repeat -518px -10px; display:block;}
.c_newslist ul li a img{ width: 100%; height: 117px;}
.c_newslist ul li a .newcon{line-height: 2; color: #666; padding-top: 10px; text-align: center; font-size: 14px; font-weight: normal;}
.c_newslist ul li a .newcon span{display: block; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.c_newslist ul li a:hover{ padding: 0;}
.c_newslist ul li a:hover .newcon{ color: white; padding-top: 8px;}
.c_newslist ul li a:hover img{ height: 140px;}

.c_right_con .ntit{padding: 15px;color: #1c79c1;font-size: 18px; text-align: center;}
.c_right_con .ndate{ border-bottom: 1px dashed #999; margin: 20px 0; text-align: center; padding-bottom: 20px;}
.c_hr_tu{width: 720px;height: 193px;background: url(../images/c_hr_tu.png) no-repeat; display: flex;  flex-direction: column; justify-content: center;}
.c_hr_tu p{padding: 15px;color: #1c79c1;font-size: 24px; }

.contact{ line-height: 2;}

@media screen and (max-width: 1024px) and (min-width: 0px){
	.w { width:100%; min-width: 100%; padding: 0 10px; box-sizing: border-box; margin: 0 auto;}
	.fixed{display:none}
	.h100{ height: 44px;}
	
	.moblie_head{ display: block; height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
	.moblie_head .w{ display: flex; height:44px; justify-content: space-between; align-items: center;}
	.moblie_head .lf{padding-top:0px; }
	.moblie_head .lf img{height:24px}
	.moblie_head .rg{ padding-top:4px; }
	.moblie_head .rg a img{height:16px;vertical-align:top}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:@color;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid rgba(255,255,255,.1)}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	

}