@charset "UTF-8";
*{ margin:0; padding:0; font-size:13px; 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}



.head{ height: 45px; line-height: 45px; background:#111; position: relative; z-index: 334; }
.head > .page{ display: block; height: 100%; position:relative; }
.head_rbg{ background: url(../images/20190122165714_1998790932.png) no-repeat center; width: 1090px; height: 45px; position: absolute; right: -825px; top:0; }
.head .fl{ padding-left: 25px; color: #999; font-size: 15px; line-height: 45px; font-weight: 100; }
.head .fl .color{ color: #c30c22; font-size: inherit; font-weight: inherit; }
.head .fr a { display: block; padding-left: 37px; font-size: 15px; line-height: 45px; padding-right: 3px; cursor: pointer; position: relative; color: #fff; height: 45px; transition: 0.3s all ease; float: left; font-family: arial; }
.head .fr a:after{ content: ''; display: block; width: 26px; height: 26px; position: absolute; left: 5px; top: 11px; transition: 0.3s all ease; }

.head .fr a.head_btn1:after{background: url(../images/20190122154301_992294089.png) no-repeat center 0;}
.head .fr a.head_btn2:after{background: url(../images/20190122154253_869151464.png) no-repeat center 0;}
.head .fr a.head_btn3:after{background: url(../images/20190122154258_240868778.png) no-repeat center 0;}
/*.head .fr a:hover:after{background-position-y: -40px;}*/
.head .fr .wx .wxewm { width: 133px; height: 133px; position: absolute; top: 45px; z-index: 222; left: 0; display: none; }
.head .fr .wx .wxewm img{ width: 133px; height: 133px; display: block; }






.top { display: block; width: 100%; height: 100px; background: #fff; position: fixed; min-width: 1350px; transition: 0.3s all ease; top: 0px; left: 0; z-index:33; }

.top.mintop { position: fixed; top: 0; left: 0; z-index: 1111111; }
.logo,.logo_a{ display: block; }
.logo:after{content: '';display: block;clear: both;}
.logo_a {
    padding: 24px 15px 24px 25px;
    height: 52px;
    float: left;
}
.logo p { float: left; border: 1px solid #dedede; color: #aaa; font-weight: 100; font-size: 16px; line-height: 39px; padding: 0 20px; height: 40px; margin: 28px 0; letter-spacing: 0.4px; display: block; }

@media(max-width:1800px){
.logo{width:36%;}
.logo_a {
display: block;
width:100%;
}
.logo .logo_a img{width:100%;}
}
@media(max-width:1600px){
.logo{width:33%;}
}
@media(max-width:1530px){
.logo{width:25%;}
}
.nav{ width: 850px; }
.nav > ul > li { float: left; line-height: 100px; }
.nav > ul > li > a > span{ display: block; font-size: 17px; color: #343434; transition:0.3s all ease; line-height: 100px; position: relative; padding: 0 20px;font-family: arial,Microsoft JhengHei;}
.nav > ul > li > a{ display: block; position: relative; height: 100px; line-height: 100px; transition:0.3s all ease; }
.nav > ul > li > a:after{ content: ''; display: block; width: 20px; height: 20px; background: url(../images/20190122172952_26525254.png) no-repeat center; position: absolute; left: 50%; margin-left: -10px; top: -12px; transition:0.3s all ease; opacity: 0; filter: alpha(opacity=0); }
.nav > ul > li > a:before{ content:''; display: block; width: 100%; height: 3px; background: #0180ca; position: absolute; bottom: 0; left: 0; transition:0.3s all ease; transform:scaleX(0); }
.nav > ul > li.navcurrent > a,.nav > ul > li:hover > a{ background: #f6f6f6}
.nav > ul > li.navcurrent > a:before,.nav > ul > li:hover > a:before{ transform:scaleX(1); transition-delay:0.3s; }
.nav > ul > li.navcurrent > a:after,.nav > ul > li:hover > a:after{ top: 12px; opacity: 1; filter: alpha(opacity=100); }
.nav > ul > li.navcurrent > a > span,.nav > ul > li:hover > a > span{ color:#0180ca; line-height: 115px; }
.erji_menu { display: none; width: 100%; position: absolute; background:#f6f6f6; left: 0; top: 100px; padding: 40px 0; z-index: 33333;}

.erji_menupro .list ul li { float: left; width: 162px; border:1px solid #ddd; margin-left: -1px; position: relative; z-index: 2;}
.erji_menupro .list ul li:hover{border-color: #0180ca;z-index: 3;}
.erji_menupro .list ul li a{ display: block; padding:0; }
.erji_menupro .list ul li a img { display: block; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; padding: 5px 30px; }
.erji_menupro .list ul li a p{ color: #555; display: block; text-align: center; line-height: 30px; padding:0 0 15px 0; font-size: 10.5px; }
.erji_menupro .list ul li:hover a p{color: #0180ca}

.erji_menuabout .list ul li { float: left; width: 195px;/* border:1px solid #ddd; */margin-left: 20px; position: relative; z-index: 2;}
.erji_menuabout .list ul li:hover{border-color: #0180ca;z-index: 3;}
.erji_menuabout .list ul li a{ display: block;}
.erji_menuabout .list ul li a img { display: block; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; }
.erji_menuabout .list ul li a p{ color: #555; display: block; text-align: center; line-height: 50px; padding:0 0 0px 0; font-size: 15px; }
.erji_menuabout .list ul li:hover a p{color: #0180ca}

.erji_menu .box-tips { width: 160px; padding-top: 25px; padding-right: 50px; }
.erji_menu .box-tips .line{ height: 4px; margin-bottom: 4px; }
.erji_menu .box-tips .in{ width: 42px; height: 4px; background: #0180ca; }
.erji_menu .box-tips h2{ font-size: 24px; line-height: 80px; color: #0180ca; font-family: arial,Microsoft JhengHei;}
.erji_menu .box-tips a { display: inline-block; width: 140px; font-size: 12px; color: #0180ca; text-align: center; text-transform: uppercase; transition: 0.3s all ease; border: 1px solid #0180ca; border-radius: 50px; line-height: 34px; font-family: arial; }

.erji_menu .sub-about a.tit { width: 100% !important; font-size: 14px; line-height: 48px; color: #0180ca; }
.erji_menu .sub-about a { display: inline-block; line-height: 30px; color: #878787; transition: 0.5s all ease; float: left; width: 50%; font-size: 14px; }
.erji_menu .sub-about a:hover{ text-decoration: underline; color: #0180ca}
.erji_menu .sub-about { width: 250px; float: left; padding: 60px 40px 0 40px; text-align: center; }

.erji_menu .sign{ width: 124px; }
.erji_menu .sign a{ display: inline-block; width: 122px; height: 56px; padding: 15px 0 5px; border: 1px solid #cfced0; margin: 54px 0 41px; line-height: 24px; text-align: center; transition: all 0.5s; }
.erji_menu .sign a p{ color: #676767}
.erji_menu .sign:hover a p{ color: #0180ca}
.erji_menu .sign a:hover{ border: 1px solid #0180ca; }
.erji_menu .sign-in{ display: inline-block; width: 122px; height: 32px; margin: 0 auto; overflow: hidden; position: relative; }
.erji_menu .sign-in img{ position: absolute; top:0; left: 0; }
.erji_menu .sign:hover .sign-in img{ top:-32px; }




.erji_menuInst .list { width: 727px; margin-top: 30px; border-top: 1px solid #d8d8da; border-left: 1px solid #d8d8da; }
.erji_menuInst .list li { position: relative; width: 120px; height: 68px; padding: 20px 0 10px; border-right: 1px solid #d8d8da; border-bottom: 1px solid #d8d8da; transition: 0.3s all ease; float: left; }
.erji_menuInst .list li.hover{ background: #0c4da2; }
.erji_menuInst .list span{ display: inline-block; }
.erji_menuInst .list span p { font-size: 14px; display: block; line-height: 30px; padding: 5px 0 0; color: #666; }
.erji_menuInst .list li:hover span p{ color:#0180ca}
.erji_menuInst .list span.box{ width: 100%; height: 60px; font-size: 11px; line-height: 32px; color: #666; text-align: center; transition: color 0.5s; }
.erji_menuInst .list li.hover span.box{ color: #fff; }
.erji_menuInst .list span.sign { width: 30px; height: 28px; display: block; margin: 0 auto; }
.erji_menuInst .list span.sign img { display: block; width: 100%; height: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }

.erji_menuInst .list li:hover span.sign img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

.top-search{ float: right; }
.search { float: left; height: 60px; padding: 20px 0; width: 60px; position: relative; transition: 0.3s all ease; }

#search-i { width: 60px; height: 60px; position: absolute; right: 0; top: 20px; z-index: 3333; background: #fff; }
#search-bg { line-height: 60px; height: 60px; left: 0px; position: absolute; background: #fff; z-index: 333; transition: 0.3s all ease; }

.top-search:hover #search-bg{ left: -120px; }
.search .top_tel,.search .top_search{ overflow:hidden; position:absolute; float: left; width:38px; height:38px; display:block; margin-left:15px; border-radius:50px; border: 1px solid #fff; transition:0.3s all ease-in-out; left: 0; }
.search .top_tel { left: 0; z-index: 4; }
.search .top_search { left: 55px; z-index: 3; }
.search .top_tel p{ position: absolute; right: 0; top:0; opacity: 0; transition:0.3s all ease-in-out 0.2s; color: #fff; line-height: 38px; display: block; padding: 0 25px; font-size: 18px; font-family: arial; font-weight: bold; }
.search .top_tel:hover,.search .top_search:hover{ width: 200px; background: #343434; border: 1px solid #343434; }
.search .top_tel:hover p{ opacity: 1; }
.search .top_tel i, .search #search-i input {
    transition: 0.3s all ease-in-out;
    display: block;
    width: 31px;
    height: 31px;
    padding: 3px;
    cursor: pointer;
    position: absolute;
right: 10px;
top: 13px;
    box-sizing: content-box;
    border: 0 none;
    z-index: 2;
    background-color: #fff;
}
.search .top_tel i img{ display: block; width: 100%; height: auto; }

.search .top_tel:hover i,.search .top_search:hover #search-i input{ background-color: #333}
.search #search-i input{ background-image: url(../images/20190123111407_630078975.png); background-repeat: no-repeat; background-position:6px 6px; }

.search:hover #search-i input {
    background-color: #0180ca;
    border-radius: 50px;
    background-position: 6px -44px;
}
.search #search-bg input { display: block; background: no-repeat; border: 0 none; color: #999; line-height: 60px; padding: 0 15px; }


.top_source {
  float: right;
}

.top_source > .top_source_btn2,.top_source > .top_source_btn3{float: left;width: 26px;position: relative;padding: 37px 10px;height: 26px;}
.top_source > .top_source_btn2:after,.top_source > .top_source_btn3:after{
  content: '';display: block;width: 26px;height: 26px;background: url(../images/20190305174206_918060129.png) no-repeat center 0;transition:0.3s all ease-in-out;
}

.top_source > .top_source_btn2:hover:after,.top_source > .top_source_btn3:hover:after{
    background-position: center -92px;
}

.top_source > .top_source_btn3:after{
 background: url(../images/20190306084914_917369603.png) no-repeat center 0;
}
.top_source > .top_source_btn2 > .wxewm > img,.top_source > .top_source_btn3 > .wxewm > img{width:100%;height:auto;display:block;}

.top_source > .top_source_btn2 > .wxewm, .top_source > .top_source_btn3 > .wxewm{display: none;position: absolute;width:110px;padding:12px 12px 6px 12px;background:#0180ca;top:100px;left:-45px;text-align: center;
line-height: 30px;
color: #fff;
font-size: 14px;}

.top_source > .top_source_btn2 > .wxewm:after,.top_source > .top_source_btn3 > .wxewm:after{content: '';width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #0180ca;
display: block;
position: absolute;
top:-10px;
left:57px;}




.banner {overflow: hidden;padding-top: 100px;}
.banner-box{ min-width:1100px; height:100%; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important;height: 100% !important;}
.banner-box .bd li{ width:100% !important; height:100%; background-position: center; background-repeat: no-repeat; background-color: #eee}
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 100%; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:290px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20190124085103_2143778132.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20190124085103_2143778132.png) no-repeat -49px 0; }
.banner-box .hd {
    position: absolute;
    bottom: 75px;
    width: 100%;
    display: block;
    z-index: 333;
}

.banner-box .hd ul{ text-align: right;width: 1140px;margin: 0 auto;}
.banner-box .hd ul li {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    text-indent: -9999px;
    background: #ccc;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    transition: 0.3s all ease-in-out;
    text-align: center;
}
.banner-box .hd ul li.on{ background: #009b4c; width: 45px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.main { display: block; width: 100%; position: relative; z-index: 2; }
.main .col2{ width: 20%; display: block; float: left; background: #fff;position: relative;cursor: pointer}
.main .col2:after{content: '';display: block;width: 1px;height: 100%;position: absolute;background: #eee;left: 0;top: 0;}
.main .col2:first-child:after{display: none;}
.main .col2 strong { text-align: center; display: block; font-size: 22px; font-weight: normal; color: #343434; line-height: 30px; padding: 20px 0; }
.main .col2 strong p { color: #777; line-height: 30px; font-size: 14px; font-weight: 100; padding: 0px 0 4px; }
.main .col2 i { width: 6px; height: 6px; background: #333; display: block; margin: 20px auto; border-radius: 50%; transition:0.3s all ease-in-out; }
.main .col2 i img { display: block; width: 36px; height: 36px; padding: 5px; opacity: 0; filter: alpha(opacity=0); transition:0.3s all ease-in-out; margin: 0 auto; }
.main .col2.active i img{ opacity: 1; filter: alpha(opacity=100); }

.main .col2.active i{ background: #0180ca; width: 46px; height: 46px; margin: 0 auto; }
.product{ background: url(../images/product_bg.jpg) no-repeat center; width: 100%; height: 1040px; padding: 80px 0; }

.prod_row1{ background: #fff; display: block; }
.prod_row1 .fl {
    padding: 0 70px;
}
.prod_row1 .fl img{width: 420px;height: 420px;}
.prod_row1 .fr {
    text-align: right;
    width: 520px;
    padding: 80px 70px 80px 0px;
}
.prod_row1 .fr > i { display: inline-block; width: 30px; font-style: normal; height: 30px; line-height: 30px; text-align: center; color: #fff; border-radius: 50%; background: #0180ca; font-size: 15px; margin-left: 6px; }
.prod_row1 .fr strong { display: block; font-size: 32px; line-height: 50px; color: #333; padding-top: 10px; font-weight: normal; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.prod_row1 .fr p { font-size: 17px; color: #888; font-weight: 100; line-height: 28px; padding-top: 10px;height: 56px; }


.prod_row1 .fr .btn { color: #aaa; border: 1px solid #ddd; line-height: 40px; display: block; width: 120px; text-align: center; font-weight: 100; font-size: 15px; padding: 0 22px 0 0; position: relative; margin-left: auto; margin-top: 45px;transition:0.3s all ease;}
.prod_row1 .fr .btn:after{position: absolute;content: '';background: url(../images/product_arr.png) no-repeat -48px 0;width: 22px;height: 12px;top: 15px;right: 20px;transition:0.3s all ease;}
.prod_row1:hover .fr .btn{background:#0180ca;border-color: #0180ca;color: #fff;}
.prod_row1:hover .fr .btn:after{background-position-x: -2px}
.prod_row2 .prod_item{float: left;width: 590px;margin-right: 20px;height: 300px;background: #fff;margin-top: 20px;}
.prod_row2 .prod_item:nth-child(2n){margin-right: 0}

.prod_row2 .prod_item .fl{width: 250px;height: 250px;display: block;padding: 25px 0px 25px 30px;}
.prod_row2 .prod_item .fl img{ display: block; width: 100%; height: 100%; }
.prod_row2 .prod_item .fr{ padding: 60px 40px 60px 0; text-align: right; }
.prod_row2 .prod_item .fr > i { display: inline-block; width: 28px; font-style: normal; height: 28px; line-height: 28px; text-align: center; color: #fff; border-radius: 50%; background: #0180ca; font-size: 14px; margin-left: 3px; font-weight: 100; }
.prod_row2 .prod_item .fr strong {
    display: block;
    font-size: 22px;
    line-height: 42px;
    color: #333;
    font-weight: normal;
    padding-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod_row2 .prod_item .fr p { font-size: 14px; color: #888; font-weight: 100; line-height: 24px; display: block; }

.prod_row2 .prod_item .fr .btn{ color: #aaa; border: 1px solid #ddd; line-height: 40px; display: block; width: 120px; text-align: center; font-weight: 100; font-size: 15px; padding: 0 22px 0 0; position: relative; margin-left: auto; margin-top: 30px; transition:0.3s all ease;}
.prod_row2 .prod_item .fr .btn:after{ position: absolute; content: ''; background: url(../images/product_arr.png) no-repeat -48px 0; width: 22px; height: 12px; top: 15px; right: 20px;transition:0.3s all ease; }

.prod_row2 .prod_item:hover .fr .btn{background:#0180ca;border-color: #0180ca;color: #fff;}
.prod_row2 .prod_item:hover .fr .btn:after{background-position-x: -2px}


.case {
    padding: 35px 0;
    background: url(../images/k2.jpg) no-repeat center;
}
.case_row1{background: url(../images/case_row1.png) no-repeat left center; display: block; height: 80px; width: 300px; margin: 0 auto; padding: 50px 0 50px 95px;}
.case_row1 strong{ font-size: 28px; color: #0180ca; display: block; line-height: 65px; padding-top: 5px; }
.case_row1 p{ font-size: 17px; color: #555; font-weight:100; display:block; line-height:24px; }
.case_row2_in .case_item{ float: left; width: 400px; position: relative; height: 475px; }
.case_row2_in .case_item p {
    background: #fff;
    padding: 40px 40px;
    color: #888;
    font-size: 14px;
    line-height: 26px;
    font-weight: 100;
    text-align: justify;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 95px;
    width: 320px;
    transition: 0.3s all ease-in-out;
}
.case_row2_in .case_item p strong{font-size: 22px;font-weight:normal;color: #333;display: block;padding-bottom: 15px}
.case_row2_in .case_item.fromPro_se p{top:0;bottom:auto;}
.case_row2_in .case_item img{display: block;width: 100%;height: 300px;position: absolute;top: 0;left: 0;}
.case_row2_in .case_item i{width: 30px;height: 30px;border: 1px solid #0180ca;display: block;border-radius: 50%;margin: 20px 0;background: url(../images/case_item_btn.png) no-repeat -54px center;transition: 0.3s all ease}
.case_row2_in .case_item.fromPro_se img{bottom:0;top: auto;}
.case_row2_in .case_item:hover p{background: #0180ca;color: #fff}
.case_row2_in .case_item:hover p strong{color: #fff}
.case_row2_in .case_item:hover i{border-color: #fff;background-position-x: 6px;}

.case_row2_in_shilt{text-align: center;}
.case_row2_in_shilt li{display: inline-block;width: 8px;height: 8px;border: 1px #0180ca solid;border-radius: 50%;transition:0.3s all ease-in-out;cursor: pointer;margin: 40px 5px;}
.case_row2_in_shilt li.on{background: #0180ca;}
.case_row2_in_shilt li:nth-last-child(2), .case_row2_in_shilt li:nth-last-child(1) {
    display: none;
}

.about .page{position: relative;}

.about_l{width: 50%;position: relative;height: 650px;float: left;}
.about_l_in{width: 960px;background: url(../images/about_l.jpg) no-repeat center;height: 650px;position: absolute;right: 0;top: 0}

.about_r{width: 50%;float: right;/*! height: 100%; */position: relative;height: 650px;}
.about_r_bg{position: absolute;background: url(../images/about_r_bg.png) no-repeat center;width: 600px;height: 600px;right: -620px;bottom: -300px;}
.about_r_in{width: 540px;padding: 80px 400px 160px 60px;background: #f5f5f5;height: 410px;position: absolute;left: 0;top: 0}
.about_r .about_tit .en{width: 240px;height: 35px;background:url(../images/about_tit.png) no-repeat center;display: block;}
.about_r .about_tit strong{font-size: 28px;font-weight: 100;color: #343434;display:block;line-height:60px;padding:10px 0;}
.about_r .about_tit strong .color{font-size: 28px;font-weight: 100;color: #0180ca;}
.about_r .about_tit p{font-size: 14px;color: #888;line-height: 28px;font-weight: 100;}

.about_btn{padding-top: 40px;}
.about_btn a i{width: 70px;height: 70px;border: 1px solid #0180ca;display: block;border-radius: 50%;transition:0.3s all ease;transform:rotate(0deg);box-shadow: 0 0 0 0px rgba(1,128,202,.0);}
.about_btn a{float: left;margin-right: 40px;transition:0.3s all ease-in-out;}
.about_btn a p{color: #0180ca;text-align: center;line-height: 30px;font-size: 15px;font-weight: 100;transition:0.3s all ease;}

.about_btn a.about_btn1 i{
background: url(../images/about_btn1.png) no-repeat center 0;
}
.about_btn a.about_btn2 i{
background: url(../images/about_btn2.png) no-repeat center 0;
}
.about_btn a.about_btn3 i{
background: url(../images/about_btn3.png) no-repeat center 0;
}
.about_btn a.about_btn4 i{
background: url(../images/about_btn4.png) no-repeat center 0;
}

.about_btn a:hover i{box-shadow: 0 0 0 10px rgba(1,128,202,.15);background-color: #0180ca;background-position-y: -70px;}
.about_btn a:hover p{line-height: 50px}

.about_row2{background: rgba(1,128,202,0.95);width: 1200px;height: 120px;position: absolute;bottom: 65px;border-top-right-radius: 60px;border-bottom-left-radius: 60px;}

.about_row2 .about_row2_item{float: left;width: 25%;cursor:pointer;padding: 10px 0 20px;display: block;}
.about_row2 .about_row2_item img{display: block;margin: 0 auto;}
.about_row2 .about_row2_item p{color: #fff;display: block;text-align: center;font-size:15px;line-height:20px;}


.news{padding: 65px 0;background: #fff;}
.news_row1 ul li{float: left;position: relative;width: 240px;height: 50px;border: 1px solid #ccc;transition:0.3s all ease-in-out}
.news_row1 ul li.cur{background:#0180ca;z-index:2;border-color:#0180ca}
.news_row1 ul li a{display: block;text-align: center;color: #999;line-height: 50px;font-size: 17px;font-weight: 100;padding-left: 40px;position:relative;transition:0.3s all ease-in-out}
.news_row1 ul li.cur a{color: #fff;}
.news_row1 ul{position: relative;width: 724px;margin: 0 auto;}
.news_row1 ul:after{content: '';display: block;clear: both;}

.news_row1 ul li.first{border-top-left-radius: 60px;border-bottom-left-radius: 60px;margin-right: -1px}
.news_row1 ul li.last{border-top-right-radius: 60px;border-bottom-right-radius: 60px;margin-left: -1px}
.news_row1 ul li a:after{content:'';display: block;width:30px;height:30px;position:absolute;top:10px;left: 60px;transition:0.3s all ease}
.news_row1 ul li.news_row1_1 a:after{background: url(../images/news_tit1.png) no-repeat center 0;}
.news_row1 ul li.news_row1_2 a:after{background: url(../images/news_tit2.png) no-repeat center 0;}
.news_row1 ul li.news_row1_3 a:after{background: url(../images/news_tit3.png) no-repeat center 0;}
.news_row1 ul li.cur a:after{background-position-y: -51px}

.news_row2_in{padding: 50px 0;position:relative;height: 300px;}
.news_row2_in:after{content: '';display: block;clear: both;}
.news_item{width: 340px;float: left;padding: 0 30px}
.news_row2_in .news_item *{transition:0.3s all ease-in-out;}
.news_row2_in .news_item strong{font-size:17px;font-weight:normal;color: #333;display: block;line-height: 50px;padding-top: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.news_row2_in .news_item:hover strong{color: #0180ca}
.news_row2_in .news_item p{font-size: 13px;color: #999;line-height: 24px;}
.news_row2_in .news_cont{position: absolute;}
.news_item img{width: 100%;}
.news_item .date{float: right;font-size: 13px;font-family: arial;color: #ccc;background: url(../images/news_date.png) no-repeat left center;padding-left: 25px;line-height: 20px;display: block;margin-top: 20px;}
.news_item i{background: url(../images/news_btn.png) no-repeat 0 0;width: 30px;height: 20px;display: block;float: left;margin-top: 20px;transition: 0.3s all ease-in-out;}
.news_item:hover i{background-position-x:-50px}







.banner{position: relative}
.banner-news {
    width: 1160px;
    margin: 0 auto;
    background: rgba(255,255,255,0.9);
    height: 50px;
    padding: 20px 20px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 35px;
    
}

.news_bt0 {
  float: left;
  width: 40px;
  font-size: 18px;
  color: #0180ca;
  height: 40px;
  line-height: 20px;
  text-align: center;
  padding: 5px 20px 5px 5px;
  border-right: 1px solid #e5e5e5;
  margin-right: 25px;
  letter-spacing: 0.4px;
}

.banner-news .news_bt1{float: left;height: 50px;width: 700px}
.banner-news .news_bt_item{display:block;height: 50px!important;line-height: 50px;overflow: hidden;width: 100%;position: relative;
z-index: 333;}
.banner-news .news_bt_item .date {
    display: block;
    height: 50px;
    line-height: 50px;
    float: right;
    font-size: 18px;
    font-family: arial;
    color: #666;
    text-align: center;
    padding: 0px 25px;
    letter-spacing: ;
}
/*.banner-news .news_bt_item .date i {

    display: block;
    font-family: arial;
    font-size: 22px;
    line-height: 22px;
    padding-top: 4px;
    letter-spacing: -0.5px;
    font-style: normal;

}*/
.banner-news .news_bt_item strong {
    display: block;
    font-size: 15px;
    font-weight: normal;
    color: 
    #333;
    line-height: 20px;
    white-space: nowrap;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 5px;
}
.banner-news .news_bt_item p {
    font-size: 13px;
    color: #999;
    line-height: 22px;
    display: block;
    white-space: nowrap;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: lighter;
}


.banner-news .news_btn {
  float: left;
    padding: 12px 15px 12px;
    height: 26px;
    position: relative;
    z-index: 33333;}
.banner-news .news_btn > div{width: 20px;height: 26px;float: left;background: url(../images/news_btn.png) no-repeat;cursor: pointer;margin: 0 3px;}
.banner-news .news_btn:after{clear: both;display: block;content: '';}
.banner-news .news_btn > div.news_btnl{background-position: -9px -17px;}
.banner-news .news_btn > div.news_btnr{background-position: -40px -17px;}
.banner-news .news_btn > div:hover{background-position-y: -57px;}


.ads_bbtn .page{height: 300px;position: relative;}
.ads_bbtn .col6{width: 490px;height: 200px;position: absolute;padding: 50px;display: block;}
.ads_bbtn .fl{background: url(../images/ads_bbtn_fl.jpg) no-repeat center;left: -360px;padding-left: 420px;}
.ads_bbtn .fr{background: url(../images/ads_bbtn_fr.jpg) no-repeat center;right: -360px;padding-right: 420px;}


.ads_bbtn .col6 strong{font-size: 28px;color: #333;font-weight: bold;padding-left: 20px;border-left: 3px solid #0180ca;display: block;margin-bottom: 30px;line-height: 31px;}
.ads_bbtn .col6 strong .small{font-size: 28px;font-weight: 100}
.ads_bbtn .col6 p{font-size: 15px;color: #999;line-height: 30px;display: block;font-weight: 100;}


.ads_bbtn .col6 i{background: url(../images/ads_bbtn_arr.png) no-repeat 0 center;width: 40px;height: 40px;border-radius: 50%;display: block;border: 1px solid #999;margin-top: 30px;transition: 0.3s all ease;transform: rotate(0deg)}
.ads_bbtn .col6:hover i{background-color: #0180ca;border:1px solid #0180ca;background-position-x: -40px}

.cult{background: url(../images/cult_bg.jpg) no-repeat center;width: 100%;height: 420px;}
.cult .page{position: relative;height: 100%;}
.cult .page .fr{position: absolute;right: 0;top: 100px;background: url(../images/cult_r.png) no-repeat center;width: 290px;height: 220px;z-index: 4;}


/*.copy_row1{background:url(../images/cult_bg1.jpg) no-repeat center;padding: 40px 0;width: 100%;}*/
.copy_row1 {

    padding: 95px 0;
    width: 100%;
    margin-top: -420px;
    background: rgba(0,0,0,0.1);
    position: relative;
    z-index: 3;
    height: 230px;

}
.copy_row2{background: #222;height: 60px;line-height: 60px;width: 100%;}

.copy_row1 ul{float: left;padding: 20px 0;}
.copy_row1 ul.copy_ul,.copy_row1 ul.copy_ewm{padding-right: 65px;background: url(../images/copy_list.png) no-repeat right center;margin-right: 30px;}

.copy_row1 ul.copy_ul.copy_ul_pro {
	width: 414px;
}
.copy_row1 ul.copy_ul.copy_ul_pro li {
	float: left;
	width: 50%;
}
.copy_ul strong{display: block;padding-bottom:10px;}
.copy_ul *{transition:0.3s all ease}
.copy_ul strong a{font-size: 18px;font-weight: 100;color: #fff;line-height: 40px;}
.copy_ul li{line-height: 28px;}
.copy_ul li a {

    font-size: 13px;
    color: #eee;
    display: block;
    line-height: 28px;
    font-weight: lighter;

}
.copy_ul li a:hover{text-decoration: underline;color: #fff;}
.copy_ewm_in{float: left; padding: 10px;width: 90px;}
.copy_ewm_in p{line-height: 40px;color: #fff;text-align: center;font-size: 14px;font-weight: 100;color: #aaa;}
.copy_ewm_in img{width: 90px;height:  90px;}

.copy_contact strong{font-size: 30px;font-weight: normal;color: #fff;padding-left: 60px;background: url(../images/copy_tel.png) no-repeat left center;line-height: 50px;display: block;font-family: arial;margin:10px 0;}
.copy_contact p{font-size: 13px;color: #999;line-height: 24px;}


.copy_row2 .fl,.copy_row2 .fl a{line-height: 60px;color: #999;}
.copy_row2 .fl a:hover{color: #fff;text-decoration: underline;}



.friendlink { width: 200px; line-height: 30px; height: 30px; float: right;border: 1px solid #666;margin: 14px 0;position: relative;background: url(../images/friendlink_r.png) no-repeat 175px 5px;}
.friendlink .fri_L { width: 60px; height: 30px; float: left; color: #ccc; font-size: 14px; text-align: center; line-height: 29px; padding-left: 38px;background: url(../images/friendlink_l.png) no-repeat 10px center;font-weight: 100;}
.friendlink .fri_R { height: 30px; display: block;  width: 160px; line-height: 30px; position: absolute; right: 0;opacity: 0;
filter: alpha(opacity=0);transition:0.3s all ease;}
.friendlink .linkTagcs { width: 161px; max-height: 30px;overflow: hidden; transition: 0.3s all ease-in-out; position: absolute; bottom: 0px; z-index: 3; background: #ddd;}
.friendlink .linkTagcs:hover { max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.friendlink .fri_R .linkTagcs li { float: none; line-height: 30px; text-align: left; text-indent: 10px; position: relative; }
.friendlink .fri_R .linkTagcs li a { display: block; color: #666; font-size: 13px;font-weight: 100;}

.friendlink .fri_R:hover{opacity: 1;
filter: alpha(opacity=100);}




.y-kefu-box { position: fixed; right: 0; bottom: 20%; z-index: 9999; font-size: 13px; }
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/20191213174237_1344224405.png) no-repeat; margin: 0 auto 6px; }
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 29px; height: 29px; background-position: -4px -114px; position: relative; cursor: pointer; display:none}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #0180ca; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;color: #666; }
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #0180ca; border-color: #0180ca; color: #fff; margin: 10px 0 7px; /* display: block; */}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i { background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px; }
.y-kefu-box01 .hver:hover { background-color: #0180ca; border-color: #0180ca; }
.y-kefu-box01 .hver:hover>p { color: #fff; }

.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none; } 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 250px; text-align: left; top: 0; }
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color: #999; }
.y-kefu-box01 .mobile-infos p { color: #0180ca; font-size: 16px;font-family: arial }
.y-kefu-box01 .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px; }
.y-kefu-box01 .right-arrow1,
.y-kefu-box01 .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden; }
.y-kefu-box01 .right-arrow1 { left: 1px; border-left: 6px #efefef solid; }
.y-kefu-box01 .right-arrow2 { border-left: 6px white solid; }
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 305px; height: 178px; top: -60px; }
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; width: 172px; }
.y-kefu-box01 .y-email-infos p { color: #0180ca; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #abce03; position: absolute; top: 37px; left: 55px; z-index: 9; }
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

.kefuqq{ background: #0180ca !important; border: none !important; width: 54px !important; }
.more-infos { background-color: #fff; border: solid 1px #ebebeb; position: absolute; right: 90px; box-shadow: 5px 5px 30px rgba(0,0,0,.2); display: none; }
.y-kefu-box02 .more-infos:before { content: ''; display: block; width: 352px; height: 3px; background-color: #0180ca; position: absolute; left: -1px; top: -1px; z-index: 9; }
.online-service-infos { width: 320px; padding: 0 15px; top: 0; z-index: 2; }
.y-kefu-box01 .part01 { padding: 18px 0 22px 45px; border-bottom: solid 1px #e9e9e9; position: relative; text-align: left; }
.y-kefu-box01 .part01 p { font-size: 16px; color: #0180ca; padding-bottom: 5px; }
.y-kefu-box01 .part01 i { width: 28px; height: 26px; position: absolute; left: 0; top: 18px; z-index: 2; background: url(../images/20191213174314_2000155721.png) no-repeat -40px -5px; }
.y-kefu-box01 .part02 { padding: 26px 0; height: 26px;}
.y-kefu-box01 .part02 li { width: 86px; float: left; position: relative; padding-left: 20px; margin-bottom: 10px; }
.y-kefu-box01 .part02 i { width: 16px; height: 16px; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/20191213174314_2000155721.png) no-repeat -5px -65px; }
.y-kefu-box01 .part02 li:hover a { color: #0180ca; }
.y-kefu-box01 .part02 li:hover i { background-position: -25px -65px; }