@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%; outline:none}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
ul{ padding:0px; margin:0px;}
table { width:100%!important;max-width:100%!important;} 
table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
p{ margin:0px; padding:0px;}

body{ margin:0 auto;padding:0px;width:100%; font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#646464;}
.logo h2{ font-size:30px; color:#000;padding:0px; margin:0px;}
.logo h2 span{ color:#008dd7}
.logo h3{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; font-weight:normal; padding-top:5px; margin:0px;}
.head{ width:1200px; margin:0 auto;padding-top:20px!important; padding-bottom:20px!important;}
.tel{ background:url(../images/index_03.jpg) no-repeat left;  padding-left:50px; margin-top:10px; }
.tel h2{ color:#000; font-size:22px; padding:0px; margin:0px;}
.tel p{ font-size:15px;}
.wd1200{ width:1200px; margin:0 auto; padding-top:70px; padding-bottom:70px;}

/*导航*/
.nav_bgc{ width:100%; margin:0 auto; background:#008dd7}
.nav_bgc .wd1200{ padding-top:0px; padding-bottom:0px;}
.nav{  margin:0 auto; height:60px; line-height:60px;}
.nav li {float: left;display:inline-block;list-style: none;font-size: 17px;text-align: center;position: relative;line-height:60px;}
.nav li a {color:#fff;display: block;text-align: center;position: relative; padding-right:25px;padding-left:25px; }
.nav li.hover a, .nav li:hover a { background:#4ba7e9;}
.nav li .subnav {background: #fff;border-top: 3px solid #008dd7;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 60px; width: 100%;z-index: 99999999;}
.nav li .subnav {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #666!important;display: block;font-size: 15px;font-weight: 500;line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav li .subnav a:hover {color: #008dd7!important;background: #f9f9f9;text-indent: 10px;}
.yuyan { background:#4ba7e9; width:100px;text-align:center; line-height:60px;}

.yuyan a{  color:#fff;}

.searcha{width:180px; margin-top:13px;height:35px; padding-left:10px; padding-right:10px; margin-left:25px;background:#fff ; border-radius:20px;  }
#search_logo{ margin-top:7px;}
.searchinput{height:35px;font-size:14px;border:#fefefe solid 0px;line-height:35px; outline:none; background:none; width:90% }
.searcha .fl{ width:80%;}

/*公司简介*/
.abzuo{ width:50%}
.abzuo h2{ color:#008dd7; font-size:50px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; padding:0px; margin:0px;}
.abzuo h3{ padding:0px; margin:0px;font-weight:normal;font-size:25px; color:#000; margin-top:10px;}
.abzuo h3 a{ color:#000;}
.abnr{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:8;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:30px; height:240px;margin-bottom:20px; margin-top:20px; margin-bottom:20px;}
.anniu a{ color:#fff;}
.anniu{ border-radius:5px;background:#008dd7;width:150px;text-align:center; height:45px; line-height:45px; }
.anniu {  text-align:center;
-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.anniu:hover{ padding-left:20px!important;display:block; }

.abyou{ width:45%; display: flex;justify-content: center;
align-items: center;overflow:hidden; border-radius:5px;}
.abyou  img{width:100%;transition: all 0.8s;}
.abyou  img:hover{   transform: scale(1.1);}

.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ font-size:45px; color:#000; margin:0px; padding:0px; text-transform:capitalize}
.wenzi h3{ font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; color:#555; font-weight:normal; padding:0px; margin:0px;}
.wenzi .wline{ background:#008dd7; height:2px; margin:0 auto; width:60px; margin-top:13px; margin-bottom:13px;}

/*首页产品*/
.chanpin{ background:url(../images/probg.jpg) no-repeat center; width:100%; margin:0 auto}
.chanpin .wenzi h2{ color:#fff;}
.chanpin .wenzi h3{ color:#fff;opacity:0.6}
.chanpin .wenzi .wline{ background:#fff; }
.profl ul{ width:40%; margin:0 auto; text-align:center; margin-top:50px; margin-bottom:60px;}
.profl ul li{ float:left; background:#fff; height:45px; line-height:45px; width:30%; margin-left:1.5%; margin-right:1.5%;}
.profl ul li a{ color:#555}
.profl ul li a:hover{ color:#008dd7}
.yscp{ background:url(../images/index_17.jpg) no-repeat center; width:391px;}
.yscp h2{ text-align:center; color:#db0909; font-size:25px;}
.yscp ul{ width:80%; margin:0 auto; padding-bottom:30px;}
.yscp ul li{ line-height:35px; font-weight:bold; color:#000;}
.yscp ul li span{ padding-right:5px;}
.yscp ul li a{color:#000;transition: all 0.8s;}
.yscp ul li a:hover{ padding-left:5px;color:#db0909;}

.cplb{ width:62%; }
.cplb ul li:nth-child(2n){ float:right}
.cplb ul li{ line-height:50px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); float:left; width:46%;}
.cplb ul li a{ font-weight:bold; color:#fff;transition: all 0.8s}
.cplb ul li a:hover{ padding-left:5px;color:#db0909;}



/*新闻*/
.newsbg{ background:#fafafa;}
.newsbg .wd1200{ padding-top:50px; padding-bottom:50px;}
.newsbg .wenzi h3{ font-size:17px;}
.gd_xw a{ color:#fff;}
.gd_xw{ margin:0 auto;border-radius:5px;background:#008dd7;width:150px;text-align:center; height:45px; line-height:45px; margin-top:15px; }
.gd_xw {  text-align:center;
-webkit-transition: padding-left .8s;
-moz-transition: padding-left .8s;
-o-transition: padding-left .8s;}
.gd_xw:hover{ padding-left:20px!important;display:block; }


.news_tj{ width:32%; overflow:hidden}
.news_tj img{ width:100%;transition: all 0.8s; }
.news_tj:hover img{transform: scale(1.1);}
.news_lb{ width:65%; margin-top:-14px; }
.news_lb dl dd{ width:45%; float:left; padding:15px;margin-left:0px; }
.news_lb dl dd:nth-child(2n){ float:right}
.news_gg{ border-top:1px solid #d8d8d8; line-height:45px;}
.news_lb dl  dd h2{ font-size:18px; color:#333; font-weight:normal;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:30px; }
.news_lb dl  dd h3{ font-size:15px; color:#555; font-weight:normal;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical;overflow:hidden; line-height:22px; height:44px; opacity:0.7; margin-top:20px; margin-bottom:20px; }
.news_sj{color:#555;}
.news_gd{color:#555; font-size:15px; }

.news_lb dl dd:hover{box-shadow: 0 0 10px #ddd; }


/*应用领域*/
.yyly ul{ margin-top:50px;}
.yyly ul li{ float:left; width:23%; margin-left:1%; margin-right:1%;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); overflow:hidden }
.yytu{ width:100%;}
.yytu img{ width:100%;transition: all 0.8s;}
.yyname{ text-align:center; line-height:65px; font-size:20px;}
.yyly ul li:hover img{transform: scale(1.1);}
.nymain .yyly ul{ margin-top:0px;}
.nymain .yyly ul li{ float:left; width:30%; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); overflow:hidden; margin-bottom:40px; }
.nymain .yyname{ text-align:center; line-height:65px; font-size:17px;}

/*-------底部-----------*/
.foot{ background:#272a33; border-top:8px solid #008dd7;width:100%; margin:0 auto; color:#96979a}
.fbt{ font-size:22px; color:#fff; margin-bottom:25px;}
.fpro ul li{ line-height:30px;}
.foot .wd1200 a{ color:#96979a}
.fpro{ width:20%}
.flian{ line-height:30px; width:35%}
.fprocp{ margin-left:90px;}
.fprocp{ width:28%}
.fprocp ul li{ line-height:30px;}

.banquan{ padding-top:25px; padding-bottom:25px; border-top:1px solid rgba(255,255,255,0.1); width:1200px; margin:0 auto}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 16px;text-decoration:none;color: #96979a;}
a.zzb07link:hover {text-decoration: underline;color: #96979a;}
.zzb07tail{font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#96979a;}


/*内页*/
.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: 10px 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,#008dd7,#057bb9);
  -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,#0954a3,#0a66c7);}


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

.inside_r h3{ width:100%; font-size:30px; color:#000000; padding-bottom:25px; font-weight:normal}
.rytop{ border-bottom:1px solid #d8d8d8; padding-bottom:20px;}
.rytop h2{ padding:0px; margin:0px; font-weight:normal; font-size:25px; color:#000;}
.weizhi{ font-size:15px;}
.weizhi span{ padding-left:5px; padding-right:5px;}

.neirong{ font-size:15px;padding-top:30px; line-height:35px;}

/*简介*/
.nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center bottom; height:300px; }
.nycon{width:100%;margin:0 auto;background:url(../images/nycon.jpg) no-repeat center;height:300px; }
.nyorder{width:100%; margin:0 auto; background:url(../images/nyorder.jpg) no-repeat center; height:300px; }
.nypro{width:100%;margin:0 auto;background:url(../images/nypro.jpg) no-repeat center;height:300px; }
.nynews{width:100%;margin:0 auto;background:url(../images/nynews.jpg) no-repeat center;height:300px;}
.nyyy{width:100%;margin:0 auto; background:url(../images/nyyy.jpg) no-repeat center;height:300px; }



.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px; color: #008dd7; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #008dd7; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #008dd7; font-weight: normal;}
.contentPage a:visited {color: #008dd7; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #008dd7; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#008dd7;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #008dd7; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


/*内页客户留言*/
.contact_2{ }
.contact_2_1 ul li{ margin-bottom:1.4375em;
float:left; width:49%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){
float:right}
.contact_2_1 ul li:nth-child(5){width:100%;}
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:0.8em 1em;}
.contact_2_1_mid input{
border:none; background:none; width:100%; font-size:1em;}
.contact_2_1_mid textarea{ height:14em;
border:none; background:none; width:100%; font-size:1em;}

.anniu2 {
font-size:1.125em; display:inline-block; color:#fff; background-color:#008dd7; border:0px; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu2 { margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#027845; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.contact_2_2{
margin-bottom:5.625em; margin-top:1.5em;}
.contact_2_2 a:hover{
background-color:#999;}


/* 新闻 */
.news_in ul li:nth-child(2n){ float:right}
.news_in ul li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    padding: 35px 3%;
    position: relative;
	width:94%;
	box-shadow: 0px 5px 15px 0px rgba(0, 117, 197, .1);
	color: #1A1A1A;
	margin:40px 0 30px 0;}
.news_in ul li h3{ width:13%;text-align:center; padding-top:10px;}
.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 p, .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;
	line-height:35px;
	margin:0;
}
.news_in ul li h3 p{ font-size:16px; font-weight:500; color: #737373;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.n_text { width:82%; border-left:1px solid #d8d8d8; padding-left:25px;}
.n_text h4{ font-size: 18px; color:#000; margin:0 0 5px 0; font-weight:normal;
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:25px;
    -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;
}

.shijian{ text-align:center;}
.page_in ul{ align-items: center;margin-top:30px;}

.page_in ul li { width: 33%; font-size:15px; float:left}
.page_in ul li:nth-child(2){ transition: all 0.3s ease 0s; width:33%;margin:0 auto; }
.page_in ul li:nth-child(2) a{ display:block; color:#fff; background:#008dd7; width:50px; height:50px; line-height:50px; color:#fff; border-radius:50%; margin:0 auto; text-align:center}
.page_in ul li:nth-child(2):hover{}
.page_in ul li:nth-child(2):hover a{ color:#fff; background:#000; border-radius:50%; }
.page_in ul li:nth-child(3){ text-align:right;}
.cuti{ width:100%; background:#008dd7; padding-top:15px; padding-bottom:15px; font-size:18px; line-height:25px; text-align:center; color:#FFFFFF; }

.proxx{ font-size:15px; margin-top:30px;}

.proxx table{border-left: #d8d8d8 1px solid; border-top: #d8d8d8 1px solid;  width:100%; margin:0 auto; }
.proxx tr td{padding: 10px;
    line-height: 25px;
	border-bottom: #d8d8d8 1px solid; border-right: #d8d8d8 1px solid;}
	.proxx tr td:first-child{ background:#eff2fb; text-align:center; width:25%;}