body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:28px; color: #221815; font-family:Microsoft YaHei;box-sizing: border-box;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
form,input,select{margin: 0px; padding: 0px;}
ul{list-style-type: none;}
a{text-decoration: none; color:#221815; font-size: 14px;}
a:hover{color:#FD4B01; text-decoration:blink; font-size: 14px;}
.fr{ float:right;}
.fl{ float:left;}
.bz{ width:1200px; margin:0 auto; overflow:hidden;}
.bz1{ width:1200px; margin:0 auto;}
.clear{height: 0; overflow: hidden; clear: both;}
.kg30{width:1200px; height:30px; margin:0 auto;  overflow:hidden;}
.kg40{width:1200px; height:40px; margin:0 auto;  overflow:hidden;}
.kg60{width:1200px; height:60px; margin:0 auto;  overflow:hidden;}

/*top*/
.top{height: 40px; background:#f2f2f2;overflow:hidden;}
.top_l{font-size: 15px; line-height: 40px; color: #221815;}
.top_r{width: 200px;}
.albb{width: 110px; height: 40px;background:url(/skin/images/20190712141754_1157272380.png)left no-repeat;padding-left: 35px; box-sizing: border-box; border-right: 1px #ddd solid;}
.albb a{font-size: 15px; line-height: 40px; color: #221815; }
.albb a:hover{color:#FD4B01;}
.ywb{width: 75px; height: 40px; background:url(/skin/images/20190712141851_1315726614.png)left no-repeat; padding-left:28px; box-sizing: border-box;}
.ywb a{font-size: 15px; line-height: 40px; color: #221815;}
.ywb a:hover{color:#FD4B01;}

/*head*/
.head{width:1200px; height:140px; margin: 0 auto;}
.head_l{width: 440px; overflow: hidden;}
.head_a{width: 225px; height: 140px; border-right: 1px #ddd solid;padding-top: 31px;box-sizing: border-box;}
.head_a p{font-size: 14px; line-height: 30px;color: #221815;letter-spacing:0px;}
.head_a p span{color: #FD4B01;}
.head_b{width: 215px;height: 148px;padding-top: 24px;box-sizing: border-box;text-align: center;}
.head_b p{width: 167px; height: 36px; background:url(/skin/images/20190712150728_1727139388.png)left no-repeat; font-size: 17px; line-height: 36px; color: #FD4B01; font-family: Arial;padding-left: 20px; margin: 0 auto; }

/*抬头*/
.nav_bg{float: right;width:680px;margin-top: 56px;}
.menu{ width:680px;}
.menu li{ float:left; width:113px;height: 82px; text-align:center;}
.menu li a{ font-size:16px; display:block; text-decoration:none; line-height:40px; color:#221815; transition: all 0.5s linear; }
.menu li a:hover{background:#FD4B01; display:block; color:#fff; border-radius: 25px; transition: all 0.5s linear;}
.menu li a.none{background:#FD4B01; display:block; color:#fff;  border-radius: 25px; transition: all 0.5s linear;}    
.menu .cur>a{background:#FD4B01; display:block; color:#fff;  border-radius: 25px; transition: all 0.5s linear; height: 40px;}
.menu .cur a{color:#fff; }
.erji_menu{ width:100%; display:none; padding-top:35px; padding-bottom:50px; border-top:1px solid #eee; position:absolute; left:0; top:180px; background-color:#fff; z-index:999999;}
.erji_menu a,.erji_menu{color:#221815 !important;}
.erjinr{ margin:0 auto; padding-left:0px; width:770px; box-sizing:border-box;}
.erjinr1{ float:left; background:url(/skin/images/20180131093001_666806530.jpg) no-repeat; padding-top:20px; font-size:20px; font-weight:bold; color: #FD4B01; margin-right:36px; text-align:left !important; margin-left: 309px;}
.erjinrv{ float:left; background:url(/skin/images/20180131093001_666806530.jpg) no-repeat; padding-top:20px; font-size:20px; font-weight:bold; color:#333; margin-right:50px; text-align:left !important;}
.erji_menu a{ font-size:13px;}
.erji_menu a:hover{ background:none !important; color:#333 !important; text-decoration:underline !important;}
.erji_menu .erjinr1 a,.erji_menu .erjinrv a{ display:block; width:110px; height:32px; font-family:Arial, Helvetica, sans-serif; color:#999; font-size:13px; line-height:32px; text-align:center; text-transform:uppercase; border:1px solid #cecece; margin-top:25px; font-weight:normal;}
.erjinr2{ float:left;}
.erji_menu .erjinr2 a{ line-height:36px; height:auto; font-size:13px;}
.erjinr21{ float:left; padding-right:36px; border-right:1px solid #e9e9e9; text-align: left;}
.erjinr21 img{ padding-top:5px;}
.erjinr22{ float:left; padding-left:36px;}
.erjinra{float: left; border-left:1px solid #ccc; margin-left:36px;}
.erjinr3{ float: left; width:130px; height:95px; padding-top:15px; border:1px solid #e9e9e9; text-align:center; margin-left:36px;     box-sizing: border-box;}
.erji_menu .erjinr3 a{ line-height:30px; height:auto; font-size:13px;}


/*banner*/
.banner-box{ min-width:1200px; height:680px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:680px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto;  width: 100%;
    height: 680px;}
.banner-btn{width: 100%; position: absolute; bottom:40px; left: 0; margin-left: 0; height:15px; overflow: hidden;}
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:0; 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(/skin/images/20190713154005_1159036919.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(/skin/images/20190713154005_1159036919.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#FD4B01; width: 15px; }
.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;}
/* search */
.search{ width: 100%; height:152px;padding-top: 27px; box-sizing: border-box; overflow:hidden; background: #f5f5f5;}
#search_nr{width:1200px; margin:0 auto; height:152px; border-radius: 8px; }
.search_l{width: 315px; height: 97px;float: left; font-size: 26px; line-height: 40px; color: #221815;border-right: 1px #dddddd solid;padding-top: 10px; box-sizing: border-box;}
.search_l span{color: #FD4B01;}
.search_l p{font-size: 12px; line-height: 20px; color: #999999; font-family: Arial;}
.search_l p:after{content: ''; width: 23px; border-bottom: 2px #FD4B01 solid; display: block; padding-top: 10px;}
#search-i{float:left; width:36px; height:35px; overflow:hidden; margin-top:5px; background:#fff; box-sizing: border-box; padding-top: 5px;}
#search-bg{float:left; width:385px; height:35px; background:#fff; overflow:hidden; padding-left:14px; margin-top:5px; box-sizing: border-box;}
.search_z{width:578px;height: 97px; padding:0 56px;float:left; border-right: 1px #dddddd solid;box-sizing: border-box;padding-top: 10px;}
.search-text{ font-size:14px; line-height:30px; height:30px; box-sizing: border-box;}
.search-text a{ font-size:14px; color: #666666;}
.search-text a:hover{ font-size:14px; color: #FD4B01;}
.search-text span{ float:left; font-weight:bold; color:#FD4B01;}
#infoname{ border:none;background:none; outline:none;}
.search_r{width: 255px;height: 60px; float: right; background: url(/skin/images/20190713091820_1694462387.png)left no-repeat;font-size: 16px; line-height: 30px; color: #221815;padding-left: 55px; box-sizing: border-box;margin-top: 20px;}
.search_r p{font-size: 23px; line-height: 20px; font-family: Arial; color: #FD4B01;}

/*xadv*/
.xadv{height: 557px; margin: 0 auto;padding-top: 75px; box-sizing: border-box; background:url(/skin/images/20200515200045_2004815113.jpg)center no-repeat;}
.xadv_l{width: 299px; float: left; height: 399px;background:url(/skin/images/20190713094058_1783122216.jpg)left no-repeat; font-size: 27px;line-height: 50px; color: #fff; font-weight: bold;padding: 36px;box-sizing: border-box;position: relative;}
.xadv_l p{font-size: 32px;line-height: 50px; color: #fff; font-family: Arial; text-transform:Uppercase; margin: 25px 0;}
.xadv_l em{display:block; width: 126px; height: 3px;background:#FD4B01; margin-top: 20px;left: -80px; position: relative;margin-bottom: 40px;}
.xadv_wz{width: 460px; height: 350px; float: left; margin-left: 50px; background: url(/skin/images/20240329151212_1767358465.png)left top no-repeat;padding-top: 90px; box-sizing: border-box;font-size: 22px; line-height: 50px; color: #221815;margin-top: 30px;}
.xadv_wz p{font-size: 14px; line-height: 28px; color: #666666;margin-top: 10px;}
.xadv_wz a{display:inline-block;width: 140px; height: 43px;background: #FD4B01; font-size: 16px; line-height:43px;color: #ffffff; text-align: center;margin-top: 40px; transition: all 0.5s linear;}
.xadv_wz a:hover{width: 160px; transition: all 0.5s linear; }

/* porduct */
.porduct{width: 100%; height:1038px; background: url(/skin/images/20190718134507_1187891536.jpg)center no-repeat; padding-top: 63px; box-sizing: border-box;    margin-bottom: 60px;}
.porduct_bt{height: 60px; text-align: center; background:url(/skin/images/20190713103702_639922161.png)bottom no-repeat;font-size: 36px; line-height: 30px; color: #FD4B01;}
.porduct_b{width: 1200px; height:740px; margin: 0 auto;}
.pro_tab table{margin: 0 auto; padding-top: 43px; text-align: center;}
.pro_tab tr{display:inline-block;vertical-align:top;width:220px; height: 47px; text-align:center; margin-left: 12px; background: #dddddd;}
.pro_tab tr+tr{margin-left:12px; background: #dddddd;}
.pro_tab tr.cur{background:#FD4B01;}
.pro_tab tr td,.pro_tab tr a{display:block;}
.pro_tab tr a{font-size:16px;font-weight:normal !important;line-height:50px;color:#221815;}
.pro_tab tr.cur a{color:#fff;}
.pro_con{margin-top:36px;}
.pro_con table{width: 1200px;}
.pro_con li+li{display:none;}
.pro_con li tr+tr{display:block;margin-top:16px;}
.pro_con li td{display:inline-block;
    box-sizing: border-box;overflow: hidden;
    vertical-align:top;width:288px;border:1px solid #dddddd;transition:0.6s; padding-left: 0px !important;    position: relative;  background: #fff;}
.pro_con li td+td{margin-left:10px; padding-left: 0 !important;}
.pro_con li td br{display:none;}
.pro_con li td span,.pro_con li td span a{line-height: 45px; font-size: 14px;}
.pro_con li td span{height:42px;background:#fff;}
.pro_con li td:hover span a{color:#221815;}
.pro_con li td:hover{transition:0.6s;}
.pro_con li table td:hover>a::after,.pro_con li table td:hover>a::before{content:" ";display:block; position:absolute; height:328px; width:284px; padding:2px; top:-1px; left:-1px; border:1px solid #FD4B01; z-index:10; -webkit-animation:clipAni 2s infinite linear; animation: clipAni 2s infinite linear;}
.pro_con li table td:hover>a::before{-webkit-animation-delay:-1s;animation-delay:-1s;-ms-animation-delay:-1s;}
.pro_con tr{
    display: flex!important;
}


@-webkit-keyframes  clipAni{ 0%,100%{ clip:rect(0px,334px,334px,334px);} 25%{ clip:rect(0px,334px,0px,0px); } 50%{ clip:rect(0px,0px,334px,0px);}75%{ clip:rect(334px,334px,334px,0px); } }
@keyframes  clipAni{ 0%,100%{ clip:rect(0px,334px,334px,334px); } 25%{ clip:rect(0px,334px,0px,0px); } 50%{ clip:rect(0px,0px,334px,0px);} 75%{ clip:rect(334px,334px,334px,0px);}}
@-ms-keyframes  clipAni{ 0%,100%{ clip:rect(0px,334px,334px,334px); } 25%{ clip:rect(0px,334px,0px,0px);} 50%{ clip:rect(0px,0px,334px,0px);} 75%{ clip:rect(334px,334px,334px,0px); }}


/*adv*/
.adv{height: 1236px; background: url(/skin/images/20190713105256_1915614406.jpg)center no-repeat;position:relative;}
.adv_l{width: 800px; margin-top: 128px; position: absolute; left:50%;margin-left:-866px;}
.adv_t{font-size: 76px; line-height: 40px; color: #434343; font-weight: bold;font-family:Arial; text-transform: uppercase;}
.adv_wz{width:333px; height: 128px; border-left: 4px #FD4B01 solid; margin-top: 54px;padding-left: 22px;box-sizing: border-box;font-size: 18px; line-height: 50px; color: #ffffff; padding-top: 6px;letter-spacing: 5px;margin-left: 360px;}
.adv_wz b{font-size: 36px; line-height: 30px; color: #FD4B01;letter-spacing: 0;display: block;}
.adv_wz p{font-size: 10px; line-height:20px; color: #999999;text-transform: uppercase;letter-spacing: 0;}
.adv_tp{margin-top: 125px;margin-left:45px;}
.adv_r{margin-top: 80px;}
.adv_r li{width: 626px; height: 237px; background:#f5f5f5; padding-top: 43px;box-sizing: border-box;}
.adv_r li+li{margin-top: 23px;}
.adv_r li b{float: left;width: 87px; height: 113px;background:#FD4B01; display: inline-block;font-size: 50px; line-height:64px; color: #fff; font-family: Arial; text-align: center;padding-top: 18px;box-sizing: border-box;}
.adv_r li b:after{content:'';display: block; width: 44px; height: 2px; background:#fff;margin: 0 auto;}
.adv_r li p span{font-size: 28px; line-height: 40px; color:#231815;display: block;}
.adv_r li p span:after{content: '';display: block; width: 27px; height: 2px;background:#FD4B01;margin-top: 15px;margin-bottom: 15px;}
.adv_r li p{width: 460px; font-size:15px; line-height: 26px; color: #666;float: left;margin-left: 26px;}
.adv_r li p em{font-size: 21px; line-height: 26px; color:#FD4B01;font-family:Arial; font-style: normal;}

/*fwlc*/
.fwlc{height: 424px;background:#333333;}
.fwlc_l{width: 316px; height: 280px; background:url(/skin/images/20190713155021_718990991.png)no-repeat;padding-top:120px; box-sizing: border-box;margin-top: 71px;font-size: 15px; line-height:26px; color:#999999;}
.fwlc_l b{font-size: 28px; line-height:30px; color:#ffffff;}
.fwlc_l b:after{content: '';display: block; width: 30px; height: 2px; background:#FD4B01; margin: 25px 0;}
.fwlc_r{width: 789px;}
.fwlc1 li{border-bottom:1px #444444 solid;}
.fwlc_r li{float: left; width: 196px; height: 212px; border-right:1px #444444 solid;padding-top: 52px; box-sizing: border-box;transition:0.6s}
.fwlc_r li:nth-child(1){border-left:1px #444444 solid;}
.fwlc_r li em{text-align: center;display: block;}
.fwlc_r li span{font-size: 12px; line-height: 30px; color:#fff; text-align: center;display: block; margin: 15px 0;}
.fwlc_r li p{font-size: 16px;line-height: 22px;font-family: Arial;color:#999; text-align: center;}
.fwlc_r li:hover{background: #2b2b2b;transition:0.6s}


/*company*/
.company{height: 910px; background: url(/skin/images/20190718140558_1533899868.jpg)center no-repeat; padding-top: 68px; box-sizing: border-box;}
.company_l{width: 538px;}
.company_lt{width: 390px;}
.company_lt_a{font-size: 32px; line-height: 30px; color: #231815; float: left;}
.company_lt_b{font-size: 12px;line-height: 26px; color:#999; font-family: Arial; float: left;margin-left: 10px;margin-top: 10px;}
.company_lt_b:before{content:''; width: 10px; height: 2px; background:#FD4B01; display: block;}
.company_lt p{font-size: 14px; line-height: 36px; color: #666666;display: inline-block;letter-spacing: 0px;}
.company_tp{margin-top: 25px;}
.company_r{width: 606px;}
.company_rt{float: right;}
.company_rt a{display: inline-block;width: 135px; height: 41px; background:#f2f2f2; text-align: center; font-size: 16px; line-height: 41px; color: #231815; margin-left: 10px;transition:0.6s}
.company1{background:#FD4B01 !important;color:#fff !important;}
.company_rt a:hover{background:#FD4B01;color:#fff;transition:0.6s}
.company_wz{width: 606px; background: url(/skin/images/20190713175227_1616957496.png)no-repeat; padding-top: 80px; box-sizing: border-box; margin-top: 60px; font-size: 15px; line-height: 28px; color: #666666;}
.company_x{width: 126px; height: 64px; background: url(/skin/images/20190713183143_35046462.png)no-repeat; text-align: center;margin-top: 38px;}
.company_x a{font-size: 16px; line-height: 32px; color: #ffffff;}

.Plant_t{ margin-top: 40px;}
.Plant_t td img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;}
.Plant_t td img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
.Plant_t td a{display:block; border:solid 1px #ececec; line-height: 35px; background: #ececec; overflow:hidden;}
.Plant_t td a:hover{display:block; line-height: 35px;  overflow:hidden;}
.Plant_t td div a{background:#ececec; line-height:35px !important; }
.Plant_t td br{display:none;}

/*news*/
.news{height: 712px; background:#f5f5f5;padding-top: 46px; box-sizing: border-box;}
/*新闻中心*/
.qt{margin: 70px 0px;}
.news_info_1 {
 background: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.fr .news_div {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
 background: #fefefe;
}

.news_info_bg_1 {
    width: 300px;
    height: 286px;
    background:#231815;
}
.news_info_1:hover{background: #fff;}
.news_row2 .fl { width: 780px;}
.fl .news_div_item .news_div_item_pic a>img{width: 300px;
    height: 230px;
    display: block;
    float: left;}
.fl .news_div_item{padding: 28px;display: block;width: 720px;}
.fl .news_div_item .news_div_item_title a{font-size: 18px;    color: #343434;position: absolute;width: 420px;top: 0px;    height: 320px;    height: 250px;}
.fl .news_div_item .news_div_item_body{display: block;font-size: 14px;color: #666;line-height: 24px;padding-top: 10px;}
.fl .news_div_item .news_div_item_content{display: block;    width: 390px;padding: 30px 0 30px 30px;height: 170px;float: right;position: relative;}
.fl .news_div_item .news_div_item_content:before{content:"View details";    position: absolute;top: 164px;left: 25px;    display: block;
    width: 129px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 14px; background: #FD4B01;}
.news_row2 .fr { width: 390px;}
.fr .news_div_item{display: block;padding: 20px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;
    height: 55px; background: #fff;}
.fr .news_div_item:hover{background: #FD4B01;}
.fr .news_div_item:hover .news_div_item_date{color:#fff;}
.fr .news_div_item:hover .news_div_item_day{color:#fff;}
.fr .news_div_item:hover .news_div_item_month{color:#fff;}
.fr .news_div_item:hover .news_div_item_body{color:#fff;}
.fr .news_div_item:hover .news_div_item_title a{color:#fff;}
/*.fr .news_div_item:nth-child(1){display:none;}*/
.fr .news_div_item .news_div_item_date{    display: block;
    float: left;
    text-align: center;
    font-family: arial;
    font-size: 13px;
    font-weight: 100;
    color: #999;
    padding-right: 20px;
    border-right: 1px solid #ddd;
    margin-right: 22px;
    width: 55px;position: relative;    padding-top: 20px;    height: 29px;}
.fr .news_div_item .news_div_item_day{font-size: 30px;
    font-style: normal;
    color: #231815;
    display: block;
    font-weight: bold;
    font-family: arial;
    position: absolute;
    top: -3px;
    left: 14px;
}
.fr .news_div_item .news_div_item_year{position: absolute; top: 31px;left:6px;}
.fr .news_div_item .news_div_item_month{position: absolute; top: 31px;left:41px;}
.fr .news_div_item .news_div_item_content{display: block;
    line-height: 26px;
    float: left;
    width: 242px;
    white-space: nowrap;
    overflow: hidden;}
.fr .news_div_item .news_div_item_title a{font-size: 16px;color: #343434;}
.fr .news_div_item .news_div_item_body{font-size: 14px;color: #666; }

.news_row3 {
    padding: 28px;
    background: #fff;
    margin-top: 20px;
    height: 126px;
}
.faq_tit{
    width: 210px;
    height: 75px;
    background: #231815;
    display: block;
    text-align: center;
    color: #fff !important;
    padding: 25px 0px;
    margin-left: auto;
    float: right;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: bold;
    font-size: 22px !important;
}

.faq_tit:hover{background:#FD4B01;}

.faq_tit img{display: block;margin: 0 auto;margin-bottom: 6px;}
.news_row3 .divdgweb_new_div_item{width: 390px;
    display: block;
    float: left;
    margin-right: 50px;
    margin-left: 10px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title a{font-size: 16px;
    color: #343434;
    line-height: 36px;    position: relative;
    top: 31px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_body{    display: block;
    font-size: 14px;
    color: #767676;
    line-height: 25px;    margin-top: 28px;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title{position: relative;}
.news_row3 .divdgweb_new_div_item .divdgweb_new_div_item_title:before{content:"";position: absolute; top: 0px;left:0px;background:url(/skin/images/20190713202607_217384068.png)no-repeat;   width: 30px;height: 30px;}    
  .news_d{ color: #666; font-size: 16px; text-align: center; letter-spacing:3px;line-height: 43px;}
.news_d b{ font-weight: bold; color: #036fda; font-size: 36px; letter-spacing: normal; }
.news_d span{ color: #036fda;}

 /*copy*/
.copy{ width: 100%; padding-top: 30px; padding-bottom: 10px;background: #FD4B01;overflow: hidden;}
.copy_z{ width: 450px; border-right: 1px solid #242424; padding-bottom: 30px;}
.copy_z li{  text-align: left; line-height: 32px; float:left; transition: all 0.5s linear;     margin-right: 46px;}
.copy_z li a{ color: #fff; font-size: 14px;  transition: all 0.5s linear; }
.copy_z li span{ color: #fff; font-size:18px; line-height: 70px;}
.copy_z li a:hover{transition: all 0.5s linear; color: #fff;}
.copy_zw{ color: #fff; font-size: 16px; line-height: 70px; padding-left:45px;}
.copy_zw_z{font-size: 14px; line-height: 30px; color: #fff; padding-left:45px;}
.copy_zw span{ color: #fff; font-size: 32px; font-family: Arial; line-height:32px;}
.copy_g{ width:123px; height:28px; background: #444; margin-left: 45px;border-radius:15px; text-align: center; line-height:28px; margin-top:18px; transition: all 0.5s linear;}
.copy_g a{ color: #999;}
.copy_g:hover{background:#FD4B01; transition: all 0.5s linear;}
.copy_g:hover a{ color: #fff; }
.copy_y{ width: 180px; text-align: center; color: #fff; line-height: 32px; margin-left: 25px;}
.copy_y img{ padding: 10px; background: #fff;}

.copy_x{ width: 100%; border-top: 1px solid #222; background:#FD4B01; padding-top: 10px;}    
.Links{ width: 100px; line-height: 36px; font-size: 16px; color: #fff;}
.linkTagcs li a{ color: #fff; transition: all 0.5s linear;}
.linkTagcs li a:hover{ color: #fff; transition: all 0.5s linear;}
.copy_lo{ width: 87px;  margin-top: 40px; margin-bottom:30px;}
.copy_w{line-height: 40px; color: #fff; margin-top: 20px;}
.copy_w a{color: #fff; transition: all 0.5s linear; }
.copy_w a:hover{ color: #fff; transition: all 0.5s linear;}






 /*case*/   

 .appli_d{width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.appli_d td{display:block; float:left; margin:5px; width:390px; height:291px; overflow:hidden; padding:0 !important; transition: all 0.3s linear; position:relative;}
.appli_d td:hover{transition: all 0.6s linear; position:relative;}
.appli_d td img{width:100% !important; height:100% !important;}
.appli_d td a{text-decoration:blink; display:block;}
.appli_d td br{display:none;}
.appli_d td div:nth-child(3){ width:390px; padding:0px !important; position:absolute; bottom:0; left:0; transition: all 0.6s linear;}
.appli_d td div:nth-child(3) a{font-size:14px; color:#fff; line-height:45px; width:370px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position:relative; z-index:2; padding:0px 10px;}
.appli_d td div:nth-child(3)::after{ content:""; display:block; width:100%; height:45px; transition: all 0.6s linear; filter:Alpha(opacity=70); opacity:0.9; background:#000; position:absolute; top:0; z-index:1;}
.appli_d td:hover div:nth-child(3)::after{transition: all 0.6s linear;}
.appli_d td:hover div:nth-child(3){bottom:291px; transition: all 0.6s linear;}

.appli_rgo{position:absolute; width:390px; height:291px; top:291px; transition: all 0.6s linear; text-align:center;}
.appli_rgo a{font-size:22px; font-weight:bold; line-height:60px; display:block; color:#fff; position:relative; z-index:3; width:370px; padding:0 10px; height:210px; padding-top:81px;}
.appli_rgo p{font-family:Arial, Helvetica, sans-serif; width:95px; line-height:27px; color:#fff; background:#FD4B01; margin:0 auto; display:block; font-size:15px; text-transform:uppercase; font-weight:normal; margin-top:8px;}

.appli_d .appli_rgo::after{ content:""; display:block; width:100%; height:291px; transition: all 0.6s linear; filter:Alpha(opacity=70); opacity:0.9; background:#000; position:absolute; top:0; z-index:1;}
.appli_d td:hover .appli_rgo{top:0; transition: all 0.6s linear;}

.appli_a{width:256px; margin:0 auto; overflow:hidden; margin-top:40px; text-align:center; background:#000; position:relative; line-height:48px; border-radius:10px; transition: all 0.5s linear;}
.appli_a a{display:block; color:#fff; position:relative; z-index:2; font-size:18px;}
.appli_a::after{content:""; display:block; width:0; height:100%; background:#000; position:absolute; top:0; transition: all 0.3s linear; z-index:1;}
.appli_a:hover::after{width:100%; transition: all 0.3s linear;}        
.appli_a:hover{width:320px; transition: all 0.5s linear;}








/* yd */
    .ys{ width: 100%; overflow: hidden; padding-top: 60px; padding-bottom: 70px; background: #eaeaea;
    margin-top: 70px;}
.yd{ width: 1200px; margin: 40px auto; }
.yd1{width: 331px; float: left; height: 441px; border: 1px #eeeeee solid; padding: 10px; background: #fff; margin-top:36px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.yd1 li{width: 251px; height: 372px; background: #fafafa; padding:30px 40px 40px 40px; transition: all 0.5s linear;}
.yd1:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.yd1 li .img{ width: 200px; height: 200px; border-radius: 50%; margin-left: 20px; float: left;}
.yd1 li img{ width: 190px; height: 190px; border-radius: 50%; border:5px #eee solid;}
.yd1 li p{width: 254px; line-height: 24px; color: #999; text-align: center; float: left; padding-top: 10px; padding-bottom: 20px;}
.yd1 li span{font-size: 16px; float: left; text-align: center; width: 251px; line-height: 33px; padding-top: 12px;}
.yd1 li .more{width: 130px; float:left; height: 35px; border: 1px #342a2b solid; line-height: 35px; text-align: center; color: #342a2b; margin-left:60px;}
.yd1 li .more a{color: #342a2b;}
.yd1 li:hover .more{width: 190px; border: 1px #fff solid; margin-left:30px; transition: all 0.6s; }
.yd1 li:hover .more a{ color: #fff;}
.yd2 li:hover{background: #FD4B01; transition: all 0.5s linear;}
.yd2{width: 362px; float: left; height: 500px; border: 1px #eeeeee solid; padding: 10px; background: #fff; margin-left: 55px; margin-right: 55px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.yd2:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.yd2 li{width: 282px; height: 430px; background: #fafafa; padding:30px 40px 40px 40px; transition: all 0.5s linear;}
.yd2 li .img{ width: 250px; height: 250px; border-radius: 50%; margin-left: 16px; float: left;}
.yd2 li img{ width: 240px; height: 240px; border-radius: 50%; border:5px #eee solid;}
.yd2 li p{width: 282px; line-height: 24px; color: #999; text-align: center; float: left; padding-top: 10px; padding-bottom:20px; font-size: 15px;}
.yd2 li span{font-size: 16px; float: left; text-align: center; width: 282px; line-height: 33px; padding-top: 12px;}
.yd2 li .more{width: 130px; float:left; height: 35px; border: 1px #342a2b solid; border: 1px #342a2b solid; line-height: 35px; text-align: center; color: #342a2b; margin-left:76px; transition: all 0.6s;}
.yd2 li .more a{color: #342a2b;}
.yd2 li:hover .more{width: 210px; border: 1px #fff solid; border: 1px #fff solid; margin-left:36px; transition: all 0.6s;}
    .yd2 li:hover .more a{ color: #fff;}
    .yd1 li:hover{background: #FD4B01; transition: all 0.5s linear;}
    .yd1 li:hover span{ color: #fff;}
    .yd1 li:hover p{ color: #fff;}
    .yd2 li:hover span{ color: #fff;}
    .yd2 li:hover p{ color: #fff;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.blk-main{width:1200px; margin: 0 auto;}


.pagination{text-align: center;padding: 10px 0;}
.pagination li{
  display: inline-block;vertical-align: middle;
}
.pagination a{
  border: 1px solid #e6e6e6;font-size: 13px;
  padding: 5px 10px;
display: inline-block;
background: #fff;line-height: normal;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.page-status{
  margin-right:5px;
}
.pagination a:hover {
  background: #FD4B01;
  color: #fff;
}

.pagination .page-num-current {
background: #FD4B01;
  color: #fff;
}
.pagination  select{
      width: 52px!important;
    height: 27px;
    display: block;
    text-align: center;
}



