@charset "utf-8";
body{ font-family:Arial,"Microsoft YaHei"; font-size:16px; line-height:24px; color:#5d5d5d;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
a{ color:inherit; text-decoration:none; transition: all 0.3s ease 0s;}
a:hover{ color:#0075c5;}


.wrap{ width:1200px; margin:0 auto;}
.flex{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.clear{ clear:both;}


/* 首页 */
.head{ width:1200px; height:133px; margin:0 auto; clear:both;}
.logo{ margin-top:21px;}
.logo h1{ font-size:40px; color:#222222; line-height:32px; margin:7px 0 0 16px; letter-spacing: 6.5px;}
.logo h1 span{ font-size:15px; text-transform:uppercase; letter-spacing: 6.5px;}

.head_r{ width:615px;}
.head_t{ width:100%; display:inline-block; margin:20px 0 0px 0;}

.head_t p{ font-size:14px; color:#fff; text-transform:uppercase; float:right; background:#c0c0c0; text-align:center; line-height:30px; width:30px; margin-left:10px;border-radius:25px;}
.head_t p span{ margin:0 10px;}
.head_t p a{ font-size:14px; color:#fff; text-transform:uppercase; float:right; background:#c0c0c0; text-align:center; line-height:30px; width:30px; margin-left:10px;border-radius:25px;}



.nav1{ padding-top:0px;float:right;}

#menu{width:595px; float:right; margin-top:10px;

}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; height: 48px; line-height: 52px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:10;}
ul.menu ul {position:absolute; top:70px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:125px; margin:0}
ul.menu ul li a {display:block;height:34px; line-height:34px; color:#000; font-size:15px; padding-left:10px;}
ul.menu ul li a:hover {background-color:#0076c0; color:#fff; font-size:15px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; margin-left:31px;  color:#000;  font-family:"微软雅黑"; font-size:17px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #0076c0; background:url(../images/dhbj.jpg) bottom repeat-x;}
ul.menu .sub {}
ul.menu .topline {border-top:1px solid #aaa}


.souk{ width:100%;position:absolute; z-index:20; margin-top:500px;}
.sou{ width:1200px; margin:auto; font-size:16px; color:#FFFFFF;height:98px; background:url(../images/bbbb.png) repeat;  }
.sou1{ width:600px; float:left; padding-top:35px; padding-left:30px;}



.search { position: relative;  float:right; margin-top:30px; margin-right:30px; }
.search_input {
  height: 40px;
  border: 1px solid #cccccc;
  border-radius:5px;
  font-size: 14px;
  padding: 0 0 0 20px;
  width:300px;
}
.search_input:focus {
  outline: 0;
  border: 1px solid #1558a6;
}
.search_button {
  position: absolute;
  width: 80px;
  height: 40px;
  top: 1px;
  right: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background:#1558a6;
  border-radius: 5px;
   color:#FFFFFF;
  outline: 0;
  font-size:16px;
  border: none;
  cursor:pointer;
}
.search_button:hover {
  background-color: #f0a514;
}


.product{ width:100%; padding:55px 0 0px 0; clear:both; text-align:center;}
.product h1{ font-size:40px; color:#000000; font-weight:normal; margin:0; width:100%; background:url(../images/pp.png) no-repeat top center; padding-top:40px;}
.product h2{ font-size:17px; color:#858585; font-weight:normal; margin:20px 0 44px 0; width:100%;}
.pro_l{ width:572px; height:676px; border:solid 5px #e7e7e7; text-align:left;}
.pl_pic{ width:572px; height:333px; overflow:hidden;}
.pl_pic img{ width:572px; height:333px; transition:all 1s; object-fit: cover;}
.pl_pic img:hover{ transform:scale(1.1);}
.pro_l h3{ font-size:28px; color:#0059a9; font-weight:normal; width:100%; padding-top:40px; padding-bottom:25px;line-height:28px;}
.pro_l h3 span{ font-size:20px; color:#000000; padding-left:20px; }
.pl_intro{ font-size:16px; color:#656464; margin:0 0 34px 30px; line-height:26px;  width:520px; float:left; padding-bottom:0px;
}
.pl_intro12{ font-size:24px; color:#0946a5; line-height:46px;   height:140px; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; 
}

.pl_intro img{ float:right; border-left:#dedede solid 1px; padding-left:20px;}


.pl_more{ font-size:16px; color:#fff; padding:12px 98px 13px 98px; background:#1558a6; display: inline-block; margin-left:24px;}
.pl_more:hover{ color:#FFFFFF;}
.pl_order{ font-size:16px; color:#1558a6; padding:9px 98px 10px 98px; border:solid 3px #1558a6; border-left:none; display: inline-flex;
    overflow: hidden;
    position: relative;
	transition: all 0.5s ease;
}
.pl_order:hover {
  color: #ffffff;
  border-color:#FFA500;
}
.pl_order:after {
  content: "";
  background: #FFA500;
  position: absolute;
  z-index: -1;
  height: 100%;
  left: -34%;
  top: 0;
  transform: skew(40deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.pl_order:hover:after {
  height: 100%;
  width: 135%;
}

.pro_r{ width:600px;}
.pro_r ul li{  border:solid 5px #e7e7e7;  position: relative; width:283px; height:324px; margin-bottom:18px;}
.pro_r ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #f6f6f6;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}
.pro_r ul li:hover::before {
  height: 100%;
  top: auto;
  bottom: 0;
}
.pro_r ul li:hover .pr_pic img{ transform:scale(1.1); margin-top:30px;}
.pr_pic{ width:270px; height:210px; overflow:hidden;}
.pr_pic img{ width:100%; height:100%; transition:all 0.5s; object-fit: cover;}
.pro_r h4{ height:80px; font-size:22px; color:#000; font-weight:normal; width:100%; padding-top:20px; padding-bottom:20px; border-bottom:#e7e7e7 solid 1px; float:left}
.pro_r h4 span{ padding-left:5%; padding-right:5%; font-size:15px; color:#7c7c7c;line-height:18px; float:left; text-align:center; padding-top:15px; width:90%;}

.pr_intro{ font-size:16px; color:#878787; padding-top:20px; padding-bottom:20px; height:80px; margin-bottom:20px;  float:left; width:100%; text-align:left;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; padding-left:30px;}
.pr_more{ font-size:14px; color:#b2b2b2; border:solid 1px #b2b2b2; padding:5px 25px 5px 25px; border-radius:25px; display:inline-block;position:relative; overflow:hidden;}
.pr_more::after{position:absolute;content:"";top:0;left:auto;right:0;width:0%;height:100%;background:#1558a6;transition:all .5s ease; z-index:-1; border-radius:15px;}
.pro_r ul li:hover .pr_more::after{left:0;width:100%;}
.pro_r ul li:hover .pr_more{ color:#fff;}

.about1{ width:100%; background:url(../images/ab.jpg) no-repeat bottom center #1558a6; background-size:100%; float:left; height:520px; text-align:center; padding-top:50px; margin-top:70px;}
.about1 h3{ font-size:40px; color:#fff; background:url(../images/abb.png) no-repeat top center; font-weight:normal; margin:0; width:100%;  padding-top:70px; }
.about{ width:100%; color:#FFFFFF; font-size:16px; float:left; padding-top:30px; padding-bottom:30px;}




.a_more{ font-size:14px;border-radius:5px; color:#fff; padding:7px 50px 7px 50px; margin:10px 0 28px 0; display:inline-block; background:none;
  border: 1px solid #fff;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#1458a7;}






.introduction{ width:100%; padding:59px 0 50px 0; clear:both; text-align:center; display: inline-block;}
.introduction h1{ font-size:40px; color:#000000; font-weight:normal; margin:0; width:100%; background:url(../images/cul.jpg) no-repeat top center; padding-top:40px;}
.introduction h2{ font-size:17px; color:#858585; font-weight:normal; margin:20px 0 44px 0; width:100%;}

.introduction ul li{ width:397px; height:189px; transition:all 0.5s; float:left;}
.introduction ul li p{ font-size:17px; color:#fff; line-height:25px; margin-top:49px;}
.introduction ul li b{ font-size:25px; padding-bottom:20px; line-height:45px;}

.introduction ul li:nth-child(1n){ background:#32a034;}
.introduction ul li:nth-child(2){ background:#468bc9;}
.introduction ul li:nth-child(3n){ background:#efa513;}
.introduction ul li:hover{ transform:scale(1.1); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);}

.introduction ul li img{ width:397px; height:189px; background:#fff; transition:all 0.5s; float:left;}




.news{ width:100%; padding:0px 0 40px 0; clear:both; margin-bottom:0px;}
.news_l{ width:31%;}
.news_l h1 {
    color: #f2f1f1;
    text-transform: uppercase;
    font-size: 87px;
	margin:43px 0 0 0;
	transform: scale(1,1.1);
}
.news_l h2 {
    margin: 3px 0 0 8px;
    position: relative;
    font-size: 40px;
	color:#000;
}
.news_l h2 span{ font-weight:normal;}
.news_line{ width:91px; height:1px; background:#0059a9; margin:22px 0 15px 0;}
.news_l p{ font-size:18px; color:#464545; line-height:27px;}

.news ul{ width:58.5%;}
.news ul li{ width:100%; margin:0 0 10px 0; padding:16px 0; position: relative; overflow: hidden;}
.news ul li:hover h3, .news ul li:hover h4, .news ul li:hover h5, .news ul li:hover p{ z-index:0;}
.news ul li:before {
    bottom: 0;
    right: 0;
    border-bottom:3px solid #e7e7e7;
    border-right:3px solid #e7e7e7;
}
.news ul li:after, .news ul li:before {
    content: '';
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    transition: all 800ms ease-in-out;
	z-index:-1;
}
.news ul li:after {
    top: 0;
    left: 0;
    border-top:3px solid #e7e7e7;
    border-left:3px solid #e7e7e7;
}
.news ul li:hover:after, .news ul li:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}



.a_more1{ font-size:15px; color:#a8a8a8; padding:3px 30px 3px 30px; margin:10px 0 0px 0; display:inline-block; background:#fff;
  border: 1px solid #a8a8a8; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more1:before {  
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0059a9;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more1:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more1:hover{ color:#fff;border: 1px solid #fff;}



.n_left{ width:14%; text-align:center;}
.n_left h3{ font-size:40px; color:#959595; margin: 9px 0 0 0; font-weight:normal;}
.date_line{ width:57px; height:1px; background:#c5c5c5; margin:14px auto 5px auto;}
.n_left h4{ font-size:16px; color:#959595; margin:0; font-weight:normal;}
.n_right{ width:83%; margin-right:2%;}
.n_right h5{ font-size:18px; color:#000000; font-weight:normal; margin:0 0 7px 0; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_right p{ font-size:14px; color:#686868;}




.foot1{ width:100%; padding:10px 0 10px 0; clear:both; background:#0059a9; color:#fff; height:40px;}
.foot1 p{ padding-right:40px; float:left; line-height:40px;}
.foot1 a{  color:#fff;}


.foot{ width:100%; padding:30px 0 30px 0; clear:both; background:#333333; color:#fff;float:left}

.f_con{ width:440px; padding-top:20px;font-size:15px; line-height:26px;color:#9e9d9d; }
.f_con h3{ font-size:20px; font-weight:normal; margin:3px 0 24px 0; color:#fff; }
.f_con h3 span{ font-size:20px; text-transform:uppercase; color:#fff; }


.f_cp{ width:530px; padding-top:20px;font-size:15px; color:#fff; line-height:26px;}
.f_cp h3{ font-size:20px; font-weight:normal; margin:3px 0 24px 0;}
.f_cp h3 span{ font-size:20px; text-transform:uppercase}
.f_cp ul{}
.f_cp ul li { width:250px; font-size:15px; float:left}
.f_cp ul li a{ color:#9e9d9d; }


.ewm{ margin:35px 0 0 0;}
.ewm h3{ font-size:20px; font-weight:normal; margin:3px 0 24px 0;}
.ewm h3 span{ font-size:20px; text-transform:uppercase}

.foot_b{ width:100%; background:#282828; padding-top:30px; padding-bottom:30px;clear:both; font-size:15px; color:#aeadad; float:left}


/* 内页 */
.f_a{ background:url(../images/f_a.jpg) no-repeat center; width:100%; height:300px;}
.f_p{ background:url(../images/f_p.jpg) no-repeat center; width:100%; height:300px;}
.h_p{ background:url(../images/h_p.jpg) no-repeat center; width:100%; height:300px;}
.f_n{ background:url(../images/f_n.jpg) no-repeat center; width:100%; height:300px;}
.f_s{ background:url(../images/f_s.jpg) no-repeat center; width:100%; height:300px;}
.f_c{ background:url(../images/f_c.jpg) no-repeat center; width:100%; height:300px;}


.location{ width:100%; padding:12px 0; clear:both; border-bottom:solid 1px #eee; font-size:15px;}
.location span{ color:#0075c5;}


.inside{ width:100%; padding:60px 0 70px 0; clear:both;}
.title {
    text-align: center;
}
.title h1 {
    color: #eeeeee;
    opacity: 0.5;
    text-transform: uppercase;
    font-size: 60px;
	margin:0;
}
.title h2 {
    position: relative;
    font-size: 36px;
	color:#333333;
	letter-spacing: 2px;
	margin:-15px 0 50px 0;
}

.cuti{ width:100%; background:#0076c0; padding-top:15px; padding-bottom:15px; font-size:18px; line-height:25px; text-align:center; color:#FFFFFF; margin-bottom:35px;}

/* 简介 */
.about_in {
    background-color: #fff;
    box-shadow: 1px 10px 60px 0px rgba(0, 0, 0, 0.07);
	border:#e4e4e4 solid 1px;
	padding-top:50px; padding-bottom:50px; padding-left:5%; padding-right:5%;
	width:90%; float:left;
	border-radius:25px; line-height:28px; margin-bottom:50px;
}




.ab111{ float:left; width:100%; padding-top:10px; padding-bottom:35px; margin-bottom:0px;}

.ab111 ul{overflow:hidden; padding-left:28%}
.ab111 ul li{display:block;float:left;}
.ab111 ul li a{float:left;text-align:center!important;line-height:40px; font-size:17px;  width:100%;}
.ab111 ul li a:hover{   float:left;}


.zz1{  color:#FFFFFF;background:#f1a615; width:14% ; line-height:40px; margin-left:1%; border-radius:5px;  }
.zz1 a{color:#FFFFFF ; }
.zz2{color:#fff;background:#0076c0;  width:14% ;  line-height:40px; margin-left:1%; border-radius:5px;}
.zz2 a{color:#fff ; }


/* 产品 */
.pro_in{ display:inline-block; width:100%;}


.pro_in{ width:100%;}
.pro_in ul li{  border:solid 5px #e7e7e7;  position: relative; width:350px; height:324px; margin-bottom:18px; float:left}
.pro_in ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #f6f6f6;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}
.pro_in ul li:hover::before {
  height: 100%;
  top: auto;
  bottom: 0;
}

.pro_in h4{ height:80px; font-size:22px; color:#000; font-weight:normal; width:100%; padding-top:20px; padding-bottom:20px; border-bottom:#e7e7e7 solid 1px; float:left; text-align:center}
.pro_in h4 span{ padding-left:5%; padding-right:5%; font-size:15px; color:#7c7c7c;line-height:18px; float:left; text-align:center; padding-top:15px; width:90%;}

.pr_intro1{ font-size:16px; color:#878787; padding-top:20px; padding-bottom:20px; height:80px; margin-bottom:20px;  float:left; width:80%; text-align:left;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; padding-left:30px;}
.pr_more1{ font-size:14px; color:#b2b2b2; border:solid 1px #b2b2b2; padding:5px 25px 5px 25px; border-radius:25px; display:inline-block;position:relative; overflow:hidden; margin-left:120px;}
.pr_more1::after{position:absolute;content:"";top:0;left:auto;right:0;width:0%;height:100%;background:#1558a6;transition:all .5s ease; z-index:-1; border-radius:15px;}
.pro_in ul li:hover .pr_more1::after{left:0;width:100%;}
.pro_in ul li:hover .pr_more1{ color:#fff;}


.inside_l{ width:20%; padding-top:45px; padding-bottom:50px; padding-left:2%;  padding-right:2%;float:left; background:#EBEBEB; border-radius: 10px; margin-bottom:55px;}
.inside_l h3 {
    font-size:30px; width:100%!important;
	color: #000;
    margin: 0 0 20px 0; text-transform:uppercase; font-weight:normal;
	text-align: center!important;
}
.inside_l ul li a{
    border-radius: 20px; font-size:15px;
    width: 95%;
    padding: 5px 2.5%;
    background-color: #FFF;
    border: solid 1px #EBEBEB;
	margin:0 0 10px 0;
	display: inline-block;
	text-align: center;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.inside_l ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  background:linear-gradient(90deg,#0076c0,#00a6e9);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.inside_l ul li a:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.inside_l ul li a:hover {
  color: #fff;
}

.zz11 a{ color:#FFFFFF; background:linear-gradient(90deg,#0076c0,#00a6e9);}


.inside_r{ width:68%; float:right; line-height:30px; box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.2); padding:50px 3% 30px 3%;border-radius: 10px; min-height:520px; margin-bottom:50px;}

.inside_r h3{ width:100%; font-size:30px; color:#000000; padding-bottom:25px; font-weight:normal!important;}


.xxx{}
.xxx img{ height:auto!important; width:auto; max-width:100% }






.p_detail{ margin-bottom:60px;}
.p_left{ width:68%; line-height:30px;}
.p_left h3{ font-size:24px; color:#0075c5; margin:0px 0 20px 0; letter-spacing:2px;}
.p_left table tr:nth-child(odd) { background: #fcfcfc;}
.p_left table tr:nth-child(even) { background: #fff;}
.p_left table td{ padding:10px 0;}
.p_pic{ width:28%; height:280px; position:relative; margin-top: 50px;}
.p_pic:before {
    position: absolute;
    content: '';
    top: 105%;
    left: 5%;
    height: 10px;
    width: 90%;
    background: radial-gradient(ellipse at center, rgba(0, 117, 197, 0.35) 0%, transparent 80%);
}
.p_pic img{ width:100%; height:100%; object-fit: cover;}

.page_in {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
	padding:20px 2%;
	border-radius:30px;
}
.page_in ul{ align-items: center;}
.page_in ul li { width: 44%; font-size:15px;}
.page_in ul li:nth-child(2){ text-align:center; background:#0075c5; width:50px; height:50px; line-height:50px; color:#fff; border-radius:50%; transition: all 0.3s ease 0s;}
.page_in ul li:nth-child(2) a{ display:block;}
.page_in ul li:nth-child(2):hover{ background:#000;}
.page_in ul li:nth-child(2):hover a{ color:#fff;}
.page_in ul li:nth-child(3){ text-align:right;}


/* 翻页 */
.contentPage { color: #0075c5; text-align:center; clear:both; width:100%; margin-top:30px;}
.contentPage .zi { font-size:12px; font-weight:bold; float:none!important;}
.contentPage a { color: #0075c5; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #0075c5;}
.contentPage a:hover { color:#FFF; background-color:#0075c5;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}


/* 新闻 */
.news_in ul li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    padding: 35px 3%;
    position: relative;
	width:42.5%;
	box-shadow: 0px 5px 15px 0px rgba(0, 117, 197, .1);
	color: #1A1A1A;
	margin:40px 0 0 0;
}
.news_in ul li:nth-child(1), .news_in ul li:nth-child(2){ margin-top:0;}
.news_in ul li:before,
.news_in ul li:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.news_in ul li:before {
    top: 30px;
    left: 30px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
.news_in ul li:after {
    bottom: 30px;
    right: 30px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.news_in ul li:hover {
    color: #fff;
    background-color: #0075c5;
}
.news_in ul li:hover h3 span, .news_in ul li:hover .n_text h4, .news_in ul li:hover .n_text p{ color: #fff;}
.news_in ul li:hover:before {
    opacity: 1;
    top: 10px;
    left: 10px;
}
.news_in ul li:hover:after {
    opacity: 1;
    bottom: 10px;
    right: 10px;
}
.news_in ul li:hover h3 {
    border-right-color: #fff;
}
.news_in ul li h3 {
    font-size: 40px;
    text-align: center;
    border-right: 1px solid #1A1A1A;
	line-height:35px;
	padding:10px 6% 0 0;
	margin:0;
}
.news_in ul li h3 span{ font-size:16px; font-weight:500; color: #737373;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.n_text { width:76%;}
.n_text h4{ font-size: 18px; font-weight:600; margin:0 0 5px 0;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_text p{ font-size:16px; color: #737373;
    -webkit-transition: 0.3s;
    transition: 0.3s;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.n_detail{ margin-bottom:40px;}
.n_title{ align-items: center; display: flex; margin-bottom:30px;}
.date {
    float: left;
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
	background: #0075c5;
	padding: 5px 20px;
}
.n_title h3 {
    float: left;
    font-weight: 500;
	font-size: 22px;
	margin:0;
	color:#000;
}


/* 风采 */
.style_in{ display: inline-block; width:100%;}
.style_in ul li{ width:22.7%; float:left; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .07); margin:40px 3% 0 0;}
.style_in ul li:nth-child(1), .style_in ul li:nth-child(2), .style_in ul li:nth-child(3), .style_in ul li:nth-child(4){ margin-top:0;}
.style_in ul li:nth-child(4n){ float:right; margin-right:0;}
.s_pic{ width:100%; height:200px; position:relative;overflow:hidden;}
.s_pic img{ width:100%; height:100%; object-fit: cover; -webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease,-webkit-transform 500ms ease}
.s_pic>a{width:100%;height:100%;background-color:rgba(0,117,197,.3);position:absolute;top:0;left:0;opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%);-webkit-transition:opacity 500ms ease,-webkit-transform 500ms ease;transition:opacity 500ms ease,-webkit-transform 500ms ease;transition:opacity 500ms ease,transform 500ms ease;transition:opacity 500ms ease,transform 500ms ease,-webkit-transform 500ms ease}
.s_pic>a::before,.s_pic>a::after{content:"";width:32px;height:2px;background-color:#fff;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.s_pic>a::after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}
.style_in ul li:hover .s_pic>a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.style_in ul li:hover .s_pic>img{-webkit-transform:scale(1.05);transform:scale(1.05)}

.s_title{ text-align:center; margin:20px 0;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.style_in ul li:hover .s_title{ color:#0075c5;}


/* 联系 */
.info {
    background-color: #0075c5;
    width: 25%;
    padding: 50px 5%;
	color:#f1f1f1;
	line-height: 26px;
}
.info a:hover{ color:#fff;}

.form{ width:60%;}
.form h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px;
}
.form .input {
    border: 1px solid #ebebeb;
    border-radius: 25px;
    font-size: 15px;
    padding: 13px 3%;
	width:42.5%;
	margin-bottom:30px;
	outline:none;
}
.form textarea.input {
    border-radius: 20px;
    height: 100px;
	width:94%;
}
.input:focus {
    border-color: #0075c5;
}
.form .verify {
    border: 1px solid #ebebeb;
    border-radius: 25px;
    font-size: 15px;
    padding: 13px 3%;
	width:20%;
	margin-bottom:30px;
	outline:none;
	float:left;
}
.verify_img{ height:45px; margin:0 0 0 20px;}
.submit {
    background-color: #0075c5;
    border: none;
    border-radius: 25px;
    font-size: 18px;
    padding: 11px 50px;
	color:#fff;
	cursor:pointer;
	outline:none;
	float:right;
	transition: all 0.3s ease 0s;
}
.submit:hover{ background:#000;}

.ok{ font-size:24px; color:#0075c5; text-align:center;}


.mobile_daohang{ display:none;}
.tbottom{ display:none;}
.bottomNav{ display:none;}
.htmleaf-container_wap{ display:none;}


@media all and (max-width:640px){
.mobile_daohang{ display:block;}
.search_open{ display:none!important;}
.htmleaf-container_pc{ display:none;}
.htmleaf-container_wap{ display:block;}


table { width:100%!important;max-width:100%!important;}
table td{table-layout:fixed; word-break: break-all; overflow:hidden;}


.wrap{ width:90%; margin:0 auto;}


/* 首页 */
.head{ display:none;}


.souk{  display:none;}


.product{ width:100%; padding:20px 0 0px 0; clear:both; text-align:center;}
.product h1{ font-size:20px; color:#000000; font-weight:normal; margin:0; width:100%; background:url(../images/pp.png) no-repeat top center; background-size:70%; padding-top:20px;}
.product h2{ font-size:14px; color:#858585; font-weight:normal; margin:10px 0 10px 0; width:100%;}
.pro_l{ width:100%; height:auto; border:solid 5px #e7e7e7; text-align:left;}
.pl_pic{ width:100%; height:150px; overflow:hidden;}
.pl_pic img{ width:100%; height:150px; transition:all 1s; object-fit: cover;}
.pl_pic img:hover{ transform:scale(1.1);}
.pro_l h3{ font-size:18px; color:#0059a9; font-weight:normal; width:100%; padding-top:20px; padding-bottom:10px;line-height:24px;}
.pro_l h3 span{ font-size:14px; color:#000000; padding-left:0px; }
.pl_intro{ font-size:14px; color:#656464; margin:0 0 5% 5%; line-height:24px;  width:80%; float:left; padding-bottom:0px;
}
.pl_intro12{ font-size:14px; color:#656464; line-height:26px;  width:100%; height:auto; float:left;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; 
}

.pl_intro img{  display:none;}


.pl_more{ font-size:14px; color:#fff; padding:2px 0px 2px 0px; width:100%; background:#1558a6; display: inline-block; margin-left:0px; text-align:center}
.pl_more:hover{ color:#FFFFFF;}
.pl_order{ display:none;}


.pro_r{ width:100%; margin-top:20px;}
.pro_r ul li{  border:solid 5px #e7e7e7;  position: relative; width:100%; height:auto; margin-bottom:18px;}
.pro_r ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #f6f6f6;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}
.pro_r ul li:hover::before {
  height: 100%;
  top: auto;
  bottom: 0;
}
.pro_r ul li:hover .pr_pic img{ transform:scale(1.1); margin-top:30px;}
.pro_r h4{ height:auto; font-size:20px; color:#000; font-weight:normal; width:100%; padding-top:20px; padding-bottom:10px; border-bottom:#e7e7e7 solid 0px; float:left}
.pro_r h4 span{ padding-left:5%; padding-right:5%; font-size:14px; color:#7c7c7c;line-height:18px; float:left; text-align:center; padding-top:10px; width:90%;}

.pr_intro{ display:none;}

.pr_more{ font-size:14px; color:#b2b2b2; border:solid 1px #b2b2b2; padding:2px 20px 2px 25px; border-radius:25px; display:inline-block;position:relative; overflow:hidden;}
.pr_more::after{position:absolute;content:"";top:0;left:auto;right:0;width:0%;height:100%;background:#1558a6;transition:all .5s ease; z-index:-1; border-radius:15px;}
.pro_r ul li:hover .pr_more::after{left:0;width:100%;}
.pro_r ul li:hover .pr_more{ color:#fff;}


.about1{ width:100%; background:url(../images/ab.jpg) no-repeat bottom center #1558a6; background-size:150%; float:left; height:270px; text-align:center; padding-top:30px; margin-top:20px;}
.about1 h3{ font-size:20px; color:#fff; background:url(../images/abb.png) no-repeat top center;  background-size:80%;font-weight:normal; margin:0; width:100%;  padding-top:20px; }
.about{ width:100%; color:#FFFFFF; font-size:14px; float:left; height:110px; padding-top:10px; padding-bottom:10px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}




.a_more{ font-size:14px;border-radius:5px; color:#fff; padding:2px 30px 2px 30px; margin:10px 0 28px 0; display:inline-block; background:none;
  border: 1px solid #fff;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff; 
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#1458a7;}






.introduction{ width:100%; padding:20px 0 20px 0; clear:both; text-align:center; display: inline-block;}
.introduction h1{ font-size:20px; color:#000000; font-weight:normal; margin:0; width:100%; background:url(../images/cul.jpg) no-repeat top center;  background-size:70%;padding-top:20px;}
.introduction h2{ font-size:14px; color:#858585; font-weight:normal; margin:10px 0 10px 0; width:100%;}

.introduction ul li{ width:100%; height:130px; transition:all 0.5s; float:left;}
.introduction ul li p{ font-size:14px; color:#fff; line-height:20px; margin-top:30px;}
.introduction ul li b{ font-size:15px; padding-bottom:10px; line-height:24px;}

.introduction ul li:nth-child(1n){ background:#32a034;}
.introduction ul li:nth-child(2){ background:#468bc9;}
.introduction ul li:nth-child(3n){ background:#efa513;}
.introduction ul li:hover{ transform:scale(1.1); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);}

.introduction ul li img{ width:100%; height:130px; background:#fff; transition:all 0.5s; float:left;}




.news{ width:100%; padding:0px 0 20px 0; clear:both; margin-bottom:0px;}
.news_l{ width:100%;}
.news_l h1 {
    color: #f2f1f1;
    text-transform: uppercase;
    font-size: 50px;
	margin:10px 0 0 0;
	transform: scale(1,1.1);
}
.news_l h2 {
    margin: 3px 0 0 8px;
    position: relative;
    font-size: 20px;
	color:#000;
}
.news_l h2 span{ font-weight:normal;}
.news_line{ width:91px; height:1px; background:#0059a9; margin:10px 0 5px 0;}
.news_l p{ font-size:14px; color:#464545; line-height:24px;}

.news ul{ width:100%;}
.news ul li{ width:100%; margin:0 0 10px 0; padding:16px 0; position: relative; overflow: hidden;}
.news ul li:hover h3, .news ul li:hover h4, .news ul li:hover h5, .news ul li:hover p{ z-index:0;}
.news ul li:before {
    bottom: 0;
    right: 0;
    border-bottom:3px solid #e7e7e7;
    border-right:3px solid #e7e7e7;
}
.news ul li:after, .news ul li:before {
    content: '';
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    transition: all 800ms ease-in-out;
	z-index:-1;
}
.news ul li:after {
    top: 0;
    left: 0;
    border-top:3px solid #e7e7e7;
    border-left:3px solid #e7e7e7;
}
.news ul li:hover:after, .news ul li:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}



.a_more1{ font-size:15px; color:#a8a8a8; padding:3px 30px 3px 30px; margin:10px 0 0px 0; display:inline-block; background:#fff;
  border: 1px solid #a8a8a8; float:left;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.a_more1:before {  
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0059a9;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more1:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more1:hover{ color:#fff;border: 1px solid #fff;}



.n_left{ width:20%; text-align:center;}
.n_left h3{ font-size:40px; color:#959595; margin: 9px 0 0 0; font-weight:normal;}
.date_line{ width:57px; height:1px; background:#c5c5c5; margin:14px auto 5px auto;}
.n_left h4{ font-size:16px; color:#959595; margin:0; font-weight:normal;}
.n_right{ width:70%; margin-right:2%;}
.n_right h5{ font-size:18px; color:#000000; font-weight:normal; margin:0 0 7px 0;}
.n_right .app{ font-size:14px; color:#686868; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}




.foot1{display:none; }

.foot{ display:none; }

.foot_b{ width:100%; background:#282828; padding-top:30px; padding-bottom:30px;clear:both; font-size:15px; color:#aeadad;  float:left}



/* 内页 */
.f_a{ background:url(../images/f_a.jpg) no-repeat center; width:100%; height:150px; background-size: 300%;}
.f_p{ background:url(../images/f_p.jpg) no-repeat center; width:100%; height:150px; background-size: 300%;}
.f_n{ background:url(../images/f_n.jpg) no-repeat center; width:100%; height:150px; background-size: 300%;}
.f_s{ background:url(../images/f_s.jpg) no-repeat center; width:100%; height:150px; background-size: 300%;}
.f_c{ background:url(../images/f_c.jpg) no-repeat center; width:100%; height:150px; background-size: 300%;}


.location{ width:100%; padding:8px 0; clear:both; border-bottom:solid 1px #eee; font-size:15px;}
.location span{ color:#0075c5;}


.inside{ width:100%; padding:20px 0 20px 0; clear:both;}
.title {
    text-align: center;
}
.title h1 {
    color: #e7e7e7;
    opacity: 0.5;
    text-transform: uppercase;
    font-size: 33px;
	margin:0;
	letter-spacing: -3px;
}
.title h2 {
    position: relative;
    font-size: 24px;
	color:#323232;
	letter-spacing: 2px;
	margin:-10px 0 20px 0;
}


/* 简介 */
.about_in ul li {
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    padding: 30px 5%;
	width:100%;
}
.about_in ul li h3 {
    font-size: 20px;
    margin-bottom: 15px;
	color:#333;
    position: relative;
    padding-bottom: 10px;
	font-weight:500;
}
.about_in ul li h3:before{
      background-color: #0075c5;
      height: 2px;
      width: 40px;
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
}
.about_in ul li p{ margin-bottom:10px; line-height:28px;}
.about_in img{ max-width:100%; max-height:100%; height:auto!important;}


/* 产品 */
.pro_in{ display:inline-block; width:100%;}
.pro_in ul li{  border:solid 5px #e7e7e7;  position: relative; width:100%; height:auto; margin-bottom:18px;}
.pro_in ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #f6f6f6;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
}
.pro_in ul li:hover::before {
  height: 100%;
  top: auto;
  bottom: 0;
}
.pro_in ul li:hover .pr_pic img{ transform:scale(1.1); margin-top:30px;}
.pro_in h4{ height:auto; font-size:20px; color:#000; font-weight:normal; width:100%; padding-top:20px; padding-bottom:10px; border-bottom:#e7e7e7 solid 0px; float:left}
.pro_in h4 span{ padding-left:5%; padding-right:5%; font-size:14px; color:#7c7c7c;line-height:18px; float:left; text-align:center; padding-top:10px; width:90%;}

.pr_intro1{ display:none;}

.pr_more1{ font-size:14px; color:#b2b2b2; border:solid 1px #b2b2b2; padding:2px 20px 2px 25px; border-radius:25px; display:inline-block;position:relative; overflow:hidden;margin-left:30%;}
.pr_more1::after{position:absolute;content:"";top:0;left:auto;right:0;width:0%;height:100%;background:#1558a6;transition:all .5s ease; z-index:-1; border-radius:15px;}
.pro_in ul li:hover .pr_more1::after{left:0;width:100%;}
.pro_in ul li:hover .pr_more1{ color:#fff;}





.p_detail{ margin-bottom:60px;}
.p_left{ width:100%; line-height:28px; margin-bottom:20px;}
.p_left h3{ font-size:20px; color:#0075c5; margin:0px 0 15px 0; letter-spacing:0px;}
.p_left table tr:nth-child(odd) { background: #fcfcfc;}
.p_left table tr:nth-child(even) { background: #fff;}
.p_left table td{ padding:7px 0;}
.p_pic{ width:100%; height:auto; position:relative; margin-top: 0px;}
.p_pic:before {
    position: absolute;
    content: '';
    top: 105%;
    left: 5%;
    height: 10px;
    width: 90%;
    background: radial-gradient(ellipse at center, rgba(0, 117, 197, 0.35) 0%, transparent 80%);
}
.p_pic img{ width:100%; height:100%; object-fit: cover;}

.page_in {
    border-top:1px solid #eaeaea;
    border-bottom: 0px solid #eaeaea;
	padding:10px 5%;
	border-radius:0px;
}
.page_in ul{ align-items: center;}
.page_in ul li { width: 100%; font-size:14px;}
.page_in ul li:nth-child(2){display:none; }
.page_in ul li:nth-child(3){ text-align:left;}


/* 翻页 */
.contentPage { color: #0075c5; text-align:center; clear:both; width:100%; margin-top:25px;}
.contentPage .zi { font-size:12px; font-weight:bold; float:none!important;}
.contentPage a { color: #0075c5; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #0075c5;}
.contentPage a:hover { color:#FFF; background-color:#0075c5;}
.contentPage .current { font-size: 12px; margin:0px 3px; padding:4px 7px;}


/* 新闻 */
.news_in ul li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    padding: 25px 8%;
    position: relative;
	width:100%;
	box-shadow: 0px 5px 15px 0px rgba(0, 117, 197, .1);
	color: #1A1A1A;
	margin:30px 0 0 0;
}
.news_in ul li:nth-child(1){ margin-top:0;}
.news_in ul li:nth-child(2){ margin-top:30px;}
.news_in ul li:before,
.news_in ul li:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 0;
}
.news_in ul li:before {
    top: 30px;
    left: 30px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
.news_in ul li:after {
    bottom: 30px;
    right: 30px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.news_in ul li:hover {
    color: #fff;
    background-color: #0075c5;
}
.news_in ul li:hover h3 span, .news_in ul li:hover .n_text h4, .news_in ul li:hover .n_text p{ color: #fff;}
.news_in ul li:hover:before {
    opacity: 1;
    top: 10px;
    left: 10px;
}
.news_in ul li:hover:after {
    opacity: 1;
    bottom: 10px;
    right: 10px;
}
.news_in ul li:hover h3 {
    border-right-color: #fff;
}
.news_in ul li h3 {
    font-size: 32px;
    text-align: center;
    border-right: 1px solid #1A1A1A;
	line-height:28px;
	padding:10px 6% 0 0;
	margin:0;
}
.news_in ul li h3 span{ font-size:14px; font-weight:500; color: #737373;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.n_text { width:66%;}
.n_text h4{ font-size: 16px; font-weight:600; margin:0 0 5px 0;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_text p{ font-size:15px; color: #737373; line-height: 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

.n_title{ align-items: center; display: inline-block; margin-bottom:25px;}
.date {
    float: left;
    color: #fff;
    font-size: 14px;
    margin-right: 0px;
	background: #0075c5;
	padding: 5px 20px;
	margin-bottom: 15px;
}
.n_title h3 {
    float: left;
    font-weight: 500;
	font-size: 18px;
	margin:0;
	color:#000;
}


/* 风采 */
.style_in{ display: inline-block; width:100%;}
.style_in ul li{ width:100%; float:left; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .07); margin:35px 0 0 0;}
.style_in ul li:nth-child(1){ margin-top:0;}
.style_in ul li:nth-child(2), .style_in ul li:nth-child(3), .style_in ul li:nth-child(4){ margin-top:35px;}
.style_in ul li:nth-child(4n){ float:right; margin-right:0;}
.s_pic{ width:100%; height:200px; position:relative;overflow:hidden;}
.s_pic img{ width:100%; height:100%; object-fit: cover; -webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 500ms ease;transition:-webkit-transform 500ms ease;transition:transform 500ms ease;transition:transform 500ms ease,-webkit-transform 500ms ease}
.s_pic>a{width:100%;height:100%;background-color:rgba(0,117,197,.3);position:absolute;top:0;left:0;opacity:0;-webkit-transform:translateY(-20%);transform:translateY(-20%);-webkit-transition:opacity 500ms ease,-webkit-transform 500ms ease;transition:opacity 500ms ease,-webkit-transform 500ms ease;transition:opacity 500ms ease,transform 500ms ease;transition:opacity 500ms ease,transform 500ms ease,-webkit-transform 500ms ease}
.s_pic>a::before,.s_pic>a::after{content:"";width:32px;height:2px;background-color:#fff;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.s_pic>a::after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}
.style_in ul li:hover .s_pic>a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.style_in ul li:hover .s_pic>img{-webkit-transform:scale(1.05);transform:scale(1.05)}

.s_title{ text-align:center; margin:15px 0;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.style_in ul li:hover .s_title{ color:#0075c5;}


/* 联系 */
.info {
    background-color: #0075c5;
    width: 90%;
    padding: 20px 5%;
	color:#f1f1f1;
}

.form{ width:100%; margin-top: 35px;}
.form h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
}
.form .input {
    border: 1px solid #ebebeb;
    border-radius: 25px;
    font-size: 15px;
    padding: 10px 5%;
	width:90%;
	margin-bottom:15px;
	outline:none;
}
.form textarea.input {
    border-radius: 20px;
    height: 80px;
	width:90%
}
.input:focus {
    border-color: #0075c5;
}
.form .verify {
    border: 1px solid #ebebeb;
    border-radius: 25px;
    font-size: 15px;
    padding: 10px 5%;
	width:35%;
	margin-bottom:20px;
	outline:none;
	float:left;
}
.verify_img{ height:39px; margin:0 0 0 20px;}
.submit {
    background-color: #0075c5;
    border: none;
    border-radius: 25px;
    font-size: 18px;
    padding: 8px 40px;
	color:#fff;
	cursor:pointer;
	outline:none;
	clear:both;
	display:flex;
	float:none;
	margin:0 auto;
}

.ok{ font-size:18px; color:#0075c5; text-align:center;}



.inside_l{ display:none; width:90px; margin:auto }


.inside_r{ width:90%; float:right; line-height:27px; box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.2); padding:10px 3% 10px 3%;border-radius: 10px;
 min-height:auto; margin-bottom:20px;}

.inside_r h3{ width:100%; font-size:20px; color:#000000; padding-bottom:20px; font-weight:normal!important;}



.ab111{ float:left; width:100%; padding-top:10px; padding-bottom:35px; margin-bottom:0px;}

.ab111 ul{overflow:hidden; padding-left:0%}
.ab111 ul li{display:block;float:left;}
.ab111 ul li a{float:left;text-align:center!important;line-height:30px; font-size:15px;  width:100%;}
.ab111 ul li a:hover{   float:left;}


.zz1{  color:#FFFFFF;background:#f1a615; width:49% ; line-height:30px; margin-left:0.5%; border-radius:5px; margin-bottom:2px;  }
.zz1 a{color:#FFFFFF ; }
.zz2{color:#fff;background:#0076c0;  width:49% ;  line-height:30px; margin-left:0.5%; border-radius:5px; margin-bottom:2px; }
.zz2 a{color:#fff ; }


}