﻿@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#fff;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#fff}
::-webkit-scrollbar-corner:vertical{background-color:#fff}
::-webkit-scrollbar-resizer:vertical{background-color:#fff;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}



/*分页样式*/
.page_list{height:56px;line-height:56px;text-align:center;letter-spacing:0;font-size:14px; width:100%; float:left; margin: auto;}
.page_list a{  margin-right:8px; color:#127cdf; border-radius:20px; padding:3px 15px;}
.page_list a:hover{ background-color:#127cdf; color:#fff;}
.page_list a.on{ background-color:#127cdf; color:#fff;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-size:12px; width:100%; float:left;}
.contPage a{display:inline-block;color:#06257a;text-align:center;text-decoration:none; padding-left:8px; padding-right:8px; border-radius:4px; behavior:url(css3.htc); background:#fff; margin-right:3px; border:1px solid #06257a;}
.contPage a:hover{color:#fff;background:#06257a; border:1px solid #06257a;}
.contPage a.on{color:#fff;background:#06257a; border:1px solid #06257a;}

.n_big{ width:100%; height:270px;}


/*面包屑*/
.btn-nav {
  position: absolute;
  top: 0px;
  right: 5px;
  background: transparent;
  border: none;
  padding: 10px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  z-index: 99999;
}

.btn-nav:focus {
  outline: 0;
}

.icon-bar {
  display: block;
  margin: 7px 0;
  width: 35px;
  height: 3px;
  background-color: #127cdf;
}

.btn-nav:hover .icon-bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background-color: #127cdf;
}



.nav-item {
  margin: 40px auto;
  text-align: center;
}

.animated {
  display: block;
  margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar{
  background-color: #127cdf;
}

.animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.middle {
  margin: 0 auto;
}

.icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.animated .icon-bar {
  z-index: 999999;
  background-color: #127cdf;
}

.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
  width: 0;
}
 
 
/*头部*/
.header{ width:100%; height:66px; background-color:#ffffff;}
.head{ width:1200px; height:66px; margin:auto;}
.head_left{ float:left; height:66px;}
.head_left img{ padding-top:13px;}
.head_right{ float:right; height:66px;}

.nav{ float:left; height:66px;}
.nav a{ display: inline-block;height:66px; font-size:16px; color:#444444; line-height:66px; padding:0px 25px; cursor:pointer;}
.nav a:hover{ color:#fff; font-weight:bold; background-color:#127cdf;-webkit-transition: all 0.4s ease-in-out;}
.nav a.nav_a{ color:#fff; font-weight:bold; background-color:#127cdf;}

.search{ float:left; width:130px; height:28px; margin-top:18px;  position:relative; border-radius:20px; border:1px solid #127cdf; margin-left:15px;}
.search_text{ width:80px; height:28px; border:none; padding-left:10px;border-radius:20px; overflow:hidden;}
.search_btn{ width:40px; height:28px; background:url(../images/news_06.png) no-repeat center; position:absolute; right:0; border:none;}
.head_1{ float:left; height:66px; line-height:66px; margin-left:20px;}
.head_1 a{ font-size:12px; color:#4e4e4e; padding:2px 15px; border-radius:20px;}
.head_1 a:hover{ color:#fff; background-color:#127cdf}
.head_1 a.head_1_a{ color:#fff; background-color:#127cdf}

/*底部*/
.footer{ width:100%; height:97px; margin:auto; background:#4d4d4d;}
.foot{ width:1200px; height:97px; margin:auto;}
.foot_left{ float:left; height:82px; padding-top:15px;}
.foot_left_1{ font-size:21px; color:#fff; background:url(../images/news_26.png) no-repeat left; padding-left:25px; height:27px;}
.foot_left_2{ font-size:12px; color:#fff; height:40px; line-height:40px;opacity:0.6;}
.foot_right{ float:right; height:97px;}
.foot_right_1{ height:40px; line-height:40px; padding-top:5px; font-size:14px; color:#fff;}
.foot_right_1 a{ font-size:14px; color:#fff;}
.foot_right_1 span{ padding:0px 7px;}
.foot_right_2{ text-align:right;}
.foot_right_2 a{ display:inline-block; width:26px; height:26px; border-radius:100%; border:1px solid #4d4d4d; margin-left:5px;}
.foot_right_2 a:hover{ border:1px solid #5b5b5b;}



/*联系我们*/
.main{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:10px;}
.main_tit{ width:1200px; text-align: center; font-size:22px; color:#3b3b3b; height:50px; line-height:50px;}
.main_1{ width:1200px; background:url(../images/news_13.png) no-repeat center top; height:228px;}
.main_1_con{ width:1200px; height:45px; font-size:14px; color:#868686; text-align: center; line-height:45px;}
.main_mune{ width:1200px; height:60px; margin-top:10px; text-align: center;}
.main_mune a{ display:inline-block; font-size:16px; color:#404040; text-align: center; width:133px; height:58px; line-height:58px; border:1px solid #f8f8f8; margin:0px 10px; cursor:pointer; background-color:#fff;}
.main_mune a:hover{ background-color:#127cdf; border:1px solid #127cdf; color:#fff;-webkit-transition: all 0.4s ease-in-out;}
.main_mune a.main_mune_a{ background-color:#127cdf; border:1px solid #127cdf; color:#fff}


.news{ width:1200px; height:auto; overflow:hidden; margin-top:-85px;}
.news ul li{ float:left; width:1200px; height:210px; list-style:none; margin-bottom:50px;}
.news ul li a{ display:block; width:1200px; height:210px; cursor:pointer;}
.news ul li a:hover .news_left_2{opacity:1;transition: all 0.2s ease-in;}
.news ul li a:hover .news_right_1{color:#127cdf;transition: all 0.2s ease-in;}
.news ul li a:hover .news_right_3 span{ background-color:#127cdf;transition: all 0.2s ease-in;}
.news_left{ float:left; width:284px; height:210px; position:relative;}
.news_left_1{ width:284px; height:210px;}
.news_left_1 img{ width:284px; height:210px;}
.news_left_2{ width:284px; height:210px; background:rgba(0,0,0,0.4) url(../images/news_21.png) no-repeat center; position:absolute; top:0;opacity:0;}

.news_right{ float:right; width:885px; height:210px;}
.news_right_1{ width:885px; font-size:22px; color:#3d3d3d; height:29px; overflow:hidden;}
.news_right_2{ width:885px; overflow:hidden; font-size:14px; color:#969696; line-height:23px; height:70px; margin-top:15px;}
.news_right_3{ width:885px; height:40px; margin-top:55px; line-height:40px; font-size:14px; color:#969696;}
.news_right_3 span{ display:inline-block; font-size:14px; color:#fff; text-align:center; height:40px; width:105px; background-color:#969696; margin-right:25px;}

.page{ width:1200px; height:56px; background-color:#f2f2f2; margin-bottom:30px;}


/*新闻详情*/
.xiang{ width:1200px; height:auto; overflow:hidden; padding-bottom:35px; margin-top:35px;}
.xiang_tit{ float:left; background:url(../images/xiang_03.jpg) no-repeat left; height:58px; padding-left:20px;}
.xiang_tit_1{ font-size:20px; color:#474747;}
.xiang_tit_2{ font-size:14px; color:#626262; margin-top:8px;}
.xiang_tit_2 span{ padding:0px 10px;}
.detail_right{ float:right;}
.detail_right a{ display:inline-block; font-size:12px; cursor:pointer; color:#a3a3a3; text-align: center; padding:0px 10px; height:28px; overflow:hidden; border:1px solid #a3a3a3; line-height:26px; border-radius:4px; margin-left:10px;}
.detail_right a:hover{ background-color:#127cdf; color:#fff; border:1px solid #127cdf;transition: all 0.2s ease-in;}
.xiang_con{ width:1200px; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:32px; margin-top:25px; padding-bottom:50px;}


/*关于我们*/
.main_2{ width:1200px; background: url(../images/about_05.png) no-repeat center top; height:135px;}
.company{ width:1200px; height:auto; overflow:hidden; margin-top:-85px;}
.company_1{ width:1200px; font-size:24px; color:#a2a2a2; font-family:Arial, Helvetica, sans-serif; height:28px; display:none;}
.company_2{ width:1200px; font-size:20px; color:#393939; height:24px;}
.company_mune{ width:1200px; height:236px; margin:auto; margin-top:30px;}
.company_mune a{ display:block; float:left; width:287px; height:236px; margin-right:17px; cursor:pointer;}
.company_mune a.company_mune_1{ margin-right:0px;}
.company_mune a.company_mune_a .company_nei_tit{ background-color:rgba(18,124,223,0.8);-webkit-transition: all 0.4s ease-in-out;}
.company_mune a:hover .company_nei_tit{ background-color:rgba(18,124,223,0.8);-webkit-transition: all 0.4s ease-in-out;}
.company_nei{ width:287px; height:236px; position:relative;}
.company_nei_img{ width:287px; height:236px;}
.company_nei_tit{ width:287px; height:48px; text-align: center; background-color:rgba(0,0,0,0.5); font-size:18px; color:#fff; line-height:48px; position:absolute; bottom:0;}
.company_con{ width:1200px; height:auto; overflow:hidden; margin-top:35px; display:none;}
.company_con_tit{ width:1200px; height:65px; text-align: center; line-height:65px; font-size:22px; color:#343434;}
.company_con_con{ width:1200px; height:auto; overflow:hidden; font-size:16px; color:#676767; line-height:25px; padding-bottom:70px;}

/*企业文化*/
.culture{ width:1200px; height:auto; overflow:hidden; margin-top:-85px;}
.culture_1{ width:1200px; text-align: center; font-size:24px; color:#a2a2a2; font-family:Arial, Helvetica, sans-serif; height:28px; display:none;}
.culture_2{ width:1200px; font-size:24px; color:#393939; height:31px; text-align: center;}
.culture_3{ width:1200px; font-size:26px; color:#707070; text-align: center; font-weight:bold; height:80px; line-height:80px;}
.culture_4{ width:1200px; height:443px; margin-top:25px; margin-bottom:40px;} 

/*企业荣誉*/
.culture_list{ width:1200px; height:auto; overflow:hidden; margin-top:40px;}
.culture_list ul li{ float:left; width:267px; height:415px; list-style:none; margin-bottom:27px; margin-right:44px;}
.culture_list ul li.culture_list_li{ margin-right:0px;}
.culture_list ul li a{ display:block; width:267px; height:415px;}
.culture_list ul li a:hover .culture_list_tit{ color:#127cdf;-webkit-transition: all 0.4s ease-in-out;}
.culture_list_img{ width:265px; height:354px; border:1px solid #e0e0e0;}
.culture_list_tit{ width:265px; height:59px; text-align: center; line-height:59px; font-size:14px; color:#868686;}

/*联系我们*/
.main_3{ width:1200px; background: url(../images/contact_05.jpg) no-repeat center top; height:227px;}
.contact{ width:1200px; height:auto; overflow:hidden; margin-top:-85px;}
.contact_1{ width:1200px; height:auto; overflow:hidden; margin-bottom:65px;}
.contact_1_left{ float:left; width:500px; height:auto; overflow:hidden;}
.contact_1_left_1{ width:500px; font-size:22px; color:#383838; height:29px;}
.contact_1_left_2{ width:500px; height:auto; overflow:hidden; font-size:14px; color:#383838; line-height:24px; margin-top:10px;}
.contact_1_right{ float:right; width:598px; height:228px; border:1px solid #d5d5d5;}
.contact_2{ width:1200px; text-align: center; font-size:22px; color:#474747; height:29px;}
.contact_3{ width:1200px; text-align: center; height:42px; margin-top:15px;}
.contact_3 span{ display:inline-block; font-size:22px; color:#000; font-weight:bold; height:40px; padding:0px 25px; border:1px solid #c4c4c4; border-radius:20px; line-height:40px;}
.online_warp{ width:1200px; height:305px; margin-top:40px; margin-bottom:40px;}
.online{ width:1200px; height:255px;}
.online_left{ float: left; width:570px; height:255px;}
.online_text{ width:545px; height:70px; padding-left:15px; background-color:#f3f3f3; border:none; font-size:18px; margin-bottom:15px; font-family:"微软雅黑";}
.online_right{ float:right; width:560px; height:auto;}
.online_textarea{ width:530px; height:210px; padding:15px; border:none; background-color:#f3f3f3;font-size:18px;}
.online_ti{ width:1200px; height:50px; text-align: center;}
.online_ti_1{ display:inline-block; width:210px; height:50px; background-color:#127cdf; border:none; cursor:pointer;  font-size:16px; color:#fff; line-height:50px; font-family:"微软雅黑";}

/*产品展示*/
.main_4{ width:1200px; background: url(../images/product_05.jpg) no-repeat center top; height:225px;}
.product{ width:1200px; height:auto; overflow:hidden; margin-top:-85px;}
.product ul li{ float:left; width:382px; height:322px; list-style:none; margin-right:27px; margin-bottom:35px;}
.product ul li.product_li{ margin-right:0px;}
.product ul li a{ display:block; width:382px; height:322px; cursor:pointer; position:relative;}
.product ul li a:hover .product_bg{opacity:1;transition: all 0.2s ease-in;}
.product ul li a:hover .product_con_1{color:#fff; z-index:9;-webkit-transition: all 0.4s ease-in-out;}
.product ul li a:hover .product_con_2{ color:#fff; z-index:9;-webkit-transition: all 0.4s ease-in-out;}
.product_img{ width:382px; height:226px;}
.product_con{ width:382px; height:96px; background-color:#f6f6f6; }
.product_con_1{ width:360px; font-size:18px; color:#515151; text-align: center; margin:auto; height:24px; padding-top:25px; position:relative;}
.product_con_2{ width:360px; margin:auto; font-size:14px; color:#acacac; text-align: center; height:30px; line-height:30px; position:relative;}
.product_bg{ width:382px; height:232px; background-color:rgba(0,0,0,0.7); position:absolute; top:0; padding-top:90px;opacity:0;}
.product_bg_1{ width:56px; height:56px; background-color:#127cdf; border-radius:100%; margin:auto; font-size:49px; color:#fff; text-align:center; line-height:56px; font-family:"宋体";}


/*相关推荐*/
.groom{ width:1200px; height:auto; overflow:hidden; margin:auto;}
.groom_tit{ width:1200px; font-size:22px; color:#353535; height:90px; line-height:90px;}
.groom_list{ width:1200px; height:auto; overflow:hidden;}
.groom_list ul li{ float:left; width:382px; height:322px; list-style:none; margin-right:27px; margin-bottom:35px;}
.groom_list ul li.groom_list_li{ margin-right:0px;}
.groom_list ul li a{ display:block; width:382px; height:322px; cursor:pointer; position:relative;}
.groom_list ul li a:hover .product_con_1{color:#127cdf; z-index:9;-webkit-transition: all 0.4s ease-in-out;}
.groom_list ul li a:hover .product_con_2{ color:#127cdf; z-index:9;-webkit-transition: all 0.4s ease-in-out;}

.qing{ width:1200px; height:57px; border-bottom:1px solid #f0f0f0; padding-top:10px;}
.qing_tit{ float:left; font-size:18px; color:#515151; line-height:30px;}
.detail_warp{ width:100%; height:490px; border-bottom:1px solid #f0f0f0; margin-top:40px;}
.detail{ width:1200px; height:430px; position:relative; overflow:hidden;}
.detail .detail-left {
  position:absolute;
  left:0px;
  top:185px;
  z-index:1100; cursor:pointer;width:55px; height:90px; background-color:#373737; text-align: center; line-height:90px; font-size:27px; color:#fff; font-family:"宋体"; 
}
.detail .detail-left:hover{ background-color:#127cdf;-webkit-transition: all 0.4s ease-in-out;}
.detail .detail-right {
  position: absolute;
  top:185px;
  right:0;
  z-index:1100; cursor:pointer;width:55px; height:90px; background-color:#373737; text-align: center; line-height:90px; font-size:27px; color:#fff; font-family:"宋体"; 
}
.detail .detail-right:hover{ background-color:#127cdf;-webkit-transition: all 0.4s ease-in-out;}
.detail .swiper-container {
  width: 100%;
  height: 100%;
  overflow:hidden; margin:auto;
}
.detail .swiper-slide{ overflow:hidden; text-align: center;}
.detail .swiper-slide img{ max-height:430px;}


.signal{ width:1200px; height:auto; overflow:hidden; background-color:#f8f8f8; margin-top:15px;}
.signal_tit{ width:1150px; border-bottom:2px solid #e5e5e5; margin:auto; height:56px; line-height:56px; padding-top:10px; text-align:right; font-size:14px; color:#9a9a9a；}
.signal_tit span{ font-size:22px; color:#383838; border-bottom:2px solid #127cdf; float:left;}
.signal_con{ width:1150px; height:auto; overflow:hidden; margin:auto; font-size:16px; color:#393939; line-height:31px;}

/*banner*/
.big{ width:100%; height:100vh; margin:auto;position:relative; overflow:hidden;}
.big .arrow-left {
  position:absolute;
  left:5%;
  bottom:85px;
  z-index:1100; cursor:pointer;width:35px; height:10px; background:url(../images/jian1.png) no-repeat center;opacity: 0.5;   
}
.big .arrow-left:hover{opacity:1;}
.big .arrow-right {
  position: absolute;
  bottom:85px;
  right:5%;
  z-index:1100; cursor:pointer;width:35px; height:10px; background:url(../images/jian.png) no-repeat center;opacity: 0.5;  
}
.big .arrow-right:hover{opacity: 1;}
.big .swiper-container {
  width: 100%;
  height: 100%;
  overflow:hidden; margin:auto;
}
.big .swiper-slide{ overflow:hidden; text-align: center;}
.big .pagination1{
	  position:relative;
	  bottom:55%;
	  width: 10px;
	  z-index:100; float:left; margin-left:5%; z-index:9;
	 
	}
.big .swiper-pagination-bullet {
	  display:block;
	  width: 6px;
	  height:6px;
	  margin:3px 0px;
	  cursor: pointer; background-color:#fff; opacity: 1; border-radius:100%; margin-bottom:10px; border:2px solid #fff;
	}
.big .swiper-pagination-bullet-active{background-color:rgba(255,255,255,0);border:2px solid #2d5ab8;}
.big_div{ width:100%; height:100vh;}
.footer1{ width:100%; height:97px; margin:auto; background:rgba(0,0,0,0.3); position:absolute; bottom:0; z-index:9;}
.foot_right_21{ text-align:right;}
.foot_right_21 a{ display:inline-block; width:26px; height:26px; border-radius:100%; border:1px solid rgba(0,0,0,0); margin-left:5px;}
.foot_right_21 a:hover{ border:1px solid #b0c4d1;}

.goods_warp{ width:100%; height:242px; position:absolute; bottom:135px; z-index:9;}
.goods_all{ width:1200px; height:242px; position:relative; margin:auto;}

.goods{ width:1200px; height:242px; margin:auto; position:relative; overflow:hidden;}
.goods-left {
  position:absolute;
  left:-70px;
  top:183px;
  z-index:1100; cursor:pointer;width:55px; height:60px; text-align: center; line-height:60px; font-size:36px; color:#fff; font-family:"宋体"; font-weight:bold;
}
.goods-left:hover{ color:#127cdf;-webkit-transition: all 0.4s ease-in-out;}
.goods-right {
  position: absolute;
  top:183px;
  right:-70px;
  z-index:1100; cursor:pointer;width:55px; height:60px;text-align: center; line-height:60px; font-size:36px; color:#fff; font-family:"宋体"; font-weight:bold; 
}
.goods-right:hover{ color:#127cdf;-webkit-transition: all 0.4s ease-in-out;}
.goods-container {
  width: 100%;
  height: 100%;
  overflow:hidden; margin:auto;
}
.goods .swiper-slide{ overflow:hidden;}

.goods_1{ width:380px; height:242px; margin:auto;}

.goods_1_1{ width:380px; height:60px; position:absolute; bottom:0px;}
.goods_1_left{ float:left; width:338px; height:60px; text-align: center; line-height:60px; font-size:18px; color:#fff;}
.goods_1_right{ float:right; width:42px; height:60px; background-color:rgba(62,150,226,0.5); text-align: center; line-height:60px; color:#fff; font-family:"宋体"; font-size:40px;}

.goods_1_2{ width:380px; height:187px; position:absolute; bottom:-187px;}
.goods_img{ width:380px; height:150px;}
.goods_img img{ width:380px; height:150px;}
.goods_tit{ width:350px; height:37px; background-color:#127ddf; font-size:14px; color:#fff; line-height:37px; padding:0px 15px;}
.goods_tit span{ float:right;}
.cai{ display:none;}
.goods_all1{ display:none;}