@font-face {
  font-family: Roboto;
  src: url('../images/Roboto-Light.ttf');
}

body{color: #333; font-family:Arial,'microsoft yahei',Helvetica, sans-serif; background-color: #fff;}
a { color: #333; text-decoration: none; }
a:link,home-growth
a:visited,
a:hover,
a:active{
  color: #333;
  text-decoration: none;
}

ul{list-style:none;}
.top_menu{font-size: 16px; color: #fff;  width: 100%;  height: 30px;background-color: #e74918;}
.language{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:6px;}
.logo{margin:0px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}

.about_details .content * {
  font-size: 16px;
  line-height: 32px;
  border: none;
  background: none;
  font-family: Arial,'microsoft yahei',Helvetica, sans-serif;
}

button { outline: none; }

.flex-center { display: flex; justify-content: center; align-items: center; }

.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ellipsis-5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.pic-center { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.page_void { min-height: 600px; text-align: center; }

/* 面包屑 */
.breadcrumb-wrap { height: 65px; line-height: 65px; font-size: 14px; border-bottom: 1px solid #dcdcdc; color: #666; }
.breadcrumb-wrap span { color: #333; }
.breadcrumb-wrap span a:hover { color: #e74918; }

/* 分页 */
#pagination { margin: 110px 0; display: flex; justify-content: center; }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #e74918; }
.layui-laypage a, .layui-laypage span { height: 42px; line-height: 42px; padding: 0 20px; }

.pagination_buttons { margin: 100px 0 100px; overflow: hidden; }
.pagination_buttons button {    width: 34%; height: 42px; line-height: 42px; padding: 0 20px; background: none; border: solid 1px #aaa;  overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.pagination_buttons button:hover { color: #fff; background-color: #e74918; border-color: #e74918; }
.pagination_buttons .next { float: right; }

/*导航菜单*/
.navbar{ margin:0px; border: none;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #569a69;}


/* 子页面 banner */
.sub_banner { overflow: hidden; }
.sub_banner a { display: block; }
.sub_banner a img { width: 100%; }
a.min_img { display: block; min-height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; }

.sub_h2 { position: relative; margin: 85px 0; font-size: 30px; line-height: 30px; text-align: center; }
.sub_h2 .desc { position: absolute; left: 50%; top: -12px; transform: translate(-50%, 0); color: rgba(51, 51, 51, .17); white-space: nowrap; }

/* 边框hover特效 */
.animate{transition: all 0.5s ease-in-out;}
.b{position: relative;}
.b span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}
.b span.top{right:0;top:0;border-top:2px solid #e74918;margin-top:-1px;}
.b:hover span.top{width:100%;}
.b span.right{right:0;bottom:0;border-right:2px solid #e74918;margin-right:-1px;}
.b:hover span.right{height:100%;}
.b span.bottom{left:0;bottom:0;border-bottom:2px solid #e74918;margin-bottom:-1px;}
.b:hover span.bottom{width:100%;}
.b span.left{left:0;top:0;border-left:2px solid #e74918;margin-left:-1px;}
.b:hover span.left{height:100%;}

/* 产品搜索 */
.search_group{ border-radius: 17px; border: solid 1px #e5e5e5; overflow: hidden; }
.search_group input.form-control{ display: block; height: 35px; line-height: 35px; width: 100%; padding: 0; padding-left: 10px; border: none; outline: none; }
.search_group input.form-control:focus{box-shadow: none;border-color: #b2e0fb;}

#submit_search { padding: 0 10px; color:#aaa;}
#submit_search:hover {color:#e74918; cursor: pointer;}

#categories {  }
#categories .left_h1 {  }

/*栏目导航*/
.left_nav { overflow: hidden; }
.left_nav .left_h1 { margin: 38px 0 26px; font-size: 20px; line-height: 30px; color: #e74918; }
.left_nav_ul { margin: 0px; padding: 0; border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; }
.left_nav_ul > li {position:relative; padding: 0 45px; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
.left_nav_ul > li > a { height: 53px; line-height: 53px; text-decoration:none; color: #333; }
.left_nav_ul > li > a:hover,
.left_nav_ul li a.left_active {color:#e74918;}
.left_nav_ul > li.active::before { content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 53px; background-color: #e74918; }
.left_nav_ul > li.active a { color: #e74918; }

/* 相关推荐 */
.left_news { color: #333; }
.left_news .left_h1 { position: relative; margin: 55px 0 20px; padding-left: 15px; font-size: 16px; line-height: 16px; color: #333; }
.left_news .left_h1:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 13px; background-color: #e74d18; }
.left_news .pic img { width: 100%; }
.left_news .pic .desc { margin-top: 15px; }
.left_news .pic:hover  .desc { color: #e74918; }
.left_news .news_list { margin-top: 33px; padding: 0; }
.left_news .news_list li { margin-top: 20px; border-bottom: solid 1px #eee; }
.left_news .news_list a { display: block; padding: 0 15px; padding-bottom: 23px; color: #666; }
.left_news .news_list a:hover { color: #e74918; }

/*首页*/
.home_more_btn { display: block; margin: 0 auto; margin-top: 48px; width: 212px; height: 60px; line-height: 60px; background-color: #f5f5f5; border: solid 1px #e5e5e5; text-align: center; color: #333; transition: all .5s; }
.home_more_btn .img_hover { display: none; }
.home_more_btn:hover { border-color: #e74918; text-decoration: none; color: #e74918; }
.home_more_btn:hover .img { display: none; }
.home_more_btn:hover .img_hover { display: inline-block; }
.home_more_btn .text { position: relative; padding-right: 20px; margin-right: 20px; }
.home_more_btn .text:before { content: ''; position: absolute; right: 0; top: 3px; width: 1px; height: 13px; background-color: #e0e0e0; transition: all .5s;}
.home_more_btn:hover .text:before { background-color: #e74918; }

.home { width: 100%; }
.home-section { padding-top: 85px; }
.home-section h2 { margin: 0; font-size: 40px; line-height: 40px; color: #333; text-align: center;}
.home-section .desc { margin-bottom: 70px; font-size: 20px; color: #666; text-align: center; }
.home-section .desc span { display: inline-block; position: relative; margin-top: 16px; padding: 0 13px; line-height: 20px;}
.home-section .desc span::before,
.home-section .desc span::after { content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 93px; height: 1px; background-color: #ccc;}
.home-section .desc span::after { left: auto; right: 100%; top: 50%; transform: translateY(-50%); width: 93px;}

.home-business .icons { margin-bottom: 53px; text-align: center; color: #333; }
.home-business .icons > div { margin-bottom: 20px; }
.home-business .icons span { display: block; margin: 0 auto; width: 85px; height: 75px; }
.home-business .icons > div:nth-of-type(1) span { background: url('/big_cattle/images/home_icon.png') -229px -10px; }
.home-business .icons > div:nth-of-type(2) span { background: url('/big_cattle/images/home_icon.png') -10px -10px; }
.home-business .icons > div:nth-of-type(3) span { background: url('/big_cattle/images/home_icon.png') -119px -10px; }
.home-business .icons > div:nth-of-type(4) span { background: url('/big_cattle/images/home_icon.png') -109px -110px; }
.home-business .icons > div:nth-of-type(5) span { background: url('/big_cattle/images/home_icon.png') -10px -110px; }
.home-business .icons > div:nth-of-type(6) span { background: url('/big_cattle/images/home_icon.png') -229px -106px; }

.home-business .icons .active .icon { background-image: url('/big_cattle/images/home_icon_r.png') }
.home-business .icons .name { margin-top: 20px; font-size: 16px;  line-height: 16px;}
.home-business .icons .active { position: relative; color: #e74918; }
/*.home-business .icons .active:before { content: ''; position: absolute; left: 50%; bottom: -75px; transform: translateX(-50%); width: 0; height: 0; border: 20px solid transparent; border-bottom-color: #e0e0e0 }*/

.home-business .icons > div:hover { color: #e74918; }
.home-business .icons > div:hover .icon { background-image: url('/big_cattle/images/home_icon_r.png') }
/*.home-business .icons > div:hover:before { content: ''; position: absolute; left: 50%; bottom: -75px; transform: translateX(-50%); width: 0; height: 0; border: 20px solid transparent; border-bottom-color: #e0e0e0 }*/

.home-business .details { position: relative; }
.home-business .details .row { display: none; }
.home-business .details .row.active { display: block; }
.home-business .details::before { content: ''; position: absolute; left: 50%; top: 0; width: 100%; height: 100%; transform: translateX(-100%); background: #eee; opacity: 0.3;}
.home-business .left_content { padding-bottom: 30px; }
.home-business .btn { float: right; margin-top: 60px; margin-bottom: 40px; font-size: 18px; line-height: 1; background: #fff; border: solid 1px #e5e5e5; transition: transform .5s, box-shadow .5s;}
.home-business .btn span { padding-right: 20px; margin-right: 20px; border-right: 1px solid #e0e0e0; }
.btn_hover:hover { border-color: #e74918; background: #fff; color: #e74918; }
.home-business .details .title { padding-top: 50px; font-size: 28px; color: #333; }
.home-business .details:hover .title { color: #e74918; }
.home-business .details p { line-height: 33px; color: #666; }
.home-business .details .pic-wrap { max-height: 400px; overflow: hidden; }
.home-business .pic-wrap .img { height: 100%; transition: transform .5s; }
.home-business .pic-wrap .img:hover { transform: scale(1.2); }

@keyframes homeBusiness1 {
  from { transform: translateX(50px); opacity: 0; }
  to { transform: translateX(0px); opacity: 1; }
}
.home-business .row.active .left_content { animation: homeBusiness1 1s forwards; }
@keyframes homeBusiness {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0px); opacity: 1; }
}
.home-business .row.active .pic-wrap { animation: homeBusiness 1s forwards; }

.home-cases { padding-bottom: 77px; }
.home-cases .content { padding: 28px 25px 30px; border: solid 1px rgba(102, 102, 102, .4); border-top-width: 0; overflow: hidden;}
.home-cases .pic { overflow: hidden;}
.home-cases .pic img { width: 100%; transition: transform 1s;  }
.home-cases a:hover .pic img { transform: scale(1.2); }
.home-cases a:hover .title { color: #e74918; }
.home-cases p { margin: 0; font-size: 16px;	color: #666; }
.home-cases .title { margin-bottom: 22px; font-size: 20px; line-height: 30px; color: #333; text-align: center; }
.home-cases .more { float: right; margin-top: 15px; }
.home-cases .img_hover { display: none; }
.home-cases a:hover .more.img { display: none; }
.home-cases a:hover .more.img_hover { display: inline-block; }

.home-cases .more { float: right; margin-top: 15px; }

.home-welfare { padding-bottom: 77px; }

.home-news { padding-bottom: 77px; background-color: rgba(238, 238, 238, .3); }
.home-news .content a { display: flex; }
.home-news .left { flex: 95px 0 0; color: #e74918; font-weight: bold; }
.home-news .month { font-size: 24px; }
.home-news .year { font-size: 18px; }
.home-news .content p { line-height: 30px; color: #666666; }
.home-news .content .title { font-size: 18px; color: #333; }
.home-news .content a:hover .title { color: #e74918; }
.home-news .right { flex: 1; padding-right: 50px; overflow: hidden; }
.home-news .title { position: relative; padding-bottom: 5px; margin-bottom: 15px; }
.home-news .title:before,
.home-news .title:after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background-color: #efefef; }
.home-news .title:after { width: 28px; background-color: #db5117; transition: width .3s;}
.home-news .content a:hover .title { color: #e74918; }
.home-news .content a:hover .title:after { width: 100%; }
/*.home-news .home_more_btn { float: right; margin: 0; display: inline-block; }*/

#wave-canvas-wrapper { position: absolute; left: 0; bottom: 0; }
#wave-canvas-wrapper canvas { width: 100% !important; height: 100% !important;; }

.home-about { position: relative; padding: 75px 0 70px; background: url("/big_cattle/images/about_bg.jpg") no-repeat; overflow: hidden;}
.home-about .container { position: relative;}
.home-about h2 { color: #e74918; text-align: left; }
.home-about .desc { margin-bottom: 40px; color: #a5a5a5; text-align: left; }
.home-about .desc span { padding: 0; }
.home-about .desc span::before,
.home-about .desc span::after { width: 0; }
.home-about .desc span::after { width: 0;}
.home-about .content { line-height: 30px; color: #a5a5a5; }
.home-about .list { margin: 80px 0; color: #fff; }
.home-about .list span { font-size: 60px; color: #e74918; }

/*.home-about .home_more_btn { margin: 0; border-color: #e74918; color: #e74918; background: none; }*/
/*.home-about .home_more_btn:hover { border-color: #e74918; background: #fff; }*/
/*.home-about .home_more_btn .text:before { background-color: #e74918; }*/
/*.home-about .home_more_btn:hover .text:before { background-color: #fff; }*/

.home-about .more { float: right; margin-top: 15px; }
.home-about .more_btn { margin: 0 auto; margin-top: 48px; display: block; width: 212px; height: 60px; line-height: 60px; background-color: #f5f5f5; border: solid 1px #e5e5e5; text-align: center; color: #333; }
.home-about .more_btn:hover { border-color: #e74918; }
.home-about .more_btn .text { position: relative; padding-right: 20px; margin-right: 20px; }
.home-about .more_btn .text:before { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 13px; background-color: #e0e0e0; }

.home-growth { padding-bottom: 100px; background-color: rgba(238, 238, 238, .3); }
.home-growth .content .title { font-size: 18px; }
.home-growth .content .title { font-size: 18px; }
.home-growth .content .year { margin: 0 20px 0 5px; font-weight: bold; color: #e74918; }
.home-growth .content .month { font-size: 24px; font-weight: bold; color: #e74918; }
.home-growth .content .sub_title { margin: 20px 0 5px; font-size: 18px; }
.home-growth .content .text_desc { margin-bottom: 0px; line-height: 30px; color: #666; }
.home-growth .row > div { margin: 10px 0; }
.home-growth .row a { display: flex; }
.home-growth .row .content { flex: 1; padding: 0 10px; }
.home-growth .pic { overflow: hidden; max-width: 260px; height: 150px; }
.home-growth .pic img { width: 100%; transition: transform 1s; }
.home-growth .row a:hover img { transform: translate(-50%, -50%) scale(1.2) }
.home-growth .row a:hover .sub_title { color: #e74918; }

.home-partner { padding-bottom: 40px; }
.home-partner .row > div { margin-bottom: 20px; }
.home-partner .pic { position: relative; display: block; border: solid 1px #eee; transition: all .5s;}
.home-partner .pic:hover:after { content: '';  position: absolute;  left: 21px;  top: 148px;  width: 74%;  height: 19px; border-radius: 43px; box-shadow: 0 0 40px rgb(0 0 0);  z-index: -1; }
.home-partner .pic:hover { transform: translateY(-10px); }
.home-partner .pic img { width: 100%; }
/* 公司业务详情 */
.gsyw_details .list { padding-right: 45px; }
.gsyw_details .list .list_item { display: flex; padding: 50px 0; overflow: hidden; border-bottom: solid 1px #eee; }
.gsyw_details .list .pic { width: 267px; height: 161px; overflow: hidden; }
.gsyw_details .list img { width: 100%; transition: transform 1s; }
.gsyw_details .list:hover img { transform: scale(1.2); }
.gsyw_details .list .content { position: relative; margin-left: 25px; flex: 1; color: #666; }
.gsyw_details .list .title { padding: 15px 0 18px; font-size: 22px; line-height: 32px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.gsyw_details .list:hover .title { color: #e74918; }
.gsyw_details .list .time { line-height: 32px;  }
.gsyw_details .list .text { line-height: 32px; }
.gsyw_details .list .more { position: absolute; right: 0; bottom: -30px; color: #666; }
.gsyw_details .list:hover .more { color: #e74918; }

.gsyw_details .sidebar { padding-top: 60px; padding-bottom: 50px; }

/* 新闻详情 - 详情 */
.news_details h2 { margin: 88px 0 31px; font-size: 30px; line-height: 30px; text-align: center; }
.news_details .date { margin-bottom: 58px; text-align: center; color: #666; }
.news_details .date .count { margin-left: 40px; }
.news_details .date img { margin-right: 5px; }
.news_details .abstract { margin-bottom: 30px; padding: 30px 27px; color: #666; background-color: rgba(153, 153, 153, .1); }
.news_details .abstract span { color: #e74918; }
.news_details .content p { line-height: 34px; color: #666; }
.news_details .p_text img { display: block; margin: 60px auto; width: 90%; }

.news_details .left_h1 { margin-top: 90px; }

/*新闻列表*/
/* .list_news{clear: both; list-style:none;margin:0px; padding:10px 0px 20px 0px;}
.list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.list_news li a{color:#303c4b;}
.list_news li a:hover{text-decoration:none;color:#e74918;}

.contents{clear: both; padding:10px 2px 0px 2px; line-height:28px; color:#898989;overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px; font-family: 'Microsoft Yahei';} */

/* 社会公益 */
.pages_cases .cases_list > div { margin-top: 65px; }
.pages_cases .cases_list .item { border: solid 1px #eee; }
.pages_cases .cases_list .pic { overflow: hidden; }
.pages_cases .cases_list img { width: 100%; transition: transform 1s; }
.pages_cases .item:hover img { transform: scale(1.2); }
.pages_cases .cases_list .content { padding: 25px 20px 40px; line-height: 30px; }
.pages_cases .cases_list .title { margin-bottom: 18px; font-size: 22px; line-height: 22px; text-align: center; white-space: nowrap; }
.pages_cases .item:hover .title { color:#e74918; }
.pages_cases .cases_list .text { font-size: 16px; color: #666; }
.pages_cases .cases_list .time { margin-top: 35px; line-height: 18px; color: #666; text-align: right;}

/* 公司成长-详情 */
.pages_growth .list > div + div { margin-top: 65px; }
.pages_growth .list .item { position: relative; border: solid 1px #eee; }

.pages_growth .year_number { position: absolute; left: -184px; top: 50%; transform: translate(0, -50%); padding-top: 40px; width: 184px; height: 182px; font-size: 19px; line-height: 19px; border: solid 1px #dcdcdc; overflow: hidden; color: #e74918; }
.pages_growth .year_number > div { padding-left: 50%; }
.pages_growth .year_number .month span { position: absolute; left: 50%; top: 40px; font-size: 51px; transform: translateX(-65px); }
.pages_growth .year_number .year { position: relative; margin-top: 27px; }
.pages_growth .year_number .year:before { content: ''; position: absolute; left: 50%; bottom: -7px; width: 37px; height: 2px; border: solid 1px #e64218; }
.pages_growth .year_number:before { content: ''; position: absolute; left: -35px; top: -35px; width: 0; height: 0; border: 35px solid transparent; border-bottom-color: #e74918; transform: rotate(-45deg);}

.pages_growth .list .pic { position: relative; height: 536px; overflow: hidden; }
.pages_growth .list img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: transform 1s;}
.pages_growth .list:hover img { transform: translate(-50%, -50%) scale(1.2); }
.pages_growth .list .content { padding: 0 40px 60px; font-size: 15px; line-height: 36px; color: #333; overflow: hidden; }
.pages_growth .list .title { position: relative; margin: 50px 0; font-size: 26px; font-weight: bold; line-height: 26px; white-space: nowrap; }
.pages_growth .list .title:before { content: ''; position: absolute; left: 0; bottom: -16px; width: 79px; height: 6px; background-color: #e85318; }
.pages_growth .list .time { margin-top: 35px; line-height: 18px; color: #666; text-align: right;}

/* 关于我们 */
.about_details h2 { margin-bottom: 65px; }
.about_details p { line-height: 34px; color: #666; }
.about_details .layui-row { position: relative; margin: 60px 0; padding: 30px 0 40px; background-color: rgba(102, 102, 102, .1); }
.about_details .layui-row > div { padding: 0 35px; }
.about_details .layui-row .title { font-size: 22px; font-weight: bold; }
.about_details .layui-row .text { font-size: 18px; }
.about_details .layui-row > div:not(:last-of-type)::before { content: ''; position: absolute; top: 2px; right: 0; width: 1px; height: 73px; background-color: #dddddd; }
.about_details .content { margin-bottom: 100px; }
.about_details .content img { display: block; margin: 50px auto; width: 100%; }

/*标签样式*/
.tags{ margin: 12px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}

.tags_ul{ margin-top: 0px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 16px; padding: 0px; margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 16px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}

/* 联系我们 */
.contact_details .main { padding: 126px 0 142px; }
.contact_details .content { margin: 0 auto; max-width: 80%; }
.contact_details .logo_1 { margin-bottom: 15px; }
.contact_details .info { text-align: center; margin-bottom: 20px; }
.contact_details .info p { line-height: 42px; text-align: left; }
#container { min-height: 300px; }

/* 头部导航信息 */
.logo_black { display: none; }
.small-nav .logo { display: none; }
.small-nav .logo_black { display: inline-block; }

/*底部信息*/
footer{ padding: 60px 0 60px; font-size:14px; line-height: 24px; background-color: #333; color:#b4b4b4;}
footer .top > div {padding: 0 25px; }
footer .top .phone {font-size: 22px;font-style: italic;}
footer .top .line { position: relative;}
footer .top .line a { color:#b4b4b4; }
footer .top .left { text-align: left; }
footer .top .left .logo { float: right; }
footer .top .left > div { padding: 0 25px; }
footer .top .right { display: flex; justify-content: center; margin: 0; text-align: center; }
footer .top .right > div { margin: 0 20px; }
footer .top .line { margin: 0px 0; }
footer .top .city { white-space: nowrap; }

footer .top .line::before { content: ''; position: absolute; left: 0; top: 15px; width: 1px; height: 51px; background-color: #a5a5a5; opacity: 0.41; }
.copyright{margin-top: 20px; line-height: 28px; color: #b4b4b4; opacity: 0.6;text-align:center;}
.copyright a { color:#b4b4b4;}
.copyright .line { margin: 0 5px; }

.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;}
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}


/*小屏幕*/
@media screen and (max-width: 768px) {
  body{font-size: 16px; line-height: 1.5;}
  .home-partner .row > div {  margin-bottom: 8px;  padding: 0px 5px; }
  .home-business .details .title{  padding-top: 21px;}
  .home-partner .pic:hover:after {  content: '';  position: absolute;  left: 12px;  top: 41px;  width: 60%;  height: 19px;  border-radius: 43px;  box-shadow: 0 0 79px rgb(0 0 0);  z-index: -1;  }
  .home-partner .pic:hover { transform: translateY(-5px); }
  .navbar{background: none; height: 64px; line-height: 64px; position: relative; }
  .navbar  .dropdown + .dropdown { border-top: 1px solid #f5f5f5; }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: none;}
  .navbar-default .navbar-brand {color: #fff;}
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {color: #fff;}
  .navbar-toggle{ margin-top: 15px; margin-bottom: 15px; border:none; background-color: #e64218;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{ right: -172px;background: #fff; box-shadow: 0 5px 10px rgb(0,0,0,.1);position: fixed; width: 50%;  height: 100%;}
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus { background-color: #e64218;}

  .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
  .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
  .navbar-default .navbar-nav > li {}
  /*.navbar-default .navbar-nav > li:last-child{border: none;}*/
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #333;font-family:Arial,Helvetica, sans-serif; font-size: 16px;}
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background-color: #e64218; color: #fff;}

  .small-nav .navbar-header { background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.1); }

  .dropdown-menu { display: block; position: relative; float: none; box-shadow: none; font-size: 16px; line-height: 2; border: none; }
  .dropdown-menu ul { padding: 0; }
  .dropdown-menu  li > a { display: block; padding-left: 31px; }
  .dropdown-menu  li > a:hover{background-color: #e64218; color: #fff;}
  .nav_void { height: 64px; line-height: 64px; }

  .flash{margin-top: 0;}
  .top_name{display: none;}
  .logo{margin:0px 0px 0px 0px; max-width:150px; max-height: 50px;}
  .logo_box{margin: 0px 0px 0px 15px; padding:0px 5px; max-width:160px;  height: 64px;}
  .small-nav{margin-top: 0px; position: fixed;}
  .list_box{margin:5px 0px 0px 0px; }
  .flash div.bx-pager{ /*display:none;*/}
  .left_h1{margin-top: 10px;}

  #product div.flash,#product h2.left_h1,#photo div.flash,#photo h2.left_h1{display: none;}
  #product div.list_box,#photo div.list_box{margin-top:45px;}
  .index_left_nav{margin:0px 15px 0px 15px;}
  .product_con img,.contents img{width:100%;}
  .news_time{ display:none;}
  .footer_nav{background-color: #fafafa;}
  #pic-page a img {width:35px;}
  #cmsFloatPanel{ display: none;}
  .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}

  #pagination { margin: 40px 0; }
  .news_details .left_h1 { margin-top: 20px; }
  .left_news .news_list { margin-bottom: 50px; }
  .pagination_buttons {     margin: 40px 0 40px;  overflow: hidden; }
  .pagination_buttons > button + button { margin-top: 0px; }
  .pages_cases .cases_list .time{margin-top: 12px;}
  .pages_cases .cases_list .content{ padding: 25px 20px 20px;}
  .home-section { padding-top: 55px; padding-bottom: 55px; }
  .home-section h2 { font-size: 30px; line-height: 30px;}
  .home-section .desc { font-size: 16px; margin-bottom: 40px;}
  .home-section .desc span { margin-top: 10px; }
  .home-section .desc span::after,
  .home-section .desc span::before { width: 65px;}
  .home-section .content > div + div { margin-top: 15px; }

  .home_more_btn { margin-top: 30px; padding: 0  !important; height: 45px !important; line-height: 45px !important; width: 180px !important; font-size: 16px !important; }
  .news_details h2{ margin: 31px 0 31px;}
  .news_details .date{margin-bottom: 31px;}
  .sub_h2 .desc { font-size: 20px; }
  .sub_h2{ margin: 31px 0;}
  .pages_growth .list .pic{height: auto;}
  .pages_growth .list img{transform:none;position: static;}
  .pages_growth .list > div + div{margin-top: 18px;}
  .home-business { padding-bottom: 0px; }
  .pages_growth .list .title{margin: 31px 0;  font-size: 22px;}
  .home-business .icons span { transform: scale(.7); }
  .home-business .icons .name { margin-top: 10px; }
  .home-business .icons { margin-bottom: 7px; }
  .home-business .details::before { left: 0%; top: 0; width: 100%; height: 100%; transform: translateX(0);}
  .home-business .btn { margin-top: 15px; }
  .home-business .content { display: none; }

  .home-cases .row > div { margin-bottom: 20px; }
  .home-welfare { padding-bottom: 0px; }

  .home-news .right { padding: 0; overflow: hidden; }
  .home-news .content .more { min-height: auto; }

  .home-about .list span { font-size: 45px; }
  .home-about .desc span::after,
  .home-about .desc span::before { width: 0px;}
  #wave-canvas-wrapper { top: 0px; }

  .home-partner .pic:after { background: rgba(0, 0, 0, 0); }

  .gsyw_details .sidebar { padding-top: 0; padding-bottom: 30px; }
  .gsyw_details .list { padding-right: 0; }
  .gsyw_details .list .list_item { display: block; }
  .gsyw_details .list .pic { width: 100%; height: auto; }

  /*.home-growth .row > div { display: block; padding: 0 15px; margin-bottom: 20px; }*/
  .home-growth .row > div + div { margin-top: 20px; }

  .contact_details .content { padding: 0 15px; max-width: 100%; }
  .contact_details .info p { line-height: 2; text-align: center; }

  .pages_growth .year_number { position: relative; left: 0; transform: translate(0, 0); width: 100%; height: auto; padding: 40px 0; }
  .pages_growth .list .content { padding: 0 20px 30px; }

  .news_details h2 { font-size: 22px; }
  .news_details .p_text img { margin: 30px auto; width: 100%; }

  .contact_details .main { padding: 100px 0; }

  .pages_cases .cases_list > div:not(:first-of-type) { margin-top: 20px; }
  .gsyw_details .list .content { position: relative; margin-left: 0px; flex: 1; color: #666; }
  .left_nav_ul > li {position:relative; padding: 0 12px; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
  .pagination_buttons button{width: 48%;  font-size: 14px;}
  .gsyw_details .list .more {  position: absolute;  right: 0;  bottom: -35px;  color: #666;  }
  /* footer */
  footer { padding: 30px 0; }
  footer .top .left .logo { float: none; }
  footer .top .line::before { width: 0; height: 0; }
  footer .top > div,
  footer .top .left {text-align:center; }
  footer .top .line { margin: 20px 0; }
  footer .top .phone { font-size: inherit; }
  footer .copyright { margin-top: 10px; }
}


/*大屏幕*/
@media (min-width: 769px) {
  body{ font-size: 16px;  line-height: 1.5;}
  .navbar-header { }
  .navbar{min-height: 88px; line-height: 88px; background: none;}
  .navbar-nav{float:right;}
  .navbar-nav > li > a {transition:background 0.4s; text-align: center;}
  .navbar-default .navbar-nav > li > a{color: #fff;font-size:18px; font-weight: 300; font-family:'Roboto',Arial,Helvetica, sans-serif;}
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {color: #fff;background: none;}

  .navbar-default .navbar-nav-c > li > a{line-height: 88px; font-size:16px;font-family:'microsoft yahei';padding: 0;}
  .navbar-default .navbar-nav-c > li:not(:first-of-type) {margin-left: 50px;}

  .navbar-default .navbar-nav > li { position: relative; display: block; }
  .navbar-default .navbar-nav > li.active:before,
  .navbar-default .navbar-nav > li:hover:before { content: ""; position: absolute; right: 0; bottom: 0px; width: 100%; border-bottom: 5px solid #fff;}

  .sub-navbar { position: relative; background: rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(0,0,0,.1); }
  .sub-navbar .navbar-nav > li > a{color: #333;}
  .sub-navbar .navbar-nav > li > a:hover,
  .sub-navbar .navbar-nav > li > a:focus,
  .sub-navbar .navbar-nav > .active > a,
  .sub-navbar .navbar-nav > .active > a:hover { color: #e64218; }
  .sub-navbar .navbar-nav > li.active:before { border-bottom: 5px solid #e64218;}
  .nav_void { height: 88px; }

  .small-nav{ position: fixed; min-height: 88px; background: rgba(255,255,255,.9); margin-top: 0px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
  .small-nav .navbar-nav > li > a {color: #333;}
  .small-nav .navbar-nav > li.active > a { color: #e64218; }
  .small-nav .navbar-nav > li.active:before { color: #e64218; border-bottom: 5px solid #e64218;}
  .small-nav .navbar-nav > li:hover:before { color: #e64218; }
  .small-nav .navbar-nav > li:hover > a { color: #e64218  !important;}

  .small-nav img.logo{ }
  .small-nav a.logo_box{ height: 88px; }
  .toflash{ margin-top:0px; }

  .nav_small{ min-width: auto; padding: 0; background: none; border: none; box-shadow: none; }
  .nav_small{ left: -21px; }
  .nav_small:after, .nav_small:before {
    position: absolute; top: 0px; left: 50%; display: inline-block; width: 0; height: 0; content: ''; border: 9px solid transparent; border-top-width: 0; border-bottom-color: #fff;
    transform: translateX(-50%);
  }

  @keyframes mymove {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0px); opacity: 1; }
  }
  .dropdown-menu { top: 88px; padding-top: 9px; animation: mymove .5s forwards; min-width: auto; }

  ul.nav li.dropdown:hover .dropdown-menu { display: block; }

  .nav_small  ul { position: relative; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,.1); }
  .nav_small  li{ background: #fff; line-height: normal; }
  .small-nav .navbar-nav .dropdown-menu a { display: block; white-space: nowrap; color: #333; }
  .dropdown-menu.nav_small  li > a{ display: block;  padding: 8px 20px; line-height:25px; color: #333; font-size: 16px;font-family: Arial; white-space: nowrap;  }
  .dropdown-menu.nav_small  li > a:hover{ color: #e74918; }

  #app_menudown,
  #small_search{ display:none; }
  .index_left_nav,
  .footer_nav{display:none; }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .logo{max-width:180px;}
  .small-nav img.logo{max-width:150px;}
  .navbar-default .navbar-nav-c > li:not(:first-of-type) {margin-left: 18px;}

  /*.home_more_btn { margin-top: 20px; width: 190px; height: 50px; line-height: 50px; }*/

  .contact_details .content { max-width: 90%; }

  footer .top .left .logo { float: none; }
  footer .top .line::before { width: 0; height: 0; }
  footer .top > div,
  footer .top .left {text-align:center; }
  footer .top .line { margin: 20px 0; }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .logo { max-width: 200px; }
  .navbar-default .navbar-nav-c > li:not(:first-of-type) {  margin-left: 30px; }
}

@media screen and (max-width: 414px) {
  .home-growth .pic { display: none; }
}