﻿
/*头部*/

.banner {height:auto;max-width:1920px;margin:0 auto !important;position:relative;margin-top:-34px;}
.banner .bd li {float:left;width:100%;line-height:0;}
.banner .bd li img {width:100%;}
.banner .bd li a {display:block;}
.banner .prev {position:absolute;top:calc(45% - 35px);left:0%;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear;}
.banner .next {position:absolute;top:calc(45% - 35px);right:0%;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear;}
.banner .hd {z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:23px;}
.banner .hd li {width:8px;height:8px;background:#fff;display:inline-block;margin:0 5px;border-radius:4px;}
.banner .hd li.on {background:#e85c21;width:14px;}
.banner:hover .prev {opacity:1;left:6%;}
.banner:hover .next {opacity:1;right:6%;}
.keywords {border-bottom:1px solid #f0f0f0;}
.keywords .keywords-l {font-size:14px;font-weight:normal;line-height:86px;color:#333333;float:left;}
.keywords .keywords-l a {color:#666;margin-right:20px;}
.keywords .keywords-l a:hover {color:#e85c21;}
.keywords .keywords-l a:last-of-type {margin-right:0;}
.keywords .search {float:right;border-bottom:3px solid #e85c21;height:87px;margin-bottom:-1px;padding-top:32px;box-sizing:border-box;}
.keywords .search .text {font-size:14px;font-weight:normal;line-height:22px;color:#666666;display:block;float:left;background:none;border:none;border-right:1px solid #c7c7c7;width:247px;}
.keywords .search .btn {float:right;border:none;background:none;background-image:url('/images/search.png');background-repeat:no-repeat;background-position:center top;background-size:auto auto;width:21px;height:21px;display:block;margin-left:22px;cursor:pointer;}
.keywords:after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
/*
.guide {background-image:url("/images/yz-bg.jpg");background-size:auto auto;background-position:center bottom;background-repeat:no-repeat;padding-top:100px;}
*/
.guide .guide-title {text-align:center;position:relative;padding-top:48px;}
.guide .guide-title em {display:block;font-size:100px;line-height:80%;color:rgba(238,238,238,0.8);font-weight:normal;font-family:impact;position:absolute;width:100%;text-align:center;top:0;}
.guide .guide-title b {display:block;font-size:32px;line-height:32px;color:#333333;font-weight:bold;position:relative;}
.guide .guide-title span {display:block;font-size:16px;line-height:16px;color:#e85c21;font-weight:normal;margin-top:15px;position:relative;}
.guide .guide-l {float:left;margin-top:135px;}
.guide .guide-l ul li {text-align:center;float:left;margin-right:70px;}
.guide .guide-l ul li:last-of-type {margin-right:0;}
.guide .guide-l ul li em {width:46px;height:46px;line-height:0;overflow:hidden;margin:0 auto 20px;display:block;}
.guide .guide-l ul li p {font-size:15px;line-height:24px;color:#333333;font-weight:normal;}
.guide .guide-l ul li p span {color:#e85c21;font-weight:bold;font-size:17px;}
.guide .guide-l ul:after {line-height:0;font-size:0;content:"";height:0;clear:both;display:block;visibility:hidden;}
.guide .guide-r {float:right;margin-top:42px;margin-right:-70px;}
.guide:after {line-height:0;font-size:0;content:"";height:0;clear:both;display:block;visibility:hidden;}
.product {background-image:url("/images/pro-bg.jpg");background-size:auto auto;background-position:center top;background-repeat:no-repeat;background-repeat:repeat;padding-top:70px;padding-bottom:110px;}

/*title*/
h2.main_title { text-align:center; line-height:0; }
h2.main_title a { display:block; }
h2.main_title strong { display:block; font-size:42px; line-height:100%; color:#000; }
h2.main_title i { font-size:48px; vertical-align:-5px; font-weight:500; }
h2.main_title span { display:block; font-weight:normal; font-size:18px; line-height:100%; color:#000; margin-top:17px; }

.intro { padding-top:110px; padding-bottom:135px; }
.intro h2 span { margin-top:15px; }
.intro dl { margin:66px 0; height:316px; background:#f5f5f5; position:relative; }
.intro dl:after { position:absolute; content:""; width:153px; height:3px; background:#e85c21; top:48px; left:420px; }
.intro dt { width:475px; height:316px; float:left; line-height:0; }
.intro dt img { width:100%; }
.intro dd { width:calc(100% - 475px); float:right; box-sizing:border-box; padding:85px 103px 40px 84px; }
.intro dd p { font-size:16px; line-height:38px; color:#000; text-align:justify; }
.intro li { width:33.33%; float:left; height:108px; border-right:1px solid #dfdfdf; box-sizing:border-box; text-align:center; padding-top:6px; }
.intro li strong { display:inline-block; font-size:52px; line-height:100%; color:#e85c21; }
.intro li span { display:inline-block; font-size:16px; line-height:23px; color:#e85c21; font-weight:bold; width:27px; height:27px; border:2px solid #e85c21; border-radius:50%; box-sizing:border-box; vertical-align:top; }
.intro li b { display:inline-block; font-size:48px; line-height:100%; color:#e85c21; vertical-align:baseline; }
.intro li i { display:block; font-size:16px; line-height:100%; color:#142120; margin-top:14px; }
.intro li:first-child { border-left:1px solid #dfdfdf; }
/*
.intro li:nth-child(2) span { margin-left:-12px; }
.intro li:last-child span { width:52px; border-radius:13px; margin-left:-6px; }*/
  
  .pro_menu_ico{ background: url(/images/pro_menu_icon.png) no-repeat center top; width: 110px; min-height: 130px; padding-top: 45px; position: absolute; left: -110px; top: 200px;z-index:9 ; }
  .pro_menu_ico span{ background: #e85c21; display: block; font-size: 15px; line-height: 26px; color: #fff;padding-left: 10px; padding-right: 10px; padding-bottom: 15px; text-align: center;}

  .pro_menu{ background: #e85c21; width: 214px; position: absolute; left: -214px; top: 200px;z-index:10 ;}
  .pro_menu ul{ background: #fff; padding: 10px;}
  .pro_menu ul li{ position: relative; background-position: -14px center;}
  .pro_menu ul li.cur,.pro_menu ul li:hover{ background: #2a2a2a;}
  .pro_menu ul li.cur h3::before,.pro_menu ul li:hover h3::before{border: 2px solid #ffffff;}
  .pro_menu ul li.cur h3 a,.pro_menu ul li:hover h3 a{ color: #fff;}
  .pro_menu ul li.cur h3 a::before,.pro_menu ul li:hover h3 a::before{ background: url(/images/pro_menu_jt.png) no-repeat center center #fff; width: 18px; height: 18px; border-radius: 100%; }
  /*
  .pro_menu ul li::before{ content: ''; position: absolute; right:14px; top: 14px; border: 12px solid #dfe3e5; border-color: transparent; border-left-color: #dfe3e5;}
  */
  .pro_menu li p{ background:#f5f5f5; padding: 5px 0;}
  .pro_menu li p a{ display: block; font-size: 12px; color: #313638; background: url(/images/pro_pjt01.png) no-repeat 17px center; padding-left: 34px; line-height: 32px;}
  .pro_menu li p a.cur,.pro_menu li p a:hover{background: url(/images/pro_pjt.png) no-repeat 17px center; font-weight: bold;}
  .pro_menu h3{text-indent: 34px; position: relative; border-bottom: 1px solid #f5f5f5; }
  .pro_menu h3::before{ content: ''; position: absolute; left: 14px; top: 14px; width: 6px; height: 6px; display: block; border-radius: 100%; border: 2px solid #e85c21;}
  .pro_menu h3 a{ position: relative; font-size:14px; color: #2f383d;  line-height: 40px; display: block;   padding-right: 14px; }
  .pro_menu h3 a::before{ position: absolute; content: ''; width: 18px; height: 18px; right: 14px; top: 12px; background: url(/images/pro_menu_jt01.png) no-repeat center center;}
  .pro_menu h2{ text-align: center; display: block; font-size: 24px; line-height: 35px; color: #fff; line-height: 66px;}
  .pro_menu em{ background: url(/images/hand.png) no-repeat 167px center; display: block; height: 42px; padding: 18px;}
  .pro_menu em span{ font-size: 15px; line-height: 24px; color: #fff; font-weight: bold;}
  

  .product .product-l {margin-top:40px;float:left;width:576px;}
.product .product-l dt {width:576px;height:528px;overflow:hidden;display:block;line-height:0;background:url(/images/pro_bg.jpg) no-repeat center;}
.product .product-l dt img {-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;width:576px;height:528px;display:block;}
.product .product-l dt img:hover {-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}
.product .product-l dd {height:216px;background:#333;padding:30px 0 0 30px;box-sizing:border-box;position:relative;}
.product .product-l dd h4 a {font-size:20px;line-height:20px;color:#ffffff;font-weight:bold;display:block;}
.product .product-l dd .key {margin-top:10px;}
.product .product-l dd .key span {font-size:15px;line-height:30px;color:#ffffff;font-weight:normal;display:block;float:left;}
.product .product-l dd .key span:nth-of-type(odd) {width:310px;}
.product .product-l dd .key span:nth-of-type(even) {width:235px;}
.product .product-l dd .key:after {line-height:0;font-size:0;content:"";height:0;clear:both;display:block;visibility:hidden;}
.product .product-l dd i {font-size:15px;line-height:16px;color:#e85c21;font-weight:normal;font-style:normal;position:absolute;top:33px;left:341px;z-index:1;display:block;}
.product .product-l dd p {font-size:15px;line-height:24px;color:#c3c3c3;font-weight:normal;display:block;width:374px;margin-top:24px;}
.product .product-l dd em {position:absolute;right:-6px;width:160px;height:40px;background:#e85c21;text-align:center;bottom:10px;}
.product .product-l dd em a {font-size:18px;line-height:40px;color:#ffffff;font-weight:normal;display:block;transition:all 0.3s ease;}
.product .product-l dd em a:hover {text-indent:10px;}
.product .product-r {margin-top:40px;float:right;width:600px;}
.product .product-r ul li {margin-right:20px;float:left;background:#fff;position:relative;margin-bottom:20px;line-height:0;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;overflow:hidden; border:2px solid #dddddd; box-sizing:content-box;}
.product .product-r ul li.on{ border:2px solid #e85c21;}
.product .product-r ul li img {width:286px;height:286px;display:block;}
.product .product-r ul li:nth-of-type(2n) {margin-right:0;}
.product .product-r ul li img {-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;margin-bottom:72px;}
.product .product-r ul li h4 {position:absolute;left:0;bottom:0;font-size:22px;line-height:80px;color:#333333;font-weight:normal;width:100%;text-align:center;}
.product .product-r ul li:hover {box-shadow:0px 3px 10px 0px rgba(0,0,0,0.15);}
.product .product-r ul li:hover img {-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);}
.product:after {line-height:0;font-size:0;content:"";height:0;clear:both;display:block;visibility:hidden;}
/*板块标题*/  .bk-title {text-align:center;font-size:32px;line-height:32px;color:#333333;font-weight:normal;}
.bk-title a {color:#333;display:block;transition:all 0.5s ease;}
.bk-title a:hover {letter-spacing:1px;}
.bk-title em {display:inline-block;}
.bk-title em:before {content:"";display:inline-block;background-image:url("/images/bk-titl.png");background-size:55px 7px;background-position:center top;background-repeat:no-repeat;width:55px;height:7px;vertical-align:middle;margin-right:13px;}
.bk-title em:after {content:"";display:inline-block;background-image:url("/images/bk-titr.png");background-size:55px 7px;background-position:center top;background-repeat:no-repeat;width:55px;height:7px;vertical-align:middle;margin-left:13px;}
.bk-title span {display:block;font-size:16px;line-height:16px;color:rgba(51,51,51,0.6);font-weight:normal;margin-top:15px;}


  /*应用方案*/
.case{ background: url(/images/fa-bg.jpg) no-repeat center top; padding-top: 80px;}
.case .bk-title a{ color: #fff;}
.case .bk-title span{ color: #fff;}
.case_commend{ position: relative;margin-top: 48px;}
.case_commend .prev,.case_commend .next{ width: 52px; height: 52px; position: absolute; z-index: 999; font-size: 0; border: 1px solid #dbdbdb; border-radius: 100%; box-sizing: border-box; }
.case_commend .prev:hover,.case_commend .next:hover{border: 1px solid #e85c21;}
.case_commend .prev{background: url(/images/fa-left.png) no-repeat center; left: -82px; top: 50%; margin-top: -26px;}
.case_commend .next{background: url(/images/fa-right.png) no-repeat center; right: -82px; top: 50%; margin-top: -26px;}
.case_cmd{ background: #f5f5f5; }
.case_cmd dl{padding: 25px 42px 25px 25px;}
.case_cmd dt{ width: 698px; height: 392px; display: block; float: left;}
.case_cmd dt img{ width: 698px; height: 392px; display: block;}
.case_cmd dd{ width: 392px; float: right; position: relative; height:392px; }
.case_cmd dd h5{position: relative; padding-bottom: 22px; margin-top: 30px;}
.case_cmd dd h5 a{ display: block; font-size: 22px; color: #333; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.case_cmd dd h5::before{ position: absolute; left: 0; bottom: 0;  height: 4px; width: 30px; content: ''; background: #e85c21;}
.case_cmd dd em{ color: #333; font-size: 15px; display: block; line-height: 26px; margin-top: 20px;}
.case_cmd dd p{ line-height: 26px; color: #666666; font-size: 15px; margin-top: 20px; }
.case_cmd dd p strong{ color: #808080; font-weight: bold; display: block;}
.case_cmd dd  .more{ width: 100px;  height: 40px; line-height: 40px; display: block; background: #e85c21; color: #fff; text-align: center; font-size: 15px; position: absolute; right: 0; bottom: 0; transition: all 0.5s ease;}
.case_cmd dd  .more:hover{ text-indent: 5px; font-weight: bold; }

.case_list{ margin-top: 22px; padding-bottom: 84px;}
.case_list li{ float: left; margin-right: 14px; width: 290px; }
.case_list li a{ display: block; position: relative;}
.case_list li img{ width: 290px; height: 308px; display: block; transition: all 0.5s ease;}
.case_list li .bg img{ width:24px ; border: 2px solid #fff; margin: 0; height: 24px; left: 50%; margin-left: -23px; padding: 11px; border-radius: 100%; overflow: hidden; background: #e85c21; position: absolute; top: -23px;}
.case_list li .bg p{ display: none; padding: 0 22px; margin-top: 10px;}
.case_list li .bg i{ display: none;}
.case_list li .bg{ height: 92px; background: #f5f5f5; position: absolute; bottom: 0; text-align: center; width: 100%; transition: all 0.5s ease; }
.case_list li .bg span{ line-height: 92px; color: #333333; font-size: 15px; display: block;font-weight: bold;}

.case_list li a:hover .bg,.case_list li.cur a .bg{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.case_list li a:hover .bg span,.case_list li.cur a .bg span{ color: #fff; line-height: 36px; }
.case_list li a:hover .bg img,.case_list li.cur a .bg img{ position: static;border: none; margin: 40px auto 14px;}
.case_list a:hover .bg p,.case_list li.cur a .bg p{ color: #b3b3b4; display: block; line-height: 26px;}
.case_list a:hover .bg i,.case_list li.cur a .bg i{ text-align: center; display: block; margin-top: 20px; color: #b3b3b4;}

/*优势*/
.ys{ background: url(/images/ys-bg.jpg) no-repeat center 162px; min-height: 1047px;overflow: hidden;}
.ys .bk-title{ margin-top:74px;}
.ys_con{ padding-top: 130px;}
.ys_con dl{ padding-right: 52px; margin-bottom: 74px;}
.ys_con dl dt{ float: left; position: relative; z-index: 99;}
.ys_con dl dt img{ width: 626px; display: block;}
.ys_con dl dd{ float: right; width: 466px;}
.ys_con dd strong{ display: block; font-size: 66px; color: #333333; font-family: 'number'; letter-spacing: -2px; position: relative;}
.ys_con dd strong::before{ content: ''; position: absolute; left: 88px; bottom: 18px;  width: 428px; border-bottom: 1px solid #d0d0d0;}
.ys_con dd strong::after{content: ''; position: absolute; left: 88px; bottom: 17px;  width: 22px; border-bottom: 3px solid #e85c21; z-index: 2;}
.ys_con dd h5{ display: block; font-weight: normal; font-size: 22px; color: #333; line-height: 35px; margin-top: 5px; margin-bottom: 52px;}
.ys_con dd h5 i{ display: block; font-size: 12px; color: #999999; text-transform: uppercase; opacity: 0.3;  white-space: nowrap;}
.ys_con dd p{ font-size: 15px; line-height: 30px; color: #333333; background: url(/images/ys-jt.png) no-repeat left 10px; padding-left: 15px;}
.ys_con dd p b{ color: #e85c21;}

.ys_con .even dt{ float: right;}
.ys_con .even dd{ float: left;}

.ys_con .spac{ margin-top: -74px;}
.ys_con .spac dt{ width: 640px;}
.ys_con .spac dt img{ width: 1000px; display: block; margin-left: -360px;}
.ys_con .spac dd{ padding-top: 190px; width: 518px; margin-right: -52px; height: 467px; position: relative; }
.ys_con .spac dd span{ position: absolute; bottom: 0; right: 0;}
.ys_con .spac dd span a{ width: 150px; height: 48px; display: inline-block; line-height: 48px; position: relative; background: #e85c21; color: #fff; text-align: center; margin-left: 16px; margin-right: 16px;}
.ys_con .spac dd span .cur::after{ content: ''; width: 142px; height: 40px; position: absolute; border: 1px solid #f3a6a2; left: 19px; top: 3px; z-index: 9;}


/*新闻资讯*/
.news{  overflow: hidden;}
.news .bk-title{ margin-top: 74px;}
.news_lf{ float: left; width: 576px;}
.news_rt{ float:right;width: 576px;}

.news_con{ padding-top: 45px; padding-bottom: 40px;}
.news_con h3{ display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; position: relative; margin-bottom: 29px; }
.news_con h3 i{ float: right; background: url(/images/news-more.png) no-repeat center center; width: 20px; height: 50px; text-align: center; display: inline-block;}

.news_con h3 img{ display: inline-block; vertical-align: middle; margin-right: 14px;}
.news_con h3 a{ color: #808080; font-size: 22px; line-height: 49px; display: inline-block;  padding-right: 2px;}
.news_con h3 em{ display: inline-block; color: #808080; font-size: 15px; margin-left: 15px; font-weight: normal;}
.news_con .cur a,.news_con h3.cur em{ color: #ef584e;}
.news_con .cur a{border-bottom: 2px solid #ef584e; line-height: 50px;}
.news_con .cur i a{ display: block; width: 100%; height: 100%; border-bottom: none;}

.news_box dt{ float: left;}
.news_box dt img{ width: 206px; height: 155px;}
.news_box dl{ background: #f5f5f5; margin-bottom: 32px;}
.news_box dd{ float: left; width: 339px; padding: 15px;}
.news_box dd h5 { padding-bottom: 15px;  background: url(/images/dot.png) repeat-x left bottom; margin-bottom: 15px;}
.news_box dd h5 a{ display: block; font-size: 16px; color: #333333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  width:100%;}
.news_box dd p{ font-size: 14px; line-height: 21px; color: #666666;}
.news_box dd p a{ color: #666; display: inline-block; margin-left: 2px;}
.news_box dl:hover p a{ color: #ef584e;}

.news_box li{ line-height: 45px; background: url(/images/news_li_bg.png) repeat-x left bottom; padding-left: 22px; position: relative; height: 45px;}
.news_box li a{ display: inline-block; color: #333333; width: 460px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.news_box li:hover a{ color: #ef584e;}
.news_box li::before{ width: 3px; height: 3px; background: #000; position: absolute; left: 0; top: 21px; content: '';}
.news_box li i{ float: right;}
.news_box li:last-child{ background: none;}


/*宣传栏*/
.show_one{ position: relative; text-align: center;}
.show_one a{ display: inline-block; border-bottom: 5px solid #e1e1e1;}
.show_one img{ display: block; margin: 0 auto;}
.show_con{ position: absolute; top: 0; z-index: 2;left: 50%;margin-left: -600px; }
.show_con span{ position: absolute; right: 0; top: 0; z-index: 9; width: 240px; display: block; height: 100%; background: #e85c21; height: 160px;}
.show_con span img{ display: block; margin: 22px auto;}
.show_con span .btn{ line-height: 32px; padding: 0 20px; border: 1px solid #fff; color: #fff; text-align: center; display: inline-block; margin: 0 auto; font-size: 14px; font-weight: bold;}
.show_con span .btn:hover{ background: #fff; color: #e85c21;}

/*荣誉证书*/
.cer_show{ background: url(/images/cer_bg.jpg) no-repeat center top 100%;  position: relative;margin-top: 142px;overflow: hidden; padding-bottom: 40px;}
.cer_show .bk-title{ margin-top: 180px; margin-bottom: 30px;}
.cer_show .bk-title span{ color: #d1a5a6;}
.cer_con{ padding-bottom: 39px; background: url(/images/zhengshu_bg.png) no-repeat center bottom; text-align: center;}
.cer_con p{background: rgba(0,0,0,0.45);
  color: #fff;
  font-size: 16px;
  padding: 42px 24px;
  line-height: 36px;
  text-align: center;
  border-radius: 7px;}
  .cer_con a{ background: #e85c21;  display: inline-block; height: 42px; line-height: 42px; width: 180px; color: #fff; font-size: 22px; margin-top: 32px;}
  .cer_con a:hover{ opacity: 0.85;}
.cer_con img{ width: 1200px; height: 416px; display: block;}

/*快速通道*/
.express{padding-bottom: 90px;}
.express ul{ margin-top: 36px; }
.express ul li{  font-size: 0;}
.express ul li span{ line-height: 60px; background: #dedede; color: #393939; display: inline-block; font-size: 16px; font-weight: bold; width: 160px; text-align: center;vertical-align: top; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
.express li span em{ vertical-align: middle; position: relative; z-index: 99; width: 32px; height: 32px; overflow: hidden; margin-right: 10px; display: inline-block;}
.express li span em img{filter: drop-shadow(32px 0 #3a3a3a);-webkit-filter: drop-shadow(32px 0 #3a3a3a); margin-left: -64px;}
.express li p{ width: 934px; box-sizing: border-box; display: inline-block; padding-left: 20px; border: 1px solid #d7d7d7; border-bottom: none;  border-left: none;}
.express li:nth-child(4) p{ border-bottom: 1px solid #d7d7d7;}
.express li p a{ display: inline-block; margin-right: 24px; color: #666666; font-size: 14px; line-height: 60px;}
.express li p a:hover{ color: #e85c21; text-decoration: underline;}
.express ul li.cur span{ background: #e85c21; color: #fff; border-top: 1px solid #e85c21; border-bottom: 1px solid #e85c21;}
.express ul li.cur span em img{ margin-left: 0px;}
.express .bg img{ width: 187px; height: 176px; display: block; position: absolute; right: 16px; bottom: -44px; z-index: 99;}

.product_col{ clear: both; font-size: 0;padding-top: 32px;}
.product_col li{ width: 25%; display: inline-block; font-size: 0; text-align: left;}
.product_col li:last-child{ text-align: right;}
.product_col li a{ display: inline-block; width: 85%; background: #f5f5f5; color: #333; font-size: 22px;line-height: 46px;background: #fff; text-align: center;}
.product_col li a h4{ font-size: 22px; font-weight: normal; font-size: 22px;border: 2px solid #dedede;}
.product_col li a:hover{ background: #e85c21; color: #fff;}
.product_col li a:hover h4,.product_col li.more a h4{border: 2px solid #e85c21;}
.product_col li.more a{ background: #e85c21; color: #fff;}





