@charset "utf-8";

html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#666;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;margin: 0;padding: 0;}
em,i{font-style: normal;}
dl,dt,dd{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;}
li {list-style-type: none; vertical-align: top;margin: 0;padding: 0;}
a {text-decoration: none; outline: none; color: #333; transition: 0.2s; }
a:hover {cursor: pointer;}
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
img { border: 0; vertical-align: top;margin: 0;padding: 0;}
form,input,textarea,button,select{padding: 0;margin: 0;outline:none;border:none;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w100{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header{height: 189px;background:url(../images/h-b.jpg) no-repeat center;}
.h_con{height:128px;}
.h_con .t_logo{float: left;margin:25px 12px 0px 53px;text-align: center;}
.h_con h2{float:left;font-weight:normal;margin-top:40px;height:55px;padding-left: 29px;border-left: 1px solid #818181;box-sizing: border-box;}
.h_con h2 b{display: block;font-size: 30px;color: #1a1a1a;line-height:29px;font-weight:bold;}
.h_con h2 span{display:inline-block;font-size:18px;color: #1a1a1a;line-height:18px;padding-top: 7px;}
.h_con p{float: right;margin-top:40px;background:url(../images/pho.png) no-repeat left 2px;padding-left:58px;}
.h_con p i{display: block; font-weight:normal;font-size:14px;color: #313131;line-height:14px;}
.h_con p span{font-size:26px;font-weight: bold;color: #1a1a1a;font-family: "Arial";display:block;line-height:30px;padding-top:5px;}
.h_nav{height:61px;}
.h_nav ul li{transition: 0.35s;float: left;height:61px;line-height:61px;position: relative;margin:0 47.5px;}
.h_nav ul li a{color: #ffffff;position: relative;font-size:16px;box-sizing: border-box;height: 61px;display: block;box-sizing: border-box;}
.h_nav ul li:first-of-type{margin-left: 100px;}
.h_nav li::before{position: absolute;width: 1px;height:16px;background:url(../images/be-f.png) no-repeat;content: "";right:-47px;top:24px;}
.h_nav li:last-child::before{ background: 0;}
.h_nav ul li::after{content: "";display: block;width:7px;left: -35%;height:0;background: url(../images/af-t.png) no-repeat;transition: 0.35s;background-size: 7px 35px;top: 0;position: absolute;}
.h_nav ul li:hover::after {height:100%;transition: 0.6s;}
.h_nav ul .cur::after{content: "";display: block;width:7px;left: -35%;height:0;background: url(../images/af-t.png) no-repeat;transition: 0.35s;background-size: 7px 35px;top: 0;position: absolute;}
.h_nav ul .cur::after {height:100%;transition: 0.6s;}


/*banner start*/
.flexslider {margin: 0px auto 0px;position: relative;width: 100%;height: 630px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 36px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background: url(../images/next1.png) no-repeat;right: 30px;}
.flex-direction-nav .flex-prev {
	background: url(../images/prev1.png) no-repeat;
	left: 30px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #dfdfdf;
	display: block;
	height: 15px;
	overflow: hidden;
	text-indent: -99em;
	width: 15px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius:10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background:#FFA23B;
}

.flexslider .slides a img {
	width: 100%;
	height: 630px;
	display: block;
}

/*company start*/
.mbanner1 {
  background: url(../images/mbanner1.jpg) center 0 no-repeat;
  height: 210px;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
  font-size: 18px;
  position: relative;
}

.mbanner1:before {
  content: ">";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  margin-left: -17px;
  margin-top: -17px;
  border-radius: 50%;
  font-size: 24px;
  color: #295093;
  line-height: 34px;
  display: block;
  animation: zyfd 1.5s linear infinite;
}

.mbanner1 .left {float: left;width: 50%;}
.mbanner1 .left .t1 {font-size: 30px;padding-top: 37px;}
.mbanner1 .left .t2 {margin-top: 11px;}
.mbanner1 .right {float: right;width: 50%;}
.mbanner1 .right .t1 {padding-top: 32px;}
.mbanner1 .right .t2 {margin-top: 14px;font-size: 24px;}
.about {background: url(../images/aboutbg.jpg) center 0 no-repeat;}
.about .aboutBox {height: 540px;padding-top: 160px;color: #333;}
.about .tit {float: left;position: relative;z-index: 4;}
.about .tit .line {width: 2px;height: 65px;background-color: #333;position: absolute;left: 0;top: 0;}
.about .tit .t1 {text-transform: uppercase;font-family: Arial;line-height: 30px;font-size: 40px;padding-left: 16px;}

.about .tit h3 {
  line-height: 1;
  font-size: 24px;
  margin-top: 13px;
  padding-left: 16px;
}

.about .tit .more {
  display: block;
  width: 210px;
  margin-top: 134px;
  line-height: 48px;
  position: relative;
  color: #333;
  text-align: center;
}

.about .tit .more:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.about .tit .more:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 18px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: scale(1) rotate(40deg);
  -moz-transform: scale(1) rotate(40deg);
  -o-transform: scale(1) rotate(40deg);
  transform: scale(1) rotate(40deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.about .tit .more:hover:before {
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.about .tit .more:hover:after {
  bottom: 48px;
  background-color: rgba(0, 0, 0, 0.7);
}

.about .aboutText {
  float: right;
  width: 800px;
}

.about .aboutText h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}

.about .aboutText .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 36px;
  height: 144px;
  color: #666;
  margin-top: 29px;
}
.about .aboutText img{margin-top: 30px}

/*product start*/
.product{ overflow:hidden; margin:60px auto;}
.product_t{ width:263px; border:5px solid #295093; float:left;}
.product_t h2{ background:#295093; font:32px "Microsoft YaHei UI"; font-weight:bold; color:#fff; text-align:center; padding:16px 0;}
.product_t h2 a{ display:block; color:#fff;}
.product_t h2 em{ display:block; font:14px "Microsoft YaHei UI"; text-transform:uppercase; color:#6182c0; padding-top:2px;}
.product_t li{ width:241px; margin:0 auto; border-top:1px solid #cecece; font:18px "Microsoft YaHei UI"; line-height:48px; height:48px; overflow:hidden;}
.product_t li a{ display:block; position:relative; color:#333; padding-left:45px;}
.product_t li a:before{ content:""; position:absolute; top:18px; left:30px; width:0; height:0; border-left:6px solid #ccc; border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);}
.product_t li:hover a:before{ border-left:6px solid #295093;}
.product_t li:hover a{ font-weight:bold; color:#295093;}

.product_t .onn a:before{ border-left:6px solid #295093; border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);}
.product_t .onn a{ font-weight:bold; color:#295093;}


.product1{ width:908px; overflow:hidden; float:right;}
.product1 .pro_top{width: 100%;background: #f1f1f1}
.product1 .pro_top .pro_tl{width: 50%;float: left;overflow: hidden;}

.product1 .pro_top .pro_tl img{width: 100%;display: block;transition:.5s ease-in;}
.product1 .pro_top:hover .pro_tl img { transform:scale(1.1,1.1);}
.product1 .pro_top .pro_tr{width: calc(50% - 60px);float: left;padding:30px}
.product1 .pro_top .pro_tr b{font-size: 26px;color: #333}
.product1 .pro_top .pro_tr > p{line-height: 160%;display: block;padding:20px 0 25px 0}
.product1 .pro_top .pro_tr ul{ width:100%;display:flex;flex-direction:row;justify-content:space-between }
.product1 .pro_top .pro_tr ul li{text-align: center}
.product1 .pro_top .pro_tr ul li img{width: 80%;transition: All 0.4s ease-in-out;}
.product1 .pro_top .pro_tr ul li:hover img{transform: rotate(360deg);}
.product1 .pro_top .pro_tr ul li p{width:100%;text-align: center;line-height: 30px}
.tit3{ height:62px; background:#e3e3e3; overflow:hidden; font:20px "Microsoft YaHei UI"; font-weight:bold; position:relative; line-height:62px;}
.tit3 a{ display:block; color:#000; padding-left:30px;}
.tit3 em{ display:block; width:84px; height:34px; border:1px solid #aaa; float:right; margin:12px 12px 0 0; float:right; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:34px; color:#000; text-align:center;}
.tit3:before{ content:""; position:absolute; top:18px; left:17px; width:3px; height:24px; background:#295093;}
.product2 li{ width:290px; overflow:hidden; float:left; margin:20px 19px 0 0; position:relative; box-sizing:border-box;}
.product2 li:nth-child(3n) {margin: 20px 0 0 0}
.product2 li img{ display:block;width:290px; height:199px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.product2 li em{ display:block; width:100%; height:40px; font:14px "Microsoft YaHei UI"; line-height:40px; background:rgba(0,0,0,0.5); height:40px; color:#fff; position:absolute; bottom:0; text-align:center;}
.product2 li:hover em{ background:#295093;transition:all 0.7s;transition-property:background;}
.product2 li:hover img,.product11 dt:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}


/*new start*/
.news{margin:60px auto}
.news h2{margin-bottom: 55px;}
.n_r{width: 570px;}
.n_r ul li{ height: 112px;}
.n_r ul li a{ display: block; padding-left: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/n_r1.jpg) no-repeat 0 6px; height: 20px; line-height: 20px; font-size: 16px; color: #010101;}
.n_r ul li a:hover{ color: #295093; text-decoration: underline;}
.n_r ul li span{ display: block; line-height: 22px; padding-top: 9px; font-size: 14px; color: #929492;}
.n_r h4{position: relative;}
.n_r h4 em{ position: absolute; left: 48px;top: 47px;}
.n_r h4 em i{display: block;line-height: 100%;position: relative;font-weight: bold;padding: 23px 0 8px 0;font-size: 24px;color: #fff}
.n_r h4 em i:before{ position: absolute; left: 0; top: 0; width: 43px; height:2px; background: #ffffff; content: "";}
.n_r h4 em span{display: block;line-height: 100%;font-size: 12px;font-family: Arial;color:#fff}

.n_l{ width: 570px; overflow: hidden;}
.n_l h3{ height: 158px; background: url(../images/n_l.jpg) no-repeat center; margin-bottom: 45px; overflow: hidden;}
.n_l h3 b{ display: inline-block; float: right; font-size: 0; line-height: 0; overflow: hidden;}
.n_l h3 em{ display: inline-block; float: left; padding: 47px 0 0 27px; color: #fff;}
.n_l h3 em i{ display: block; line-height: 100%; position: relative;font-weight: bold; padding: 23px 0 8px 0; font-size: 24px;}
.n_l h3 em i:before{ position: absolute; left: 0; content: ""; width: 44px; height: 2px; background: #fff; top: 0;}
.n_l h3 em span{ display: block; line-height: 100%; font-size: 12px; font-family: Arial;}
.n_l dl{ height: 148px; overflow: hidden;}
.n_l dl dt{ float: left; width:90px; text-align: right; font-size: 15px; font-weight: bold; color: #999999; line-height: 100%;}
.n_l dl dt i{ display: block; line-height: 100%; padding-top: 39px; color: #295093; font-size: 59px;font-family: arial; position: relative;}
.n_l dl dt i:before{ position: absolute; content: ""; right: 0; top: 17px; background: #999; width: 23px;  height: 1px;}
.n_l dl dd{ float: right; width: 440px; box-sizing: border-box; padding-right: 38px;}
.n_l dl dd h4 a{font-weight: normal; font-size: 18px; color: #333333;}
.n_l dl dd h4 a:hover{color: #295093; text-decoration: underline;}
.n_l dl dd p{ padding-top: 14px; font-size: 14px; color: #999999; line-height: 24px;}
.n_l ul li{ overflow: hidden; height: 45px; line-height: 45px; border-top: 1px solid #dcdcdc;}
.n_l ul li span{ display: inline-block; float: left; padding-left: 45px; font-size: 16px; color: #999999; font-weight: bold; font-family: arial;}
.n_l ul li i{ display: inline-block; float: right; width: 435px;}
.n_l ul li i a{ width: 405px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 14px; color: #333333;}
.n_l ul li i a:hover{color: #295093; text-decoration: underline;}


/*footer start*/
.footer{height:472px;background: url(../images/foot_bg.jpg) no-repeat center;    overflow: hidden;}
.f_top{ height: 117px;padding-top:31px;}

.f_top ul{width: 100%;box-sizing: border-box;margin-top: 13px;display: flex;flex-flow: row nowrap;justify-content: space-between}
.f_top ul li{ }
.f_top li em{ display: block;float: left;width: 62px;height: 62px;overflow: hidden;border-radius: 31px;background: #e4e4e4;}
.f_top li em img{ display: block;width: 62px;height: 62px;transition: all 0.5s; }
.f_top li.cur  em img:nth-child(1){ margin-top: -62px; }
.f_top li.cur  em{ background: #FFA23B;box-shadow: 0px 5px 13px 0px rgba(254, 210, 0, 0.23); }
.f_top li span{ float: left;margin-left: 15px;width: 150px; }
.f_top li span b{ display: block;font-size: 20px;color: #333333;line-height: 20px; padding-top: 14px;font-weight: normal;}
.f_top li span i{ display: block;font-size: 12px;color: #8b8b8b;line-height: 12px;font-family: Arial;padding-top: 4px; }

.f_nav{float: left;width:380px;text-align: left;}
.f_nav li{width:140px;float:left;}
.f_con{padding:50px 0 10px;}
.f_con h2{font-size:20px;color: #ffffff;display: block;line-height:20px;font-weight:bold;}
.f_con ul{margin-top:27px;}
.f_con li{font-size: 14px;line-height: 27px;display: block;color: #ffffff;}
.f_con li a{font-size: 14px;line-height: 30px;display: inline-block;color: #ffffff;margin-right: 6px;}
.gsx{ float: left;width:520px; }
.gsx ul{ margin-top: 0px; }
.gsx li{ font-size: 14px;line-height: 18px;color: #ffffff;height: 70px;padding-left: 37px; }
.gsx li b{ font-size: 26px;line-height: 26px;color: #ffffff;font-weight: bold;font-family: Arial;display: block;}
.gsx li:nth-child(1){ background: url(../images/foot1.png) no-repeat left 8px; }
.gsx li:nth-child(2){ background: url(../images/foot2.png) no-repeat left 5px; }
.gsx li:nth-child(3){ background: url(../images/foot3.png) no-repeat left 7px; }
  
.lx-1{ float: left;width: 300px; }

.f_bot{border-top: 1px solid #546b92;color: #fff;line-height: 50px}
.f_bot p{text-align: center}
.f_bot a{ color:#fff;}