@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font:12px 'Microsoft YaHei',Arial,Times New Roman,"\5B8B\4F53",san-serif;background:#fff}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,blockquote,p,object{padding:0;margin:0}
table,td,tr,th{font-size:12px}
li{list-style-type:none}
img{vertical-align:top;border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
address,cite,code,em{font-weight:normal;font-style:normal}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.ovs{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nous{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.cont_div{width:1420px;min-height:0;overflow:hidden;margin:0 auto;}
.cont_wh{width:100%;min-width:1420px;margin:0 auto;min-height:0;overflow:hidden;}


#header{height:95px;}
#header_left{float: left;}
#header_left p{float: right;font-size: 24px;font-weight: bold;line-height: 30px;padding-top:15px;color:#0a0a0a}
#header_left p span{color: #0277DE;}
#header_right{float: right;padding-left:80px;background: url('/static/img/tel.png') no-repeat left ;}
#header_right p{line-height: 28px;font-size: 20px;font-weight: bold;padding:15px 0}
#header_right p a{color: #2D2D2D;}
#logo{float:left;}
#logo img{height:100%;overflow:hidden;}
#menu{overflow:hidden;height:65px;background-color: #0277E0;position: sticky; top:0px; z-index:999;}
#menu ul{width: 120%;min-height: 0;overflow: hidden;}
#menu li{height: 65px;float: left;}
#menu li a{display:inline-block;font-size:14px;font-weight:bold;line-height:55px;padding:5px 56px;color:#fff;vertical-align: top;}
#menu li a span{font-weight:100;font-size:14px;}
#menu li.selected a,#menu li a:hover{background-color: #4BC1FF;}

#banner{width:100%;min-height:0;overflow:hidden;}
#banner_index{width:1920px;height:390px;overflow:hidden;position:relative;left:50%;margin-left:-960px;text-align:center;}
#banner_index img{max-height:100%;overflow:hidden;}

#main_pc{margin-top: 60px;}
.cont_div .cont_tit{height: 160px;position: relative;}
.cont_div .cont_tit h2{height: 100px;line-height: 80px;font-size: 56px;font-weight: bold;position: relative;z-index: 2;}
.cont_div .cont_tit p{height: 160px;line-height: 160px;font-family: Arial;font-size: 100px;font-weight: bold;position: absolute;z-index: 1;color:#fff;text-shadow: 0 0 3px #666;top:0;left:0}
.cont_div .cont_tit a{display: inline-block;width: 109px;height: 38px;position: absolute;right: 10px;top:40px;background:  url('/static/img/more_bg.png') no-repeat;font-size: 16px;color: #000;line-height: 38px;text-indent: 10px;z-index: 3;}
#main_pc ul{padding:0 10px;height: 640px;display: flex;justify-content: space-between;}
#main_pc ul li{float: left;box-shadow:0 0 10px #bbb;width: 448px;height: 575px;}
#main_pc ul li .thumb{width: 448px;height: 322px;overflow: hidden;}
#main_pc ul li .infos{padding:20px 32px}
#main_pc ul li .infos h3{font-size: 24px;font-weight: bold;line-height: 50px;height: 50px;overflow: hidden;}
#main_pc ul li .infos p{font-size: 18px;line-height: 28px;height: 84px;overflow: hidden;}
#main_pc ul li .infos a{color:#4198E5;display: inline-block;line-height: 40px;margin-top: 10px;font-size: 14px;float: right;}
#main_pc ul li .infos a span{color:#727272;margin-right: 16px;vertical-align: middle;}
#main_pc ul li .infos a b{font-size: 20px;vertical-align: middle;}

.topads{height: 180px;width: 100%;min-width: 1400px;background: url('/static/img/adbg.jpg') repeat-x center center;}
.topads .cont_div{padding:30px 0}
.topads .cont_div .ad_right{float: right;height:80px;padding:20px 20px 20px 120px;color:#fff;background: url('/static/img/a_r_icon.png') no-repeat left;}
.topads .cont_div .ad_right p{line-height: 40px;font-size: 26px;font-weight: bold;text-shadow: 1px 2px 1px rgba(0,0,0,0.2);}
.topads .cont_div .ad_left{float: left;color: #fff;text-shadow: 1px 2px 1px rgba(0,0,0,0.2);}
.topads .cont_div .ad_left h2{font-size: 46px;height: 80px;line-height: 80px;font-weight: bold;}
.topads .cont_div .ad_left p{height: 40px;line-height: 40px;font-size: 24px;}


#ys_00{background-color: #f7f7f7;padding:60px 0 90px 0;}

.ys_infos{min-height: 0;overflow: hidden;}
.ys_infos .item_tit{position: relative;height: 140px;margin-bottom: 40px;}
.ys_infos .item_tit span{position: absolute;height: 120px;left: 0;top:0;line-height: 120px;font-size: 60px;font-weight: bold;z-index: 1;color:#fff;text-shadow: 0 0 2px #666}
.ys_infos .item_tit h3{position: relative;height: 140px;z-index: 2;line-height: 140px;font-size: 24px;font-weight: bold;}
.ys_infos .item_tit i{display: inline-block;width: 40px;height: 4px;background: #0277E0;position: absolute;left: 0;bottom: 0;}
.ys_infos ul{min-height: 0;overflow: hidden;width: 100%;}
.ys_infos ul li{line-height: 40px;font-size: 20px;color: #727272;padding:0 0 40px 20px;background: url('/static/img/ys_icon.gif') no-repeat 0 10px;}
#ys_01 .ys_thumb{width: 614px;height: 654px;overflow: hidden;float: left;margin-right: 50px;}
#ys_01 .ys_infos{width: 650px;float: left;}

#ys_02{margin-top: 70px;}
#ys_02 .ys_thumb{width: 712px;height: 490px;overflow: hidden;float: right;margin: 50px 20px 0 0;box-shadow: 0 8px 20px rgba(0,0,0,0.2);}
#ys_02 .ys_infos{width: 620px;float: left;padding-left:40px}

#ys_03{margin-top: 70px;}
#ys_03 .ys_thumb{width: 614px;height: 656px;overflow: hidden;float: left;margin-right: 50px;}
#ys_03 .ys_infos{width: 680px;float: left;}

#ys_04{margin-top: 70px;}
#ys_04 .ys_thumb{width: 614px;height: 800px;overflow: hidden;float: right;}
#ys_04 .ys_infos{width: 540px;float: left;padding:70px 0 0 40px}

#about_us{padding: 60px 0;}
.us_thumb{width: 780px;min-height: 0;overflow: hidden;float: left;margin-right: 46px;}
.us_thumb p{width: 100%;height: 400px;overflow: hidden;margin-bottom: 40px;}
.us_infos{width: 580px;min-height: 0;overflow: hidden;float: left;padding-top:10px}
.us_infos p{line-height: 38px;font-size: 20px;margin-bottom: 38px;text-indent: 40px;}
.us_infos .more{display: inline-block;width: 210px;height: 60px;color:#000;line-height: 60px;font-size: 24px;border: 1px solid #CECECE;border-radius: 10px;text-align: center;}
.us_infos .more span{margin-right: 10px;vertical-align: middle;}
.us_infos .more b{font-size: 30px;vertical-align: middle;color: #CECECE;}
#honor{height: 570px;background: url('/static/img/bg_05.jpg') repeat-x center center #F0F0F0;padding-top:46px}
.honor_bar{display: flex;justify-content: space-between;align-items: flex-end;padding: 20px 0;}
.honor_bar p{box-shadow: 0 0 4px #ddd;}

#partner{padding: 50px 0;}

#qa{background-color: #f6f6f6;padding: 50px 0 60px 0;}
#qa ul{min-height: 0;overflow: hidden;}
#qa ul li{width: 680px;height: 160px;float: left;padding-left: 20px;}
#qa ul li h3{font-size: 26px;height: 60px;line-height: 60px;overflow: hidden;font-weight: bold;}
#qa ul li p{width: 560px;font-size: 18px;line-height: 26px;}
#qa ul li p a{color: #A2A2A2;}
#footer{background: #2D2D2D;padding:100px 0 66px 0}

.big_link{width: 700px;min-height: 0;overflow: hidden;float: left;}
.big_link ul{min-height: 0;overflow: hidden;}
.big_link ul li{width: 170px;float: left;}
.big_link ul li h3{height: 40px;line-height: 40px;overflow: hidden;font-size: 16px;font-weight: bold;}
.big_link ul li h3 a{color: #fff;}
.big_link ul li p{margin-top: 20px;font-size: 14px;line-height: 30px;}
.big_link ul li p a{color: #A7A7A7;}

.contact{width: 670px;height: 320px;float: right;position: relative;}
.contact ul{min-height: 0;overflow: hidden;width:530px;}
.contact ul li{width: 260px;height: 150px;float: left;overflow: hidden;}
.contact ul li .icon{height: 66px;}
.contact ul li span{font-size: 14px;color: #fff;line-height: 26px;}
.contact ul li b{line-height: 32px;font-size: 26px;color: #fff;}
.contact ul li p{color: #A7A7A7;line-height: 18px;font-size: 14px;padding-left: 5px;width: 190px;}

.wx_ewm{position: absolute;width: 182px;min-height: 0;overflow: hidden;right: 0;top:20px;text-align: center;color: #fff;}
.wx_ewm p{font-size: 14px;line-height: 36px;}
.footer_beian{line-height: 40px;height: 40px;text-align: center;font-size: 14px;color: #A7A7A7;}
.footer_beian a{color: #A7A7A7;margin-right: 14px;}


.container{margin: 50px auto;}
.left_bar{width: 300px;min-height: 0;overflow: hidden;float: left;}
.left_item{width: 280px;background-color: #EBEBEB;padding:1px;margin-bottom: 30px;}
.left_item_tit{height: 68px;text-align: center;line-height: 68px;}
.left_item_tit i{display: inline-block;vertical-align: middle;width: 24px;height: 2px;background: #0277E0;}
.left_item_tit b{font-size: 24px;color:#222;vertical-align: middle;padding:0 10px}
.left_item ul{background-color: #fff;}
.left_item ul li{height: 50px;line-height: 50px;text-align: center;font-size: 14px;position: relative;}
.left_item ul a{color: #000;display: inline-block;width: 100%;height: 100%;}
.left_item ul a b{position: relative;z-index: 2;}
.left_item ul a.selected,.left_item ul a:hover{color: #fff;}
.left_item ul a.selected i,.left_item ul a:hover i{display: inline-block;position: absolute;top:-1px;right: -20px;bottom: -1px;left:-1px;background:url('/static/img/left_item_bg.gif') no-repeat left;z-index: 1;}
.right_bar{width: 1120px;height: auto;float: right;}
.top_title{height: 68px;border-bottom: 1px solid #EBEBEB;overflow: hidden;}
.top_title h2{float: left;font-size: 24px;line-height: 68px;}
.top_title h2 i{display: inline-block;width: 4px;height: 20px;border-radius: 2px;background-color: #0277E0;margin-right: 10px;vertical-align: middle;}
.top_title h2 b{vertical-align: middle;}
.top_title p{float: right;font-size: 14px;color: #A2A2A2;height: 48px;padding-top: 20px;line-height: 48px;}
.top_title p a{color: #A2A2A2;}

.contact_bar{margin-bottom: 1px;height: 50px;background: url('/static/img/left_tel_icon.gif') no-repeat 15px center #fff;padding:20px 0 20px 75px}
.contact_bar h3{font-size: 26px;font-weight: bold;}
.contact_info{background-color: #fff;padding:5px 15px}
.contact_info h3{font-size: 14px;line-height: 26px;font-weight: bold;}
.contact_info p{line-height: 24px;font-size: 14px;}
.contact_info p span{float: left;height:40px;}

#show_news_thumb{min-height: 0;overflow: hidden;}
#show_news_thumb ul{min-height: 0;overflow: hidden;}
#show_news_thumb ul li{padding:20px 0;border-bottom: 1px solid #EBEBEB;display: flex;justify-content: space-between;}
#show_news_thumb ul li .news_thumb{width: 280px;height: 165px;overflow: hidden;}
#show_news_thumb ul li .news_thumb img{height: 100%;overflow: hidden;vertical-align: middle;}
#show_news_thumb ul li .news_info{width:800px;height: 165px;overflow: hidden;padding-right: 10px;position: relative;}
#show_news_thumb ul li .news_info h3{font-size: 18px;height: 40px;overflow: hidden;line-height: 40px;}
#show_news_thumb ul li .news_info h3 a{color:#000}
#show_news_thumb ul li .news_info i{color: #A2A2A2;font-style: normal;}
#show_news_thumb ul li .news_info p{height: 48px;overflow: hidden;line-height: 24px;font-size: 14px;color: #737373;margin-top: 10px;}
#show_news_thumb ul li .news_info a.btn{display: inline-block;width: 100px;height: 30px;border: 1px solid #E6E6E6;position: absolute;left: 0;bottom: 0;color:#222;font-size: 14px;text-align: center;line-height: 30px;}

#show_news_detail{min-height: 0;overflow: hidden;}
#main_title{text-align: center;padding:10px 50px 30px 50px;}
#main_title h1{line-height: 50px;font-size: 26px;}
#main_title p{line-height: 30px;color:#A2A2A2;font-size: 14px;}
#main_title p span{margin-left: 20px;}
#main_container{padding:10px;line-height: 22px;}
#main_container img{max-width: 100%;overflow: hidden;}
#news_pn{line-height: 30px;color: #0071D7;padding:10px}
#news_pn a{color: #0071D7;}
#news_other{width: 100%;min-height: 0;overflow: hidden;}
#news_other ul{width: 140%;min-height: 0;overflow: hidden;}
#news_other ul li{width: 540px;height: 44px;line-height: 44px;float: left;border-bottom: 1px solid #EBEBEB;margin-right: 40px;}
#news_other ul li a{display: inline-block;width: 100%;height: 44px;vertical-align: top;position: relative;color: #424242;}
#news_other ul li a i{display: inline-block;width: 6px;height: 6px;border: 4px;background-color: #EAEAEA;margin-right: 8px;}
#news_other ul li a span{display: inline-block;position: absolute;right: 0;color: #A3A3A3;}
         
#show_cases_thumb{height: auto;padding-bottom: 20px;}
#show_cases_thumb ul{padding:0 0 20px 10px;width: 110%;min-height: 0;overflow: hidden;position: relative;left: -10px;}
#show_cases_thumb ul li{width:360px;height: 410px;overflow: hidden;float: left;box-shadow: 0 0 8px rgba(0,0,0,0.2);margin-top: 18px;margin-right: 18px;}
#show_cases_thumb ul li .news_thumb{width: 360px;height: 360px;overflow: hidden;text-align: center;}
#show_cases_thumb ul li .news_thumb img{width: 100%;overflow: hidden;vertical-align: middle;}
#show_cases_thumb ul li h3{font-size: 16px;height: 48px;overflow: hidden;line-height: 48px;text-align: center;color: #010101;}
#show_cases_thumb ul li h3 a{color: #010101;}



#show_honor_thumb{height: auto;padding-bottom: 20px;}
#show_honor_thumb ul{padding:0 0 20px 10px;width: 110%;min-height: 0;overflow: hidden;position: relative;left: -10px;}
#show_honor_thumb ul li{width:360px;height: 300px;overflow: hidden;float: left;box-shadow: 0 0 8px rgba(0,0,0,0.2);margin-top: 18px;margin-right: 18px;}
#show_honor_thumb ul li .news_thumb{width: 360px;height: 250px;overflow: hidden;text-align: center;}
#show_honor_thumb ul li .news_thumb img{height: 100%;overflow: hidden;vertical-align: middle;}
#show_honor_thumb ul li h3{font-size: 16px;height: 48px;overflow: hidden;line-height: 48px;text-align: center;color: #010101;}
#show_honor_thumb ul li h3 a{color: #010101;}

#page_div{width:100%;line-height:36px;padding:20px 0 10px 0;font-size:12px;text-align:center;}
#page_div a{display:inline-block;margin-right:5px;padding:0 15px;color:#676D6B;background:#D8D8D8;border-radius:3px;-webkit-border-radius:3px;}
#page_div b.current{display:inline-block;margin-right:5px;padding:0 15px;color:#fff;background:#0277E0;border-radius:3px;-webkit-border-radius:3px}
#page_div a:hover{background:#0277E0;color:#fff}
#page_div input{display:none}


@media screen and (max-width:1600px) {
    html, body {
        zoom: 0.95;
    }
}