﻿@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6{ list-style:none;margin:0;padding:0px;}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}

em{font-style:normal;}

img{border:0;}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}



.left{float:left;}
.right{float:right;}

/*é€&#353;&#231;”¨&#230;&#160;&#8225;é￠&#732;*/
.column_bt{ padding-bottom:28px; text-align:center; font-size:42px; line-height:42px; color:#333; }
.column_bt em{ color:#0076e2;}
.column_bt span{ display:block; font-size:18px; color:#666;}



/*é&#161;&#182;é&#402;¨*/
.top_bg{ width:100%; height:44px; line-height:44px; background:#ececec;overflow: hidden;}

.top_fl{ float:left; padding-left:35px; background:url(../img/20210312111756_1822192267.gif) left center no-repeat;}
.top_fr{ float:right;}
.top_fr li{ float:left; margin-left:36px; padding-left:23px; width:57px;}
.top_fr li:nth-child(1){ background:url(../img/20210312110532_150524425.jpg) left center no-repeat;}
.top_fr li:nth-child(2){ background:url(../img/20210312110532_2002463392.jpg) left center no-repeat;}
.remen h1 {
    font-weight: bold;
        margin: 0;
        color:#777777;
}
.remen h1 a {
    line-height: 35px;
    font-size: 14px;
    color:#777777;
}
.head_logo {
    float: left;
    padding-top: 10px;
    font-size: 36px;
    font-weight: bold;
    line-height: 98px;
    width: 60%;
}


/*&#230;&#352;&#172;&#229;¤′*/

.head_logo {
    float: left;
    padding: 10px 0;
}
.head_ggy{ float:left; margin-left:20px; padding-top:30px; line-height:18px; font-size:18px;}
.head_ggy span{ line-height:46px; font-size:30px; font-weight:bold; color:#333;}
.head_hotline{ float:right; margin-top:25px; padding-left:50px; font-size:16px; background:url(../img/20210312110532_620420014.jpg) left no-repeat;}
.head_hotline span {
    color: #0076e2;
    font-size: 34px;
    font-family: neutraface2 !important;
    line-height: 36px;
    font-weight: bold;
}
.lgpz {
    color: #555555;
    font-size: 26px;
    font-weight: bold;
    padding-top: 27px;
    float: left;
}
.lgpz span {
    display: block;
    font-size: 19px;
    font-weight: normal;
    line-height: 30px;
}


/*&#229;ˉ&#188;è&#710;a*/
.nav_bg{ width:100%; height:70px; background:#0076e2;}

.nav li{ float:left; line-height:70px; text-align:center; width:auto;}
.nav li a{ display: block;
    padding: 0px 60px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: 0.2s all ease-in-out;}
.nav li a:hover,.navcurrent{ background:#055eb0;}
.nav li img{ float:left; padding-top:25px; margin-right:8px;}




/*&#231;§&#376;èμ&#129;é&#161;1&#231;&#8250;&#174;*/
.zulin{ margin:0 auto;  margin-top:60px;}
.zulin_main{ margin-top:0;}
.zulinshot {
    width: 100%;
    margin: 0 auto;
}
.zulinshot ul {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.zulinshot li {
    width: auto;
    padding-left: 0;
    padding-top: 16px;
    background: #0076e2;
    display: inline-block;
    padding: 0 13px;
}
.zulinshot li:nth-child(1){ margin-left:0px;}
.zulinshot li a{ display:block;}
.zulinshot li em{ display:block; width:30px; height:30px; overflow:hidden; float:left;}
.zulinshot li span {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 17px;
    line-height: 49px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zulinshot li.zulincurrent{ background:#ee862a;}
.zulinshot li{ transition:0.5s;}
.zulinshot li img{ transition:0.5s;}
.zulinshot li.zulincurrent img{ margin-top:-30px;}

.zulinshow{ margin-top:20px; height:auto;}
.zulinshow ul li{ display:block; float:left; width:288px; padding-left:6px !important; padding-right:6px; text-align:left; margin-bottom:15px;}
.zulinshow ul li span{ display:block; padding-left:20px; background:#ececec; height:53px; line-height:53px !important; transition:0.5s; position:relative;}
.zulinshow ul li span:before{ content:""; display:block; position:absolute; left:244px; top:16px; width:23px; height:23px; background:url(../img/20210312111947_1642394713.png) no-repeat;}
.zulinshow ul li:hover span{ background:#0076e2;}
.zulinshow ul li:hover span a{ color:#FFF;}
.zulinshow ul li:hover span:before{ background:url(../img/20210312111707_601303925.png) no-repeat;}



/*&#230;&#8249;&#8224;é&#8482;¤&#229;·￥&#231;¨&#8249;*/
.chaichubg{ margin-top:40px; width:100%; height:630px; padding:60px 0; background:#ececec;}

.chaichucont{ margin-top:30px;}
.chaichucont table{ float:right; width:646px; position:relative;}
.chaichucont td{ display:block; float:left; padding-left:0 !important; width:308px; margin-left:15px; margin-bottom:15px; position:relative;}
.chaichucont td:nth-child(1){ width:540px; position:absolute; left:-563px; top:0;}
.chaichucont td:nth-child(1) img{ width:540px !important; height:405px !important;}
.chaichucont td span{ display:block; position:absolute; bottom:0; left:0; width:308px; background:rgba(0,0,0,0.6); height:40px; line-height:40px !important; }
.chaichucont td span a{ color:#FFF; text-decoration:none;}
.chaichucont td:nth-child(1) span{ bottom:-50px; left:0; width:540px; background:none; height:40px; line-height:40px !important; text-align:left;}
.chaichucont td:nth-child(1) span a{ font-size:18px; color:#333; font-weight:bold; text-align:left;}
.chaichucont td:nth-child(1) span a:before{ content:"é&#171;&#732;&#230;&#160;&#8225;&#229;&#8225;&#8224;&#231;&#353;&#8222;&#230;–&#189;&#229;·￥è§&#8222;è&#338;&#402;&#239;&#188;&#338;&#230;&#160;1&#230;&#141;&#174;&#230;&#8218;¨&#230;‰€&#230;&#143;&#144;&#228;&#190;&#8250;&#231;&#353;&#8222;é&#339;€&#230;±&#8218;&#228;&#184;o&#230;&#8218;¨&#230;&#143;&#144;&#228;&#190;&#8250;&#229;ˉ1&#229;o”&#231;&#353;&#8222;&#230;–&#189;&#229;·￥&#230;–1&#230;&#161;&#710;"; position:absolute; left:0; top:30px; font-size:16px; color:#555; font-weight:normal;}


/*&#228;&#188;&#732;&#229;&#352;&#191;*/
.youshi{width: 100%;background-color: #f4f7f9;     margin-top: 53px;   padding: 40px 0 0;}
.youshi .biaoti{text-align: center;width: 100%;}
.youshi .biaoti h1{font-size: 36px;font-weight: bold;padding-top: 30px;}
.youshi .biaoti h3{font-size: 16px;padding: 20px 0;}
.youshi .nr{width: 520px;}
.youshi li{height: 450px;}
.youshi li h3{font-size: 32px;font-weight: bold;color: #0078e6;padding-top: 70px;}
.youshi li h2{font-size: 18px;padding: 10px 0 20px 0;}
.youshi li p{font-size: 16px;line-height: 34px;}
.youshi img{width: 640px;}

.youshi2{width: 100%;height: 235px;background: url(../img/ys.jpg) no-repeat center;color: #fff;text-align: center;}
.youshi2 h3{font-size: 36px;padding: 80px 0 20px 0;color:#fff;}
.youshi2 p{font-size: 20px;}




/*&#230;&#339;&#141;&#229;&#352;&#161;&#230;μ&#129;&#231;¨&#8249;*/
.liucheng{ margin:0 auto; margin-top:60px;}
.liucheng1{ float:left;}
.liucheng11{ font-size:22px; color:#333; font-weight:bold; line-height:22px;}
.liucheng11 span{ font-size:36px; font-family:neutraface2; line-height:40px;}
.liucheng12 a{ display:block; margin-top:25px; width:154px; height:42px; border-radius:42px; text-decoration:none; padding-left:60px; line-height:42px; font-size:22px; color:#FFF; font-family:DIN Medium; background:url(../img/20210312174858_1261615210.png) 26px 11px no-repeat #0076e2; transition:0.5s; }
.liucheng12 a:hover{ background:url(../img/20210312174858_1261615210.png) 26px 11px no-repeat #ee862a;}
.liucheng2{ float:right;}
.liucheng2 dl{ float:left; margin-left:100px;}
.liucheng2 dl dt{ margin-bottom:18px;}
.liucheng2 dl dd{ font-size:18px; color:#333; line-height:24px; font-weight:bold;}



/*&#231;&#174;€&#228;&#187;&#8249;*/
.about_bg{ margin-top:40px; width:100%; height:640px; background:url(../img/20210312182139_1581752749.png) center no-repeat;}

.about_tit{ font-size:20px; line-height:40px;}
.about_des {
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
}
.about_des a {
    font-size: 16px;
    line-height: 44px;
    background: #0078e6;
    color: #fff;
    padding: 0px 20px;
    margin-top: 30px;
    display: inline-block;
}
.aboutimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.aboutimg {
    height: 599px;
    width: 598px;
}
.about_des img{ margin-top:30px;}
.about_fl {
    width: 558px;
    margin-top: 108px;
}

.news_div_item_date {
    margin-top: 5px;
}
/*&#230;–°é—&#187;*/
.news_bg{ margin-top:10px; width:100%;}
.news_bg a{ text-decoration:none;}


/*&#230;–°é—&#187;&#229;·|è&#190;1*/
.news_fl{ float:left; width:715px;}
.news1{ height:133px; border-bottom:1px dotted #ccc;}
.news1 .news_div_item_a{padding-left:113px;height:110px;display:block;font-size:22px;color:#333;background:url(../img/20210313092144_1224478305.jpg) top left no-repeat;line-height:41px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news1 .news_div_item_body{position:absolute;top:57px;line-height:26px;font-size: 15px;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news1{ background:#fff;}
.news1 .news_div_item_content{ position:relative;}
.news1 .news_div_item_a:after { position:absolute; top:75px; right:185px;  color:#0076e2; font-size:14px; font-weight:normal; z-index:1;}

.news2{ margin-top:10px;}
.news2 .news_div_item{ position:relative; padding:8px 0;}
.news2 .news_div_item_date{ position:absolute; right:0;}
.news2 .news_div_item_year, .news_div_item_month, .news_div_item_day{ float:left; font-size:16px;}
.news2 .news_div_item_a{ display:block; line-height:23px; background:url(../img/20210313100002_167707380.jpg) left 10px no-repeat; padding-left:16px; font-size:16px;}
.news2 .news_div_item_body{ line-height:24px; color:#666;}
.news2 .news_div_item:nth-child(1), .news2 .news_div_item:nth-child(2), .news2 .news_div_item:nth-child(3) { display:none;}

.news3 .news_div_item{ margin-top:15px; overflow:hidden; padding-bottom:15px; border-bottom:1px dotted #ccc;}
.news3 .news_div_item_pic{ float:left; width:213px; height:120px;}
.news3 .news_div_item_image{ height:120px; width:100%;}
.news3 .news_div_item_content{ position:relative; float:right; width:470px;}
.news3 .news_div_item_a{margin-bottom:11px;display:block;font-size:18px;color:#333;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news3 .news_div_item_body{line-height:26px;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/*&#230;–°é—&#187;&#229;&#143;3è&#190;1*/
.news_fr{ background:url(../img/20210313104103_1624610164.jpg) no-repeat; padding:30px; float:right; width:360px; height:512px;}
.news_tit{ line-height:24px; font-size:18px;}
.news_tit a{ font-size:24px; color:#0076e2;}
.newsimg{ margin-top:20px;}
.news4{ margin-top:24px;}
.news4 .news_div_item{ margin-top:14px; border-bottom:1px solid #eee; padding-bottom:11px;}
.news4 .news_div_item_a{display:block;padding-left:15px;font-size:16px;line-height:23px;font-weight:bold;color:#333;background:url(../img/20210313104434_131048447.jpg) left 10px no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news4 .news_div_item_body{
    margin-top:8px;
    padding-left:15px;
    line-height: 26px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    }
.news_div_item:hover a{ color:#0076e2;}

.news_div_item_datex{
    margin-top: 5px;
    padding-left: 15px;
}

/*&#231;‰&#710;&#230;&#157;&#402;*/
.banquanbg{ margin-top:60px; width:100%; height:265px; padding-top:55px; background:url(../img/20210313111046_987311565.jpg) center no-repeat;}

.banquan1{}
.banquan1 dl{ float:left; margin-right:75px; color:#FFF;}
.banquan1 dt{ font-size:18px; padding-left:32px; line-height:30px;}
.banquan1 dd{ margin-top:18px; font-family:neutraface2 !important; font-size:32px;}
.banquan1 dl:nth-child(1) dt{ background:url(../img/20210313111617_1037486945.png) no-repeat;}
.banquan1 dl:nth-child(2) dt{ background:url(../img/20210313111617_503020044.png) no-repeat;}
.banquan1 dl:nth-child(3) dt{ background:url(../img/20210313111617_1807119989.png) no-repeat;}
.banquan1 dl:nth-child(3) dd{ font-family:Microsoft YaHei !important; font-size:20px;}
.banquan1 dl:nth-child(2) dd{ font-family:Microsoft YaHei !important; font-size:20px;}
.banquan2{ margin-top:70px;}
.banquan21{ float:left; width:470px;}
.banquan21 li{ float:left; line-height:36px; width:132px; padding-left:16px; background:url(../img/20210313111617_138495126.png) left center no-repeat;}
.banquan21 li a{ font-size:16px; color:#FFF;}
.banquan22 {
    float: left;
    margin-left: 2px;
    color: #FFF;
    line-height: 36px;
    width: 40%;
}
.banquan22 a{ color:#FFF;}
.f_link1 span {
    width: 10%;
    float: left;
    display:block
}



p#fzwz {
    width: 78%;
    float:right;
    display: inline-block;
}
.linksbg{ width:100%; height:60px; background:#f0f0f0;}
.links{ margin:0 auto; line-height:60px;}
.links1{ float:left; font-family:neutraface2 !important; font-size:36px;width: 9%;}
.links2{ float:left; margin-left:35px;    width: 80%;}

.linkTagcs
{ 
width:100%;
height:auto;}
.linkTagcs ul
{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li
{list-style:none;margin:0px;  padding-right:25px;line-height:60px;float:left;}
.linkTagcs li a
{color:#555;word-break:break-all;}
.linkTagcs li img
{border:0px;}
.zulinshow ul li img {
    width: 100%;
    object-fit: cover;
}


@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a{ width:calc(100% / 1); text-align:center; height:50px; line-height:50px; background:#e7272d; color:#fff; float:left; font-size:28px;    font-weight: bold;}
.links1 {
    float: left;
    font-family: neutraface2 !important;
    font-size: 36px;
    width: 18%;
}
.links2 {
    float: left;
    margin-left: 18px;
    width: 75%;
}
.nav li img {
    float: left;
    padding-top: 25px;
    margin-right: 8px;
    display: none;
}
.nav li {
    float: left;
    line-height: 70px;
    text-align: center;
    width: 16.5%;
}
.nav li a {
    display: block;
    padding: 0px 0%;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: 0.2s all ease-in-out;
}
.zulinshow ul li:nth-child(2n) {
    padding: 0 0;
}
.zulinshow ul li {
    display: block;
    float: left;
    width: 48%;
    padding-left: 6px !important;
    padding-right: 6px;
    text-align: left;
    margin-bottom: 15px;
}
.youshi img {
    width: 100%;
}
.youshi .nr {
    width: 100%;
}
.youshi li h3 {
    font-size: 32px;
    font-weight: bold;
    color: #0078e6;
    padding-top: 25px;
}
.youshi2 {
    width: 100%;
    height: 182px;
    background: url(../img/ys.jpg) no-repeat center;
    color: #fff;
    text-align: center;
    background-size: cover;
}
.youshi2 h3 {
    font-size: 29px;
    padding: 35px 0 20px 0;
    color: #fff;
}
.about_bg {
    margin-top: 40px;
    width: 100%;
    height: 640px;
    background: url(../img/20210312182139_1581752749.png) center no-repeat;
    background-size: 100%;
}
.about_bg {
    margin-top: 40px;
    width: 100%;
    height: auto;
    background: url(../img/20210312182139_1581752749.png) center no-repeat;
    background-size: 100%;
}
.aboutimg {
    height: 588px;
    width: 100%;
}
.aboutimg img {
    width: 100%;
    object-fit: cover;
}
.about_fl {
    width: 100%;
    margin-top: 20px;
}
.about_des img {
    margin-top: 30px;
    width: 100%;
}
.linksbg {
    width: 100%;
    height: 60px;
    background: #f0f0f0;
    padding-bottom: 61px;
}
.news_fl {
    float: left;
    width: 100%;
}
.news_fr {
    background: url(../img/20210313104103_1624610164.jpg) no-repeat;
    padding: 30px;
    float: right;
    width: 100%;
    height: auto;
}
.news_fr {
    background: url(../img/20210313104103_1624610164.jpg) no-repeat;
    padding: 30px;
    float: right;
    width: 90%;
    height: auto;
    background-size: 100%;
    margin-top: 20px;
}

.head_logo {
    float: left;
    padding-top: 3px;
}
.head_logo {
    float: left;
    padding-top: 10px;
    font-size: 22px;
    font-weight: bold;
    line-height: 98px;
    width: 69%;
}
.head_hotline {
    float: right;
    margin-top: 31px;
    padding-left: 29px;
    font-size: 16px;
    background: url(../img/20210312110532_620420014.jpg) left no-repeat;
    width: 25%;
    background-size: 12%;
}
.head_hotline span {
    color: #333;
    font-size: 19px;
    font-family: neutraface2 !important;
    line-height: 36px;
}

.zulinshot li {
    width: auto;
    height: 44px;
    padding: 0 24px;
    padding-top: 0;
    background: #0076e2;
    /* border-radius: 0 15px 0 0; */
    margin-bottom: 1%;
}

.news3 .news_div_item_pic {
    float: left;
    width: 23%;
    height: 120px;
}

.news3 .news_div_item_content {
    position: relative;
    float: right;
    width: 74%;
}
.newsimg img {
    width: 100%;
}
.banquan1 {
    width: 100%;
}
.banquan1 dl:first-child {
    width: 47%;
}
.banquan1 dl {
    float: left;
    margin-right: 2%;
    color: #FFF;
    width: 23%;
}
.banquan21 li {
    float: left;
    line-height: 36px;
    width: 13.9%;
    padding-left: 16px;
    background: url(../img/20210313111617_138495126.png) left center no-repeat;
}
.banquan21 {
    float: left;
    width: 100%;
}
.banquan22 {
    float: left;
    margin-left: 0;
    color: #FFF;
    line-height: 36px;
    width: 100%;
}

.banquan2 {
    margin-top: 2%;
}
.lgpz{
	display:none;
}
.remen.fl{
	display:none;
}

}
