@font-face
{
    font-family: myFirstFont;
    src: url(../fonts/FjallaOne-Regular-2.ttf);
}
*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family:"microsoft yahei";  color:#666; font-size:14px; background: #FFFFFF; min-width:1240px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #666;}
a:focus { outline: 0 }
a:hover{ color: #0897e9;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}


#home .home a,
#about .about a,
#products .products a,
#news .news a,
#zp .zp a,
#contact .contact a{ color: #0897e9; }


#products .products ul li a{ color: #666666;}
#products .products ul li a:hover{background: #0897e9; color: #FFFFFF;}


#news .news ul li a{ color: #666666;}
#news .news ul li a:hover{background: #0897e9; color: #FFFFFF;}

#about .about ul li a{ color: #666666;}
#about .about ul li a:hover{background: #0897e9; color: #FFFFFF;}




.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

input,button,select,textarea{ outline:none; font-family:"microsoft yahei"; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}
.content{ width:1200px; margin:0 auto;}

submit{ font-family:"microsoft yahei"; }
#warp{ width:100%; height:auto; overflow: hidden;}

.header{ width: 1200px; height: 102px; position: relative;}
.header .logo{ float: left; width: 253px; height: 102px; overflow: hidden;}
.header .logo a{ display: block; width: 253px; height: 102px; background: url(../images/logo.jpg) no-repeat center;}

.header .nav{ float: left; width: 690px; height: 102px; margin-left: 113px;}
.header .nav li{ float: left; width: 115px; height: 102px; line-height: 102px; font-size: 16px; position: relative; text-align: center;}
.header .nav li:hover ul{ display: block;}
.header .nav li ul{ position: absolute; left: 0; top: 102px; z-index: 999; background: #FFFFFF; width: 115px; display: none;}
.header .nav li ul li{ width: 100%; height: 42px; line-height: 42px; border-bottom:1px solid #dedede; font-size: 14px;}
.header .nav li ul li a{ display: block;}
.header .nav li ul li a:hover{background: #0897e9; color: #FFFFFF;}


.header .Tsea{ float: right; width: 18px; height: 102px;}
.header .Tsea a{ display: block;  width: 18px; height: 102px; background: url(../images/TseaBg.jpg) no-repeat center;}

.searchshow{ width: 329px; height: 34px; z-index: 999;  background: #FFFFFF; position: absolute; right:0; top:72px; display: none;}
.searchshow .inputt{ width: 248px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 60px; height: 34px; float: left;  border: none; background:#0897e9; color: #FFFFFF; font-size: 18px; }

.header .TLang{ float: right; width: 122px; height: 102px; line-height: 102px; position: relative; text-align: center;}
.header .TLang i{ padding-left: 10px;}
.header .TLang:hover ul{ display: block;}
.header .TLang ul{ position: absolute; left: 0; top: 102px; z-index: 999; display: none; width: 122px;}
.header .TLang ul a{ display: block; width: 100%; height: 42px; line-height: 42px; border-bottom:1px solid #dedede; font-size: 14px; background: #FFFFFF;}

/**banner**/
  .swiper-container {
  	
      width: 100%;
      height:500px;
    }
    
 .swiper-container h2{ color:#fff; width:100%; text-align:center;  font-size:72px; line-height:72px; font-weight:normal; text-shadow:#000 1px 2px 3px; padding-bottom:40px; letter-spacing:30px;}   
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}    
.swiper-pagination span{ width: 10px; height: 10px; border-radius: 10px;}
.swiper-pagination-bullet{ background: #CCCCCC; opacity: 1.0;  }
.swiper-pagination-bullet-active{ background: #FFFFFF; }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: none;}    
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{  display: none;}   
.swiper-container:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display: block;}   
.swiper-container:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{  display: block;}   
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}


.in1Box{ width: 100%; height: auto; margin-top: 40px;}
.in1BoxL{ float: left; width: 49%; height: auto; overflow: hidden; position: relative;}
.in1BoxL img{ width: 100%; height: 100%;}
.in1BoxL .in1Div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; box-sizing: border-box; padding: 45px 120px; color: #FFFFFF;}
.in1BoxL .in1Div h2{ font-size: 32px; line-height: 70px; font-weight: normal;}
.in1BoxL .in1Div p{ line-height: 24px; margin-bottom: 25px;}
.in1BoxL .in1Div a{color: #FFFFFF; }
.in1BoxL .in1Div a.inaba{ display: block; float: left; font-size: 22px; width: 157px; height: 51px; line-height: 47px; text-align: center; box-sizing: border-box; border:1px solid #FFFFFF; border-radius: 5px;}
.in1BoxL .in1Div a.inaba:hover{ background: #FFFFFF; color: #0897E9;}

.in1BoxR{ float: right; width: 50%; height: auto; overflow: hidden; position: relative;}

.in1BoxR1{ width: 100%; height: auto; overflow: hidden;}
.in1BoxR1 li{ width: 49%; height: auto; position: relative; overflow: hidden;}
.in1BoxR1 li a{ color: #FFFFFF;}
.in1BoxR1 li img{ width: 100%; height: 100%;}
.in1BoxR1 li p{ font-size: 24px; height: 110px; line-height: 110px; position: absolute; bottom: 0; left: 72px; z-index: 333;}

.in1BoxR2{ width: 100%; height: auto; overflow: hidden; margin-top: 1.8%; position: relative;}
.in1BoxR2 img{ width: 100%; height: 100%; }
.in1BoxR2 a{ color: #FFFFFF;}
.in1BoxR2 p{ font-size: 24px; height: 110px; line-height: 110px; position: absolute; bottom: 0; left: 72px; z-index: 333;}

.inproBg{ width: 100%; height: auto; padding:27px 0 36px 0; background: #f5f5f5;}
.inproTop{ width: 1200px; height: 40px; line-height: 32px; overflow: hidden;}
.inproTop a{ font-size: 18px; font-family: arial; font-weight: bold; color: #999999;}
.inproTop a i{ padding-left: 10px;}
.inproTop a:hover{ color: #0897E9;}
.inproTop h3{ float: left;  font-family: myFirstFont; font-size: 30px; color: #333; font-weight: normal;  line-height: 46px;}
.inproTop h4{ float: left; font-size: 30px; color: #333; padding-left: 10px;  line-height: 40px;}


.inproList{ width: 1200px; height: 318px; overflow: hidden; padding-top: 15px;}
.inproList dl{ float: left; text-align: center; width: 366px; height: 318px; overflow: hidden; margin-left: 50px;}
.inproList dl:first-child{ margin-left: 0;}
.inproList dl dt{ width: 366px; height: 259px; overflow: hidden;}
.inproList dl dt img{ width: 366px; height: 259px;}
.inproList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inproList dl dd{ background: #FFFFFF; width: 366px; height: 59px; line-height: 59px; font-size: 20px;}


.inPartBox{ width: 1200px; height: auto; padding: 42px 0; overflow: hidden;}
.inPartBoxL{ float: left; width: 400px; height: auto; overflow: hidden;}
.inPartBoxL h3{ float: left;  font-family: myFirstFont; font-size: 30px; color: #333; font-weight: normal;  line-height: 46px;}
.inPartBoxL h4{ float: left; font-size: 30px; color: #333; padding-left: 10px;  line-height: 40px;}

.inPartBoxM{ float: left; width: 400px; height: auto; overflow: hidden;}
.inPartBoxM li{ float: left; width: 100px; height: 47px; overflow: hidden;}
.inPartBoxM li img{ width: 100px; height: 47px;}

.inPartBoxR{ float: right; width: 400px; height: auto; overflow: hidden; text-align: right;}
.inPartBoxR a{ font-size: 18px; font-family: arial; font-weight: bold; color: #999999;}
.inPartBoxR a i{ padding-left: 10px;}
.inPartBoxR a:hover{ color: #0897E9;}


.footerBg{ width: 100%; height: auto;  background: #323538; padding: 35px 0;}
.footer{ width: 1200px; height: auto; }
.footerL{ float: left; width: 1000px; height: auto; overflow: hidden;}
.footerL dl{ float: left; padding-right: 45px;}
.footerL dl dt{ width: 100%; height: 42px; line-height: 42px; font-size: 18px;}
.footerL dl dt a{ color: #999999;}
.footerL dl dt a:hover{ color: #FFFFFF;}
.footerL dl dt{ width: 100%; height: 42px; line-height: 42px; color: #999999;}

.footerR{ float: right; width: 169px; height: 72px; }
.footerR1{ width: 100%; height: 28px; }
.footerR1 a{ position: relative; margin-left: 20px; border-radius: 50%; width: 26px; height: 26px; text-align: center; box-sizing: border-box; border: 1px solid #7b7c7d; color: #7b7c7d; display: block; float: left;}
.footerR1 a:hover{ background:#7b7c7d; color: #0897E9;}
.footerR1 a:first-child{ margin-left: 0;}
.footerR1 a i{line-height: 26px; }
.footerR1 a:hover div{ display: block;}
.footerR1 a div{ width: 120px; height: 120px; overflow: hidden; position: absolute; left: 0; top: -130px; display: none;}
.footerR1 a div img{ width: 120px; height: 120px;}

.footerR2{ width: 169px; height: 30px; margin-top: 14px;}
.footerR2 .Finput{ float: left; width: 95px; padding: 0 12px; height: 30px; line-height: 30px; border: none; background: #FFFFFF; border-radius: 3px 0 0 3px;}
.footerR2 .Fsub{ color: #FFFFFF; float: left; width: 50px; text-align: center;  height: 30px; line-height: 30px; border: none; background: #0897e9; border-radius:0 3px 3px 0;}


.footerCopy{ width: 100%; height: 58px; line-height: 58px; background: #323538; border-top:1px solid #3b3e41;}
.footerCopybox{ width: 1200px; height: 58px; color: #999999;}
.footerCopybox a{ color: #999999;}
.footerCopybox a:hover{ color: #FFFFFF;}

/**banner**/
#about .fullSlide{width:100%;height:400px; overflow:hidden;   position: relative; }
#about .fullSlide .bd li{ width:100%;  height:400px; }
#about .fullSlide .bd li a{ position:absolute; width:100%; height:400px; display:block; z-index:1;}



/*联系我们*/
.banner2{ width: 100%; height: 400px; text-align:center;}
.banner2 h2{ display:inline-block; color:#fff; height:50px; line-height:50px; margin-top:350px; font-size:20px; background:#0496eb; padding:0 25px;}
.conBg{ width: 100%; height: auto; padding: 45px 0 80px 0; background: #f5f5f5;}

.con1{ width: 1200px; height: auto; margin-top: 25px; }
.con1L{ float: left; width: 330px; overflow: hidden; background: url(../images/con1Lbg.jpg) bottom repeat-x; box-sizing: border-box; padding: 24px 30px;}
.con1L li{ line-height: 23px;  margin-top: 13px; font-family: myFirstFont; font-size: 15px; color: #333333;}
.con1L li img{ vertical-align: middle; padding-right: 10px;}
.con1L li:last-child{ font-size: 14px;}
.con1L h4{ margin-top: 20px; text-align: center;}
.con1L h4 img{ width: 237px; height: 237px;}

.con1R{ float: right; width: 860px; height: 674px; overflow: hidden;}

.conFed{ width: 1200px; height: auto; background: #FFFFFF; padding-bottom: 50px; margin-top: 30px;}
.conFedTit{ width: 100%; text-align: center; padding: 60px 0; overflow: hidden;}
.conFedTit h2{ font-size: 30px; line-height: 48px; color: #333333;}
.conFedTit p{ font-size: 18px; line-height: 32px; color: #666666;}
.conFedbox1{ width: 987px; height: 52px; overflow: hidden; margin-bottom: 36px;}
.conFedbox1 input{ margin-left: 36px; float: left; width: 305px; height: 52px; line-height: 52px; box-sizing: border-box; padding: 0 15px; border: none; background: #eeeeee;}
.conFedbox1 input:first-child{ margin-left: 0;}
.conFedbox2{ width: 987px; height: 145px; overflow: hidden; margin-bottom: 36px;}
.conFedbox2Txt{ width: 987px; height: 145px; box-sizing: border-box; padding: 15px; line-height: 24px; overflow: hidden; background: #eeeeee; border: none; }

.conFedbox3{ width: 100%; height: 45px; text-align: center;}
.conFedbox3 .consub{ cursor: pointer; border: none; width: 150px; height: 45px; line-height: 45px; color: #FFFFFF; background: #0897e9; font-size: 18px;}
.conFedbox3 .consub:hover{ background: #CCCCCC;}

/*新闻中心*/
.newsList{ width: 1240px; overflow: hidden;}
.newsList dl{ float: left; width: 371px; height: 414px; overflow: hidden; background: #FFFFFF; margin: 20px;}
.newsList dl dt{ width: 371px; height: 203px; overflow: hidden;}
.newsList dl dt img{ width: 371px; height: 203px; }
.newsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsList dl dd{ width: 100%; height: 211px; overflow: hidden; box-sizing: border-box; padding: 20px 30px;}
.newsList dl dd h2{ height: 32px; line-height: 32px; color: #999999; font-size: 14px; font-family: myFirstFont; font-weight: normal;}
.newsList dl dd h3{ height: 40px; line-height: 40px; color: #333333; font-size: 18px; overflow: hidden;}
.newsList dl dd p{ height: 48px; line-height: 24px; color: #999; overflow: hidden;}
.newsList dl dd h4{ height: 22px; line-height: 22px; color: #333333; font-size: 18px; overflow: hidden; margin-top: 25px;}
.newsList dl a:hover dd h3{ color: #0897E9;}
.newsList dl a:hover dd h4{ color: #0897E9;}

.newsShow{ width: 1200px; padding: 30px; background: #FFFFFF; box-sizing: border-box; overflow: hidden;}
.newsShowTit{ width: 100%; height: auto; border-bottom: 1px solid #dedede; padding-bottom: 20px; text-align: center; color:#333;}
.newsShowTit h2{ font-size: 28px; line-height: 36px; padding: 10px 0;}
.newsShowTit p{ line-height: 32px;}
.newsShowinfo{ width: 100%; height: auto; padding: 30px 0; line-height: 24px; overflow: hidden;}
.newsShowinfo img{ max-width: 100%; height: auto;}

/*人才招聘*/
.job-warp{width: 1200px; text-align: left; margin-top: 30px;}
    
    .job-warp ul li{height: auto;width: 100%;border-bottom: 1px solid #e9ebed}
    .job-warp li .title{height: 52px; text-align: left; margin-top: 0; color: #666666; line-height: 52px;padding: 0 40px; box-sizing: border-box; color: #4b4b4b;background-color: #ffffff;font-size: 14px;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp li.on .title{background-color:#0897e9;color: #fff;}
    .job-warp li .title span{float: right;padding-right: 30px;background: url(../images/job-icon1.png) right center no-repeat;}
    .job-warp li.on .title span{background: url(../images/job-icon2.png) right center no-repeat}
    .job-warp li .warp{padding: 20px 40px;background-color: #fff;display: none; width: 1200px; box-sizing: border-box;}
    .job-warp .warp .tbl{width:100%;margin-bottom: 25px;padding:10px 0 20px 0;border-bottom: 1px solid #e9ebed}
    .job-warp .warp .tbl p{width: 25%;float: left;font-size: 14px;color: #222;line-height: 26px;}
    .job-warp .warp .tbl p span{color: #565656;padding-left: 15px;}
    .job-warp .warp .cont h2{font-size: 14px;color: #222;line-height: 30px;margin-bottom: 15px; text-align: left;}
    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{font-size: 14px;line-height: 28px;color: #666}
    .job-warp .warp .btns{font-size:14px;line-height: 20px;color: #0897e9;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp .warp .btns:hover{color:red;}

.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}

/*产品中心*/
.GoodsBg{ width: 100%; height: auto; padding: 45px 0 80px 0; background: #FFFFFF;}
.goodstop{ width: 1200px; height: 40px; line-height: 32px; overflow: hidden;}
.goodstop h3{ float: left;  font-family: myFirstFont; font-size: 30px; color: #333; font-weight: normal;  line-height: 46px;}
.goodstop h4{ float: left; font-size: 30px; color: #333; padding-left: 10px;  line-height: 40px;}
.goodstop  a{ display: inline-block; font-size: 18px;}
.goodstop  a i{ padding-left: 10px;}
.goodstop  a:after{ content: "|"; padding: 0 25px;}
.goodstop  a:last-child:after{ content: "";}
#lm_hover{ color: #0897E9;}


.GoodsList{ width: 1224px; height: auto; overflow: hidden; padding-top: 25px;}
.GoodsList dl{ float: left; width: 280px; height: 350px; text-align: center; overflow: hidden;  margin: 12px; box-sizing: border-box; border:1px solid #dedede;  border-radius: 5px;}
.GoodsList dl a{ display: block;  width: 280px; height: 350px;}
.GoodsList dl a:hover{ background: #0897E9;}
.GoodsList dl a:hover dt h4{ color:#fff;}
.GoodsList dl a:hover dt p{ color:#fff;}
.GoodsList dl dt{ width: 100%; padding-top: 15px;}
.GoodsList dl dt h4{ color: #000000; font-size: 20px; height: 38px; line-height: 38px; overflow: hidden;}
.GoodsList dl dt p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; color: #666666;}
.GoodsList dl dd{ width: 240px; height: 240px; overflow: hidden; padding-top: 10px;}
.GoodsList dl dd img{width: 240px; height: 240px;}

.GoodsShow{ width: 1200px; height: auto; background: #FFFFFF; overflow: hidden; padding: 30px; box-sizing: border-box;}
.GoodsShowL{ float: left; width: 480px; height: auto; overflow: hidden;}
.GoodsShowL .main_visual .owl-dots{ width: 100%; text-align: center; height: 16px; position:absolute; left: 0; bottom: 20px;  z-index: 999;}
.GoodsShowR{ float: right; width: 600px; height: auto; overflow: hidden;}
.GoodsShowR h2{ font-size: 30px; line-height: 36px; padding: 15px 0; color: #000000; border-bottom: 1px solid #dcdcdc;}
.GoodsShowRinfo{ width: 100%; height: auto; padding: 25px 0; overflow: hidden; border-bottom: 1px solid #dcdcdc; line-height: 24px;}
.GoodsShowRBtn{ width: 100%; height: 48px; padding: 20px 0;}
.GoodsShowRBtn a{ font-size: 16px; display: block; float: left; border-radius: 30px; width: 160px; height: 48px; line-height: 48px; text-align: center; background: #0897E9; color: #FFFFFF;}
.GoodsShowRBtn a i{ font-size: 20px; padding-right:5px;}
.GoodsShowRBtn a:hover{ background: #CCCCCC;}

.GoodsShowRinfo table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.GoodsShowRinfo table td{ border:1px solid #ccc;  border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; }
.GoodsShowRinfo table tr{background:#fff; }
.GoodsShowRinfo table tr td:nth-child(odd){ background:#f7f7f7;}


.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{ background: #e5e5e5;  width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-prev,.main_visual .owl-next{width:82px;height: 108px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -54px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/hover_left.png);left: 0;}
.main_visual .owl-next{background-image: url(../images/hover_right.png);right: 0;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 10px; position:absolute; left: 0; bottom: 50px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px; }
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 10px; height: 10px; background:#949494; border-radius: 50%;}
.main_visual .owl-dot.active span{ background:#0897E9; }


.GoodsShow2{ width: 1200px; height: auto; overflow: hidden; margin-top: 30px;display: none;}
.GoodsShow2L{ float: left; width: 874px; height: auto; background: #FFFFFF; padding: 20px 30px; overflow: hidden; box-sizing: border-box;}
.GoodsShow2Ltop{ width: 100%; height: 41px; line-height: 41px; border-bottom: 1px solid #eeeeee;}
.GoodsShow2Ltop h2{ float: left; border-bottom: 3px solid #0897E9; padding: 0 20px; font-size: 20px;}
.GoodsShow2LBox{ width: 100%; height: auto; overflow: hidden; line-height: 26px; padding: 25px 0; min-height: 500px;}
.GoodsShow2LBox img{ max-width: 100%; height: auto;}


.GoodsShow2R{ float: right; width: 225px; height: auto; background: #FFFFFF; padding: 20px 36px; overflow: hidden; }
.GoodsShow2R h2{ font-size: 18px; line-height: 32px;}
.GoodsShow2RList{ width: 225px; height: auto; overflow: hidden;}
.GoodsShow2RList dl{ float: left; width: 225px; height: 280px; text-align: center; overflow: hidden; background: #f5f5f5;  margin-top: 10px;}
.GoodsShow2RList dl a{ display: block;  width: 225px; height: 280px;}
.GoodsShow2RList dl a:hover{ background: #0897E9;}
.GoodsShow2RList dl dt{ width: 100%; padding-top: 20px;}
.GoodsShow2RList dl dt h4{ color: #000000; font-size: 20px; height: 38px; line-height: 38px; overflow: hidden;}
.GoodsShow2RList dl dt p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; color: #666666;}
.GoodsShow2RList dl dd{ width: 190px; height: 190px; overflow: hidden; }
.GoodsShow2RList dl dd img{width: 190px; height: 190px;}


/*关于我们*/
.abBg1{ width: 100%; height: auto; padding: 30px 0; background: #f5f5f5; position:relative; z-index:999;}
.abbox1{ width: 1200px; height: auto; overflow: hidden; padding-top: 20px; line-height: 24px;}
.abMore{ width: 100%; height: 44px; line-height: 44px;}
.abMore a{ color: #0897E9;}
.abMore a:hover{ color: #000000;}


.abBg2{ width:1200px; height: auto; padding: 30px 0; background: #FFFFFF;}

.abBox3{ width: 1200px; height: auto; overflow: hidden;}
.abBox3 dl{ float: left; width: 557px; height: auto; overflow: hidden; margin-left: 83px;}
.abBox3 dl:first-child{ margin-left: 0;}
.abBox3 dl dt{ width: 557px; height: 264px; overflow: hidden;}
.abBox3 dl dt img{ width: 557px; height: 264px; }
.abBox3 dl dd{ width: 100%; height: auto; padding-top: 25px;}
.abBox3 dl dd h3{font-size: 30px; color: #333; line-height: 60px;}
.abBox3 dl dd h3 span{ font-family: myFirstFont; font-size: 30px; padding-right: 10px; font-weight: normal; }
.abBox3 dl dd p{ line-height: 42px; height: 42px; overflow: hidden;}
.abBox3 dl dd a{ line-height: 30px; height: 30px; overflow: hidden; display: block; color: #0897E9;}


.abGc{ width: 1200px; height: auto; padding-top: 50px; overflow: hidden;}
.abGc dl{ width: 1200px; height: auto; overflow: hidden; margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.abGc dl div{ padding-top:20px; width:100%; height:350px;}

.abGc dl dt{  width: 600px; height: 273px; overflow: hidden; line-height: 26px; font-size: 16px;}
.abGc dl dt h2{ margin-bottom: 15px; font-size: 24px;  color: #333333;}
.abGc dl dd{   width: 562px; height: 273px; overflow: hidden;}
.abGc dl dd img{width: 562px; height: 273px;}
.abGc dl:nth-child(1) dt{ float:left;}
.abGc dl:nth-child(1) dd{ float:right;}

.abGc dl:nth-child(2) dt{ float:right;}
.abGc dl:nth-child(2) dd{ float:left;}

.abGc dl:nth-child(3) dt{ float:left;}
.abGc dl:nth-child(3) dd{ float:right;}


.HonorTit{ width:100%; text-align:center; font-size:30px; line-height:40px; padding:15px 0; color:#333; font-weight:bold;}
.ab5List{ width: 1300px; height: auto; overflow: hidden; padding-top: 30px; padding-bottom:50px; position:relative;}
.ab5List .inTeamBtn{ float: left; width: 50px; height: 300px; overflow: hidden;}
.ab5List .inTeamBtn a{ display: block;  width: 50px; height: 300px;  background: url(../images/inTeamL.png) no-repeat center 85px;}
.ab5List .inTeamBtn a:hover{ background: url(../images/inTeamLs.png) no-repeat center 85px;}

.ab5List .bd{ width: 1200px; height: 300px;  float: left; overflow: hidden;}
.ab5List .bd li{ float: left; width: 380px; height: 300px; overflow: hidden; text-align: center; padding: 0 5px;}
.ab5List .bd li img{ width: 360px; height: 250px; }
.ab5List .bd li h4{ height: 50px; line-height: 50px; font-size: 16px;}

.ab5List .inTeamBtn1{ float: left; width: 50px; height: 300px; overflow: hidden;}
.ab5List .inTeamBtn1 a{ display: block;  width: 50px; height: 300px;  background: url(../images/inTeamR.png) no-repeat center 85px;}
.ab5List .inTeamBtn1 a:hover{ background: url(../images/inTeamRs.png) no-repeat center 85px;}


.abHistory{ width: 1200px; height: auto; padding: 50px 0; overflow: hidden; background: url(../images/abHISbG.jpg) no-repeat center;}
.abHistory dl:nth-child(1){ width:1200px; height:387px; overflow:hidden;}
.abHistory dl:nth-child(1) dt{ float:left; width:600px; height:387px; box-sizing:border-box; padding:50px;}
.abHistory dl:nth-child(1) dt h4{ padding-top:80px;}
.abHistory dl:nth-child(1) dt div{ padding-right:0; padding-left:50px;}
.abHistory dl:nth-child(1) dd{ float:left;  width:420px; height:387px;}
.abHistory dl:nth-child(1) dd img{  width:420px; height:387px;}

.abHistory dl{ width:580px; height:195px; overflow:hidden; float:left; margin-bottom:50px; margin-right:20px;}
.abHistory dl dt{ float:left; width:270px; height:195px; overflow:hidden;}
.abHistory dl dt h4{ font-size:28px; line-height:62px; color:#333; text-align:right;  padding-right:10px;}
.abHistory dl dt div{ font-size:15px; line-height:28px; padding-right:10px; }
.abHistory dl dd{ float:right; width:310px; height:195px; overflow:hidden;}
.abHistory dl dd img{ width:310px; height:195px;}

.abHistory dl:nth-child(3) dt{ float:right; padding-left:10px; box-sizing:border-box;}
.abHistory dl:nth-child(3) dt div{ padding-right:0;}
.abHistory dl:nth-child(3) dt h4{ text-align:left;}

.abHistory dl:nth-child(5) dt{ float:right; padding-left:10px; box-sizing:border-box;}
.abHistory dl:nth-child(5) dt div{ padding-right:0;}
.abHistory dl:nth-child(5) dt h4{ text-align:left;}

.abHistory dl:nth-child(7) dt{ float:right; padding-left:10px; box-sizing:border-box;}
.abHistory dl:nth-child(7) dt div{ padding-right:0;}
.abHistory dl:nth-child(7) dt h4{ text-align:left;}

.abHistory dl:nth-child(9) dt{ float:right; padding-left:10px; box-sizing:border-box;}
.abHistory dl:nth-child(9) dt div{ padding-right:0;}
.abHistory dl:nth-child(9) dt h4{ text-align:left;}


.AbNum{ width:1200px; height:auto;}
.AbNum dl{ float:left; width:25%; height:auto; text-align:center; padding:30px 0;}
.AbNum dl dt{ font-size:20px; color:#999;}
.AbNum dl dt h4{ display:inline-block; font-family:Arial; font-size:48px; color:#0f91e5; font-weight:normal; line-height:50px;}
.AbNum dl dd{ width:100%; font-size:20px; line-height:48px;}

.AbTeamBox{ width:1188px; height:209px; overflow:hidden;}
.AbTeamBoxL{ width:600px; height:209px; overflow:hidden; float:left;}
.AbTeamBoxL img{width:600px; height:209px; }

.AbTeamBoxR{ width:588px; height:209px; overflow:hidden; float:left; background:#f5f5f5; padding:25px; box-sizing:border-box;}
.AbTeamBoxR h4{ font-size:18px; height:42px; line-height:42px; overflow:hidden; color:#333; font-weight:normal;}
.AbTeamBoxR p{ font-size:16px; line-height:30px; margin-top:10px;}

.abYanfaList{ width: 1200px; height: auto; overflow: hidden; padding-top: 35px;}
.abYanfaList dl{ float: left; width:576px; height: 217px; overflow: hidden; background: #f5f5f5; margin:12px;}
.abYanfaList dl dd{float: left; width:333px; height: 217px; overflow: hidden;  box-sizing: border-box; padding:40px 25px;}
.abYanfaList dl dd h4{ height: 48px; line-height: 48px; overflow: hidden; font-size: 18px; color: #333333; }
.abYanfaList dl dd div{ line-height: 26px;}
.abYanfaList dl dt{float: left; width: 225px; height: 217px; overflow: hidden;}
.abYanfaList dl dt img{ width: 225px; height: 217px; }

.abZljs{ width:1200px; height:auto; overflow:hidden; padding:30px 0;}
.abZljsL{ float:left; width:468px; height:562px; overflow:hidden;}
.abZljsL img{width:468px; height:562px;}
.abZljsR{ float:right; width:700px; height:auto; overflow:hidden;}
.abZljsR p{ line-height:28px;}
.abZljsR h4{ line-height:28px; color:#0f91e5; font-size:16px; font-weight:normal; margin-top:30px;}

.Abzltop{ width: 1200px; height: 42px; line-height: 42px; overflow: hidden;}


.AbzlList{ width: 1300px; height:320px; overflow: hidden;}
.AbzlList .bd{ width: 1200px; height: 320px;  float: left; overflow: hidden;}
.AbzlList li{ float: left; width: 313px; height:300px; overflow: hidden; background: #FFFFFF; padding: 8px 30px; text-align: center; margin:0 10px;}
.AbzlList li dt{ width: 313px; height: 260px; overflow: hidden;}
.AbzlList li dt img{width: 313px; height:260px;}
.AbzlList li dd{ width: 100%; height: 42px; line-height: 42px;  font-size: 16px; color: #333333;}

.AbzlList .inTeamBtn{ float: left; width: 50px; height: 310px; overflow: hidden;}
.AbzlList .inTeamBtn a{ display: block;  width: 50px; height: 310px;  background: url(../images/inTeamL.png) no-repeat center 136px;}
.AbzlList .inTeamBtn a:hover{ background: url(../images/inTeamLs.png) no-repeat center 136px;}

.AbzlList .inTeamBtn1{ float: left; width: 50px; height: 247px; overflow: hidden;}
.AbzlList .inTeamBtn1 a{ display: block;  width: 50px; height: 247px;  background: url(../images/inTeamR.png) no-repeat center 136px;}
.AbzlList .inTeamBtn1 a:hover{ background: url(../images/inTeamRs.png) no-repeat center 136px;}



.abPartBox{ width: 1200px; height: auto; padding: 40px 0;}
.abPartBoxList{ width: 1200px; height: auto; overflow: hidden; padding-top: 20px;}
.abPartBoxList a{ display: block; float: left; width: 180px; height: 85px; margin: 10px; box-sizing: border-box; border:1px solid #ddd; text-align:center;}
.abPartBoxList a img{width: 160px; height: 75px; margin-top:4px;}


.SearchList{ width: 1224px; height: auto; overflow: hidden; padding-top: 25px;}
.SearchList dl{ float: left; width: 280px; height: 350px; text-align: center; overflow: hidden; background: #fff; margin: 12px;}
.SearchList dl a{ display: block;  width: 280px; height: 350px;}
.SearchList dl a:hover{ background: #0897E9;}
.SearchList dl dt{ width: 100%; padding-top: 40px;}
.SearchList dl dt h4{ color: #000000; font-size: 20px; height: 38px; line-height: 38px; overflow: hidden;}
.SearchList dl dt p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; color: #666666;}
.SearchList dl dd{ width: 210px; height: 210px; overflow: hidden; margin-top: 10px;}
.SearchList dl dd img{width: 210px; height: 210px;}
.nodata{ width:100%; line-height:36px; padding:15px 0; color:Red;}

@media (max-width: 767px)
{
  .in1BoxL .in1Div{  padding: 15px 20px;}  
 }
 
 .inproNav{ width: 99%; height: auto; overflow: hidden; padding: 30px 0;}
.inproNav dl{ width: 32%; height: auto; overflow: hidden; float: left; position: relative; text-align: center; margin: 0 0.5%;}
.inproNav dl:first-child{ margin-left: 1%;}
.inproNav dl a{ display: block; width: 100%; height: 100%;}
.inproNav dl dt{ width: 100%; height: 100%; overflow: hidden;}
.inproNav dl dt img{width: 100%; height: 100%; filter: grayscale(100%);filter: gray;}
.inproNav dl dd{ width: 100%; height: auto; padding:100px 35px; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 222;}
.inproNav dl dd h3{ font-size: 30px; color: #fff; height: 52px; line-height: 52px; overflow: hidden;}
.inproNav dl dd p{ font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; color: #fff;}
.inproNav dl dd h4{color: #fff; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px; opacity: 0;}
.inproNav dl a:hover h4{ opacity: 1.0;}
.inproNav dl a:hover img{filter: grayscale(0);filter: none;}

.main_visual2 .owl-carousel,.main_visual2 .owl-stage-outer,.main_visual2 .owl-stage,.main_visual2 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual2 .owl-carousel .item{position:relative; width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual2 .owl-prev,.main_visual2 .owl-next{ opacity: 0.6; width:58px;height: 58px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -54px;text-indent: -999px; overflow: hidden;}
.main_visual2 .owl-prev:hover,.main_visual2 .owl-next:hover{ opacity: 1;}

.main_visual2 .owl-prev{background-image: url(../images/video_left.png);left: 15%;}
.main_visual2 .owl-next{background-image: url(../images/video_right.png);right: 15%;}
.main_visual2 .owl-dots{ width: 100%; text-align: center; height: 2px; position:absolute; left: 0; bottom: 50px;  z-index: 999;}
.main_visual2 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual2 .owl-dots .owl-dot span{  display: inline-block; width: 23px; height: 2px; background:#CCCCCC; }
.main_visual2 .owl-dot.active span{ background:#FFFFFF; }
.main_visual2 .owl-carousel .item .iteminfo{ position: absolute; left: 0; top: 120px; width: 100%; height: auto; text-align: center; color: #FFFFFF;}
.main_visual2 .owl-carousel .item .iteminfo h2{ font-size: 36px; line-height: 60px; height: 60px; overflow: hidden;}
.main_visual2 .owl-carousel .item .iteminfo h3{ font-size: 30px; font-weight: normal; line-height: 55px; height: 55px; overflow: hidden;}
.main_visual2 .owl-carousel .item .iteminfo a{ display: block; margin-top: 60px;}
.main_visual2 .owl-carousel .item .iteminfo a i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;background: url('../images/video-play.png') no-repeat;position: relative;}
.main_visual2 .owl-carousel .item .iteminfo a i:before,.videopic-play i:after{    content: "";
    display: block;width: 58px;height: 58px;border: 1px dotted #fff;border-radius: 100%;position: absolute;
    top: -5px;left: -5px;animation: videoDh 1.5s linear infinite;opacity: 0.8;
}
.main_visual2 .owl-carousel .item .iteminfo a i:before{animation-delay: 0.6s}
.main_visual2 .owl-carousel .item .iteminfo a i:after{animation-delay: 0s }
@keyframes videoDh { from {transform: scale(1, 1); opacity: 0.8;} to {transform: scale(1.8, 1.8); opacity: 0;} }

.alertVideoHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:888;}
.alertVideoContent{display:none;position:fixed;top:50%;left:50%;width:800px;margin:-180px 0 0 -400px;z-index:999;background:#fff; height:auto; 
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.alertVideoContent iframe{width:100% !important;height:100% !important;}
.alertVideoContent .vedioClose{position:absolute;top:-27px;right:-27px;cursor:pointer;}


.abHisBg98{ width:1200px; min-height:1500px; background: url('../images/hisbg.jpg') no-repeat bottom; margin-top:-100px; }
.abHisBg98 dl{ width:500px; height:174px; overflow:hidden; margin-top:195px;}
.abHisBg98 dl dt h4{ line-height:48px; font-size:24px; font-family: Arial; color:#333;}
.abHisBg98 dl dt div{ line-height:24px; font-size:14px; overflow:hidden;}

.abHisBg98 dl:nth-child(2){margin-top:360px;}
.abHisBg98 dl:nth-child(odd){ float:left; text-align:right}
.abHisBg98 dl:nth-child(even){ float:right; }

.abHisBg98 dl:nth-child(odd) dt{ float:left; width:300px; padding-right:23px; height:174px; overflow:hidden;}
.abHisBg98 dl:nth-child(odd) dd{ float:left; width:177px; height:174px; overflow:hidden;}
.abHisBg98 dl:nth-child(odd) dd img{ width:177px; height:174px;}


.abHisBg98 dl:nth-child(even) dt{ float:right; width:300px; padding-left:23px; height:174px; overflow:hidden;}
.abHisBg98 dl:nth-child(even) dd{ float:left; width:177px; height:174px; overflow:hidden;}
.abHisBg98 dl:nth-child(even) dd img{ width:177px; height:174px;}


.abHisBg98 dl:nth-child(5){margin-top:140px;}
.abHisBg98 dl:nth-child(6){margin-top:160px;}
.abHisBg98 dl:nth-child(8){margin-top:170px;}
.abHisBg98 dl:nth-child(9){margin-top:160px;}