@charset "utf-8";


.head{width:100%;left:0;top:0;z-index:99999; background:#fff; height:95px;}

.head .head-top{padding:14px 0;background:#f2f2f2}

.head .head-top .content{display:flex;justify-content:space-between}

.head .head-top .content .head-top-left{display:flex}

.head .head-top .content .head-top-left .logo{margin-left:100px}

.head .head-top .content .head-top-left .logo a img{max-width:100%}

.head .head-top .content .head-top-left .head-con{display:flex;margin-right:50px}

.head .head-top .content .head-top-left .head-con .icon{text-align:center;line-height:20px;margin-right:12px}

.head .head-top .content .head-top-left .head-con .icon:hover{color:#0460A0}

.head .head-top .content .head-top-left .head-con .con{line-height:20px;color:#666;font-size:15px}

.head .head-top .content .head-top-left .head-con .con a{color:#666}

.head .head-top .content .head-top-left .head-con .con a:hover{color:#0460A0}

.head .head-top .content .head-top-right .language{position:relative}

.head .head-top .content .head-top-right .language:hover .sanjiao{transition:all .3s;transform:rotate(180deg)}

.head .head-top .content .head-top-right .language:hover .langu-dis{display:block}

.head .head-top .content .head-top-right .language .langu{color:#666;display:flex;line-height:20px}

.head .head-top .content .head-top-right .language .langu .img{text-align:center;line-height:17px}

.head .head-top .content .head-top-right .language .langu .con{color:#666;margin:0 6px;text-transform:uppercase}

.head .head-top .content .head-top-right .language .langu i{line-height:20px}

.head .head-top .content .head-top-right .language .langu-dis{position:absolute;z-index:999;display:none}

.head .head-top .content .head-top-right .language .langu-dis ul li{text-indent:10px;padding:10px 0;background:#fff;border-bottom:1px solid #ccc;line-height:20px}

.head .head-top .content .head-top-right .language .langu-dis ul li a{color:#0460A0}

.head .head-top .content .head-top-right .language .langu-dis ul li a:hover{color:#333}

.head .head-top .content .head-top-right .language .langu-dis ul li a img{width:20px;margin-right:10px}

.head .head-nav{width:100%;background:#fff;box-shadow:0 0 0px 0 #ebebeb}

.head .head-nav .content{/*display:flex;justify-content:space-between;*/ padding:0px 2%; max-width:1680px; margin:0px auto;}

.head .head-nav .content .logo{padding:8px 0 0; float:left; }
.nav-list { float:right;}





.head .head-nav .content .logo img { height:80px;}
.head .head-nav .content .nav-list .nav-ul{display:flex; height:100%;}

.head .head-nav .content .nav-list .nav-ul>li.ios{position:relative;}


.head .head-nav .content .nav-list .nav-ul>li .ul{position:absolute;top:100%;left:0;z-index:999;min-width:110px;float:left;display:none;border-top:0;background:#fff;border-top:0px solid #0460a0; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);padding:22px 0px 10px 0px;}

.head .head-nav .content .nav-list .nav-ul>li .ul.ons li{width:50%;float:left}

.head .head-nav .content .nav-list .nav-ul>li .ul li{width:100%;margin:0;padding:0;text-align:left;white-space:nowrap;position:relative;margin-bottom:10px}

.head .head-nav .content .nav-list .nav-ul>li .ul li a{font-weight:normal;font-size:17px; text-align:left;color:#000; width:82%; margin:0px 5%; line-height:35px; padding-left:8%; display:block;}

.head .head-nav .content .nav-list .nav-ul>li .ul li a i{display:block;width:3px;height:18px;position:absolute;left:0;top:11px;background:#0460A0;opacity:0}

.head .head-nav .content .nav-list .nav-ul>li .ul li a:hover{border:none;color:#fff; background:#0460A0;}

.head .head-nav .content .nav-list .nav-ul>li .ul li a:hover i{opacity:1}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul{width:700px;max-width:700px;z-index:200;position:absolute;left:350px;top:100%;background:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:none;overflow:hidden;text-align:left;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding:22px 0;background:#fff;border-top:0px solid #0460A0}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .boxs{padding:0 20px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.ons{max-height:10000px;box-shadow:0 0 10px rgba(0,0,0,0.2)}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .li-lists{width:45%}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .lis-boxs{width:52%}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul.onss .lis-boxs .lists .ul-boxs{width:100%}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists{display:block;width:20%;float:left;padding-bottom:30px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a{border-bottom:1px solid #fff;font-size:16px;background:#f3f3f3;padding:8px 20px;line-height:22px;display:block;cursor:pointer; border-radius:0px; margin-bottom:10px;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a a{color:#000; font-size:17px;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a:hover{background:#0460A0}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a:hover a{color:#fff}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a.active{background:#0460A0}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .li-lists .lists-a.active a{color:#fff}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs{width:34%;float:right;overflow:hidden;background:#fafafa;margin-top:20px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs.bgs{background:none}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs.ons{height:132px;line-height:132px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs img{max-width:100%}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .thumbs.tops{margin-top:64px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs{float:right;width:66%;padding-left:10px;border-left:1px solid #0460A0;min-height:280px}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists{display:block;width:100%;height:0;overflow:hidden}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists .ul-boxs{width:50%;float:left;display:flex;flex-wrap:wrap;justify-content:space-between}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists .ul-boxs .lists-a{width:78%;font-size:15px;color:#414141;line-height:24px;padding:8px 15px;border-bottom:1px solid #dbdbdb;display:block; font-family:ml; font-weight:400;}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists .ul-boxs .lists-a:hover{color:#0460A0}

.head .head-nav .content .nav-list .nav-ul>li>.home-pro-ul .lis-boxs .lists.active{height:auto}

.head .head-nav .content .nav-list .nav-ul>li>a{display:block;padding:30px 2px;transition:all .3s;box-sizing:border-box;font-size:17.5px; font-weight:700; color:#4c4c4c; margin:0px 0px 0px 0px; letter-spacing:0px; font-weight:400; border-radius:0px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

.head .head-nav .content .nav-list .nav-ul>li>a:hover{color:#fff; background:#0460A0; border-bottom:0px solid #0460A0; }


.head .head-nav .content .nav-list .nav-ul>li.ios.active{color:#fff; background:#0460A0; border-bottom:0px solid #0460A0; }
 
 .head .head-nav .content .nav-list .nav-ul>li.ios.active a { color:#fff;}
.head .head-nav .content .nav-list .nav-ul>li>a.ios{position:relative}

.head .head-nav .content .nav-list .nav-ul>li.nav-active>a{color:#0460A0;border-bottom:0px solid #0460A0; background:; color:#0460A0; font-weight:900;   }

.head .head-nav .content .search-box{padding:22px 0 0px 10px; float:right;}
.head .head-nav .content .search-boxa {padding:35px 0;}
.head .head-nav .content .search-boxa .sou { border:1px solid rgba(0,0,0,.1); border-radius:25px; overflow:hidden;}
.head .head-nav .content .search-box.ons .search-icon .s1{display:none}

.head .head-nav .content .search-box.ons .search-icon .s2{display:inline-block}

.head .head-nav .content .search-box .forms{height:100%;position:relative}

.head .head-nav .content .search-box .forms .forms-boxs{height:100%}

.head .head-nav .content .search-box .forms .main{height:100%}

.head .head-nav .content .search-box .forms .main form{height:100%;z-index:6}

.head .head-nav .content .search-box .forms .main form input{z-index:6;text-indent:18px;width:260px;height:100%;border-radius:100px;background:#fff;border:none;outline:none;border:1px solid #d9d9d9;transition:all .3s}

.head .head-nav .content .search-box .forms .main form button{border:none;outline:none;position:absolute;right:16px;top:20%;color:#0460A0;background:none}

.head .head-nav .content .search-box .search-icon{display:none}

.head .head-nav .content .search-box .search-icon i{color:#0460A0;cursor:pointer;font-style:20px}

.head .head-nav .content .search-box .search-icon i.s2{transform:rotate(45deg);display:none}

.head .nav-fixed{box-shadow:0 0 0px 0 #ebebeb}





/* header */
.header{margin-top:27px; margin-left:20px; float:right;}
	
.search{ background:#5ca339;border-radius:100px; width:40px; height:40px;} 
.search img{ width:18px; height:18px; padding-top:10px; padding-left:10px;} 
.header .tool .search{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;margin-left: 40px;color: #4c4c4c;font-size: 18px;line-height: 1em;background: #fff;cursor: pointer; float:right}
.header:hover .main,.header.white .main,.header.fixed .main{border-color: rgba(217, 217, 217, .4);background: #fff;}
.header:hover .nav .item .type,.header:hover .tool .lang,.header.white .nav .item .type,.header.white .tool .lang,.header.fixed .nav .item .type,.header.fixed .tool .lang{color: #4c4c4c;}
.header:hover .tool .search,.header.white .tool .search,.header.fixed .tool .search{color: #fff;background: #e62129;}
.header .nav .item:hover .type::after,.header .nav .item .sub li:hover:after{animation: none;background-position: left bottom;background-size: 100% 100%;}
.header .nav .item .sub li:hover{color: #4c4c4c;}
.header .tool .lang:hover{color: #e62129;}
.header.fixed,.header.white{background: #fff;}
.header.white .main{background: #fff;}
.header:hover .logo img.hover,.header.fixed .logo img.hover,.header.white .logo img.hover{display: block;}
.header:hover .logo img.default,.header.fixed .logo img.default,.header.white .logo img.default{display: none;}
/* 头部搜索框 */
.fixed-search{position: fixed;left: 0;top: 0;transition: all .5s;z-index: -1;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;opacity: 0;}
.fixed-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.i-search{position: relative;z-index: 1;display: flex;}
.i-search input{width: 900px;height: 60px;border: none;outline: none;box-sizing: border-box;padding: 0 40px;font-size: 16px;background: #fff;}
.i-search button{transition: all .5s;display: flex;justify-content: center;align-items: center;width: 100px;height: 60px;border: none;box-sizing: border-box;outline: none;color: #fff;font-size: 17px;background: #5ca339;cursor: pointer;}
.fixed-search.on{z-index: 1000;display: flex;opacity: 1;}

/* 搜索结果页 */
.searchpage{padding: 90px 0;}
.search-list ul{margin-bottom: 50px;}
.search-item{}
.search-item a{display: flex;align-items: center;justify-content: space-between;height: 80px;border-bottom: 1px solid #d9d9d9;;color: #333;line-height: 1.5em;}
.search-item:hover a{color: #e62129;}
.search-item a p{transition: all .5s;width: calc(100% - 120px);box-sizing: border-box;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-item a span{color: #666;}
.search-item:hover a p{padding-left: 10px;}
.search-nocontent{display: flex;align-items: center;justify-content: center;height: 100px;color: #333;text-align: center;}



.nnn {
font-weight: bold;
    color: #fff;
    display: flex;
    background: url(../images/yy.gif) no-repeat center #0460a0;
    background-size: auto;
    align-items: center;
    background-size:35px; 	
    font-size: 17px; width:27px;
    line-height: 45px; height:27px;  font-weight:400; margin-top:34px;  border-radius:100%; margin-left:10px;
}
.nnn .yy { color:#fff !important; }
.nnn .yy { background:none !important; border:none;}

.nnn .yyy { font-weight:400; display:flex; width:100%; }
.nnn .yyy img {filter: invert(100%) grayscale(100%) brightness(3); margin-right:5px; display:inline-block; float:left;}

.nnn .yyy span {   display: inline-block;}
.nnn .yyy:hover span { color:#fff; }
.nnn .yyy:hover { background: none;}
.nnn .yyy:hover img {filter: none; margin-right:5px; display:inline-block; float:left;}


.head .head-nav .content .nav-list .nav-ul>li.nnn>.yyy:hover{color:#0460A0; background:; border-bottom:0px solid #0460A0; }


.nnn ul{border-radius:10px; }
.nnn ul li{ }

.nnn ul li a:hover{ background:#5CA339!important;}



.head .head-nav .content .nav-list .nav-ul>li>a { padding:39px 13px !important; font-size:15px !important; text-transform:uppercase; margin-right:5px;}




.newsbox{ margin-top:50px; width:100%; float:left; padding-bottom:40px;}
.newsbox .item{position: relative; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05); width:18.2%; float:left; margin-right:1.8%; border:#e7e7e7 solid 1px; border-radius: 5px;}
.newsbox .item .titbox{position: relative; padding: 20px 20px; background: #ffffff;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-perspective: 300px;perspective: 300px;}

.newsbox .item .titbox::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(1, 0);transition: all .5s;z-index: -1; background:#5ca339; }


.newsbox .item .titbox .title{ font-size: 18px; color: #333333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.newsbox .item .titbox .desc{margin:8px 0; font-size: 16px; color: #666666; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight:normal}
.newsbox .item .titbox .learn{ font-size: 16px; color: #2f843a; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ;}
.newsbox .item:hover .titbox::before{opacity: 1; visibility: visible; transform: none;}
.newsbox .item:hover .titbox .title, .newsbox .item:hover .titbox .desc, .newsbox .item:hover .titbox .learn{ color: #ffffff;}
.newsbox .item .titbox .learn:hover{ margin-left: 10px; }
.newsbox .item:hover{ transform: translateY(-5px);box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.3);}
.newsbox .item img{ height:160px;}

.newsbox .item2{ height:180px; display: flex;  
  justify-content: center; 
  align-items: center; }

.newsbox .item:nth-child(5){ float:right;margin-right:0%;}


.more3{ float:left;margin:10px auto 0 10px; width:15.8%; height:37px; text-align: center; line-height: 37px; border:1px #84cf8e solid; border-radius: 5px; box-sizing: border-box; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-perspective: 300px;perspective: 300px;color:#fff; background:#84cf8e }
.more3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(0, 1);transition: all .5s;z-index: -1;background-image: -webkit-linear-gradient(120deg, #48a054,#48a054);  background-image: -moz-linear-gradient(120deg, #48a054,#48a054); background-image: -o-linear-gradient(120deg, #48a054,#48a054);background-image: linear-gradient(120deg, #48a054,#48a054);}
.more3 a{ display: block; font-size: 16px;color:#fff;}
.more3:hover::before{opacity: 1; visibility: visible; transform: none;}
.more3:hover a{ color: #fff;}


@media(max-width:768px) {

.newsbox{ margin-top:22px; width:95%; float:left; padding-bottom:20px; padding-left:2.5%; padding-right:2.5%;}

.newsbox .item img{ height:130px;}
.newsbox .item2{ height:130px; display: flex;  
  justify-content: center; 
  align-items: center; }
  
  .newsbox .item .titbox .desc{margin:0px 0; font-size: 14px; color: #666666; line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight:normal}
  
  
  .newsbox .item .titbox{position: relative; padding:10px 20px; background: #ffffff;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-perspective: 300px;perspective: 300px;}
  
  .newsbox .item .titbox .learn{ font-size: 12px; color: #2f843a; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ;}
  
  .newsbox .item .titbox .title{ font-size: 16px; color: #333333;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
  
  
}