@charset "UTF-8";

@keyframes fadeIn-Down {
0% { transform: translate(0,-5px);}
50%{transform: translate(0,5px);}
100% {transform: translate(0,-5px);}
}

*{ margin:0; padding:0;  font-family:microsoft yahei}
body { overflow-x: hidden; }
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width: 1200px}
.cl,.clear{ clear:both}
.dis{ display:none} 
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}
.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.tac{ text-align:center;}
.erji_menu { display: none; width: 100%; position: absolute; left: 0; background: rgba(250,250,250,0.95); z-index: 11111; top:120px; }
.erji_menu > .page > .fl { display: block; padding: 140px 0 40px; width: 200px; }
.erji_menu > .page > .fl:before,.erji_menu > .page > .fl::before{ content: ''; display: block; width: 60px; height: 3px; background: #f1bf00; margin-bottom: 20px; }
.erji_menu > .page > .fl > strong{ font-size: 22px; display: block; color: #f1bf00; line-height: 30px; }
.erji_menu > .page > .fl > a{ display: block; width: 120px; border: 1px solid #f1bf00; text-align: center; line-height: 30px; color: #f1bf00; font-family: arial; border-radius: 50px; margin-top: 20px; text-transform: uppercase; }
.erji_menu > .page > .fr { width: 850px; height: 300px; padding: 0px 0; }
.erji_menu > .page > .fr > ul{ float: left; padding: 0 30px; }
.erji_menu.product_list_nav > .page > .fr > ul{ width: 150px; padding:0 10px; text-align: center; }
#Zz2 .erji_menu.product_list_nav > .page > .fr > ul{width: 130px;}
.erji_menu > .page > .fr > ul img{ width: 100%; height:110px; display: block; background: #f8f8f8; transition:0.3s all ease-in-out;box-sizing: border-box; }
.erji_menu > .page > .fr > ul a:hover img{ padding: 2px}
.erji_menu > .page > .fr > ul > strong{ display: block; }
.erji_menu > .page > .fr > ul > strong a{ font-size: 15px; font-weight: 100; color: #f1bf00; display: block; line-height: 40px; padding-bottom:5px; }
.erji_menu.product_list_nav > .page > .fr > ul > strong a{ color: #444; }
.erji_menu > .page > .fr > ul > li > a{ display: block; line-height: 24px; color: #666}
.erji_menu .divnews_tag li,.erji_menu .divdgweb2_tag li { float: none !important; width: 220px !important; }
.erji_menu .divnews_tag li span, .erji_menu .divdgweb2_tag li span { color: #666; }


.main{ width: 100%; min-height:1330px;}
.main > .page > .fl { width: 325px; height: 72px; background: url(../images/20180807174023_1892059928.html) no-repeat center; padding: 29px 0; }

.main .main_col { display: block; float: left; padding: 15px 20px; color: #343434; font-size: 14px; width: 230px; text-align: center; line-height: 30px; height: 100px; transition: 0.3s all ease-in-out; background: url(../images/20180808173957_1686049797.html) no-repeat left center; }
.main .main_col i{ display: block; width: 70px; height: 70px; margin: 0 auto; position: relative; }
.main .main_col i:after,.main .main_col i:before{ content: ''; display: block; position:absolute; width: 100%; height: 100%; top: 0; left: 0; transition:0.3s all ease-in-out; opacity: 1; filter: alpha(opacity=100); transform:scaleX(1); }
.main .main_col i:after{ opacity: 0; filter: alpha(opacity=0); transform:scaleX(0); }
.main .main_col:hover{ color: #edb200; }
.main .main_col:hover i:after{ opacity: 1; filter: alpha(opacity=100); transform:scaleX(1); }
.main .main_col:hover i:before{ opacity: 0; filter: alpha(opacity=0); transform:scaleX(0); }

.main .main_col1 i:after,.main .main_col1 i:before{ background: url(../images/20180808093711_74455996.html) no-repeat 0 4px; }
.main .main_col2 i:after,.main .main_col2 i:before{ background: url(../images/20180808093716_761809084.html) no-repeat 0 4px; }
.main .main_col3 i:after,.main .main_col3 i:before{ background: url(../images/20180808093723_1809620014.html) no-repeat 0 4px; }
.main .main_col1 i:after{ background-position: 0 -126px}
.main .main_col2 i:after{ background-position: 0 -126px}
.main .main_col3 i:after{ background-position: 0 -126px}


.man1 { width: 100%; overflow: hidden; }
.x-cn { width: 1200px; margin:0 auto; position: relative; z-index: 101;}
.biaotou { width: 100%; text-align: center; margin-bottom: 24px; }




.indexbj{height:650px;background: url(../images/abbj.html) top center no-repeat; margin:50px 0}
.indexbj img{margin-top: 180px;}


.prod { background: #fff; padding: 70px 0; position: relative; }

.prod .prod_bg1{ background: url(../images/20180808192157_451712669.html) no-repeat center; width: 330px; height: 250px; display: block; position: absolute; left: -130px; bottom: -70px; }
.prod .prod_row1 { display: block; background: url(../images/20180327140344_1994723885.html) no-repeat center top; padding-top: 40px; line-height: 35px; height: 35px; text-align: center; width: 600px; font-size: 16px; color: #666; letter-spacing: 0.4px; margin: 0 auto; }
.prod_row2 { padding: 0px 0 20px; }

.prod_row2 > .tab { display: block; position: relative; width: 100%; height: 440px; overflow: hidden; }
.tab-hd { float: right; width: 350px; position: absolute; overflow: visible; right: 0; z-index: 3; }
.tab-hd li { background: #373737 url(../images/20180808182753_1144399879.html) no-repeat center; height: 110px; line-height: 110px; transition: 0.3s all ease-in-out; width: 350px; float: right; position: relative; overflow: hidden; z-index: 3; border-radius: 0; }
.tab-hd li p { color: #fff; font-size: 20px; display: block; text-align: justify; padding: 30px; transition: 0.3s all ease-in-out; font-weight: bold; line-height: 30px; height: 50px; }

.tab-hd li.active { padding-left: 40px; background: #f1bf00 url(../images/20180808183033_1684575346.html) no-repeat 20px center; }
.tab-hd li.active p { padding: 30px 30px 30px 120px; }
.tab-hd li p .small { display: block; font-weight: 100; line-height: 20px; color: rgba(255,255,255,.9); }
.tab-hd li i { background-color: #fff; display: block; width: 70px; height: 70px; background-repeat: no-repeat; background-position: center; border-radius: 50%; position: absolute; top: 20px; right: 30px; transition: 0.3s all ease-in-out; z-index: 3; box-shadow: 0 0 0 5px rgba(255,255,255,.2); }
.tab-hd li.prog_c1 i{ background-image: url(../images/20180808182145_1785290065.html); }
.tab-hd li.prog_c2 i{ background-image: url(../images/20180808182213_1506643475.html); }
.tab-hd li.prog_c3 i{ background-image: url(../images/20180808182223_1521026512.html); }
.tab-hd li.prog_c4 i{ background-image: url(../images/20180808182233_834787042.html); }
.tab-hd li.active i, .tab-hd li:hover i { right: 260px; }

.prod_row3 .divproduct_new_div:after { content: ''; display: block; clear: both; }
.prod_row3 .divproduct_new_div_item { float: left; width: 385px; position: relative; height: 385px; transition: 0.3s all ease-in-out; margin: 0 0 0 22px; }
.prod_row3 .divproduct_new_div_item:first-child{ margin-left: 0; }
.prod_row3 .divproduct_new_div_item .product_div_item_pic a, .prod_row3 .divproduct_new_div_item .product_div_item_pic a img { display: block; width: 100%; height: auto; transition:0.3s all ease-in-out}
.prod_row3 .divproduct_new_div_item .product_div_item_pic { position: absolute; width: 385px; height: 385px; overflow: hidden; top: 0; left: 0; bottom: auto; }
.prod_row3 .divproduct_new_div_item .divproduct_new_div_item_content { background: rgba(0,0,0,0.8) url(../images/20180808190235_554995510.html) no-repeat 300px center; height: 50px; position: absolute; width: 345px; top: auto; left: 20px; bottom: 20px; z-index: 2; transition: 0.3s all ease-in-out; }

.prod_row3 .divproduct_new_div_item:hover .divproduct_new_div_item_content{ background-color:rgba(241,191,0,0.9); bottom:-25px; }

.prod_row3 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_a { display: block; line-height: 50px; font-size: 16px; color: #fff; position: relative; z-index: 3; padding: 0px 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.prod_row3 .divproduct_new_div_item .divproduct_new_div_item_content:after { content: ''; position: absolute; width: 35px; height: 1px; background: #fff; display: block; left: -10px; top: auto; transition: 0.3s all ease-in-out; bottom: 25px; }
.prod_row3 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_a { color: #fff; transition:0.3s all ease-in-out; }

.prod_row3 .divproduct_new_div_item .product_div_item_pic a { position: relative; width: auto; height: auto; padding: 0; background: #fff; }
.prod_row3 .divproduct_new_div_item .product_div_item_pic a:after{ content: ''; width: 75px; height: 75px; border-radius: 50%; background: #f1bf00 url(../images/20180808190903_1287529782.html) no-repeat center; opacity: 0; filter: alpha(opacity=0); transform:scale(0); transition:0.3s all ease-in-out; position: absolute; z-index: 2; display: block; top: 155px; left: 155px; }
.prod_row3 .divproduct_new_div_item:hover .product_div_item_pic a:after{ opacity:1; filter: alpha(opacity=100); transform:scale(1)}
.prod_row3 .divproduct_new_div_item .divproduct_new_div_item_content .divproduct_new_div_item_body { line-height: 24px; font-size: 13px; color: #999; position: relative; z-index: 3; text-align: justify; display: none; }
.prod_row3 .divproduct_new_div_item:hover .divproduct_new_div_item_content .divproduct_new_div_item_body{ transition:0.3s all ease-in-out; color: #fff}



.case_con{width: 1200px;margin: 30px auto;overflow: hidden;}
.case_go{width: 99999px;position: relative;}
.case_a,.case_b{float: left;}
.case_a li, .case_b li{float: left;width: 290px;margin: 10px 5px;}
.case_a>li>a, .case_b>li>a{display: block;overflow: hidden;position: relative;}
.case_a li span, .case_b li span{display: block;text-align: center;line-height: 40px;background: #246db9;}
.case_a li span a, .case_b li span a{color: #fff;font-size: 16px;}
.case_a li:hover span,.case_b li:hover span{background:rgba(255,198,2,0.4);}
.case_a li:hover span a,.case_b li:hover span a{color: #323232;}
.case_a li:hover .cover,.case_b li:hover .cover{display: block;}
.cover{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);width: 100%;height: 100%;display: none;}
.cover img{display: block;left: 55%;margin-left: -55px; top: 50%;margin-top: -55px; position: relative;}




.bigbg { display: block; width: 100%; background: url(../images/20180809180402_510522517.jpg) no-repeat center; height:567px;}

.case_item_b p:after{ content: ''; background: url(../images/20180813175118_1388242208.html) no-repeat center; width: 90px; height: 90px; position: absolute; right: 0; bottom: 0; display: block; }

.company { padding: 90px 0; }
.company .fl { border-left: 15px solid #f1bf00; background: #21252a; padding: 45px; width: 535px; height: 330px; }
.company .fl a { font-size: 28px; display: block; color: #fff; line-height: 50px; font-weight: bold; padding-bottom: 20px; }
.company .fl p{ display: block; font-size: 14px; color: #8591a1; line-height: 28px; padding-bottom: 10px; text-indent: 2em; }
.company .fl img{ display: block; height: 55px; float: left; margin-right: 6px; cursor:pointer; }
.company .fl img:last-child(1){ margin-right: 0; }
.company-box { width:448px; height: 300px; position: relative; }
.company-box .bd ul li { width: 100%; height: 300px; display: block; }
.company-box .bd ul li img { width: 100%; display: block; height: auto; }
.company-box .company-btn .hd { display: block; width: 100%; position: absolute; top:180px; }
.company-box .company-btn { position: absolute; bottom: 0; width: 100%; height: 50px; left: 0; }
.company-box .company-btn .hd ul li { display: inline-block; width: 12px; height: 12px; border-radius: 50px; background: #fff; margin: 20px 7px; text-indent: -99999em; overflow: hidden; cursor: pointer; transition:0.3s all ease-in-out; }
.company-box .company-btn .hd ul { text-align: center; }
.company-box .company-btn .hd ul li.on{ background: #f1bf00; width: 30px; }

.company_i{ padding-top: 40px; }
.company_row2 .col_2 i{ width: 70px; height: 70px; display: block; margin: 0 auto; position: relative; }
.company_row2 .col_2 i:before,.company_row2 .col_2 i:after{ background: url(../images/20180813180056_1949222330.html) no-repeat 0 0; content: ''; display: block; width: 70px; height: 70px; transition:0.3s all ease-in-out; position: absolute; left: 0; top: 0; transform:scaleX(0); opacity: 0; filter: alpha(opacity=0); }
.company_row2 .col_2 i:before{ transform:scaleX(1); opacity: 10; filter: alpha(opacity=100); }
.company_row2 .col_21 i:before{ background-position:-85px 10px; }
.company_row2 .col_22 i:before{ background-position:-325px 10px; }
.company_row2 .col_23 i:before{ background-position:-567px 10px; }
.company_row2 .col_24 i:before{ background-position:-808px 10px; }
.company_row2 .col_25 i:before{ background-position:-1050px 10px; }
.company_row2 .col_21 i:after{ background-position:-85px -60px; }
.company_row2 .col_22 i:after{ background-position:-325px -60px; }
.company_row2 .col_23 i:after{ background-position:-567px -60px; }
.company_row2 .col_24 i:after{ background-position:-808px -60px; }
.company_row2 .col_25 i:after{ background-position:-1050px -60px; }
.company_row2 .col_2:hover i:before{ transform:scaleX(0); opacity: 0; filter: alpha(opacity=0); }
.company_row2 .col_2:hover i:after{ transform:scaleX(1); opacity: 1; filter: alpha(opacity=100); }
.company_row2 .col_2:hover p{ color: #f1bf00}
.company_row2 .col_2 { float: left; width: 239px; margin-left: 1px; background: #fff; padding: 20px 0 30px; height: 100px; }
.company_row2 .col_2 p{ color: #454545; font-size: 16px; text-align: center; display: block; line-height: 30px; height: 30px; transition:0.3s all ease-in-out; }
.company_row2 .col_2:first-child{ width: 240px; margin-left: 0; }

.news { padding: 27px 0; }
.news_row1 .news_row1_t{ font-size: 26px; font-weight: bold; line-height: 40px; color: #fff; padding: 30px 40px 110px; background: url(../images/20180814085949_1063169373.jpg) no-repeat center; display: block; width: 130px; text-align: center; float: left; }
.news_row1 .news_row1_t .en{ font-size: 12px; line-height: 30px; display: block; font-weight: 100; }

.news_row1 .news_div { float: right; width: 990px; height: 210px; }
.news_row1 .news_div_item { position: relative; height: 210px;width: 100%;}
.news_row1 .news_div_item .news_div_item_date { display: block; width: 160px; position: absolute; bottom: 30px; padding: 25px; text-align: center; line-height: 30px; height: 30px; left: -210px; }
.news_row1 { width: 100%; height: 210px; position: relative; }
.news_row1 .news_div_item .news_div_item_date > div { display: inline-block; color: #fff; font-size: 24px; font-family: arial; font-weight: bold; line-height: 30px; }
.news_row1 .news_div_item .news_div_item_date > div.news_div_item_year { display: block; font-size: 16px; position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; font-weight: 100; line-height: 20px; }

.news_row1 .news_div_item_content { float: right; width: 520px; padding: 40px; background: #0457bd; height: 130px; position: relative; }
.news_row1 .news_div_item_a:after { content: 'More'; font-family: arial; font-size: 14px; font-weight: 100; position: absolute; bottom: 40px; color: #f1bf00; border: 1px solid #f1bf00; padding: 0 25px; border-radius: 50px; line-height: 26px; left: 40px; background: url(../images/jian.html) no-repeat 120px center; transition:0.3s all ease-in-out; }
.news_row1 .news_div_item:hover .news_div_item_a:after{ background-position: 70px center; padding: 0 55px 0 25px; }
.news_row1 .news_div_item_body { color: #b3d4ed; font-size: 14px; line-height: 25px; display: block; height: 50px; }
.news_row1 .news_div_item_a {
    display: block;
    line-height: 25px;
    color: #fff;
    font-size: 22px;
    padding-bottom: 15px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_row1 .news_div_item_pic { float: left; width: 390px; height: 210px; }
.news_row1 .news_div_item_pic a, .news_row1 .news_div_item_pic a img { display: block; width: 100%; height: auto; }

.news_row2 .divdgweb_new_div, .news_row2 .news_div { padding: 25px 20px; height: 250px; font-weight: normal; width: 559px; float: left; background: #fff; }
.news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item { position: relative; padding: 6px 0; height: 40px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }
.news_row2 .news_div_item:nth-last-child(1), .news_row2 .divdgweb_new_div_item:nth-last-child(1){ border-bottom: 0 none !important; }
.news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; }

.news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{  }
.news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; }
.news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{ content: ''; background: #f1bf00; width: 4px; height: 4px; position: absolute; left: 22px; top: 19px; }
.news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #676767; padding-left: 45px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ transition: 0.3s all ease; }
.news_row2 .news_div_item_pic{ display: none; }
.news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on { height: 90px; padding: 0px 0 10px 0; }
.news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body { line-height: 24px; color: #999; font-size: 13px; width: 520px; text-align: justify; position: absolute; left: 20px; top: 60px; transition:0.3s all ease-in-out; }

.news_row2 .on .news_div_item_body, .news_row2 .on .divdgweb_new_div_item_body{ top: 40px}

.news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top: 23px; right: 303px; display: none; }
.news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 0; top: 0px; width: 335px; color: #333; padding-left: 20px; font-size: 16px; }
.news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #f1bf00; font-size: 24px; line-height: 30px; }
.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }


.news_row2 .news_cont_t{ display: block; }
.news_row2 .news_cont_t a { display: block; padding-left: 75px; line-height: 70px; font-size: 20px; font-weight: bold; color: #0063ad}
.news_row2 .news_cont_t a .en{ font-size: 12px; font-weight: 100; color: #aaa; text-transform: capitalize; }
.news_row2 .news_cont { float: left; width: 600px; }
.news_row2 .news_cont1 .news_cont_t a { background: #f9f9f9 url(../images/20180814102527_593753216.html) no-repeat 20px center; }
.news_row2 .news_cont2 .news_cont_t a{ background:#f9f9f9 url(../images/20180814102541_1635930405.html) no-repeat 20px center; }