﻿



   















@media screen and (max-width:1199px){

    .homeNewDownLeft .video{ width: 425px;  margin-right: 0; }

    .homeNewDownLeft  .videoText{ padding-right: 46.77%;}

    .homeNewDownLeft  .videoText .videoCentent{ height: 180px; line-height: 30px; }

}

@media screen and (max-width:991px){

    .homeNewDownLeft{ width: 100%; }

    .homeNewDownLeft .video{ float: left; width: 100%; }

    .homeNewDownLeft  .videoText{ float: left; width: 100%; padding-right: 0;}

    .homeNewDownLeft  .videoText .videoTitle{ padding: 18px 0 12px 0;}

    .homeNewDownLeft  .videoText .videoCentent{ height: 112px; line-height: 28px;

        text-overflow:ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

    }

    .homeNewDownLeft  .videoText .videoBtn{ padding-top: 4.91%;}

}

@media screen and (max-width:767px){

    .homeNewDownLeft .video{  width: 100%; }

    .homeNewDownLeft .video .videoIco{ position: absolute; width: 50px; height: 50px; margin: -25px 0 0  -25px; }

    .homeNewDownLeft  .videoText{ float: left; width: 100%; padding-left: 0; padding-top: 4%;}

    .homeNewDownLeft  .videoText .videoTitle{ padding: 0 0 10px 0;}

    .homeNewDownLeft  .videoText .videoCentent{ height: 96px;  line-height: 24px;

        text-overflow:ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

    }

    .homeNewDownLeft  .videoText .videoTel{  padding: 11px 0 11px 0;}

    .homeNewDownLeft  .videoText .videoBtn a{  width: 90px; height: 30px; line-height: 30px; }

}



.homeNewDownRight{ padding-left: 798px;  padding-top:4.01%; }

.newRightTitle{ float: left; width: 100%; padding: 0 19px; background-color: #bcc436; height: 38px; line-height: 38px;}

.newRightTitle .newZuo{ float: left; color: #fff; font-size: 20px; font-weight: bold;}

.newRightTitle .newZuo span{ font-size: 16px; text-transform: uppercase;}

.newRightTitle .newRight{  float: right; color: #fff; font-size: 12px; text-transform: uppercase;}

.newRightTitle .newRight:hover{ text-decoration: underline;}

@media screen and (max-width:767px){

    .newRightTitle .newZuo{  font-size: 16px; }

    .newRightTitle .newZuo span{ font-size: 12px;}

}

.homeNewDownRight .nrList{float: left; width: 100%; padding-top: 22px;}

.homeNewDownRight .nrList ul{ height: 296px;}

.homeNewDownRight .nrList ul li{ float: left; width: 100%; line-height: 37px;  font-size: 14px; padding-right: 10px;}

.homeNewDownRight .nrList ul li a{color: #333333;}

.homeNewDownRight .nrList ul li a:hover{ color: #bcc436;}

@media screen and (max-width:1199px){

    .homeNewDownRight{ padding-left: 748px; }

}















.homeCooper{ float: right; width: 31.62%; padding: 0 1.28% 1.28% 1.28%; background: url("../images/main54.jpg") bottom center no-repeat; background-size: 100% auto;}

.homeCooperTitle{ border-left: #1f3b15 solid 4px; padding-left: 15px; }

.homeCooperTitle .cooperTop{ color: #1f3b15; font-size: 24px; line-height: 1; font-weight: bold;}

.homeCooperTitle .cooperTitDown{ padding-top: 8px; color: #666666; font-size: 18px; line-height: 1; text-transform: uppercase;}

@media screen and (max-width:767px){

    .homeCooperTitle{ border-left: #1f3b15 solid 2px; padding-left: 10px;}

    .homeCooperTitle .cooperTop{ font-size: 18px; }

    .homeCooperTitle .cooperTitDown{ padding-top: 8px; color: #666666; font-size: 14px; line-height: 1; text-transform: uppercase;}



}







.homeNew{ padding: 5.12% 0 4.01% 0;}

.homeNewLeft{ float: left; width: 65.81%;}

.new_top{ height: 52px; background-color: #f4f4f4;}

.new_top ul{ float:left; width: 100%;}

.new_top ul .lc1{ float: left; width: 126px; height: 52px; color: #333333; font-size: 16px; text-align: center; line-height: 52px;}

.new_top ul .lc1.on{ background-color: #1f3b15; color: #fff; font-weight: bold;}

@media screen and (max-width:991px){

    .homeNewLeft{ width: 100%;}

}

@media screen and (max-width:767px){

    .homeNew{ padding:4.12% 0 4.01% 0;}

    .new_top{ height: 42px;}

    .new_top ul .lc1{  width: 90px; height: 42px; font-size: 14px;  line-height: 42px;}

}







.new_down{}

.new_down .slideNew{ padding-top: 20px;}



.new_zuo{ float: left; width: 48.05%; margin-top: 20px;}

.new_zuo ul li{}

.new_zuo ul li .zuoPic{ overflow: hidden; width:100%; position:relative; padding-bottom:56.76%;}

.new_zuo ul li .zuoPic img{position:absolute ;left:0; top:0; width:100%;}

.new_zuo ul li .zuoPic .img6{ 

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    transition: -webkit-transform 2s;

    -ms-interpolation-mode:bicubic;

    transform: scale(1.09,1.09);

    -ms-transform: scale(1.09,1.09);

    -webkit-transform: scale(1.09,1.09);

    -o-transform: scale(1.09,1.09);

    -moz-transform: scale(1.09,1.09);

}

.new_zuo ul li:hover .zuoPic.img6{

    transform: scale(1,1);

    -ms-transform: scale(1,1);

    -webkit-transform: scale(1,1);

    -o-transform: scale(1,1);

    -moz-transform: scale(1,1);

}

.new_zuo ul li .zuoDown{ padding: 26px 0 14px 0; border-bottom: #e8e8e8 solid 1px;}

.new_zuo ul li .zuoDown .zuoTit{}

.new_zuo ul li .zuoDown .zuoTit .time{ float: left; width: 65px; height: 65px; padding: 2px 0 3px 0; text-align: center; background-color: #f1f1f1;

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -o-border-radius:4px;

}

.new_zuo ul li:hover .zuoDown .zuoTit .time{ background-color: #1f3b15;}

.new_zuo ul li .zuoDown .zuoTit .time .timeTop{ color: #292a2a; font-size: 18px; font-weight: bold; line-height: 36px; }

.new_zuo ul li:hover .zuoDown .zuoTit .time .timeTop{ color: #fff;}

.new_zuo ul li .zuoDown .zuoTit .time .timeLine{ padding: 0 7px; line-height: 0;}

.new_zuo ul li .zuoDown .zuoTit .time .timeLine span{ display: block; height: 1px; background-color: #e1e1e1; line-height: 0;}

.new_zuo ul li:hover .zuoDown .zuoTit .time .timeLine span{ background-color: #36b1ff;}

.new_zuo ul li .zuoDown .zuoTit .time .timeDown{ color: #787979; font-size: 14px; line-height: 23px;}

.new_zuo ul li:hover .zuoDown .zuoTit .time .timeDown{ color: #cde6ff;}

.new_zuo ul li .zuoDown .zuoTit .timeRight{ padding-left: 74px;}

.new_zuo ul li .zuoDown .zuoTit .timeRight h4{ float: left; width: 100%; height: 46px; margin-top: 11px; color: #1b1b1b; font-size: 14px; line-height: 23px; overflow: hidden;}

.new_zuo ul li:hover .zuoDown .zuoTit .timeRight h4{ color: #1f3b15;}

.new_zuo ul li .zuoDown p{ height: 46px; margin-top: 19px; color: #9b9b9b; font-size: 14px;  line-height: 23px; overflow: hidden;}

.new_zuo ul li .zuoDown .zuoMore{ padding-top: 19px;}

.new_zuo ul li .zuoDown .zuoMore span{ float: left; color: #3e3e3e; font-size: 12px; line-height: 23px;}

.new_zuo ul li .zuoDown .zuoMore span:hover{ color: #1f3b15;}

.new_zuo ul .owl-prev{ position: absolute; width: 19px; height: 35px; left: 0; top: 50%; margin-top: -124px; background: url("../images/main62.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden;}

.new_zuo ul .owl-next{ position: absolute; width: 19px; height: 35px; right: 0; top: 50%; margin-top: -124px; background: url("../images/main63.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden;}

@media screen and (max-width:767px){

    .new_zuo{ width: 100%; margin-top: 10px;}

    .new_zuo ul li .zuoDown{ padding: 10px 0 10px 0;}

    .new_zuo ul li .zuoDown p{ margin-top: 15px; }

    .new_zuo ul li .zuoDown .zuoMore{ padding-top: 15px;}

    .new_zuo ul .owl-prev{ margin-top: -109px; }

    .new_zuo ul .owl-next{ margin-top: -109px; }

}









.new_you{ float: right; width: 48.05%; margin-top: 18px;}

.new_you ul{ border-top: #e8e8e8 solid 1px;}

.new_you ul li{ border-bottom: #e8e8e8 solid 1px; padding: 20px 0;}

.new_you ul li .time{ float: left; width: 65px; height: 65px; padding: 2px 0 3px 0; text-align: center; background-color: #f1f1f1;

    border-radius:4px;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    -o-border-radius:4px;

}

.new_you ul li:hover .time{ background-color: #1f3b15;}

.new_you ul li .time .timeTop{ color: #292a2a; font-size: 18px; font-weight: bold; line-height: 36px; }

.new_you ul li:hover .time .timeTop{ color: #fff;}

.new_you ul li .time .timeLine{ padding: 0 7px; line-height: 0;}

.new_you ul li .time .timeLine span{ display: block; height: 1px; background-color: #e1e1e1; line-height: 0;}

.new_you ul li:hover .time .timeLine span{ background-color: #36b1ff;}

.new_you ul li .time .timeDown{ color: #787979; font-size: 14px; line-height: 23px;}

.new_you ul li:hover .time .timeDown{ color: #cde6ff;}

.new_you ul li .timeRight{ padding-left: 74px;}

.new_you ul li .timeRight h4{ float: left; width: 100%; height: 46px; margin-top: 11px; color: #1b1b1b; font-size: 14px; line-height: 23px; overflow: hidden;}

.new_you ul li:hover .timeRight h4{ color: #1f3b15;}

@media screen and (max-width:1199px){

    .new_you ul li{  padding: 15px 0;}

}

@media screen and (max-width:991px){

    .new_you ul li{ padding: 19px 0;}

}

@media screen and (max-width:767px){

    .new_you{ float: left; width: 100%; margin-top: 0;}

    .new_you ul{ border-top:0;}

    .new_you ul li{ padding: 10px 0;}

}



.homeQuestion{ float: right; width: 31.62%;}

.homeQuestionDown{ margin-top: 14px;}

.homeQuestionDown .questionTop{ border: #ebebeb solid 1px; margin-top: 10px; cursor: pointer;}

.homeQuestionDown .questionTop.on{ border-bottom: 0;}

.homeQuestionDown .questionTop .queMore{ float: right; width: 54px; height: 54px; background-color: #f4f4f4; padding: 22px 19px 22px 19px; line-height: 0;}

.homeQuestionDown .questionTop.on .queMore{ background-color: #1f3b15;}

.homeQuestionDown .questionTop .queMore .imgs{}

.homeQuestionDown .questionTop .queMore .imgd{ display: none;}

.homeQuestionDown .questionTop.on .queMore .imgs{ display: none;}

.homeQuestionDown .questionTop.on .queMore .imgd{ display: block;}

.homeQuestionDown .questionTop .queIco{ float: left; width: 20px; height: 18px; line-height: 0; margin: 20px 0 0 10px;}

.homeQuestionDown .questionTop .queDiwn{ padding: 0 54px 0 37px; }

.homeQuestionDown .questionTop .queDiwn .dotit{ float: left; width: 100%; color: #292929; font-size: 14px; line-height: 54px;}

.questionUnder{ display:none; border: #ebebeb solid 1px; border-top: 0; padding: 15px 15px 15px 37px;}

.questionUnder p{ height: 78px; color: #9b9b9b; font-size: 14px; line-height: 26px; overflow: hidden;}

.questionUnder p a{color: #9b9b9b;}

.questionUnder p a span{ color: #1f3b15;}

.questionUnder p a:hover span{ color: #bcc436;}

@media screen and (max-width:1199px){

    .homeQuestionDown .questionTop{ margin-top: 13px;}

    .homeQuestionDown .questionTop .queMore{ width: 44px; height: 44px;  padding: 17px 14px 18px 14px;}

    .homeQuestionDown .questionTop .queIco{  line-height: 0; margin: 15px 0 0 10px;}

    .homeQuestionDown .questionTop .queDiwn .dotit{ line-height: 44px;}

}

@media screen and (max-width:991px){

    .homeQuestion{ float: left; width: 100%; padding-top: 4.5%; }

}







/*homeFrend*/

.homeFrend{ padding: 0 0 3.84% 0;}

.homeFrendTitle{ border-bottom: #f4f4f4 solid 1px; }

.homeFrendTitle  span{ float: left; color: #666666; font-size: 18px; font-weight: bold; line-height: 2.66; border-bottom: #1f3b15 solid 3px;}

.homeFrendTitle  span em{ font-style: normal; color: #1f3b15; font-size: 14px; text-transform: uppercase;}

.homeFrendDown{ padding-top: 15px;}

.homeFrendDown a{ float: left; margin-right: 50px; color: #666666; font-size: 13px; line-height: 36px;}

.homeFrendDown a:hover{ color: #1f3b15;}

@media screen and (max-width:991px){

    .homeFrend{ display: none;}

}
















