@charset "utf-8";
/* CSS Document */
body ,html{padding: 0px;margin: 0px;color: #6f6f6f; font-family:"SimSun"; font-size:15px; background:#fff;font-weight: 400;line-height: 1.714;color:#524F4F;}
*{margin:0px; padding:0px;}
body,p,h1,h2,h3,h4,h5,ul,li,img,table,tbody,tr,td,a{margin:0px;padding:0px;}
img{border:none;}
a{text-decoration:none;border:none;}
ul,li{list-style:none;}

#header_bg{ background: url(top_bg.jpg) repeat-x center top; overflow: hidden; }
.header_index{ width: 1200px; margin: 0px auto;  }

.logo_right{float: right;}
.yuyan{ margin-top:10px; text-align:right; }
.yuyan img{ margin-right:5px;}
.yuyan a{ margin:0px 7px; font-size:14px; color:#000;}
.switch_dh{ background:url(top_dh.jpg) no-repeat left center; overflow:hidden; font-size:16px; color:#363636; padding-left:48px; margin-top:15px; }
.switch_dh span{ font-size:30px; color:#484848;}
.logo{float: left; height: 139px;}

.menu_index{ clear:both; margin-left:40px; background:url(nav_li.jpg) no-repeat left center; overflow:hidden; }
.menu_index li{ float: left;  width: 141px; text-align: center; background:url(nav_li.jpg) no-repeat right center;}
.menu_index li a{display:block; line-height: 46px; font-size:14px; color:#ffffff;}
.menu_index li a:hover{ background:#f07e2f;}
.menu_index li.nav_a a{ background:#f07e2f;}
.menu_index li UL{float: left;
width: 141px;
min-height: 46px;
position: absolute;
z-index: 999;
display: none;}
.menu_index li UL LI{background:#484848;}
.menu_index li:hover ul {
display:block; 
}

.midbg{ width:100%; height:700px; position: relative; z-index:1;clear:both}
.iBan { height:700px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}
.iBanScreen{  height:700px; background-repeat:no-repeat; background-position:center top;}
.iBanScreen ul{ width:100%; height:700px; position:relative; top:0; margin:0 auto;}
.iBanScreen li{ width:100%; height:700px; overflow:hidden; position:absolute; display:none;}
.iBanScreen li a{ display:block; width:100%; height:100%}
.iBanScreen .num{ position:absolute; bottom:15px; left:50%; z-index:999; }
.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}
.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}
#banner_index{ height: 700px; background: url(banner.jpg) no-repeat center top; clear:both;}

.pro_index{margin:0px auto; width:1200px; clear:both; overflow:hidden; padding-top:46px; margin-bottom:15px; }
.pro_title{ background:url(pro_title.jpg) no-repeat left center; padding-left:12px; font-size:20px; color:#000000; line-height:26px; margin-bottom:23px;}
.pro_title span{ font-size:14px; color:#949494;}

#tab01{ clear:both; background:#484848; overflow:hidden;  margin-bottom:22px; width:1200px;  }
#tab01 li{  float:left;line-height:50px; width:199px; text-align:center; border-right:1px solid #7f7f7f;font-size:16px; color:#ffffff;}
#tab01 li.current{  background:#f07e2f;}

#new_tab01{margin:0px auto; width:1200px;}

.prolist_index{ clear:both; overflow:hidden;  margin-bottom:22px; margin:0px auto; width:180px;float: left; margin-top: 50px; }
.prolist_index li{ float:left;line-height:50px; width:179px; text-align:center; border-right:1px solid #7f7f7f; margin-bottom: 15px;}
.prolist_index li a{ font-size:16px; color:#ffffff;}
.prolist_index li:hover{ background:#f07e2f;}
.prolist_index li span {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #484848;
  display: block;}
.product_index{ clear:both;}
.product_index li{ float:left;border-bottom:1px solid #c5c5c5; width:300px; text-align:center; margin-bottom:46px; padding-bottom:20px; }
.product_index li a{ margin:0px 8px; font-size:14px; color:#000000; line-height:35px; }

.about_indexbg{ background:url(about_bg.jpg) no-repeat top center; clear:both; overflow:hidden;}
.about_index{ width: 1200px; margin: 0px auto;}
.about_right{ float:right; width:620px; padding-top:47px; padding-bottom:27px;  }
.about_right h3{ font-size:25px; color:#ffffff; line-height:62px; background:url(about_title.jpg) no-repeat left top;}
.about_right p{ font-size:16px; color:#ffffff; line-height:25px; text-indent:2em;}
.about_right a{ font-size:12px; color:#f07e2f; line-height:36px; margin-top:10px; display:block;}

.liyou_indexbg{ background:url(liyou_bg.jpg) no-repeat bottom 34px center;}
.liyou_index{width:1200px; margin:0px auto; overflow:hidden; clear:both; padding-top:80px;}
.liyou_title01{ text-align:center; font-size:48px; color:#525252; font-weight:bold; line-height:63px;}
.liyou_title01 span{ color:#f07e2f;}
.liyou_title02{ text-align:center; font-size:24px; color:#2d2d2b; font-weight:bold; margin-bottom:75px;}
.liyou_top{ background:url(liyou_topbg.jpg) no-repeat right top; padding-right:550px; padding-top:16px; padding-bottom:25px; overflow:hidden;}
.liyou_top li{ clear:both; margin-bottom:71px; overflow:hidden;}
.liyou_top_xh{ background:url(liyou_xuhao.jpg) no-repeat top left; text-align:center; width:71px; height:91px; padding-top:30px; font-size:36px; color:#ffffff; font-weight:bold; float:left; margin-right:20px; }
.liyou_top li div{float:left; width:545px;}
.liyou_top li div p{  font-size:24px; color:#484848; font-weight:bold; line-height:55px; border-bottom:1px dashed #56575b; margin-bottom:16px;}
.liyou_top li div span{ display:block; font-size:12px; color:#808080; line-height:25px;}

.liyou_bot{ float:right; width:606px; margin-bottom:30px;}
.liyou_bot_xh{ background:url(liyou_xuhaob.jpg) no-repeat top left; text-align:center; width:71px; height:91px; padding-top:30px; font-size:36px; color:#ffffff; font-weight:bold; float:left; margin-right:20px; }
.liyou_bot li{ clear:both; margin-bottom:71px; overflow:hidden;}
.liyou_bot li div{float:left; width:510px;}
.liyou_bot li div p{  font-size:24px; color:#fff; font-weight:bold; line-height:55px; border-bottom:1px dashed #56575b; margin-bottom:16px;}
.liyou_bot li div span{ display:block; font-size:12px; color:#fff; line-height:25px;}

.video_index{ float:left; margin-top:30px;}

.schj_index{width:1200px; margin:0px auto; overflow:hidden; clear:both; margin-top:31px; margin-bottom:41px;}
.schj_index p{ text-align:center; color:#2d2d2b; font-size:36px; background:url(schj_title.jpg) no-repeat center center; line-height:100px;}
.schj_index span{ margin-right:21px; }
.schj_index img{ margin-bottom:35px;}

.footer_bg{ background:#484848; overflow:hidden; clear:both; padding-top:26px;}
.footer_index{width:1200px; margin:0px auto;}
.footer_con{ clear:both;overflow:hidden; margin-top:36px;}
.footer_left{ float:left; width:216px;}
.footer_left p{ font-size:14px; color:#ffffff; background:url(foot_title.jpg) no-repeat left bottom; line-height:34px; margin-bottom:10px;}
.footer_left li{ clear:both; font-size:12px; color:#ffffff; line-height:24px;  }
.footer_left li a{ font-size:12px; color:#ffffff; line-height:24px;}
.foot_dh01{ background:url(foot_dh01.jpg) no-repeat left center; padding-left:27px;}
.foot_dh02{ background:url(foot_dh02.jpg) no-repeat left center; padding-left:27px;}
.foot_dh03{ background:url(foot_dh03.jpg) no-repeat left center; padding-left:27px;}
.foot_dh04{ background:url(foot_dh04.jpg) no-repeat left 3px; padding-left:27px;}

.footer_right{ float:right; margin-right:33px; }
.footer_erweima{ font-size:14px; color:#ffffff; text-align:center; line-height:35px;}
.footer_erweimaimg{ float:right;}
.footer_erweimaimg img{ width:152px; height:152px;}

.foot_index{ clear:both; padding:10px 0px; text-align:center;}
.foot_index p{ font-size:12px; color:#ffffff;}
.foot_index p a{ color:#ffffff;}

/*新闻*/
.container_ny{width: 1200px; margin: 0 auto; padding-top:20px; padding-bottom:62px; overflow: hidden;}
.nry_right{ width:100%; overflow: hidden; text-align:center; margin-top:15px;}
.product_list_ny{overflow:hidden;}
.product_list_ny li{ border-bottom: 1px dashed #d7d7d7; line-height:30px; padding-top:15px; text-align:left; padding-left:10px; }
.product_list_ny li a{ background:url(news_h.jpg) no-repeat left center; padding-left:16px; font-size:14px; color:#5b5b5b; }
.product_list_ny li a:hover{ color:#F00;  background:url(news_a.jpg) no-repeat center left; }
.time_ny{ float:right; font-size:14px;}

.title_news{height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; color: #000; margin-bottom:20px; }
.hit{color:#080808; font-size:16px;height: 30px; line-height: 30px;  text-align:center; margin-bottom:20px;}
.list{text-align:left;line-height:25px;border:1px #CCCCCC solid;padding:5px 0px 5px 30px; margin-top:20px;}
.list a{color:#7e7e7e;}

.nry_content{ margin-top:10px; padding: 15px; clear:both; }
.nry_content p{  text-align:left; text-indent: 2em; line-height:29px; color:#080808; font-size:16px;}

/*内页*/
.banner_in{ background:url(banner_ny.jpg) no-repeat left center; height:501px; overflow:hidden; clear:both;}

#up_down{clear:both; text-align:center; color:#9d9898; font-size:14px; margin-top:33px; margin-bottom:33px;}
#up_down a{color:#666666;padding-left:5px;  font-size:14px;text-align:center; padding:9px 15px; line-height:29px;}
#up_down a.active:link, #up_down a.active:visited {color: #f66e0a}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.jqzoom {border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img {background:url(loading.gif) no-repeat center center;max-width:370px;max-height:431px;}
.zoomdiv {z-index:100;position:absolute;top:0px;left:0px;width:370px;height:431px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.jzimg {display:table-cell;*display:block;overflow:hidden;font:0px/0px 'Arial';text-align:center;vertical-align:middle;}
fieldset, img {border:0;vertical-align:middle}
.proshow_l {width:372px;margin-bottom:20px; float:left; overflow:hidden;}
.proshow_da table {width:370px;height:370px;border:1px solid #b1b0b0;}
.proshow_l_bot {height:70px;margin-top:16px;position:relative;}
.proshow_l_bot .proshow_sl {width:9px;height:17px;background:url(proshow_l.png) left top no-repeat;cursor:pointer;margin-top:17px; float:left;}
.proshow_l_bot .proshow_sr {width:9px;height:17px;background:url(proshow_r.png) left top no-repeat;cursor:pointer;margin-top:17px; float:right;}
.proshow_l_bot .proshow_sl:hover {background:url(proshow_l_hover.png) left top no-repeat;}
.proshow_l_bot .proshow_sr:hover {background:url(proshow_r_hover.png) left top no-repeat;}
.proshow_xiao {width:370px;height:70px;overflow:hidden;margin:0 auto;position:relative;}
.proshow_xiao ul {width:100000px;height:60px;margin-left:2px;position:relative;}
.proshow_xiao ul li {float:left;border:1px solid #c9c9c9;margin-left:5px;}
.proshow_xiao ul li .jzimg {width:60px;height:60px; padding:2px;}
.proshow_xiao ul li .jzimg img {max-width:60px;max-height:70px;}
.proshow_xiao ul li:first-child {margin:0px;}
.proshow_xiao ul li:hover {border:1px solid #d51d14;}
.proshow_xiao .xiao_cur {border:1px solid #d51d14;}

#main
{
    width:1420px; 
	padding-top:0px;	
	margin-left:auto;   
	margin-right:auto;
}
#center {    background-color: White;    float: left;    padding: 0;    width: 100%;margin-top:20px;}
#centerrightus { margin-bottom:15px;
    background-color: White;
    height: 100%;
    overflow: auto;
    text-align: center;
}
#centerrightus .newproduct {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
    width: 92%;
}

#centerrightus .text {
    /*height: 300px;*/
    line-height: 25px;
  margin: 0 auto 30px;
    text-align: left;
    width: 100%;
margin-top:60px;
padding-left:40px;
    
}
#centerrightus .text h1 {
font-size:18px;    font-weight: normal;color: #000;
    }
#centerrightus .text p
{
    text-indent:20px;
}
#centerleft 
{
   
    float: left;
    margin:0px 0 0;
    /*margin-left: 5px;
    margin-top: 5px;*/
    text-align: left;
    width: 214px;
}
#centerleft .txt1 {
    background-image: url("../img9/222.jpg");
    background-repeat:no-repeat;
    color: #ffffff;

    font-size: 12px;
    font-weight: bold;
    height: 31px;
    line-height:27px;
    padding-left: 21px;
    /*padding-top: 10px;*/
}
#centerleft .txt2 {
    line-height:27px;
    text-align:center;
    padding-bottom:12px;
    padding-top:12px;
    margin-left:0px;
    margin-right:0px;
    /*padding-top: 10px;*/
}


 .txt2 {
    line-height:27px;
    text-align:center;
    padding-bottom:12px;
    padding-top:12px;
    margin-left:0px;
    margin-right:0px;
    /*padding-top: 10px;*/
}
#centerleft .pplist
{
    margin:0;
    padding:0;
    text-align:left;
}
#centerleft .pplist li 
{
    background-image: url("../img/l_left_c1.jpg");
    background-position:left;
    background-repeat:no-repeat;
    height:27px;
    line-height: 20px;
    vertical-align:middle;
    list-style-type: none;
    /*margin-bottom: 2px;*/
    margin:0;
    padding:0;
    margin-top: 7px;
    padding-left: 35px;
}
#centerleft .pplist li a
{
    color:#000000;
    text-decoration:none;
}
#centerleft .contact {
    height: 150px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 8px 0 10px 16px;
    width: 190px;
}
#centerleft .comboxbg select {

    font-size: 11px;
    height: 21px;
    margin: 5px 0;
    width: 175px;
}
#centerright {
    background-color: White;
    height: 100%;
    overflow: auto;
    text-align: center;
}

.henxian {
    float: left;
    height:39px;
    padding: 0 0 0 30px;
    width: 1000px;
    margin-left:16px;
    text-align:left;
    line-height:39px;
    color:#333;
    
    background-image:url(../image/hx.jpg);
}
#centerright .text {
    line-height: 20px;
    margin: 55px auto 30px;
    text-align: left;
    width: 95%;
}


#prolist {
    float: left;
    height: 100%;
    margin: 0 auto;
    overflow: auto;
}
#centerright .text table {
    float: left;
   
}

#centerright .text th {
    background-image: url("../img/tbg.jpg");
    color: #333333;
    text-align: center;
}
#centerright .text td {
   /* background-color: White;*/
    text-align: left;
}

#centerright .page {
    float: right;
    padding: 10px;
}
#btSearch1:hover {
    background-color: #B7B7B7;
    color: #fff;
    text-decoration: none;
    transition: 150ms ease-in;
}
#btSearch1 {
    display: block;
    width: 53px;
    height: 35px;
    line-height: 31px;
    margin: 0 auto;
    color: #fff;
    background-color: #FF4504;
    text-align: center;
    text-decoration: none;
    padding-top: 12px;
    transition: 150ms ease-out;
    border: 0px;
    font-size: 13px;
    /* border-top-right-radius: 3px; */
    /* border-bottom-right-radius: 3px; */
}
#end {
    float:left;
    border-top: 1px solid #eee;
    text-align: center;
    width: 100%;
  background-color:#484848;   margin-top: 90px;
}
.endbg{   background-color:#FF0013;
    width: 100%;float: left;
    height: 22px;
    /*background-position: center;
    background-repeat:repeat-x; margin-top:20px;*/}
#end .endtext {
height:58px;
color:#ffffff;
width: 100%;

}
#end .endtext1 
{height:173px;
color:#FFF;
    width:100%;
  
}
#end .endtext1 a{color:#eee;}
#end .endtext2
{
width:100%;margin-top: 20px;
    height: 24px;
    background-color: #fff;
}
.end1{    width: 1360px;
    height: 256px;
    margin: 0 auto;}
.endmenu{ height:41px; margin:0 auto; padding-left:0px;color:#Fff;width:1200px;
        padding-top: 28px;
}
.endmenu ul li{ float:left; width:270px; margin-right:46px; text-align:left; height:41px; line-height:41px;transition: 150ms ease-in; }
.endmenu a{font-size: 18px;color:#eee;}
.endmenu1{ width:1200px;
              margin: 0 auto;margin-top: 30px;
}
.endmenu2{width: 290px;float:left;}

.endmenu2 ul li{ float:left;font-size:14px;width:125px; margin-left: 0px; text-align:left;line-height: 38px;margin-right: 20px;}
#end .endtext1 a:hover{ color:#fff;}
.endmenu2 ul li div{background-color:#666;height:1px;}
.endtext2 div{width:1360px;margin:0 auto;color:#fff;padding-top:7px;}
.endtext5 {border: 0px none; height: 45px; float: left;background-color:#fff; padding-left: 13px; width: 308px;color:#E3E3E3;    border: 1px solid #E3E3E3;}
.endtext3{margin-left:126px;float:left;text-align:left;color:#eee;line-height: 28px;width: 280px; margin-right:96px; font-size:14px;}
.endtext8{width:34px;    height: 2px;
    background-color: #FF4200;}
.search8{float:right;margin-top: 57px;margin-right:10px;}
.search8 input{border:1px solid #E6E6E6; height:29px; float: left; padding-left: 30px; width: 348px;color:#E6E6E6;background-image:url("../img/search1.jpg");border-radius:3px;
}
#centerright .text1 .contacwz {
    color: black;
    font-size: 14px;
    font-weight:600;
    margin-right: 20px;
}

.ContacUsxx {
    color: black;
    font-size: 9pt;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.ContacUsxx p {
    line-height: 24px;
    padding-left: 2px;
    text-align: left; font-size:15px;
}
#centerright .text li {
    line-height: 45px;
    list-style-type: none;
    margin: 0 auto;
    /*width: 400px;*/
}
#centerright .text li a{
  color:#333;
    /*width: 400px;*/
}
#centerright .text li a:hover{
  color:#000;
    /*width: 400px;*/
}
#centerrightus {
    background-color: White;
    height: 100%;
    overflow: auto;
    text-align: center;
}
#centerrightus .newproduct {
    margin: 0 auto;
    padding-bottom: 25px;
    padding-top: 25px;
    text-align: center;
    width: 92%;
}

#centerrightus .text {
    /*height: 300px;*/
    line-height: 25px;
  margin: 0 auto 30px;
    text-align: left;
    width: 1180px;    float: right;
  float: right;
    display: flex;
  flex-wrap: wrap;
margin-top:60px;
padding-left:40px;
    
}
#centerrightus .text h1 {
font-size:18px;    font-weight: normal;color: #000;
    }
#centerrightus .text p
{
    text-indent:20px;
}
.imglist
{
    width: 170px;
    text-align: center;
}
.imglist .imgurl 
{
    width:100%;
    height:130px;
    border:1px solid #cccccc;
    background-color:#F0F0F0;
    
}
.imglist .imgurl img
{
    border:0;
    margin:5px;    
}
.imglist .imgurl a
{
    
    color:#000000;
    text-decoration:none;
}


*{ margin:0; padding:0;list-style: none;}
body {font:12px/1.5 Tahoma;}
#outer {width:450px;margin:150px auto;width:970px;margin:0 auto;margin-top:20px;height:254px;}
#tab {overflow:hidden;zoom:1;margin-left:36px;margin-top:3px;}
#tab li {color:#fff;float:left;height:30px;text-align:center;cursor:pointer;	line-height:29px;padding:0 20px;width:80px; margin-right:5px;background-image:url("../img/ab1.jpg");}
#tab li.current {color:#fff;background:#ccc;background-image:url("../img/ab.jpg");}
#content1 {height:200px;}
#content1 ul {line-height:25px;display:none;	margin:10px 30px 0;padding:10px 0;}
.usa24r{}
.usa24{display: block;float: left;overflow: hidden;position: relative;margin-bottom: 35px;width:25%;}
.usa24 .imbox:hover{opacity: 1;} 
.usa24 .imbox {opacity: 0;
    position: absolute;
    width: 450px;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: url(lan.png);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.usa24 .itt{    color: #fff;
    margin-top: 23%;
    line-height: 2.5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;font-size: 24px;}
.usa24 .itc {width: 85%;
    margin: 0 auto; font-size:14px;
    color: #fff;
   
    margin-top: 20px;
    line-height: 28px;}
.usa24:hover .imbox .itt{line-height: 1;margin-top: 45%;}

#Label3{ font-size:14px; color:#000; height:70px;}

.us24r{float: right !important;}
.us24{display: block;float: left;overflow: hidden;position: relative;margin-bottom: 35px;width: 47%;}
.us24 .imbox:hover{opacity: 1;} 
.us24 .imbox {opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: url(lan.png);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}
.us24 .itt{    color: #fff;
    margin-top: 23%;
    line-height: 2.5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;font-size: 24px;}
.us24 .itc {width: 85%;
    margin: 0 auto; font-size:14px;
    color: #fff;
   
    margin-top: 20px;
    line-height: 28px;}
.us24:hover .imbox .itt{line-height: 1;margin-top: 24%;}

.us21{width:300px; text-align:center; margin:0 auto;font-size:28px;animation-delay: 500ms;animation-name: fadeInUp;line-height:1.5;color:#333;font-family: HelveticaNeue-BoldCond;}
.us21a{width:1000px; text-align:center; margin:0 auto;font-size:22px;animation-delay: 500ms;animation-name: fadeInUp;line-height:1.5;color:#333;}
.us21b{width:1000px; text-align:center; margin:0 auto;font-size:28px;animation-delay: 500ms;animation-name: fadeInUp;line-height:1.5;color:#333;font-family: HelveticaNeue-BoldCond;}
.us23{      padding: 30px 0;font-size:16px !important;text-align: center !important;
    border-bottom: 1px dotted #ddd;line-height: 2;      text-align: justify;width: 1300px;
    margin: 0 auto;}
.box8 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;

}
.ab1{padding: 40px 0;}

.ab1 .alt{width: 760px;}

.ab1 .alt img{display: block;width: 100%;}

.ab1 .art{padding: 50px 50px;box-sizing: border-box; position: absolute;top: 59px;right: 0; width: 610px;min-height: 400px;background: #484848;color:#fff;-webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, .1);}

.ab1 .art .tt{text-align: left;font-family: HelveticaNeue-BoldCond;}
.tc{    line-height: 1.5;    text-align: justify; font-size:15px;
    }

.clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.f_24 {
    font-size: 20px;
}
.q1{margin: 0 auto; width: 325px;margin-top:60px;}
.q2{height:2px;width:76px;background-color:#5D5A59;float:left;margin-top: 62px;}
.q3{float: left;font-size: 31px;font-weight: bold;color:#5B5857;margin-top: 40px;font-family:HelveticaNeue-BoldCond,Microsoft YaHei,Verdana;margin-left: 20px;margin-right: 20px;}
.q4{height:2px;width:76px;background-color:#5D5A59;float:left;margin-top: 62px;}






.box{
float: left;
width:100%;margin-top:40px;margin-bottom: 100px;    text-align: center;
}
.box h3{
    text-align: center;
    line-height: 50px;
}
.box ul li{
    float: left;
   
   padding-right:5px;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.box ul li .cover a{
  
float: left;
    margin-left: 30px;
    margin-top: 20px;
}
.box ul li .cover h4{      color: #fff;
    float: left;
    margin-left: 25px;
   margin-top: 23px;
    text-align: left;
    /* line-height: 35px; */
    font-weight: normal;
    font-size: 28px;
    /* transform: scale(0.75,1); */}
.box ul li .cover a i{
    color: red;
}
.sjx{}

.sjximg{
    width: 100%;
    max-width: 400px;
    margin-top: -70px;
    height: 70px;
}

/* 遮罩层 */
.box ul li .cover{
    width: 98%;
    margin-top:150px;
    height: 150px;
    background:rgba(255, 13, 0, 0.57);

    position: absolute; 
    left: 0;
    top: 0;
    text-align: center;
    color: #ffffff;
   
  
 
	
    /*transform-origin: right bottom;      
	-webkit-transform-origin: right bottom; 
	-moz-transform-origin: right bottom;*/ 
	
    /*transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);*/
    transform: translateY(190px); 
	
    transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}
.box ul li .cover p{
    margin-top: 10px;
    font-size: 14px;
}
.box ul li:hover .cover{
    transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);}
.us1{}
.us1 li{width:50%;float:left;}
.us2{background-image: URL(../img/us.jpg);width:100%;height:477px;
background-position: center;
background-repeat: no-repeat;
/*background-attachment: fixed;*/}
.us3 {background-color:#484848;width:100%;height:477px;color: #fff;
}
.us4 {background-color: #FECE00;
    width: 100%;
    height: 510px;
    color: #060606;
    float: left;
    margin-top: 54px;
    margin-bottom: 51px;
}
.us5{margin-bottom: 44px;padding-top: 15px;padding-left: 100px;padding-right: 100px;height: 57px;border:1px solid #000;float:left;font-size: 31px;color: #1E1E1E;text-align: left; font-weight:900;}
.us6{width:155px; margin-left:0px; padding-top:30px; height:50px;padding-left: 60px;font-size: 24px;color: #fff;text-align: left;font-family: HelveticaNeue-BoldCond;}
.us61{padding-left:0px;margin:0 auto;margin-bottom: 40px;    margin-top: 20px;}
.us61 span{border-bottom:2px solid #FF3F00;padding-bottom: 5px;}
.us7{padding-left: 60px;min-width: 445px; padding-right: 90px; text-align: justify;line-height: 26px; padding-top: 20px;}
.us7 a{color:#fff;}
.us8{width:49px;height:2px;background-color:#FF3F00;margin-top:4px;}
.us9{    width: 100%;
    max-width: 1581px;margin:0 auto;}
.us11{
      font-size: 31px;text-align: left; font-weight:900;margin-top:80px;margin-bottom:20px;}

.container {
    height: 600px;
    overflow: visible;
    width: 1030px;
    margin: 0 auto;
}
.home-title {
    width: 100%;
    overflow: auto;
    padding-top: 50px;
    font-size: 24px;
    color: #5a5a5a;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}
.ability-text {
    padding-bottom: 0;
}

.text-center {
    text-align: center;
}
.section-text {
    color: #40485d;
    font-size: 15px;
    line-height: 22px;
    width: 780px;
    margin: 0 auto;

    word-wrap: break-word;
}
.huanbao {
    margin-top: 14px!important;float: left;width:100%;height:598px;
}
.huanbao dl {
    width: 100%;
    overflow: auto;
    padding-bottom: 80px;
}
.hb1 {
    background: url(../img/hb1.png) center 75px no-repeat;
}
.huanbao dd .title {
    font-size: 14px;
    color: #5a5a5a;
    line-height: 50px;
    font-weight: bold;
}
.huanbao dd {
    width: 310px;
    padding-top: 240px;
    text-align: center;
    float: left;
}
.huanbao dd:hover {
    background-position: center 45px;
}
.huanbao dd .texta {
    font-size: 14px;
    color: #40485d;
    line-height: 20px;
}
.css3-animate {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.huanbao .hb2 {
    background: url(../img/hb2.png) center 75px no-repeat;
    margin: 0 50px;
}
.huanbao .hb3 {
    background: url(../img/hb3.png) center 75px no-repeat;
}
.box li span{    position: absolute;
    margin-top: 15px;
    margin-left: 20px;color:#fff;}
.us88{    background-image: URL(../img/p3.jpg);
    width: 100%;float: left;
    height:733px;
    margin-top: 60px;
    background-position: center;
    background-repeat: no-repeat;}
.us881{background-color:#484848;width:100%;height:475px;float: left;margin-bottom: 40px;font-size: 15px;line-height: 35px;color: #fff;}







#search{width:178px;height:27px; float: left;margin-bottom: 15px;}
.search{height:27px; float: right;}
#input{float:left;width:142px;height: 27px; line-height:27px; text-indent:36px; border: none;background:url(search.jpg) left center no-repeat;}







.sort{width:180px;height:auto;float:left;position:relative;z-index:20}
.sort .sort-list ul{height:180px}
.sort .sort-list li a{display:block;height:37px;line-height:37px;font-size:14px;border-top:1px solid #fff;border-bottom:1px solid #f1f0f0;cursor:pointer;}
.sort .sort-list li a span{display:block;height:37px;background-position:right -80px}
.sort .sort-list li.hover{background-position:0 -37px;background-repeat:repeat-x}
.sort .sort-list li.hover a{color:#fff}
.sort .sort-list li a.sort-list-1{background-position:15px 4px;border-top:1px solid #fafafa}
.sort .sort-list li.hover a.sort-list-1{background-position:15px -46px}
.sort .sort-list li a.sort-list-2{background-position:15px -96px}
.sort .sort-list li.hover a.sort-list-2{background-position:15px -146px}
.sort .sort-list li a.sort-list-3{background-position:15px -196px}
.sort .sort-list li.hover a.sort-list-3{background-position:15px -246px}
.sort .sort-list li a.sort-list-4{background-position:15px -296px}
.sort .sort-list li.hover a.sort-list-4{background-position:15px -346px}
.sort .sort-list li a.sort-list-5{background-position:15px -396px}
.sort .sort-list li.hover a.sort-list-5{background-position:15px -446px}
.sort .sort-list li a.sort-list-6{background-position:15px -496px}
.sort .sort-list li.hover a.sort-list-6{background-position:15px -546px}
.sort .sort-list li a.sort-list-7{background-position:15px -596px}
.sort .sort-list li.hover a.sort-list-7{background-position:15px -646px}
.sort .sort-list li a.sort-list-8{background-position:15px -696px;border-bottom:0}
.sort .sort-list li.hover a.sort-list-8{background-position:15px -746px}
.sort .sort-list li a.sort-list-8 span{background:0}
.sort .sort-list ul ul{display:none}
.sort .sort-list ul li.hover ul{background-color:#fff;border:2px solid #f07e2f;left:180px;margin-top:-38px;width:180px;z-index:30;position:absolute;height:auto;overflow:hidden;}
.sort .sort-list ul li.hover ul li{height:27px;padding:0;border-bottom:1px solid #f1f0f0;}
.sort .sort-list ul li.hover ul{display:block}
.sort .sort-list ul li.hover ul li a{height:27px;line-height:27px;font-size:12px;border-top:0;border-bottom:0;text-align: center;color:#333;background-position:15px -154px}
.sort .sort-list ul li.hover ul li a:hover{background-position:15px -181px}
.sort dl{height:18px;line-height:18px;margin:0 0 18px 0;overflow:hidden;zoom:1}
.sort dt{width:65px;height:18px;float:left;font-family:5b8b4f53;;color:#e51a45;padding:0 0 0 4px}
.sort dt a:hover{text-decoration:underline}
.sort dd{float:left;margin:0 0 0 8px}
.sort .hr{display:block;height:4px;background-position:0 -76px;background-repeat:repeat-x;border:0;overflow:hidden;margin:0 5px}



#con_left{ float:left; width:180px; overflow:hidden;}

.prolist{margin-bottom:15px; width:180px; overflow:hidden;}
.prolist ul{}
.prolist ul li{ border-bottom:1px solid #e8e8e8;/* height:30px;*/}
.prolist ul li a{ display:block;line-height:30px; color:#fff;font-family:"微软雅黑"; font-size:14px;}
.prolist ul li a:hover,.news_index ul li a:hover{ color:#fff;background: #f07e2f;}
.prolist ul li dd{ display:none;background: #484848; }
.prolist ul li dd dl{}
.prolist ul li:hover dd{ display:block; }


#page {
    clear: both;
    margin: 20px;
    text-align: center;
    color: #9d9898;
}
.pagination {
  	display: flex;
    justify-content: center;
   /* width: 254px;
    margin: 0 auto; */
}
#page li {
    float: left;
  	margin: 0 10px;
}
#page a {
    color: #666666;
    padding-left: 5px;
    font-size: 18px;
}