html{background:#FFF;color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}

q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none!important;;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}

*{margin:0;padding:0;box-sizing:border-box;}

.head{width:90%; margin:0 auto; height:96px; display:flex; display:-webkit-flex; align-items:center; justify-content:space-between; padding:0 20px; position:relative; background:#fff; top:0; z-index:99999;}
.head ul{list-style:none;}
.head ul li{float:left;width:120px;font-size:16px; color:#000; transition:all .4s; text-align:center;}
.head .head-r .nav-list .active {float:left; width:120px; height:98px; line-height:100px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
.head ul li:hover{transition:all .4s;}
.head-r{display:flex;display:-webkit-flex;flex-direction:row;align-items:center;}
.head-r .img{width:90px;height:100px;border-left:1px solid #d2d2d2;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer;}
.img_en{width:90px;height:100px;border-left:1px solid #d2d2d2;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer; font-size: 16px; color: #575757;}
.btn{display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer;}
.btn-inner{display:flex; display:-webkit-flex; flex-direction:column; align-items:center; justify-content:space-between; width:25px; height:20px;}
.btn span{width:25px;height:2px;background:#d2d2d2;margin:2px 0;display:block; transition:all .4s;}
.head-b{display:none;}
/*.rotate .arotate{transform:rotate(28deg);transform-origin:left top;width:30px!important;transition:all .4s;}
.rotate .brotate{opacity:0;transition:all .4s;}
.rotate .crotate{transform:rotate(-28deg);transform-origin:left top;width:30px!important;transition:all .4s;}*/

.head ul li > a:hover{color:#fff;}

@media (min-width:1450px){
	.container{width:1230px;}
	.head{width:92%; margin:0 auto; height:96px; display:flex; display:-webkit-flex; align-items:center; justify-content:space-between; padding:0 20px; position:relative; background:#fff; top:0; z-index:99999;}
	.head ul{list-style:none;}
	.head ul li{float:left;width:110px;font-size:16px; color:#000000; transition:all .4s; text-align:center;}
	.head .head-r .nav-list .active {float:left; width:110px; height:100px; line-height:100px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
	.head ul li:hover{transition:all .4s;}
	.head-r{display:flex;display:-webkit-flex;flex-direction:row;align-items:center;}
	.head-r .img{width:90px;height:100px;border-left:1px solid #d2d2d2;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer;}	
.nav-list li .down{width:240%;display:none; font-size:14px; margin-left:-70%;}	
}

@media (min-width:1650px){
	.container{width:1430px;}
	.head{width:85%; margin:0 auto; height:96px; display:flex; display:-webkit-flex; align-items:center; justify-content:space-between; padding:0 20px; position:relative; background:#fff; top:0; z-index:99999;}
	.head ul{list-style:none;}
	.head ul li{float:left;width:120px;font-size:16px; color:#000000; transition:all .4s; text-align:center;}
	.head .head-r .nav-list .active {float:left; width:120px; height:100px; line-height:100px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
	.head ul li:hover{transition:all .4s;}
	.head-r{display:flex;display:-webkit-flex;flex-direction:row;align-items:center;}
	.head-r .img{width:90px;height:100px;border-left:1px solid #d2d2d2;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer;}
.nav-list li .down{width:220%;display:none; font-size:14px; margin-left:-60%;}	
}

@media (min-width:1850px){
	.container{width:1630px;}
	.head{width:85%; margin:0 auto; height:96px; display:flex; display:-webkit-flex; align-items:center; justify-content:space-between; padding:0 20px; position:relative; background:#fff; top:0; z-index:99999;}
	.head ul{list-style:none;}
	.head ul li{float:left;width:130px;font-size:16px; color:#000000; transition:all .4s; text-align:center;}
	.head .head-r .nav-list .active {float:left; width:130px; height:100px; line-height:100px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
	.head ul li:hover{transition:all .4s;}
	.head-r{display:flex;display:-webkit-flex;flex-direction:row;align-items:center;}
	.head-r .img{width:90px;height:100px;border-left:1px solid #d2d2d2;display:flex;display:-webkit-flex;align-items:center;justify-content:center;cursor:pointer;}	
.nav-list li .down{width:200%;display:none; font-size:14px; margin-left:-50%;}	
}

@media(min-width:768px){
    .dh_list_xx{height:100px;line-height:100px;display:inline-block; }
    .nav-list li{position:relative;}
	.nav-list li .down{display:none; font-size:14px;}
    .nav-list li .down .down-item{height:38px;line-height:38px; }
    .nav-list li .down .down-item:hover{background:#fff;color:#333;}
    .nav-list li:hover{background:#017431;opacity:0.9;color:#fff;}
    .nav-list li:hover .down{display:block;background:#017431;color:#fff;}
}

@media (min-width:768px) and (max-width:992px){
   /* .head{position: relative;}*/
    .com_bann{margin-top: 78px;}
    .news_ban{ margin-top: 78px;}
    .pro_ban{margin-top: 78px;}
    .kh_ban{ margin-top: 78px;}
    .server_ban{ margin-top: 78px;}
    .by_ban{ margin-top: 78px;}
    .con_ban{ margin-top: 78px;}
    .zl_ban{ margin-top: 78px;}
    .sl_ban{margin-top: 78px;}
    .banner{margin-top: 0px;}
    .wh{margin-top: 78px;}
    .honor_ban{margin-top: 78px;}

	.nav-list li .down{width:280%;display:none; font-size:14px; margin-left:-90%;}
	
    .down{display:none; padding-top: 2%; padding-bottom: 2%; font-size: 16px; padding-left: 4%;}
    .nav-list li:hover{background:none;opacity:0.9;color:#000;}
    .head ul li > a:hover{color:#333;}
    .nav-list li:hover .down{display:none;background:none;color:#000;}

	.head{width:100%; margin:0 auto; height:90px;}
    .head_logo{width:180px;}
    .head ul li{width: 87px; text-align: center; font-size: 15px;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px; width: 29px;display: none;}
    .img_en{width: auto; height: auto; border-left: 1px solid #d2d2d2; padding-left: 9px;}	
	
   /* .nav-list li:hover .down{display:block;background:none;color:#000;}*/
    .down-item{padding-top: 2%; padding-bottom: 2%;}
    .com_fl_are{ height: auto;}
    .nav-list a{height:auto!important;line-height:normal!important;display:block!important;}
    .dh_hb{width:10%; float: right; position: absolute; right: 0; display: block;}
    .dh_hb button{display:block!important;}
    .header_logo{padding: 9px 10px;}
    .header_dh_nav{display: none; width:100%;}
    .header_dh_list{font-size: 14px; font-weight: none; border-right: none; width:100%; border-bottom: solid 1px #dddddd; padding:2% 2%; margin-top: 0;}
    .nav-list{width: 90%; margin: 0 auto;}

    .search-box,.lag-box{display:none;}
    .nav-list{display:block!important;}
    .head-b{display:block;}
    .btn-box .img{border:none;}
    .head-r{width:100%;position:absolute;top:79px;left:0; background:#fff; transition:all .2s;}
    .head-r:after{height: auto;content:"";display:block;clear:both;visibility:hidden;}
    .head .head-r .nav-list .active {float:left; width:120px; height:auto; display:inline-block; font-size:16px; color:#fff; background-color:#017431; transition:all .4s; text-align:center;}
    .head-r ul li{clear:both;width:100%!important;padding-left:10px;text-align:left!important;padding-top: 4%; padding-bottom: 4%;border-bottom: solid 1px #dddddd;}
    .head-r ul li:hover{background:none; color:#000;}
    .head_logo{width:auto;}
    .ind_abo_gs{margin-top: 4%;}
    .ind_abo_dis{ margin-top: 4%; font-size: 14px;}
    .ind_abo_anniu{ margin-top: 4%;}
    .ind_bt_tit{font-size: 26px;}
    .ind_abo_gs_y{font-size: 28px;}
    .ind_abo_gs_dis{font-size: 14px;}
    .ind_pro_bt_dis{width: 100%; margin-top: 4%;}
    .ind_pro_dh_list{font-size: 14px;}
    .ind_ys_list{ margin-bottom: 19%;}

    .footer_lx_dis{width: 100%; float: left;}
    .footer_lx_dis_2{ display: none;}
    .footer_dh_list{float: none; width: 100%;}
    .footer_ewm{ margin: 0 auto; float: none;}
    .footer_dh_are{ padding-bottom:7%;line-height: 12px;}
    .footer_bq{ float: none; width: 100%;}
    .footer_zc{ text-align: left; float: none; padding-top: 0;}
    .ind_hf_tit{font-size: 26px;}
    .ind_hf_tit span{font-size: 26px;}
    .ind_hf_tit{font-size: 28px;}
    .ind_pro_bt_tit{font-size: 28px;}
    .ind_hf_dis{font-size: 14px; line-height: 24px;}

    .pro_mid{width:90%; height: auto; margin:0 auto;}
    .pro_fl_nr{width:100%; line-height: 48px; text-align: center; float: left; margin-top: 10px;}
    .pro_fl_list{width:50%; float:left; font-size:14px; color:#555; background:#eee; margin-bottom:10px; border-right:solid #ccc; border-bottom:solid 2px #fff}

    .com_fl_are{ background: none;}
    .yfsl_are{width: 100%;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .yfsl_tit{font-size: 28px;}

    .tab_fl{width: 90%; margin: 0 auto;}
    .pro_infro_list{ font-size: 16px; margin-bottom: 2%;}

    .yj_list{width: 100%;}

	.head{ height:78px;}
	.head-r{}
	.ind_pro_pic{ max-height: 270px;}
    .com_bann_tit{font-size: 18px;}
    .com_fzlc_are{width:100%;}
    .com_tit{font-size: 22px;}
    .com_nr_tit{width:100%; font-size: 18px;}
    .com_nr_qywh p{font-size: 14px;}
    .pro_bt{font-size: 18px;}
    .pro_bt_sm{width: 100%; font-size: 16px;}
    .pro_bt_dis{width:100%; font-size: 14px; line-height: 24px;}
	.prolist_r_tit{font-size: 24px;}

    .case_fl_list{font-size: 12px;}
    .kh_bt_dis{font-size: 14px;}

    .kh_tit{font-size: 18px;}
    .case_list{width: 45%;}
    .case_fl{width: 95%;}
    .case_list{ margin-right: 4%;}

    .com_fl_list{font-size: 14px;}

    .ind_case_are{margin-top: 9%;}

    .footer_zc{width:100%;}

    .com_fl_are{ height: auto;}
    .com_tit{ margin-top: 0;}

    .layui-layer-shade{ display: none;}
    #layui-layer1{display: none;}
.sever_list{width: 32%;}
.sever_fl_list{font-size: 14px;}
.sever_bt_dis{width:100%; font-size: 14px; margin-bottom: 4%;}
.news_infro_tit{font-size: 18px; margin-top: 0;}
.news_infro_list_date{display: none;}
.ind_pro_dh_list{width: 32%; margin-bottom: 2%;}


.con_tit{font-size: 18px;}
.con_dis_list{font-size: 14px;}
.message_dis{font-size: 14px; margin-bottom: 4%;}
.message_anniu{ margin-top: 4%;}
.mess_name2{display: none;}

.col-md-3 { width:50%; float:left;}
.animated { padding-left:10px; padding-right:10px;}
}

/*}*/
/* @media(min-width:768px) and (max-width:798px){
    .head ul li{width: 67px; text-align: center; font-size: 15px;}
    .head > img{width:auto;}
    .lag-box{display:none;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px;}
    .img_en{width: auto; height: auto; border-left: 1px solid #d2d2d2; padding-left: 9px;}
    .ind_abo_gs{ margin-top: 2%;}
    .ind_abo_dis{margin-top: 2%; font-size: 14px; line-height: 22px;}
    .ind_pro_dh_list{font-size: 14px;}
    .com_fl_are{ background: none;}

.head_logo{width:200px;}
    .footer_dh_are{ padding-bottom: 0;line-height: 12px;}
    .footer_dh_list{width: 16%; float: left; text-align: center;}
    .footer_dh_list_tit{font-size: 15px; font-weight: bold; color: #fff;}
    .footer_dh_list_fl{font-size: 14px; line-height: 24px; color: #fff; margin-top: 14%;}
    .footer_lx_dis{width: 100%; float: left;}
    .footer_lx_dis_2{width: 20%; float: left;}
    .footer_ewm{width: 130px; height: 130px; float: right; color: #fff; text-align: center; line-height: 28px;}
    .footer_dh_are:after{display:block;height:0;content:"";clear:both;visibility:hidden; padding-bottom: 4%;}
    .footer_bq{ font-size: 14px; color: #fff; text-align: left; width: 70%; float: left; padding-top: 2%; padding-bottom: 2%;}
    .footer_zc{ font-size: 14px; color: #fff; text-align: right; width: 30%; float: left; padding-top: 2%; padding-bottom: 2%;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .yj_list{width: 49%;}

    .ind_pro_pic{ height: 167px;}
    .com_fzlc_are{width:100%;}
    .down{display: none!important;}
    .yfsl_are{width: 100%;}
}

@media(min-width:798px) and (max-width:992px){
    .head ul li{width: 68px; text-align: center; font-size: 15px;}
    .head > img{width:200px;}
    .lag-box{display:block;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px;}
    .img_en{width: auto; height: auto; border-left: 1px solid #d2d2d2; padding-left: 9px;}
    .ind_abo_gs{ margin-top: 2%;}
    .ind_abo_dis{margin-top: 2%; font-size: 14px; line-height: 22px;}
    .ind_pro_dh_list{font-size: 14px;}
    .com_fl_are{ background: none;}

.head_logo{width:200px;}
    .footer_dh_are{ padding-bottom: 0;line-height: 12px;}
    .footer_dh_list{width: 16%; float: left; text-align: center;}
    .footer_dh_list_tit{font-size: 15px; font-weight: bold; color: #fff;}
    .footer_dh_list_fl{font-size: 14px; line-height: 24px; color: #fff; margin-top: 14%;}
    .footer_lx_dis{width: 100%; float: left;}
    .footer_lx_dis_2{width: 20%; float: left;}
    .footer_ewm{width: 130px; height: 130px; float: right; color: #fff; text-align: center; line-height: 28px;}
    .footer_dh_are:after{display:block;height:0;content:"";clear:both;visibility:hidden; padding-bottom: 4%;}
    .footer_bq{ font-size: 14px; color: #fff; text-align: left; width: 70%; float: left; padding-top: 2%; padding-bottom: 2%;}
    .footer_zc{ font-size: 14px; color: #fff; text-align: right; width: 30%; float: left; padding-top: 2%; padding-bottom: 2%;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .yj_list{width: 49%;}

    .ind_pro_pic{ height: 167px;}
    .com_fzlc_are{width:100%;}
    .down{display: none!important;}
     .yfsl_are{width: 100%;}
}
 */
@media(min-width:768px) and (max-width:992px){
	.head{width:100%; margin:0 auto; height:90px;}
    .head_logo{width:180px;}
    .head ul li{width: 87px; text-align: center; font-size: 15px;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px; width: 29px;display: none;}
    .img_en{width: auto; height: auto; border-left: 1px solid #d2d2d2; padding-left: 9px;}
    .ind_bt_tit{font-size: 26px;}
    .ind_abo_gs{margin-top: 4%;}
    .ind_abo_gs_y{font-size: 38px;}
    .ind_abo_gs_dis{font-size: 15px;}
    .ind_abo_dis{ margin-top: 4%; font-size: 15px; line-height: 28px;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .lag-box{ display: block;}
    .down{display: none!important;}
} 
 
 
@media(min-width:992px) and (max-width:1002px){
	.head{width:100%; margin:0 auto; height:90px;}
    .head_logo{width:180px;}
    .head ul li{width: 87px; text-align: center; font-size: 15px;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px; width: 29px;display: none;}
    .img_en{width: auto; height: auto; border-left: 1px solid #d2d2d2; padding-left: 9px;}
    .ind_bt_tit{font-size: 26px;}
    .ind_abo_gs{margin-top: 4%;}
    .ind_abo_gs_y{font-size: 38px;}
    .ind_abo_gs_dis{font-size: 15px;}
    .ind_abo_dis{ margin-top: 4%; font-size: 15px; line-height: 28px;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .lag-box{ display: block;}
    .down{display: none!important;}
.nav-list li .down{width:280%;display:none; font-size:14px; margin-left:-90%;}
}

@media(min-width:1002px) and (max-width:1120px){
	.head{width:100%; margin:0 auto; height:90px;}
    .head_logo{width:200px;}
    .head ul li{ width: 87px; text-align: center; font-size: 15px;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px; width: 29px;display: none;}
    .img_en{width:40px !important;height:90px;border-left: 1px solid #d2d2d2; padding-left: 9px;}
    .ind_bt_tit{font-size: 26px;}
    .ind_abo_gs{margin-top: 4%;}
    .ind_abo_gs_y{font-size: 38px;}
    .ind_abo_gs_dis{font-size: 15px;}
    .ind_abo_dis{ margin-top: 4%; font-size: 15px; line-height: 28px;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .lag-box{ display: block;}
.nav-list li .down{width:280%;display:none; font-size:14px; margin-left:-90%;}
}
@media(min-width:1120px) and (max-width:1200px){
	.head{width:100%; margin:0 auto; height:90px;}
    .head_logo{width:240px; !important}
	.head a img {padding-right:10px !important;}
    .head ul li{width: 95px; text-align: center; font-size: 16px;}
	.head .head-r .nav-list .active {float:left; width:95px; height:98px; line-height:98px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
    .head-r .img{width: auto; height: auto; border-left: none; padding-right: 9px; width: 29px;display: none;}
    .img_en{width:40px !important;height:90px;border-left: 1px solid #d2d2d2; padding-left: 9px;}
    .ind_bt_tit{font-size: 26px;}
    .ind_abo_gs{margin-top: 4%;}
    .ind_abo_gs_y{font-size: 38px;}
    .ind_abo_gs_dis{font-size: 15px;}
    .ind_abo_dis{ margin-top: 4%; font-size: 15px; line-height: 28px;}
    .yfsl_list{width: 140px; height: 47px; line-height: 47px; font-size: 18px;}
    .lag-box{ display: block;}
.nav-list li .down{width:280%;display:none; font-size:14px; margin-left:-90%;}
}


/* @media(min-width:1200px){
	.head{width:100%; margin:0 auto; height:90px;}
	.head a img {padding-right:30px !important;}
	.img_en{width:50px !important;height:90px;}
} */
@media(min-width:1200px) and (max-width:1220px){
.nav-list li .down{width:280%;display:none; font-size:14px; margin-left:-90%;}	
.head_logo{width:240px;}
	.head{width:100%; margin:0 auto; height:90px;}
	.head a img {padding-right:40px !important;}
	.img_en{width:60px !important;height:90px;}
    .head ul li{width: 98px;}
    .search-box{display: none;}
    .lag-box{ display: block;}
	.head .head-r .nav-list .active {float:left; width:98px; height:98px; line-height:98px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
}
@media(min-width:1220px) and (max-width:1282px){
.nav-list li .down{width:280%;display:none; font-size:14px; margin-left:-90%;}	
	.head{width:100%; margin:0 auto; height:90px;}
	.img_en{width:90px;height:90px;}
    .head ul li{width: 100px;}
    .search-box{display: none;}
    .lag-box{ display:block;}
	.head .head-r .nav-list .active {float:left; width:100px; height:98px; line-height:98px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
}
@media(min-width:1282px) and (max-width:1388px){
.nav-list li .down{width:260%;display:none; font-size:14px; margin-left:-80%;}	
	.head{width:100%; margin:0 auto; height:90px;}
	.img_en{width:90px;height:90px;}
    .head ul li{width:100px;}
    .search-box{display: none;}
	.head .head-r .nav-list .active {float:left; width:100px; height:98px; line-height:98px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}	
}

@media(min-width:1388px) and (max-width:1474px){
.nav-list li .down{width:260%;display:none; font-size:14px; margin-left:-80%;}	
	.head{width:95%; margin:0 auto; height:90px;}
	.img_en{width:90px;height:90px;}
    .head ul li{width:105px;}
	.head .head-r .nav-list .active {float:left; width:105px; height:98px; line-height:98px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}	
}

@media(min-width:1474px) and (max-width:1484px){	
	.head{width:95%; margin:0 auto; height:90px;}
	.img_en{width:90px;height:90px;}	
    .head ul li{width: 110px;}
	.head .head-r .nav-list .active {float:left; width:110px; height:98px; line-height:98px; display:inline-block; font-size:16px; color:#ffffff; background-color:#017431; transition:all .4s; text-align:center;}
}