/******************首页banner*********************/

.banner {
	height: 100%;  min-width:1200px;width:100%;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
	color: #fff;
}
.banner .swiper-slide {
	position: relative;
}
.banner .swiper-slide dl {
	position: absolute;
	width: 100%;
	left: 50%;
	margin-left: -600px;
	top: 30%;
	text-align: left;
	z-index: 9999;
}
.banner .swiper-slide h1 {
    color: #019de5;
	font-size: 42px;
margin:20px 0 20px;
	position: relative;

}
.banner .swiper-slide h1:after{content: "";
    display: block;
    position: absolute;
    width: 70px;
    bottom: -12px;
    margin: 0 auto;
    height: 2px;
    background: #019de5;
    transition: all 0.3s ease;}
.banner .swiper-slide a{ display: block; height:60px; line-height: 60px; box-sizing: border-box; color: rgb(255, 255, 255,0.7);
    font-size: 30px;
   }
.banner .swiper-slide h2{ position:relative; height:90px;}
.banner .swiper-slide h2 font{ position: absolute;
 color: rgb(255, 0, 0); font-size: 110px; line-height: 1; top:0;
}
.banner .swiper-slide h2 p{position: absolute;color: #9c9d9f; font-weight: normal;left:140px; top:10px;
    letter-spacing: 1px; font-size: 14px;}
.banner .swiper-slide h2 span{position: absolute;letter-spacing: -2px;left:140px; top:25px;
    color: rgb(255, 0, 0);
    font-size: 55px;}
.banner .swiper-slide img{ /*width:100%; float: left;*/ width:100%;min-width:1200px; text-align: center; margin:0 auto}
.banner .swiper-pagination {
	position: absolute;
	width: 100%;
	bottom:30px;

}
.banner .swiper-pagination-bullet {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #fff;
	cursor: pointer;
	opacity: 0.2;
}
.banner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}


@media screen and (max-width:768px){
	
.banner .swiper-slide dl {
	position: absolute;
	width: 100%;
	left: 0;
	margin-left: 80px;
	top: 15px;
	text-align: left;
	z-index: 9999;
}
	.banner .swiper-slide h2{ height:70px;}
	.banner .swiper-slide h2 font{ font-size:80px;}
	.banner .swiper-slide h2 p{ left:110px;}
	.banner .swiper-slide h2 span{ left:110px; top:20px; font-size: 40px;}
	.banner .swiper-slide h1{ font-size:36px; margin:8px 0 ;}
	.banner .swiper-pagination{ bottom:15px;}
	
	
}


/**************floor1***************/
	#bodyMain:after, #body:after, #contect:after, .contect:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
	#bodyMain { float:left;
    min-width:1200px;width: 100%;
    background-size: cover;
  
}
	#body { max-width: 1200px;
   width:100%; 
    margin: 0 auto;
    padding: 40px 0;
}
	h2.title_index{    color: rgb(18, 18, 18);
    font-size: 28px; line-height:1.8; width:100%; text-align: center; padding:20px 0 0px; margin-bottom: 10px;position: relative;}
	h2.title_index:before {
        content: '';
        display: block;
        position: absolute;
       bottom:0;
        left: 50%;
        width: 60px;
        height: 1px;
        background: #ccc;
        transform: translateX(-50%);
    }
    h2.title_index:after {
        content: '';
        display: block;
        position: absolute;
        bottom:0;
        left: 50%;
        width: 20px;
        height: 3px;
        background: #1e8ac9;
        transform: translateX(-50%);
    }
    p.title_p{font-size: 15px;
        color: rgb(67, 67, 67);
       text-align: center;}
    /* h2.title_index font{color: #009de5; font-weight: bold;}
	p.title_p{font-size: 15px;
    color: rgb(67, 67, 67);
    line-height: 200%; text-align: center;} */
	
	
	.proul{ width:100%; float: left;}
	.proul li{ width:19%; float:left; margin:30px 0.5%; background: rgb(244, 244, 244); padding: 30px 15px; box-sizing: border-box; text-align: center;position: relative;
    overflow: hidden;}
/*	.proul li a{ float:left; width:100%; display: block;}*/
	.proul li figure{ float:left; width:100%; height:45px; display: block; }
	.proul li p{font-size: 16px;float:left; width:100%; height:60px;
    color: rgb(67, 67, 67); padding:15px 0; line-height: 1.2;}
	.proul li  p font{text-transform: uppercase; font-size: 12px;}
	.proul li i{ margin-bottom: 10px; width:20px;height:20px; text-align: center; padding-left:3px; box-sizing: border-box;line-height: 20px; background:#3f3f3f; color:#fff; border-radius: 100%; font-size: 14px; }
	.hidden_a{position: absolute;
    background-color: rgba(221, 33, 34,0); opacity: 0;
    width: calc(100% - 40px);
    bottom: 20px;
    height:calc(100% - 40px);
  top:20px; left:20px; right:20px;
    box-sizing: border-box;
    color: #fff;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;color:#fff !important;}
	.hidden_a a{ display:blo; width:100%; float: left;}
	.hidden_a h3{  padding-top:50px; line-height: 2; font-size: 18px; color:#fff !important;}
	.hidden_a a em{ font-style:normal;font-size: 12px; cursor: pointer; line-height: 2; text-decoration: underline;color:#fff !important;}

	.proul li:hover .hidden_a{ opacity: 1;  background-color:rgba(221, 33, 34,0.98);  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;}



/*****************floor2******************/
.product {
    background: url("../images/bg_pro.jpg") no-repeat center center;
    position: relative;
    z-index: 1;
    padding: 20px 0;
    color: #fff;
}
	.product .title_index{color:#fff; margin-bottom: 10px;}
	.product .title_p{color:#fff; text-align: center;}
	
	
	.prolist{ float:left; width:100%; margin:20px 0;}
	.prolist li{ float:left;width:31%; margin:15px 1%;transition:all ease-out 0.3s;}
		.prolist li figure{position:relative;overflow:hidden; text-align: center;}
	.prolist li figure img{transition:all ease-out 0.3s; }
		
		.prolist li:hover figure:after{opacity:1;}
			.prolist li:hover figure img{transform:scale3d(1.2, 1.2, 1);}
	.prolist li h2 { text-align: center;
    font-size: 16px;  color:#121212;
    font-weight: normal;
    line-height: 50px;
    transition: all ease-out 0.3s;  height:50px;
}
	.prolist li:hover h2{ color:#009de5}

	dl.prodl{ float:left; width:100%; margin:40px 0 0;}
	dl.prodl dt{ width:48%; height:130px; float:left; margin:0 1%; background: #009de5; text-align:center; padding:20px ;box-sizing: border-box;}
	dl.prodl dt h3{ text-align:center; padding-bottom: 20px; font-size:24px;}
	dl.prodl dt h3  font{background: url(../images/icon1.png) no-repeat left center; padding-left:40px; line-height: 38px;display: inline-block; }
	dl.prodl dt:nth-child(2) h3  font{background: url(../images/icon2.png) no-repeat left center; padding-left:40px; line-height: 38px;display: inline-block; }
	dl.prodl dt h3 i img{ padding-top:5px;}
	.prodl_ul{ width:100%;display: table;
    table-layout: fixed;}
	.prodl_ul li{ display: table-cell;
    position: relative;
    text-align: center; text-align: left; color:#fff; box-sizing: border-box; position: relative; padding-left:18px; font-size: 14px;}
	.prodl_ul li:before{content: "";
    display: block;
    position: absolute;
    width: 6px; height:6px; border-radius: 100%; border:solid 2px #fff;
    left: 0;
  top:4px;
 
    transition: all 0.3s ease;}
	
	
	.proli { width:46%; padding-left:34%;}


/***************floor3******************/

		.slidePinzhi{ width:100%; text-align:left; float: left; margin:30px 0;  }
		.slidePinzhi .hd{height:150px;    position:relative; }
		.slidePinzhi .hd ul{ float:left;  width:100%;position:absolute;  }
		.slidePinzhi .hd ul li{ float:left; padding:15px 15px; cursor:pointer; width:25%; box-sizing: border-box;/*height:130px; */background: #eee; text-align: center;}
		  .slidePinzhi .hd ul li img{ height:40px; }
		  .slidePinzhi .hd ul li h3{font-weight: bold;
    font-size: 24px;
    color: #121212; text-align: center;}
		  .slidePinzhi .hd ul li p{ font-size: 14px; color:#ccc; text-align: center;} 
		  .slidePinzhi .hd ul li.on{  background:rgba(221, 33, 34,0.98); position: relative}
		  	 .slidePinzhi .hd ul li.on:before{content: "";
    z-index: 999;
    position: absolute;
    left: 50%;
    bottom:-40px;
    margin-left: -20px;
    display: block;
    border-color: rgba(221, 33, 34,0.98) transparent transparent transparent;
    border-width: 20px;
    border-style: solid;
    width: 0px;
    height: 0px;}
		  .slidePinzhi .hd ul li.on h3{ color:#eee;  font-size: 24px;}
.slidePinzhi .hd ul li.on p{ font-size: 14px;}
		  
		  .slidePinzhi .bd ul{ padding: 0;  zoom:1;  }
		.slidePinzhi .bd li{ }
		  .slidePinzhi .bd ul li img{ width:100%; margin:0 auto;}


/****************floor4新闻*********************/
		.bgf2{ background:#f2f2f2;}
	
.fl{float:left;}
					.fr{ float:right;}
				.s4-cial{width:35%; float:left;box-sizing: border-box;padding:30px 30px ;background: #fff;border-radius: 3px; }
.s4-cial-a span{display: inline-block;font-size: 24px;
    padding-top: 2px;
    color: #014DA2;
    font-weight: normal;}

/*.s4-cial-a a:hover{transform:translateX(15px);-ms-transform:translateX(15px);-moz-transform:translateX(15px);-webkit-transform:translateX(15px);-o-transform:translateX(15px);}
.s4-cial-b a{font-size: 18px;color: #1f1f1f;margin-top: 22px;display: block}*/
.s4-cial-b span{font-size: 14px;color: #a8a8a8;margin-top: 12px;display: block;height: 42px;overflow: hidden;}
.s4-cial-c{margin-top: 22px;width: 100%;height: 230px;overflow: hidden}
.s4-cial-c img{display: block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;width: 100%;}
.s4-cial-c img:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

		
		
		.s4-ciar{ width:63%; float: right;}	
		.s4-ciari{width:100%; float:left;padding: 20px 30px;box-sizing: border-box;border-radius: 3px;background: #fff;margin-bottom: 20px;position: relative}
		.s4-ciari:after{display: block;
    content: '';
    position: absolute;
    bottom: 30px;
   right:30px;
    width: 32px;
    height: 32px;
   
    background: url(../images/more-white-ico-36x36.png) center center no-repeat;
    transition: all ease-out 0.3s;}
		.s4-ciari:hover:after{  background: url(../images/more-red-ico-36x36.png) center center no-repeat; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.s4-ciari:last-child{margin-bottom: 0}
.s4-ciaril{width:calc(100% - 150px);}
		.s4-ciarir{ width:100px; text-align: right;}
.s4-ciaril h3{font-size: 16px;color: #434343;display: block; height:30px; line-height: 30px; overflow: hidden;}
		.s4-ciaril:hover h3{color:#014DA2}
.s4-cial p{display: block;font-size: 14px; font-weight: normal;color: #a8a8a8;line-height: 24px;margin-top: 5px; margin-bottom: 20px; height: 24px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.s4-ciaril span{display: block;font-size: 14px;color: #666;line-height: 24px;margin-top: 5px;height: 48px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.s4-ciarir span{font-size: 14px;color: #9999a3;display: block}
.s4-ciarir a{background: url(o_ico_08.png)no-repeat right;width: 39px;height: 8px;display: block;padding: 7px 0;margin-top: 20px;transition: 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;}
.s4-ciarir a:hover{transform:translateX(15px);-ms-transform:translateX(15px);-moz-transform:translateX(15px);-webkit-transform:translateX(15px);-o-transform:translateX(15px);}
.s4-cial:hover .s4-cial-b a{color: #014DA2}
.s4-cial:hover .s4-cial-b span{color: #5c5c5c}
.s4-cial:hover .s4-cial-a span{color: #014DA2}
.s4-cial:hover .s4-cial-a i{color: #014DA2}
.s4-ciari:hover .s4-ciaril a{color: #014DA2}
.s4-ciari:hover .s4-ciaril span{color: #5c5c5c}
.s4-ciari:hover .s4-ciarir span{color: #014DA2}
.s4-ciari:hover .s4-ciarir i{color: #014DA2}

.s4-ciari i{padding-top:20px; font-size:24px; color:#ccc;}

h1.s4-cial-a{height:40px; line-height:30px; float:left; width:100%; position: relative;}
	.s4-cial-a:after{display: block;
    content: '';
    position: absolute;
    bottom: 8px;
   right:0;
    width: 32px;
    height: 32px;

    background: url(../images/more-white-ico-36x36.png) center center no-repeat;
    transition: all ease-out 0.3s;}
		.s4-cial:hover 	.s4-cial-a:after{ background: url(../images/more-red-ico-36x36.png) center center no-repeat; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
h2.s4-cial-a {display:block; width:100%; float:left;}
	h2.s4-cial-a h3{ height:30px; line-height:30px; overflow: hidden;font-size:16px; color:#434343;}			

		h1.s4-cial-a i{ float: right; color: rgba(232,232,232,1); width: 32px;
    height: 32px; border:solid 2px rgba(232,232,232,1); border-radius: 100%;  line-height: 32px; box-sizing: border-box;
   
    font-size: 26px; padding-left:6px; 
    font-weight: normal;}		
		
		.news_cia{ float:left; width:100%; margin:30px 0;}	




	   /**************内页栏目通用*************/
.inner_nav {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    z-index: 2;
    max-width: 1200px; width:100%;
    transform: translateX(-50%);
}

.inner_nav .page-intro {
    width: 100%;
    padding: 110px 0 0;
    height: 100%;
    text-align: center;
	box-sizing:border-box;
}
.inner_nav .page-intro .title {
    font-weight: 500;
    font-size: 50px;
    line-height: 1.2;
    color: #019de5;
    text-align: left; font-weight: bold;
}
.inner_nav .page-intro .title font{ font-size:42px;}
.inner_nav .page-intro .second {
    margin: 10px 0 0;
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;text-align: left;
}

.inner_nav .page_inner {
    background: #ffffff;position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 1200px;
    transform: translateX(-50%);
  border-top-left-radius:10px;
border-top-right-radius:10px;

}
#banner_Main {
	position: relative;
	min-width:1200px;width: 100%;
	height: 360px;
	overflow: hidden;
	text-align: center;
	background-color: #f3f3f3;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:url(images/at5.jpg)
}
#banner_Main:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
/*	background-color: rgba(61,99,138,.5);*/
	z-index: 1;
}

#banner_Main h2 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 35%;
	font-size: 2em;
	color: rgba(255,255,255,0.8);
	line-height: 1.2;
	font-weight: normal;
	opacity: 1;
	animation: change 0.3s ease;
	-moz-animation: change 0.3s ease;
	-webkit-animation: change 0.3s ease;
	-o-animation: change 0.3s ease;
}

#banner_Main h2:after {
	position: absolute;
	left: 50%;
	bottom: -15px;
	content: "";
	width: 80px;
	margin-left: -40px;
	height: 3px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.8);
}


#banner_Main:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
	
.pgguide{/*border-bottom:solid 1px #eee;*/line-height:60px; background:#eee;  width:100%;min-width:1200px;}
.pgguide .w:after{content:'';display:block;clear:both;}
	.pgguideposition{float:left;font-size:12px;}
	.guide_en{ display:none;}
		.pgguideposition strong{}
		.pgguideposition a{}
			.pgguideposition li{ float:left;position: relative;
    display: inline;
    padding-right: 15px;
    padding-left: 10px;
   
    text-transform:Capitalize;}
		
.pgguideposition li:after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    overflow: hidden;
  
    top: 50%;
    right: 0;
    margin-top: -3px;
    transform: rotate(45deg);
    border-right: #999 1px solid;
    border-top: #999 1px solid;
}
.pgguideposition li:last-child:after{display:none;}
.pgguideposition li.current_path:after {
    display: none;
}
		
		
		
	.pgguidenav{float:right;}
		.pgguidenav ul{}
		.pgguidenav li{float:left;margin-left:1px;}
		.pgguidenav li a{display:block;padding:0 30px; font-size:14px; text-transform:Capitalize;}
		.pgguidenav li a:hover,.pgguidenav li a.on{color:#2397d4;background:#fff;}
	
	
	  .fl_form {float:left; width:100%; margin-top:12px;transition: all ease-out 0.3s;z-index:99999;}

.fl_form .txtBox {box-sizing: border-box;font-size: 16px;
   background: #eee; border:solid 1px  #EDEFF1;
    float: left;
    width: calc(100% - 50px); height:36px;
   
    line-height: 34px; border-radius:  0 25px  25px 0; 
   border-right: none;
    color: #666;transition: all ease-out 0.3s;z-index:99999; font-size: 14px;
}
input, button {
    outline: none;
    border: none;
}
.fl_form .submit {box-sizing: border-box;
    background: #EDEFF1; border:solid 1px  #EDEFF1;
    cursor: pointer;
    text-align: center;
    float: left;
    width:50px;border-radius: 25px 0 0 25px; font-size: 18px !important;
    line-height: 34px;
     border-right: none;
    color: #333;transition: all ease-out 0.3s;
}

.fl_form:hover .submit{color:#009de5}
/***************在线留言****************/	   

   .pg-contact-main-title{margin:40px 0;text-align:center;}
			.pg-contact-main-title h2{font-size:30px;color:#333;line-height:30px;font-weight:normal;margin-bottom:20px; position:relative;}
	
			.pg-contact-main-title p{font-size:16px;color:#999;}
  .pdf-box {
    margin-top: 40px;
}

.div_just{ float: left;    width: 47%; margin:20px 1.5%; box-sizing:border-box;}
.bg_color img{ float:left; width:100%;}


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

	  .ul_contct:after,.div_just:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.ul_contct {
    float: left;
    width: 100%;margin:20px 0 50px;
}
.ul_contct li {
    float: left;
    width: 30%; margin-right:3%; box-sizing:border-box;
    padding: 38px 30px 39px;
    border: 1px solid #e3e3e3; height:170px;
}
.ul_contct li:last-child {
    width: 34%;
    margin-right: 0;
}
.ul_contct li h5 { color:#333;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}
.ul_contct li h5 span {
    float: left;
    width: auto;
    margin-right: 40px;
    padding-right: 60px;
    position: relative;
}
.ul_contct li h5 span:before {
    position: absolute;
    right: 0;
    bottom: 4px;
    height: 1px;
    width: 50px;
    content: "";
    background-color: #333;
}
.ul_contct li p {float: left;    padding-top: 19px;}
.ul_contct li em {
    float: left;
    width: 100%;
    color: #666;
    text-align: left;
    font-size: 0.95em; line-height:2;
    font-weight: normal;
    font-style: normal;
}

#map{ margin-bottom:60px; float:left; width:100%; min-width:100%;}


/**************关于我们*******************/
	 .about_top{ float:left; width:100%;}
	 .about_top .fl{ float:left; width:53%; padding-top:20px;}
	 .about_top .fl h2{color: #009de5; font-size:36px;}
	 .about_top .fl h3{color: rgb(34, 34, 34); font-size:24px; line-height: 2; font-weight: normal;}
	 .about_top .fl p{font-size: 15px; text-align: justify;
    color: rgb(34, 34, 34); padding-top: 20px; line-height: 1.8;}
	 .about_top .fr{ float:right; width:42%;}
	 .about_top .fr img{ width:100%; padding-top:80px;}

	/** .about_top ul{ float:left; width:100%; margin:30px 0;}
	 .about_top ul li{ float:left; width:30%; margin-right:5%; text-align: center;}
	 .about_top ul li:last-child{ margin-right:0;}
	 .about_top ul li figure{border: 1px solid #eee;}
	 .about_top ul li img{ width:60%;}
	 .about_top ul li p {color: rgb(67, 67, 67);
    font-size: 16px; line-height: 3;}
	***/
	.pgimglist ul {
    margin: 0 -1%;
}
.pgimglist li {
    float: left;
    width: 48%;
    margin: 0 1% 2%;
    position: relative;
}
.pgimglist li section {
    padding: 15px;
}
.pgimglist li:hover{ cursor:pointer;}
.pgimglist li figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    height: 220px;
    border: 1px solid #eee;
}
.pgimglist li figure img {
    max-height: 220px;
    max-width: 96%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pgimglist li section p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #999;
}
	.proin_ul{ float:left; width:100%; margin:30px 0 0;}
	.proin_ul li{ float:left; width:48.5%; margin-right: 3%; padding:20px 15px 20px 15px; box-sizing: border-box; background: #fff; margin-bottom: 35px;}
	.proin_ul li:nth-child(2n){ margin-right: 0;}
	.proin_ul li figure{float:left;  width:70px;}
	.proin_ul li h2{float:right;  width:calc(100% - 86px); font-weight: normal; padding-top:10px;}
	.proin_ul li h2 font{font-size: 18px;
    color: #009de5;}
	.proin_ul li h2 p{color: rgb(51, 51, 51);
    font-size: 14px; line-height: 2;}


		  .about_zixun{ float:left; width:100%; margin:30px 0 60px;}
		  .about_zixun .fl{float:left;width:50%; height:320px;background-color: rgb(244, 244, 244); padding:50px 20px; box-sizing: border-box;}
		  .about_zixun .fl h3{    font-size: 18px;
    color: rgb(34, 34, 34);}
		  .about_zixun .fl h2{color: #009de5;
    font-size: 22px; margin-bottom: 20px;}
		  .about_zixun .fl p{  color: rgb(34, 34, 34); position: relative;
    font-size: 14px; line-height: 1.8; padding-left: 15px;}
    .about_zixun .fl p:before {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        overflow: hidden;
        background-color: #333;
    }
		  .about_zixun .fl a{display: inline-block; padding:9px 30px;  background: #009de5; color:#fff; font-size: 14px;margin-top:20px;}
          .about_zixun .fl a:hover{ background: #1e2387;}
		  
		  .about_zixun .fr{ float:left;width:50%; height:320px;}
		  .about_zixun .fr img{width:100%; float:left; height:100%;}



/*****************加工工艺**********************/
	.gongyi{background: url(../images/gongyi_bg.jpg) no-repeat top 200px center; background-size:auto !important;
    position: relative;
    z-index: 1;
    padding: 20px 0 75px;
    color: #fff;}
	.gongyi ul{ float:left; width:100%; margin-top:50px;}
	.gongyi ul li{ float:left; width:100%; margin-bottom: 50px;}
	.gongyi ul li figure{ width:50%; position: relative; }

	.gongyi ul li figure img{ width:100%; float:left; height:420px; }
	.gongyi ul li img{ height:420px;}
	.gongyi ul li figure:after{display: block;
    content: '';
    position: absolute;
    bottom: -20px;
    right: -50px;
    width: 100px;
    height: 100px; border-radius: 100%;
    background:#009de5  url(../images/n2w8.png) center center no-repeat;
    transition: all ease-out 0.3s;}
	.gongyi ul li figure.fr:after{  right: 0; left:-50px;  background:#009de5  url(../images/tnrf.png) center center no-repeat;}
	.gongyi ul li figure.fl2:after{ background:#009de5  url(../images/0r9b.png) center center no-repeat;}
	.gongyi ul li figure.fr2:after{background:#009de5  url(../images/zen9.png) center center no-repeat;}
	.gongyi ul li div{ width:50%; z-index:9; padding-top:60px; padding-left:80px; box-sizing: border-box;}
		.gongyi ul li div.fl{padding-left:0; padding-right: 80px;}
	.gongyi ul li div em{font-size: 100px; line-height: 1;
    color: #009de5; font-weight: bold;}
	.gongyi ul li div h3 {color: rgb(255, 255, 255);
    font-size: 36px;}

	.gongyi ul li div h3 font{ font-weight: normal !important;
    font-size: 24px !important;}
	.gongyi ul li div dl{ float:left; width:100%; margin-top:35px;}
	.gongyi ul li div dl dt{ float:left; width:50%;font-size: 18px;
    color: rgb(255, 255, 255); margin-bottom: 10px; padding-left:15px; position: relative; box-sizing: border-box;}
	.gongyi ul li div dl dt:before{content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px; border-radius: 100%;
    overflow: hidden;
    background-color: #009de5}
	.w33{ width:33% !important;}
	.w67{ width:67% !important; }
	.fl{ float:left;}
	.fr{ float:right;}
	


	#w1200{ width:100%; max-width:1200px; margin:0 auto; }
	#w1200 .title_index{ padding-top:0;}
	.four_icon{ float:left; width:100%; margin:60px 0 120px;}
	.four_icon li{ float:left; width:25%; text-align: center; display: flex;}
	.four_icon li a{display: block;margin:0 auto; float:left;width:260px; text-align: center;height:260px; padding:30px 0; box-sizing: border-box;border-radius: 100%; background:#f6f6f6; border:solid 2px #e5e5e5;}
	.four_icon li h2{    font-size: 80px;
    color: #009de5;}
	.four_icon li h2 i{font-size: 20px;
    color: rgb(34, 34, 34); font-style: normal; font-weight: normal;}
	.four_icon li p{font-size: 30px;
    color: rgb(34, 34, 34);}


/****************内页新闻列表*********************/

#pages:after,.w:after,.pg-news-list:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
#pages {
	font-family: Arial, 宋体;
	padding: 20px 0 25px;
}
#pages:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.bottom_pages {
	width: 100%;
	float: left;
}
.pages_center {
	margin: 0px auto;
	text-align: center;
}
#pages a.a1 {
	background: #FCFCFC;

	padding: 0 10px;
}
#pages a.hover {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #009de5;
	border: 1px solid #e3e3e3;
	color: #FFF;
	text-align: center;
	padding: 0 10px;
}
#pages a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #666;
	padding: 0 10px;
}
#pages a:hover {
background: #009de5;
	color: #FFF;
	text-decoration: none;
}
#pages span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #009de5;
    border: 1px solid #009de5;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}

		  
.pgnewslist { float:left; width:100%; margin:30px 0 50px;}
		    .pgnewslist .s4-ciari{background:#f8f8f8;overflow:hidden;margin-bottom:30px;}
		  
		  .pgnewslist figure{ float:left; width:200px;padding-right:25px;}	  
.pgnewslist .s4-ciaril {
    width: calc(100% - 360px); padding-top:12px; 

}
		  .pgnewslist .s4-ciaril span{ -webkit-line-clamp: 2; }
          .s4-ciaril p{padding:5px 20px; border:solid 1px #ccc; display: inline-block; font-size: 14px; margin-top:20px; color:#999}


/****************新闻详情页******************/
	  .pg-article-main{float:left;box-sizing:border-box;padding:0 20px;margin:20px 0 50px; width:100%;}
		.pg-article-info{margin-bottom:0px;}

			.pg-article-infohead{margin-bottom:30px;}
				.pg-article-infohead h1{font-size:24px;line-height:30px; text-align:center; color:#333;}
				.pg-article-infohead p{font-size:14px;color:#888;margin:20px 0; text-align:center;border-bottom: 1px solid #efefef; padding-bottom:20px;}
				.pg-article-infohead p span,.pg-article-infohead p time{margin-right:10px;}

			.pg-article-slide{overflow:hidden;margin-bottom:30px;}
	

			.pg-article-infomain{}
.desc{ background:#f5f5f5; color:#888; font-size:14px; float:left; width:100%; line-height:30px; margin-bottom:20px; padding:10px 10px 10px 10px; text-indent:2em; box-sizing:border-box;}
			.edit{line-height:200%;font-size:14px;}
			.edit p{ padding-bottom:10px;text-indent:2em; font-size:16px; line-height: 2;}
			.edit figure{ text-align:center; margin:20px 0;}
				.edit img{max-width:100%;}
		
				
				
				
				#PREVIOUS_NEXT {
	min-height: 50px;
	float: left;
	position: relative;
	width: 100%; font-size:14px;
	overflow: hidden;
	margin-top: 40px;border-top: 1px solid #efefef; padding:20px 0 0;
}
#PREVIOUS_NEXT i {
	color: #bbb;
	padding-right: 5px;
}
.PREVIOUS {

	overflow: hidden;
}
.PREVIOUS a, .NEXT a {
	color: #999;
}
.PREVIOUS a:hover, .NEXT a:hover {
	color: #009de5;
}
.NEXT {
	margin-top:10px;
	overflow: hidden;
}

	.PREVIOUS b,.NEXT b{color:#333;}	 


	/*****************产品列表左侧*****************/
.about_nei{ float:left; width:100%; margin:20px 0 30px;}
.about_nei .about_nei_left{ width: 260px; padding-bottom: 38px; 
    /* border-bottom: 4px solid#009de5;*/
} 
.about_nei .about_nei_left .nei_left_title{ line-height: 1.2; font-size: 28px; color: #fff; font-weight: bolder; background:#009de5;padding:25px 20px; box-sizing:border-box;text-transform: Capitalize;}
.about_nei .about_nei_left .nei_left_title span{ font-size: 18px; font-weight: normal; text-transform: Capitalize;}
.about_nei .about_nei_left .nei_left_wen a{ display: inline-block; width: 100%; float:left; background: #eee; font-size: 16px; color: #666666; margin-top: 1px; padding: 13px 20px; box-sizing:border-box;transition: all 0.5s ease 0s;text-transform: capitalize;}
.about_nei .about_nei_left .nei_left_wen a:hover i{ color:#009de5}
.about_nei .about_nei_left .nei_left_wen a.on{   color:#009de5}
.about_nei .about_nei_left .nei_left_wen a dd{transition: all 0.5s ease 0s; width:calc(100% - 20px); box-sizing:border-box; color:#121212; font-size: 14px;}
.about_nei .about_nei_left .nei_left_wen a:hover dd{ padding-left:20px;}
.about_nei .about_nei_left .nei_left_wen a.on i{ color:#009de5}
.about_nei .about_nei_left .nei_left_wen a i{ color: #ccc;transition: all 0.5s ease 0s;}
.about_nei .about_nei_left .nei_left_wen p{ padding:20px; box-sizing:border-box; font-size:14px; color:#666; line-height:2;}

.about_nei .about_nei_left .nei_left_title.bgred{background:#cf2228; margin-top:40px;}
.pro_left_wen{ background:url(../images/fl_conbg.jpg) no-repeat; background-size:cover;float: left; box-sizing: border-box;
    width: 100%;
    height: 140px; margin:30px 0;padding:40px 0px 40px 70px; color:#222; font-size:18px; line-height: 1.8;}  
.pro_left_wen i{transform:rotate(-45deg); font-size: 26px;color:#000; padding-right: 8px;
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */}
	  	/*****************产品列表右侧*****************/

	  .about_nei .about_nei_right {
    width: calc(100% - 290px);
    float: right;
}
	   
	   .about_nei .about_nei_right .prolist{ margin:0 0 30px;}
	   
	   
	   .about_nei .about_nei_right .prolist li figure img{ height:200px;}
		   .about_nei .about_nei_right  .prolist li{ background:#f7f7f7; padding:20px 20px 0 ; box-sizing: border-box;}
		  
		   .about_nei .about_nei_right   .prolist li figure:after{ display:none;}
		  .about_nei .about_nei_right	.prolist li:hover figure img{transform:scale3d(1.25, 1.25, 1);}
		  

h1.fr_title{ border-bottom:solid 1px #eee; padding-bottom: 10px; margin-bottom: 10px;}
	 h1.fr_title font{ font-size:24px; color:#222;}



















/***********foot**********************/
	footer{ min-width:1200px; width:100%;}
	.foot{background:rgb(7, 7, 7);padding:60px 0;color:#a3a3a3; float:left; width:100%;}
	.w{margin: 0 auto;
    max-width: 1200px; width:100%;
    position: relative;}
		.foot-nav{float:left; width:45%; min-height:210px; padding-left:80px; padding-right:60px;box-sizing: border-box;border-right:solid 1px rgba(255,255,255,0.1)}
	.foot-nav:first-child{ width:25%; padding-left:0;}
	.foot-nav:last-child{ width:30%; border-right:none; padding-right: 0;}
	.foot-nav p{ font-size:12px; color:#5a5a5a; text-transform: uppercase;}	
	.foot-nav h3{font-size:16px;line-height:30px;position:relative;padding-top:2px;margin-bottom:20px;color:#009de5; font-size: 24px; margin-bottom: 30px;}
			.foot-nav h3:before{content:'';display:block;position:absolute;bottom:-10px;left:0;width:20px;height:1px;background:#009de5;}
			.foot-nav li{float:left; width:50%;}
			.foot-nav li a{font-size:14px;color:#d9d9d9;line-height:2.4;}
			.foot-nav li:last-child a{margin-right:0;}
			.foot-nav li li{float:none;}
			.foot-nav li li a{font-weight:normal;}
	
	
	.foot-nav dl dt{ color:#ccc; font-size: 14px; line-height: 2.4; position: relative; padding-left:30px; }
	.foot-nav dl dt:before{content: "\f1ac"; font-size:18px;
    display: inline-block;
    color: #ccc;
    font-family: FontAwesome;
    font-style: normal;
    position: absolute;
    width: 20px;
    height: 30px;
    text-align: center;left:0;
    line-height: 30px;
    overflow: hidden;
    vertical-align: middle;}
	.foot-nav dl dt:nth-child(1):before{content: "\f095"; font-size: 20px;}
		.foot-nav dl dt:nth-child(2):before{content:"\f0e0";font-size:18px;}
		.foot-nav dl dt:nth-child(3):before{content: "\f041"; font-size: 20px;}
		.foot-contact{float:left;margin:0 0 0 70px;}
			.foot-contact h3{font-size:16px;line-height:30px;position:relative;padding-top:10px;margin-bottom:20px;color:#fff;}
			.foot-contact h3:before{content:'';display:block;position:absolute;top:0;left:0;width:30px;height:1px;background:#a3a3a3;}
			.foot-contact section{line-height:25px;}
		.foot-qrcode{float:right;text-align:center;}
			.foot-qrcode figure{margin-bottom:10px;}
	.copy{background:#d9d9d9;color:#666;font-size:12px; float:left; width:100%;}
		.copy a{color:#666; }
	.copy span{color:#666; padding-left: 15px;}
		.copy-rights{padding:25px 0;text-align: center;}

	.foot-nav figure{ float:left; box-sizing: border-box; text-align: center; margin-right: 20px;}
/*	.foot-nav figure:last-child{ float:right;}*/
	.foot-nav figure img{ width:110px;}
	.foot-nav figure p{ line-height:30px; color:#ccc; font-size: 14px; }



	
	.pg-message{padding:80px 0;}
	.pg-contact-main{background:#fff;padding:40px;}
		.pg-contact-main-title{margin-bottom:40px;text-align:center;}
			.pg-contact-main-title h2{font-size:24px;line-height:30px;font-weight:normal;margin-bottom:10px;}
			.pg-contact-main-title p{font-size:16px;color:#999;}
		.pg-contact-main-form{height:360px;position:relative; width:1120px; margin:0 auto; margin-bottom: 60px;}
			.pg-contact-main-form ul{}
			.pg-contact-main-form li{position:absolute;}
			.pg-contact-main-form li:nth-of-type(1){left:0;top:0;}
			.pg-contact-main-form li:nth-of-type(2){left:380px;top:0;}
			.pg-contact-main-form li:nth-of-type(3){right:0;top:0;}
			.pg-contact-main-form li:nth-of-type(4){top:80px;right:0;left:0;}
			.pg-contact-main-form li:nth-of-type(5){left:0;top:300px;}
			.pg-contact-main-form li:nth-of-type(6){left:380px;top:300px;}
			.vcode{position:absolute;top:10px;right:10px;}
				.vcode img{height:40px;}
			.pg-contact-main-form li .txt{width:360px;height:60px;padding:10px 20px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;}
			.pg-contact-main-form li .txts{display:block;width:100%;height:200px;padding:10px 20px;line-height:25px;box-sizing:border-box;border:1px solid #e4e4e4;}
			.pg-contact-main-form li .btn{width:180px;height:60px;background:#1e2387;color:#fff;}









/********************new floor1********************/
.bgabout{ background-image: url(../images/fabg.jpg);
    background-position: top center;
    background-repeat:no-repeat; min-height:300px;}
		  .about_tou{ float:left; width:100%; background: #f9f9f9; margin-top:60px; padding:50px; box-sizing: border-box;}
		  	 .about_tou .fl{ float:left; width:42%; margin-top:-130px;}
	 .about_tou .fl img{ width:100%; height:auto; padding-top:8px;}
		  
		  
	 .about_tou .fr{ float:right; width:53%;}
	 .about_tou .fr h2{color:rgb(18, 18, 18); font-size: 28px; position:relative; margin-bottom:20px;
    line-height: 40px;
}
 .about_tou .fr h2:before{content: '';
    display: block;
    position: absolute;
    bottom:-10px;
    left: 0;
    width: 56px;
    height: 2px;
    background: #1e2387;
  }
	
	 .about_tou .fr h3{ font-weight: normal;font-size: 14px;
    color: #999;
    margin-top: 5px;
    text-transform: uppercase;}
	 .about_tou .fr p{display:block;font-size: 15px; text-align: justify; float:left;
    color:#999;margin:20px 0 15px; line-height: 1.8;}
 .about_tou .fr a{line-height:2; color:#333; font-size:14px; }
.about_tou .fr a:hover{color:#1e2387}

.application-list{float:left; width:100%; margin-bottom:60px;}
.application-list ul{margin:30px -1%;}
.application-list li{float:left;width:23%;margin:0 1% 30px;}
.application-list li section{position:relative;transition:all ease-out 0.3s;}
/* .application-list li section a{position:absolute;top:0;right:0;bottom:0;left:0;text-indent:-999em;} */
.application-list li section figure{overflow:hidden;}
.application-list li section img{width:100%; height:200px;}
.application-list li section h3{font-size:16px;line-height:60px;border-bottom:1px solid #ddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all ease-out 0.3s;}
.application-list li section:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
.application-list li section:hover img{transform:scale3d(1.05, 1.05, 1);}
.application-list li section:hover h3{padding:0 10px;background:#eee;}
.application-more{float:left; width:100%;margin-top:30px;text-align:center;}
.application-more a{display:inline-block;line-height:40px;padding:0 50px;color:#333;border-radius:3px;border:1px solid #333;}
.application-more a:hover{background:#1e8ac9;color:#fff;border:1px solid #1e8ac9;}
.bgadv {background: url(../images/home_adv_bg.jpg) center bottom -100px;background-repeat:no-repeat; min-height:500px;}
.bgadv .fl{ float:left; width:35%; padding-top:80px;}
.bgadv .fl h1{ background:url(../images/txtbg.png) no-repeat center center; color:#009de5;  font-size: 28px; position:relative;}
.bgadv .fl h1:after{content: '';
    display: block;
    position: absolute;
    top: 55px;
    left: 0;
    width: 60px;
    height: 2px;
    background: rgba(255,255,255,0.5);
    transition: all ease-out 0.3s;
}
.bgadv .fl p{color:rgba(255,255,255,0.9); font-size: 16px; display:block;padding:40px 0; line-height:1.8}
.bgadv .fl a{border:solid 1px #fff; padding:10px 20px; color:#fff; font-size:15px;display:inline-block}
.bgadv .fl a:hover{background:rgba(255,255,255,0.5)}
.bgadv .fr{width:56%;padding:45px 0 45px 30px; background:rgba(255,255,255,0.8); margin-top:80px; }
.bgadv .fr ul li figure{
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 59px;
    border-radius: 50px;}
.bgadv .fr ul li{ width:50%; float:left; margin:10px 0;}
.bgadv .fr ul li  h1{float:left;  display: inline-block; width:calc(100% - 90px); }
.bgadv .fr ul li  h1 i{ font-style:normal; font-weight:bold; font-size:16px;line-height:2;color:#000}
.bgadv .fr ul li  h1 p{font-size:14px;font-weight:normal;}
.bgf9{ background:#f9f9f9;}
.pro_border{width:100%; margin-top:-80px; border:solid 1px #f0f0f0; background:#fff;    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    box-shadow: 0 5px 30px rgba(0,0,0,0.1);}
	.newsclass{border-bottom:solid 1px #f0f0f0;}
		.newsclass ul{text-align:center;vertical-align:top; display:flex;}
		.newsclass li{display:inline-block;box-sizing:border-box;text-align:center;padding:20px 0; flex:1;position:relative;}
        .newsclass li:after{content: '';
    display: block;
    position: absolute;
   bottom:0;
    left: 50%;
    width: 0;
    height:3px;
    background:#2488e6;
    transition: all ease-out 0.3s;
    transform: translateX(-50%);}
     .newsclass li.on:after, .newsclass li:hover:after{ width:40%}
		.newsclass li a{display:inline-block;font-size:17px;line-height:36px;padding:0 25px;}
		.newsclass li a i{float:right;}
		.newsclass li a:hover{}


.prolist_index li{width:23%;}

.search_index{    display: flex; padding:0 30px;
    justify-content: space-between;}
.search_index .txt{line-height:60px; display:inline-block; font-size:14px}
.top_form {float: right;  padding-left:10px;padding-top: 15px;transition: all ease-out 0.3s;z-index:999; }

.top_form .txtBox {box-sizing: border-box;font-size: 14px; padding-left:20px;
   background: #fafafa; border:solid 1px  #f0f0f0; border-radius:25px 0  0 25px;
    float: left;
    width: 220px;
   
    line-height:28px; height:30px; 
   border-right: none;
    color: #666;transition: all ease-out 0.3s;z-index:99999;
}
input,button{ outline:none; border:none;}
.top_form .submit {box-sizing: border-box;border-radius: 0 25px  25px 0;
    background: #fafafa; 
    cursor: pointer;
    text-align: center;
    float: right;
    width:50px;font-size: 20px !important;
  height:30px; border:solid 1px  #f0f0f0;
     border-left: none;
    color: #014DA2;transition: all ease-out 0.3s;
}

.top_form:hover .submit{color:#0092FC}



/*********************new 产品详情*********************/
.show_con{ float:left; width:100%; padding:30px 30px 20px; box-sizing: border-box; margin-bottom: 50px;}
.show_con h3{ text-align: center;}
.show_con p{ font-size: 15px; line-height: 1.8;}

#showdiv {clear:both; width:400px; float:left;}
#showbox {/* background:#f4f4f4;*/margin:0 auto}
#showbox span { z-index: 2;
width: 80px;
height: 80px;
background: #FFF;
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity=50);
border: 1px solid #333;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;transition: all 0.5s ease 0s;}
#showsum span img{ width:100%; height:100%; top:0 !important;}
#showsum span.sel { border:1px solid #1e2387;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#1e2387;transition: all 0.5s ease 0s;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#1e2387; color:#fff;}		
.showpage a i{line-height:60px; }
.slideProBox{ width:100%;  text-align:left;  }
.slideProBox .hd{ height:50px; line-height:50px; background:#f4f4f4; padding:0 10px 0 0;   position:relative; }
.slideProBox .hd ul{ float:left; position:absolute;     }
.slideProBox .hd ul li{ float:left; padding:0 20px; cursor:pointer;  }
.slideProBox .hd ul li.on{  background:#009e14; color:#fff;  }
.slideProBox .bd ul{ padding:15px;  zoom:1;  }
.slideProBox .bd ul p{padding-bottom: 10px;}
.slideProBox .bd ul h4{color:#0b71d3; font-size:15px;}


table {
border-collapse: collapse;
border-spacing: 0;
}
.pgproduct-list-main-table table{width:100%;}
.pgproduct-list-main-table table tr{}
.pgproduct-list-main-table table tr th{background:#ededed;padding:10px 0;text-align:center;font-weight:normal;border: 1px solid #ccc; font-size:14px;}
.pgproduct-list-main-table table tr td{text-align:center;padding:10px 0;color:#666;transition:all ease-out 0.3s;font-size:13px;border: 1px solid #ccc;white-space: nowrap;}
.pgproduct-list-main-table table tr td i{color: #D60E0E; font-size:14px;}
.pgproduct-list-main-table table tr:nth-of-type(1) td{background:#f6f6f6;}
.pgproduct-list-main-table table tr:nth-of-type(2n) td{background:#f6f6f6;}
.pgproduct-list-main-table table tr:hover td{background:#e5f6ff;color:#333;}
.infoprevnext{width:100%; max-width:1343px;  margin:80px auto 0; }
.infoprevnext p{ font-size: 14px; line-height: 2;}

.show_fr{float:right; width:calc(100% - 460px); }
.show_fr .div1 { font-size:15px; line-height:2; margin-bottom:30px;}
.show_fr .div1 { font-size:15px; line-height:2;}
.show_fr .div1 strong{ display:inline-block; width:100%; font-size:20px;text-align:left;  margin:0px 0 0px;  color:#2488e6;z-index:-1; padding:10px 40px 0px 10px; position:relative;}
.show_fr .div1 strong:after{content: '';
display: block;
position: absolute;
bottom: 10px;
left: 0;
width:2px;
height: 20px;
background:#2488e6;
transition: all ease-out 0.3s;
}

.tips{font-size:14px; line-height:1.8; margin-top:30px;color:#999}
.tips h3{ display: inline-block;
    width: 100%;
    font-size: 20px;
    text-align: left;
    margin: 0px 0 0px;
    color: #2488e6;
    z-index: -1;
    padding: 10px 40px 0px 10px;
    position: relative;}
.tips h3:after{content: '';
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 2px;
    height: 20px;
    background: #2488e6;
    transition: all ease-out 0.3s;}




@media screen and (max-width:768px){
	/**#body{overflow-x: hidden;}***/
	.foot-nav {
        padding-left: 50px;
        padding-right: 50px;


    }
	.pg-message{padding:40px 20px;}
	.pg-contact-main{background:#fff;padding:20px;}
		.pg-contact-main-title{margin-bottom:20px;text-align:center;}
			.pg-contact-main-title h2{font-size:22px;line-height:30px;font-weight:normal;margin-bottom:10px;}
			.pg-contact-main-title p{font-size:13px;color:#999;}
		.pg-contact-main-form{position:relative;}
			.pg-contact-main-form ul{}
			.pg-contact-main-form li{margin-bottom:10px;position:relative;}
			.vcode{position:absolute;top:auto;right:5px;}
				.vcode img{height:30px;}
			.pg-contact-main-form li .txt{width:100%;height:40px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;}
			.pg-contact-main-form li .txts{display:block;width:100%;height:200px;padding:10px;line-height:25px;box-sizing:border-box;border:1px solid #e4e4e4;}
			.pg-contact-main-form li .btn{width:100%;height:40px;background:#1e2387;color:#fff;}
	
	
	
	
	.inner_nav .page-intro .title{ font-size:40px;}
	.about_zixun .fl{ width:100%;}
	.about_zixun .fr {
    float: left;
		width: 100%; height:auto;}

        .prolist li{ width:48%;}
        #showdiv{width:100%}
        .show_fr{ width:100%; margin-top:30px;}
        .about_nei .about_nei_right .prolist li figure img{ height:auto}
        .show_con{margin-bottom: 0;}
        .search_index .txt{width:50%; overflow: hidden; height:60px}
        .application-list li section img {
            width: 100%;
            height: 160px;
        }
}