* {
	/*box-sizing:content-box;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,li{ list-style-type:none;}
a{text-decoration:none;color:#000;}
*{margin: 0px;padding: 0px;font-size:14px; font-family: "微软雅黑", arial, Helvetica, sans-serif;}
li{list-style-type:none;}
h1,h2,h3,h4,h5{font-weight: 500;}
img{border:0px;max-width: 100%;display:inline-block;}

.clear:after{
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0;
}
.w1100{
	width: 1100px;
	margin: 0 auto;
}
.left{
	float: left;
}
.right{
	float: right;
}

table.hq_tb{
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0px;
  border-collapse:collapse;
}
table.hq_tb tr td{
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 32px;
  padding: 0 10px;
}


.flexslider{
  position: relative;
  height: 650px;
}
.flexslider .slides li{
  height: 650px;
}
.flexslider .slides li a{
  display: block;
  width: 100%;
  height: 100%;
}

/*top*/
.top .top1{
  height: 37px;
  border-bottom: 1px solid #e5e5e5;
}
.top .top1 .left p{
  font-size: 12px;
  line-height: 36px;
  color: #656565;
}
.top .top1 .right li{
  float: left;
  height: 36px;
  line-height: 36px;
  border-left: 1px solid #e5e5e5;
}
.top .top1 .right li:first-child{
  border-left: 0px;
}
.top .top1 .right li.top_code{
  padding-right: 20px;
}
.top .top1 .right li.top_code a{
  display: block;
  height: 100%;
  line-height: 1;
  padding-top: 10px;
}
.top .top1 .right li.top_collect{
  padding: 0 14px;
}
.top .top1 .right li.top_collect a{
  display: block;
  font-size: 13px;
  color: #d81719;
}
.top .top1 .right li.top_tel p{
  padding-left: 20px;
  background: url(../images/top_tel.png) no-repeat left center;
  color: #6e6e6e;
}
.top .top1 .right li.top_tel{
  padding-left: 20px;
}
.top .top2{
  height: 105px;
  padding-top: 25px;
}
.top .top2 .logo{
  float: left;
}
.top .top2 .nav{
  float: right;
  padding-top: 10px;
}
.top .top2 .nav li{
  position: relative;
  float: left;
  padding: 0 25px;
  padding-bottom: 25px;
}
.top .top2 .nav li:last-child{
  padding-right: 5px;
}
.top .top2 .nav li:after{
  content: "";
  position: absolute;
  right: 0px;
  bottom: 40px;
  width: 1px;
  height: 9px;
  background-color: #e0e0e0;
}
.top .top2 .nav li:last-child:after{
  display: none;
}
.top .top2 .nav li>a{
  display: block;
  line-height: 42px;
  font-size: 14px;
  color: #656565;
  border-top: 3px solid #fff;
  transition: all 0.3s;
}
.top .top2 .nav li>a:hover{
  border-top: 3px solid #db2214;
  color: #d81719;
}
.top .top2 .nav li .xl{
  display: none;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -50px;
  z-index: 999;
  background-color: rgba(255,255,255,1);
  width: 100px;
  padding: 5px 0;
  opacity: 0.85;
  text-align: center;
}
.top .top2 .nav li .xl dd a{
  display: block;
  font-size: 13px;
  line-height: 28px;
  color: #666;
  padding: 0 5px;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.top .top2 .nav li .xl dd a:hover{
  background-color: #d81719;
  color: #fff;
}
/* top end */

/* index */
.inmain_tl{
  text-align: center;
}
.inmain_tl h3{
  font-size: 28px;
  color: #56595a;
}
.inmain_tl h5{
  display: inline-block;
  position: relative;
  font-size: 18px;
  color: #5f6061;
}
.inmain_tl h5:before,.inmain_tl h5:after{
  position: absolute;
  top: 10px;
  left: -25px;
  content: "";
  width: 9px;
  height: 3px;
  background-color: #b9babc;
}
.inmain_tl h5:after{
  left: auto;
  right: -25px;
}

.inmain1{
  padding-top: 110px;
  margin-bottom: 90px;
}
.inmain1 .inmain_tl{
  margin-bottom: 50px;
}
.inmain1 ul{
  text-align: justify;
  text-align: end;
  text-align-last: justify;
  text-justify: distribute;
  margin-bottom: 35px;
}
.inmain1 ul li{
  display: inline-block;
}
.inmain1 ul li .inmain1_bg{
  width: 150px;
  height: 150px;
  border: 1px solid #e2e2e2;
  border-radius: 100%;
  transition: all 0.3s;
}
.inmain1 ul li .inmain1_bg_ico{
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 20px solid #fff;
  background: url(../images/inmain1_ico1.png) no-repeat center;
  transition: all 0.3s;
}
.inmain1 ul li:nth-child(1) .inmain1_bg_ico{
  background: url(../images/inmain1_ico1.png) no-repeat center;
}
.inmain1 ul li:nth-child(2) .inmain1_bg_ico{
  background: url(../images/inmain1_ico2.png) no-repeat center;
}
.inmain1 ul li:nth-child(3) .inmain1_bg_ico{
  background: url(../images/inmain1_ico3.png) no-repeat center;
}
.inmain1 ul li:nth-child(4) .inmain1_bg_ico{
  background: url(../images/inmain1_ico4.png) no-repeat center;
}
.inmain1 ul li:hover .inmain1_bg_ico{
  background-color: #dc2517 !important;
}
.inmain1 ul li:hover:nth-child(1) .inmain1_bg_ico{
  background: url(../images/inmain1_ico1a.png) no-repeat center;
}
.inmain1 ul li:hover:nth-child(2) .inmain1_bg_ico{
  background: url(../images/inmain1_ico2a.png) no-repeat center;
}
.inmain1 ul li:hover:nth-child(3) .inmain1_bg_ico{
  background: url(../images/inmain1_ico3a.png) no-repeat center;
}
.inmain1 ul li:hover:nth-child(4) .inmain1_bg_ico{
  background: url(../images/inmain1_ico4a.png) no-repeat center;
}
.inmain1 ul li h3{
  font-size: 14px;
  color: #56595a;
  text-align: center;
  text-align-last: center;
  margin-top: 15px;
  margin-bottom: 5px;
}
.inmain1 ul li p{
  font-family: "arial";
  font-size: 12px;
  color: #56595a;
  text-align: center;
  text-align-last: center;
}
.inmain1 a.more{
  display: block;
  width: 100px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
  background-color: #db2416;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  margin: 0 auto;
}
.inmain2{
  height: 800px;
  background: url(../images/inmain2_bg.jpg) no-repeat top 90px center;
}
.inmain2 .inmain2_top{
  height: 90px;
}
.inmain2 .inmain2_tl{
  float: left;
  width: 235px;
  height: 90px;
  padding: 20px 0 0 50px;
  background-color: #db2416;
}
.inmain2 .inmain2_tl h3{
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
.inmain2 .inmain2_tl h4{
  font-size: 18px;
  color: #fff;
}
.inmain2 .inmain2_more{
  float: left;
  width: 865px;
  padding: 40px 0 0 30px;
}
.inmain2 .inmain2_more h3{
  float: left;
  font-size: 18px;
  line-height: 26px;
  color: #4b4d4e;
}
.inmain2 .inmain2_more h3 span{
  font-size: 18px;
  font-weight: bold;
}
.inmain2 .inmain2_more a{
  display: block;
  float: right;
  width: 80px;
  height: 26px;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  color: #fff;
  border-radius: 25px;
  background-color: #db2416;
  text-align: center;
}
.inmain2 .inmain2_main .left{
  float: left;
  width: 235px;
  background-color: #fff;
  padding: 40px 10px 51px 25px;
}
.inmain2 .inmain2_main .left li{
  margin-bottom: 9px;
}
.inmain2 .inmain2_main .left li:last-child{
  margin-bottom: 0px;
}
.inmain2 .inmain2_main .left li h3{
  padding-right: 15px;
  margin-bottom: 7px;
}
.inmain2 .inmain2_main .left li h3 a{
  display: block;
  font-size: 14px;
  line-height: 36px;
  background-color: #4a4c4d;
  color: #fff;
  padding-left: 16px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}
.inmain2 .inmain2_main .left li:nth-child(n+2) h3 a{
  font-size: 13px;
}
.inmain2 .inmain2_main .left li h3 a:hover{
  background-color: #db2416;
}
.inmain2 .inmain2_main .left dl dd a{
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 28px;
  color: #4c4c4c;
  padding-left: 15px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}
.inmain2 .inmain2_main .left dl dd a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background-color: #ccc;
  border-radius: 100%;
}
.inmain2 .inmain2_main .left dl dd a:hover{
  color: #db2416;
}
.inmain2 .inmain2_main .right{
  float: right;
  width: 835px;
  padding-top: 40px;
}
.inmain2 .inmain2_main .right ul li{
  float: left;
  width: 260px;
  height: 260px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  margin-right: 27.5px;
  margin-bottom: 25px;
  text-align: center;
}
.inmain2 .inmain2_main .right ul li:nth-child(3n){
  margin: 0px;
}
.inmain2 .inmain2_main .right ul li a{
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 30px;
}
.inmain2 .inmain2_main .right ul li img{
  display: inline-block;
  width: 200px;
  height: 180px;
  margin-bottom: 10px;
}
.inmain2 .inmain2_main .right ul li h3{
  color: #262626;
  font-size: 13px;
  transition: all 0.3s;
	  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.inmain2 .inmain2_main .right ul li a:hover h3{
  color: #db2416;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.inmain3{
  height: 550px;
  background: url(../images/inmain3_bg.jpg) no-repeat center;
  padding-top: 100px;
}
.inmain3 .inmain_tl{
  margin-bottom: 60px;
}
.inmain3 .inmain_tl h3{
  color: #fff;
}
.inmain3 .inmain_tl h5{
  color: #fff;
}
.inmain3 .inmain_tl h5:before,.inmain3 .inmain_tl h5:after{
  background-color: #fff;
}
.inmain3 ul{
  text-align: justify;
  text-align: end;
  text-align-last: justify;
  text-justify: distribute;
}
.inmain3 ul li{
  display: inline-block;
}
.inmain3 ul li .ico{
  width: 140px;
  height: 160px;
  background: url(../images/inmain3_ico1.png) no-repeat center;
  margin-bottom: 20px;
  transition: all 0.3s;
}
.inmain3 ul li:nth-child(1) .ico{
  background: url(../images/inmain3_ico1a.png) no-repeat center;
}
.inmain3 ul li:nth-child(2) .ico{
  background: url(../images/inmain3_ico2a.png) no-repeat center;
}
.inmain3 ul li:nth-child(3) .ico{
  background: url(../images/inmain3_ico3a.png) no-repeat center;
}
.inmain3 ul li:nth-child(4) .ico{
  background: url(../images/inmain3_ico4a.png) no-repeat center;
}
.inmain3 ul li:nth-child(5) .ico{
  background: url(../images/inmain3_ico5a.png) no-repeat center;
}
.inmain3 ul li:nth-child(1) .ico{
  background: url(../images/inmain3_ico1.png) no-repeat center;
}
.inmain3 ul li:nth-child(2) .ico{
  background: url(../images/inmain3_ico2.png) no-repeat center;
}
.inmain3 ul li:nth-child(3) .ico{
  background: url(../images/inmain3_ico3.png) no-repeat center;
}
.inmain3 ul li:nth-child(4) .ico{
  background: url(../images/inmain3_ico4.png) no-repeat center;
}
.inmain3 ul li:nth-child(5) .ico{
  background: url(../images/inmain3_ico5.png) no-repeat center;
}
.inmain3 ul li:hover:nth-child(1) .ico{
  background: url(../images/inmain3_ico1a.png) no-repeat center;
}
.inmain3 ul li:hover:nth-child(2) .ico{
  background: url(../images/inmain3_ico2a.png) no-repeat center;
}
.inmain3 ul li:hover:nth-child(3) .ico{
  background: url(../images/inmain3_ico3a.png) no-repeat center;
}
.inmain3 ul li:hover:nth-child(4) .ico{
  background: url(../images/inmain3_ico4a.png) no-repeat center;
}
.inmain3 ul li:hover:nth-child(5) .ico{
  background: url(../images/inmain3_ico5a.png) no-repeat center;
}
.inmain3 ul li h3{
  text-align: center;
  text-align-last: center;
  color: #fff;
  font-size: 15px;
  transition: all 0.3s;
}
.inmain3 ul li:hover h3{
  color: #dc2517;
}

.inmain4{
  padding-top: 80px;
  padding-bottom: 75px;
}
.inmain4 .inmain_tl{
  margin-bottom: 50px;
}
.inmain4 .left{
  float: left;
  width: 47%;
  height: 300px;
  margin-right: 2%;
  background-color: #f0f0f0;
  padding: 5px;
  border-bottom: 3px solid #e6e6e6;
}
.inmain4 .left img{
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.inmain4 .left p{
  color: #828282;
  font-size: 12px;
  line-height: 24px;
  padding: 0 12px;
  margin-bottom: 10px;
}
.inmain4 .left a{
  display: block;
  width: 80px;
  text-align: center;
  font-weight: bold;
  line-height: 27px;
  color: #fff;
  background-color: #db2416;
  border-radius: 20px;
  margin-left: 12px;
  margin-bottom: 13px;
}
.inmain4 .right{
  float: right;
  width: 51%;
  height: 300px;
}
.inmain4 .right{
  background-color: #e5e5e5;
}
.inmain4 .right ul li{
  float: left;
  width: 50%;
  height: 150px;
  text-align: center;
}
.inmain4 .right ul li a{
  display: block;
  padding-top: 35px;
  height: 100%;
}
.inmain4 .right ul li:nth-child(2),.inmain4 .right ul li:nth-child(3){
  background-color: #d5d5d5;
}
.inmain4 .right ul li img{
  margin-bottom: 5px;
}
.inmain4 .right ul li h3{
  color: #272636;
  font-size: 14px;
}

.inmain5{
  padding: 65px 0 50px;
  background: url(../images/inmain2_bg.jpg) no-repeat center;
}
.inmain5 .innews{
  width: 700px;
  background-color: #fff;
  padding: 40px 35px;
  border: 1px solid #e9e9e9;
}
.inmain5 .innews ul li:nth-child(1){
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ececec;
}
.inmain5 .innews ul li a{
  position: relative;
  display: block;
  padding-left: 160px;
}
.inmain5 .innews ul li a h5{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #4a4c4d;
  transition: all 0.3s;
}
.inmain5 .innews ul li a span{
  font-size: 14px;
  line-height: 24px;
  color: #2e2f30;
}
.inmain5 .innews ul li a h3{
  font-size: 14px;
  color: #2e2f30;
  margin-bottom: 10px;
}
.inmain5 .innews ul li a p{
  color: #8a8a8a;
  font-size: 12px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.inmain5 .innews ul li a h4{
  font-size: 13px;
  font-weight: bold;
  color: #dc2517;
}
.inmain5 .innews ul li a:hover h5{
  background-color: #dc2517;
}

.inmain5 .inabout{
  width: 375px;
  height: 385px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  padding: 30px 25px 0 25px;
}
.inmain5 .inabout h3{
  font-size: 18px;
  color: #4a4b4c;
  margin-bottom: 15px;
}
.inmain5 .inabout h3 span{
  font-size: 16px;
  font-family: "arial";
}
.inmain5 .inabout img{
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.inmain5 .inabout p{
  font-size: 12px;
  line-height: 24px;
  color: #6d6d6d;
  margin-bottom: 8px;
}
.inmain5 .inabout a{
  display: block;
  width: 80px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #fff;
  background-color: #db2416;
  border-radius: 20px;
}
/* index end */

/*foot*/
.foot{
  background-color: #373838;
}
.foot .foot1{
  height: 250px;
  padding-top: 55px;
}
.foot .foot_code{
  float: left;
  margin-right: 55px;
}
.foot .foot_code img{
  display: block;
  border: 11px solid #5b5e5e;
  margin-bottom: 10px;
}
.foot .foot_code h3{
  text-align: center;
  color: #9d9d9d;
  font-size: 16px;
}
.foot .foot1 ul{
  float: left;
}
.foot .foot1 ul li{
  float: left;
  margin-right: 50px;
}
.foot .foot1 ul li:last-child{
  margin-right: 0px;
}
.foot .foot1 ul li h3{
  margin-bottom: 10px;
}
.foot .foot1 ul li h3 a{
  display: block;
  color: #fff;
}
.foot .foot1 ul li dd a{
  display: block;
  color: #676a6a;
  font-size: 12px;
  line-height: 24px;
}
.foot .foot1 ul li dl p{
  display: block;
  color: #676a6a;
  font-size: 12px;
  line-height: 24px;
}
.foot .foot2{
  height: 45px;
  background-color: #313232;
}
.foot .foot2 p{
  line-height: 45px;
  color: #4e5050;
  font-size: 12px;
}
.foot .foot2 p span{
  float: right;
  font-size: 12px;
}
/*foot end*/

/*page_ban*/
.page_ban{
  height: 310px;
  background-color: #ccc !important;
}
/*page_ban end*/

/*page_main*/
.page_main{
  margin-bottom: 30px;
}
.page_main .left{
  width: 230px;
  margin-right: 35px;
}
.page_main .left .pamain_main1{
  margin: 25px 0;
}
.page_main .left .pamain_main1 h3{
  color: #232323;
  font-size: 26px;
  line-height: 28px;
}
.page_main .left .pamain_main1 h3 a{
  display: inline-block;
  vertical-align: top;
}
.page_main .left .pamain_main1 h3 span{
  float: left;
  display: block;
  height: 28px;
  line-height: 28px;
  width: 28px;
  color: #fff;
  font-weight: bold;
  background-color: #d6d6d6;
  text-align: center;
  font-family: "宋体";
  margin-right: 12px;
  transition: all 0.3s;
}
.page_main .left .pamain_main1 h3 a:hover span{
  background-color: #d81719;
}
.page_main .left .pamain_main2{
  margin-bottom: 30px;
}
.page_main .left .pamain_main2 li{
  margin-bottom: 3px;
}
.page_main .left .pamain_main2 li a{
  position: relative;
  display: block;
  border: 1px solid #e1e1e1;
  color: #555555;
  font-size: 14px;
  line-height: 38px;
  padding-left: 15px;
  transition: all 0.3s;
}
.page_main .left .pamain_main2 li a:before{
  content: ">";
  position: absolute;
  left: 0px;
  color: #fff;
  font-family: "宋体";
  opacity: 0;
  transition: all 0.3s;
}
.page_main .left .pamain_main2 li a:hover,.page_main .left .pamain_main2 li.on a{
  color: #fff;
  background-color: #d81719;
  border: 1px solid #d81719;
  padding-left: 40px;
}
.page_main .left .pamain_main2 li a:hover:before,.page_main .left .pamain_main2 li.on a:before{
  left: 20px;
  opacity: 1;
}
.page_main .left .pamain_main3{
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
  padding: 50px 0 135px;
  background: url(../images/pamain_left_pic1.jpg) no-repeat right bottom;
}
.page_main .left .pamain_main3 h3{
  border-left: 6px solid #d81719;
  padding-left: 22px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #535353;
  margin-bottom: 55px;
}
.page_main .left .pamain_main3 ul{
  padding: 0 25px;
}
.page_main .left .pamain_main3 ul li:nth-child(-n+2){
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.page_main .left .pamain_main3 ul li h4{
  font-size: 14px;
  color: #202020;
}
.page_main .left .pamain_main3 ul li p{
  font-size: 14px;
  color: #202020;
}
.page_main .right{
  float: right;
  width: 835px;
  padding-top: 25px;
}
.page_main .right .location{
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 6px;
  margin-bottom: 21px;
}
.page_main .right .location h3{
  float: left;
  font-size: 16px;
  color: #737373;
}
.page_main .right .location span{
  float: right;
  display: block;
  color: #bbbbbb;
  font-size: 14px;
  line-height: 20px;
}
.page_main .right .location span a{
  display: inline-block;
  color: #bbbbbb;
  transition: all 0.3s;
}
.page_main .right .location span a:hover{
  color: #d81719;
}
/*page_main end*/

/*about*/
.page_main .right .about{
  background-color: #f3f3f3;
  padding: 40px 30px;
}
.page_main .right .about p{
  color: #202020;
  font-size: 14px;
  line-height: 24px;
}
.page_main .right .pamain_con .pamain_about_tl{
  margin-bottom: 40px;
}
.page_main .right .pamain_con .pamain_about_tl h3{
  color: #4c4c4c;
  font-size: 25px;  
}
.page_main .right .pamain_con .pamain_about_tl span{
  color: #c4c4c4;
  font-size: 12px;
  font-family: "arial";
}
.page_main .right .about_img{
  margin: 20px 0;
}
.page_main .right .about_main2{
  background-color: #f3f3f3;
  padding: 40px 30px;
}
.page_main .right .about_main2 p{
  color: #202020;
  font-size: 14px;
  line-height: 24px;
}
/*about end*/

/*news*/
.news_li li{
  margin-bottom: 30px;
}
.news_li li a:after{
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0;
}
.news_li li a{
  display: block;

}
.news_li li .date{
  background-color: #aaa;
  float: left;
  padding: 10px;
  width: 80px;
  height: 80px;
  text-align: center;
  transition: all 0.3s;
}
.news_li li .date h4{
  font-size: 32px;
  line-height: 42px;
  color: #fff;
}
.news_li li .date h5{
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.news_li li .text{
  /*display: inline-block;*/
  padding-left: 100px;
  padding-right: 10px;
  transition: all 0.3s;
}
.news_li li .text h3{
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.news_li li .text p{
  font-size: 14px;
  line-height: 24px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_li li a:hover .date{
  background-color: #d81719;
}
.news_li li a:hover .text{
  padding-left: 110px;
  padding-right: 0px;
}
.news_li li a:hover .text h3{
  color: #d81719;
}

.news .news_tl{
  text-align: center;
  margin-bottom: 20px;
}
.news .news_tl h3{
  font-size: 24px;
  color: #222;
  margin-bottom: 15px;
}
.news .news_tl span{
  display: block;
  font-size: 14px;
  color: #999;
}
.news .news_con{
  margin-bottom: 20px;
}
.news .news_con p{
  color: #777;
  font-size: 14px;
  line-height: 28px;
}
.news .fy{
  border-top: 1px dashed #ccc;
  margin-bottom: 30px;
  padding-top: 10px;
}
.news .fy p{
  line-height: 24px;
  color: #555;
}
.news .fy p a{
  display: inline-block;
  color: #555;
  transition: all 0.3s; 
}
.news .fy p a:hover{
  display: inline-block;
  color: #d81719;
}
/*news end*/

/*product*/
.pro_li ul li{
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 25px;
}
.pro_li ul li:nth-child(3n){
  margin-right: 0px;
}
.pro_li ul li a{
  display: block;
  border: 1px solid #e5e5e5;
}
.pro_li ul li .pic{
  position: relative;
}
.pro_li ul li .pic:after{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: all 0.3s;
}
.pro_li ul li img{
  display: block;
  width: 100%;
}
.pro_li ul li h3{
  text-align: left;
  padding: 0 35px 0 15px;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #262626;
  background: url(../images/proli_jt.png) no-repeat right 15px center;
  background-color: #f1f1f1;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.pro_li ul li a:hover .pic:after{
  opacity: 0.3;
}
.pro_li ul li a:hover h3{
  color: #fff;
  background: url(../images/proli_jta.png) no-repeat right 15px center;
  background-color: #d81719;
}
.pro_main .pro_top{
  margin-bottom: 30px;
}
.pro_main .pro_top .pro_img{
  float: left;
  width: 325px;
  height: 325px;
  line-height: 310px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  text-align: center;
}
.pro_main .pro_top .pro_img img{
  display: inline-block;
  vertical-align: middle;
}
.pro_main .pro_top .pro_data{
  float: right;
  width: 440px;
  margin-right: 30px;
}
.pro_main .pro_top .pro_data h3{
  font-size: 18px;
  color: #dc1919;
  line-height: 32px;
  border-bottom: 1px solid #dc1919;
  margin-bottom: 5px;
}
.pro_main .pro_top .pro_data h4{
  font-size: 14px;
  color: #777;
  line-height: 28px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.pro_main .pro_top .pro_data ul{
  padding-bottom: 10px;
  border-bottom: 1px dashed #e1e1e1;
  margin-bottom: 5px;
}
.pro_main .pro_top .pro_data ul li{
  line-height: 30px;
  font-size: 12px;
  color: #888;
  background: url(../images/promain_ico1.jpg) no-repeat left center;
}
.pro_main .pro_top .pro_data ul li:nth-child(1){
  padding-left: 25px;
  background: url(../images/promain_ico1.jpg) no-repeat left center;
}
.pro_main .pro_top .pro_data ul li:nth-child(2){
  background: url(../images/promain_ico2.jpg) no-repeat left center;
}
.pro_main .pro_top .pro_data ul li:nth-child(3){
  background: url(../images/promain_ico3.jpg) no-repeat left center;
}
.pro_main .pro_top .pro_data ul li:nth-child(4){
  background: url(../images/promain_ico4.jpg) no-repeat left center;
}
.pro_main .pro_top .pro_data ul li a{
  display: inline-block;
  font-size: 12px;
  color: #666;
  padding-left: 25px;
}
.pro_main .pro_top .pro_data ul li a:hover{
  color: #dc1919;
}
.pro_main .pro_content .pro_content_tl{
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.pro_main .pro_content .pro_content_tl h3{
  width: 105px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #4f4f4f;
}
.pro_main .pro_content .pro_content_main{
  padding: 0 15px;
}
.pro_main .pro_content .pro_content_main p{
  color: #5e5e5e;
  font-size: 12px;
  line-height: 28px;
}
/*product end*/

/*photo*/
.photo_li{
  margin-bottom: 30px;
}
.photo_li li{
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.photo_li li:nth-child(3n){
  margin-right: 0px;
}
.photo_li li a{
  display: block;
  border: 1px solid #ccc;
  transition: all 0.3s;
}
.photo_li li .pic{
  text-align: center;
  font-size: 0px;
}
.photo_li li .pic img{
  display: inline-block;
}
.photo_li li h3{
  background-color: #999;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.photo_li li a:hover{
  border: 1px solid #d81719;
}
.photo_li li a:hover h3{
  background-color: #d81719;
}
/*photo end*/

/*down*/
.downlist li{
  margin-bottom: 15px;
}
.downlist li a{
  display: block;
  border-bottom: 1px dashed #ccc;
  transition: all 0.3s;
  /*padding: 5px 0;*/
}
.downlist li a h3{
  float: left;
  font-size: 15px;
  line-height: 32px;
  color: #444;
  transition: all 0.3s;
  padding-left: 20px;
  background: url(../images/down_ico.png) no-repeat left bottom;
}
.downlist li a span{
  float: right;
  line-height: 32px;
  color: #888;
}

.downlist li a:hover h3{
  color: #d81719;
  background-position: left top;
}
/*down end*/


/* product  xgcp*/

.xgcp { width: 100%; margin: 30px 0 0 0; }
.xgcp h4{  line-height: 32px; text-indent: 8px; color: #C82426; font-size: 18px;  font-weight: bold; }
.xgcp ul{ width: 100%; }
.xgcp li{ float:left;  margin: 0 10px; width: calc( 100% / 4 - 20px );}
.xgcp li img{ width: 100%; border:1px solid #ccc; }
.xgcp li span{ display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 本例子css */
		.picMarquee-left{ overflow:hidden; position:relative;     }
		.picMarquee-left .hd{ overflow:hidden;  height:36px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc;}
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }

/*   liuyan  */


.ly h1{ font-weight:normal; text-align: center; padding: 10px 0 20px 0;  font-size: 24px; font-weight: bold;}
.ly h1 span{ padding: 0 0 0 20px;}
.ly{ width:calc(100%); background: #fff; padding: 75px 75px;}
.ly .inp { width: calc(100% / 2 - 83px); float: left; margin: 0 83px 0 0;}
.ly .inp:nth-child(5){ width: 100%; }
.ly .inp:nth-child(5) input{width: calc(100% / 2 - 83px); float:left}
.ly .inp:nth-child(5) img{ float:left}
.ly .inp:nth-child(6){ width:  calc(100% - 83px);}
.ly .inp span{float: left;    padding: 10px 0;    line-height: 1.5;    width: 100%;    color: #5a5a5a; font-size: 14px;}
.ly .inp i{color: #f00;    line-height: 100%;    padding-left: 3px;}
.ly .inp input{    height: 48px;    line-height: 48px;border: 1px solid #dedede;    font-size: 12px;    text-indent: 5px; width: 100%;}
.ly textarea{ width: calc(100% );}
.ly button{    padding: 10px 30px;    border: 0;    border-radius: 7px;    margin: 30px auto;    display: block; color: #fff; background: #ccc; width:  160px}
.ly button:hover{ background: #fb414c;}



/*  job  */
.job_list li{position: relative; margin: 0 0 30px;}
.job_list h3{font-size: 20px;    text-indent: 24px;    background: #ccc;    line-height: 48px; }
.job_list li.on h3{ background: #fb414c; color: #Fff; }
.job_list li.on a{ background: #fff; color: #fb414c; }
.job_list h3 span{line-height: 38px;    display: initial;    margin: 0 0 0 180px;}
.job_list a{ position: absolute; top: 8px ; right:50px;line-height:32px;     display: block; background: #fb414c; padding: 0 20px; color: #fff; text-align: center;}

.job_nei{ background: #f5f4f4; padding: 20px 0 40px;}
.job_nei li{text-indent: 20px;    line-height: 38px;    float: left;    width: 25%;}
.job_nei li.cont{      width: 100%; line-height: 24px; margin: 10px 0 0 0;  padding: 0 20px; }



/*  mo_footer  */


.mo_footer{ display: none; }
.mo_header{ display: none; }
.inmain2 .inmain_tl{ display: none; }