html{ background:#fff; color:#000; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#000; font-size:14px; font-family:'微软雅黑';}
a{ color:#000;}
a:hover{color:#cc0000;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 20px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}

.scale:hover img { transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s}

#indexNews li {	height:35px; line-height: 35px; overflow: hidden; transition:0.3s all 0s linear;}
#indexNews li a{ float: left; width: 78%; background: url(../Images/icon.png) no-repeat left center; padding-left: 30px; display: block; color: #000; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.Newstime { float: right; display: block; color:#363636; font-size:12px;}


#con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:90%; margin-bottom:20px;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; padding-left:20px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}

#prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}


/** header **/
#top_line_bj{ height: 30px; background: #f4f4f4; width: 100%;}
#top_line{ width: 1200px; height: 30px; line-height: 30px; color: #666666;}
#top_line .right a{ color: #666666; padding: 0 10px;}
#top_bj{ height: 130px; width: 100%;}
#top_index{ width:1200px; height:130px;}
#logo{ float:left; padding:30px 0 0;}
#top_tel{ float: right; background: url(../Images/top_tel.png) no-repeat left top; padding: 17px 0 0 47px; color: #0042ae; font-size: 30px; margin-top: 45px; font-family: impact;}
#navbj{ width: 100%; height: 60px; background: #0042ae;}
#nav{ width: 1200px; height: 60px;}
#nav a{ display: block; float: left; font-size: 16px; color: #fff; width: 150px; height: 60px; line-height: 60px; text-align: center; transition:0.3s all 0s linear;}
#nav a:hover{ background: #303030; color: #fff;}
.picc{ float: left; padding: 47px 0 0 45px;}

.flash{ width:100%;height:600px; margin:0 auto; text-align:center; position:relative;}
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:600px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height: 600px;}


#ssbj{ height: 129px; border-bottom: 1px solid #dfd5d0; width: 100%;}
#ssbj .main{ padding: 28px 0;}
.line{ border-right: 1px solid #dcdcdc; width: 1px; float: left; margin: 0 20px; height: 74px;}
#ssbj .left{ padding: 17px 50px 0 0;}
#ssbj #ssnr{ width: 360px; height: 74px; float: left; padding: 0 40px;}
#ssbj .ss{ width:360px; height:39px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 5px;}
#ssbj .sou_left{float:left; background: #fff; border: none; width:310px; height:39px; text-align:left; color:#4b4b4b; line-height:39px; padding-left:10px;}
#ssbj .ss_pic{ float:right; padding: 10px 5px 0 0;}
#ssbj #ssnr p{ padding-top: 5px;}
#ssbj .right{ background: url(../Images/ss_tel.png) no-repeat left top; color: #0042ae; font-size: 30px; padding-top: 32px;}



/** footer **/
#end_bj{ background: url(../Images/end_bj.jpg) no-repeat center top; width: 100%; height: 336px; overflow: hidden;}
#end_bj .main{ color: #fff; min-height: 175px;}
#end_bj .main a{ color: #fff;}
#end_bj .main a:hover{ color: #ff0;}
#end_bj .main .left{ width: 365px;}
#end_bj .main .tit{ color: #fff; font-weight: bold; height: 40px; font-size: 16px;}
#end_bj .main .content{ padding-top: 15px; color: #aeaeae;}
#end_bj .main .content a{ display: block; float: left; width: 100px; line-height: 30px; color: #aeaeae; transition: 0.3s;}
#end_bj .main .content a:hover{ color: #fff;}
#end_bj .main .left .tit_line{ float: left; width: 25px; height: 2px; background: #0042ae; transition: 0.3s;}
#end_bj .main #end_lx{ float: left; width: 300px;}
#end_bj .main #end_lx .tit_line{ float: left; width: 25px; height: 2px; background: #0042ae; transition: 0.3s;}
#end_bj .main #end_wx{ float: right; width: 100px;}
#end_bj .main #end_wx .tit_line{ float: left; width: 25px; height: 2px; background: #0042ae; transition: 0.3s;}
#end_bj .main .end_line{ height: 155px; border-right: 1px solid #3b3b3b; width: 1px; float: left; margin: 0 105px;}
#end_bj .main .left:hover .tit_line{ width: 150px;}
#end_bj .main #end_lx:hover .tit_line{ width: 150px;}
#end_bj .main #end_wx:hover .tit_line{ width: 150px;}

#end_end{ border-top: 1px solid #464646; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #656565;}
#end_end a{ color: #656565;}
#end_end a:hover{ color: #fff;}


#linkbj{ height: 85px; background: #0042ae; width: 100%;}
#link{ background: url(../Images/link.png) no-repeat left center; color: #fff; width: 1090px; height: 85px; line-height: 85px; padding-left: 110px;}
#link a{ color: #fff; padding: 0 20px;}
#link a:hover{ color: #ff0;}



/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding: 30px 0; line-height: 30px;}
.tit_index{ background: url(../Images/title.jpg) no-repeat left top;}
.tit_index span{ display: block; color: #020202; font-size: 30px; font-weight: bold; padding-left: 25px;}
.tit_index p{ text-transform: uppercase; color: #313131; font-size: 14px; font-family: arial;}

.slideTxtBox{ width:1200px; text-align:left; position: relative; margin-top: -60px;}
.slideTxtBox .hd{ height:55px; line-height:48px; position:relative; width: 1200px; }
.slideTxtBox .hd ul{ float:right; position:absolute; width: 800px; right:120px; height:48px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; color: #313131; font-size: 16px;  }
.slideTxtBox .hd ul li.on{ height:45px; border-bottom: 3px solid #0042ae;}
.slideTxtBox .bd ul{ padding:30px 0 0;  zoom:1;  }
.slideTxtBox .bd li{ display: inline-block; width:280px; height:250px; border-bottom: 2px solid #eaeaea; float:left; margin:0 10px 40px; text-align:center; position: relative; transition:0.3s; }
.slideTxtBox .bd li .img{ width: 100%; position: relative; overflow: hidden;}
.slideTxtBox .bd li .img:after{ content: ''; margin-top: 75%; display: block; width: 100%; }
.slideTxtBox .bd li .img img{ position: absolute; width: 100%; top:0; left: 0 }
.slideTxtBox .bd li p{ height: 40px; line-height: 40px; text-align: center; transition: 0.3s; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.slideTxtBox .bd li:before{content: ''; bottom: -2px; left: 0; height: 2px; width: 0%; position: absolute; background: #0042ae; transition:0.3s; }
.slideTxtBox .bd li:hover:before{ width: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
.slideTxtBox .arrow a{ display:block;  width:48px; height:38px; float:right; margin-left:15px; overflow:hidden; cursor:pointer; background: #0042ae; text-align: center; padding-top: 10px; transition: 0.3s; }
.slideTxtBox .arrow a:hover{ background: #303030;}

.bj{ background: url(../Images/ysbj.jpg) no-repeat center top; width: 100%; height: auto;}
#ysnr{ width: 1200px; height: 500px; padding-top: 50px; position: relative;}
.bt_index{ background: url(../Images/font.png) no-repeat center bottom; padding-bottom: 40px; text-align: center; color: #0042ae; font-size: 38px; font-weight: bold; letter-spacing: 2px;}
.bt_index span{ color: #ff0000;}
.bt_index p{ text-transform: uppercase; color: #9b9b9b; font-size: 20px; font-family: arial; font-weight: normal; padding: 0 0 8px;}
#ysnr ul{ padding: 50px 0 0;}
#ysnr ul li{ float: left; width: 200px; height: auto; padding: 0 20px; text-align: center; color: #333333; font-size: 16px; line-height: 30px;}
#ysnr ul li .pic{ transition: 0.3s;}
#ysnr ul li:hover .pic img{animation: swing 1s;}
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}
#ysnr #ystel{ position: absolute; left: 427px; bottom: -30px; width: 190px; height: 56px; line-height: 56px; color: #fff; font-size: 26px; font-family: impact; background: url(../Images/ys_tel.png) no-repeat 35px center #ff0000; border-radius: 30px; padding-left: 155px;}

#choose{ width: 1200px; height: auto; overflow: hidden; margin-top: 50px;}
#choose .font{ width: 540px; padding: 50px 0;}
#choose .font .num{ float: left; width: 80px; height: 120px; border-radius: 10px; background: #ff0000; text-align: center; color: #fff; font-size: 26px;}
#choose .font .num p{ font-size: 38px; font-family: arial; border-bottom: 1px solid #fff; width: 50px; padding: 20px 0 15px; margin-bottom: 10px;}
#choose .font .nr{ width: 420px; float: right;}
#choose .font .nr .tit{ color: #303030; font-size: 25px; font-weight: bold;}
#choose .font .nr .tit p{ color: #d8d8d8; font-size: 12px; font-weight: normal; font-family: arial; text-transform: uppercase;}
#choose .font .nr .content{ color: #666666; font-size: 16px; padding-top: 10px;}
#choose .font .nr .content span{ color: #333; font-weight: bold;}
#choose .font:hover .num{ background: #0042ae;}
#choose .pic{ width: 612px; border-bottom: 1px solid #cccccc; padding-bottom: 40px;}


.slideBox{ width:1200px; height:420px; overflow:hidden; margin-top: 30px;  position:relative;}
.slideBox .bd{ position:relative; height:100%; }
.slideBox .bd li{ width:1200px; height:420px;}
.slideBox .bd img{ width:1200px; height:420px; display:block;  }
.slideBox .hd{ width: 270px; height: 280px; position: absolute; background: rgba(0,66,174,0.8); left: 0; top: 0; z-index: 999; padding: 70px 25px; color: #fff;}
.slideBox .hd .alnr{ display: none; width: 270px; height: 280px; }
.slideBox .hd .alnr.on{ display: block;}
.slideBox .hd .alnr .tit{ font-size: 40px; font-weight: bold; border-bottom: 5px solid #fff; font-family: arial; text-transform: uppercase; padding-bottom: 10px; float: left;}
.slideBox .hd .alnr p{ clear: both !important; font-size: 24px; font-weight: bold; padding: 20px 0;}
.slideBox .hd .alnr .content{ font-size: 16px;}
.slideBox .hd .alnr .more{ text-transform: uppercase; font-family: arial; font-size: 12px; margin-top: 20px;}
.slideBox .hd .alnr .more a{ color: #fff;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .next{ position:absolute; right:0; top:40%; display:block; width:50px; height:87px; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }


.wbfw{ float: left; width: 214px; height: 193px; background: #f5f5f5; border: 1px solid #d3d5cd; margin: 20px 12px; text-align: center; transition: 0.3s;}
.wbfw .pic{ width: 64px; height: 64px; display: block; overflow: hidden; margin-top: 30px;}
.wbfw .pic img{ width: 64px; height: 64px; display: block;}
.wbfw .font{ color: #4e4e4e; font-size: 18px; line-height: 25px; margin-top: 20px; transition: 0.3s;}
.wbfw .font span{ font-size: 20px; font-weight: bold;}
.wbfw .font p{ color: #c7c7c7; font-size: 12px; text-transform: uppercase; font-family: arial; transition: 0.3s;}
.wbfw:hover{ background: #0042ae;}
.wbfw:hover .font{ color: #fff;}
.wbfw:hover .font p{ color: #fff;}
.wbfw:hover .pic .box_img{position: relative; transition: 0.3s all 0s linear; display: block; margin-top: -64px;}
#wbfw_font{ text-align: center; color: #4e4e4e; font-size: 22px;}
#wbfw_tel{ width: 200px; background: url(../Images/fwtel.png) no-repeat left center; padding-left: 40px; color: #0042ae; font-size: 30px; font-weight: bold; font-family: arial;}

#gsjj_bj{ background: #fff; padding: 40px; margin-top: 30px;}
#gsjjpic{ float: left;}
#gsjj{ width: 550px; float: right;}
#gsjj_tit{ background: url(../Images/about.png) no-repeat left top; padding-top: 45px; font-size: 18px; font-weight: bold; color: #000;}
#gsjj .content{ color: #666666;}
#gsjj .content a{ color: #0042ae;}
#gsjj ul{ padding-top: 30px;}
#gsjj li{float: left; width: 120px; height: 35px; background: #0042ae; line-height: 35px; text-align: center; color: #fff; margin-right: 20px;}
#gsjj li a{ color: #fff;}
#gsjj li:nth-child(2){ background: #ff0000;}
#gsjj li:nth-child(3){ background: #999999;}

#xwlb li{ float: left; margin:10px 7px 0; width:385px; height:370px; background: #efefef; transition:all 0.3s linear 0s;}
#xwlb li .img{ width: 100%; position: relative; overflow: hidden;}
#xwlb li .img:after{ content: ''; margin-top: 58%; display: block; width: 100%; }
#xwlb li .img img{ position: absolute; width: 100%; top:0; left: 0 }
#xwlb li p{ color: #000; font-size: 16px; padding: 10px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#xwlb li .content{ color: #999999; padding: 0 20px; font-size: 14px; line-height: 23px;}
#xwlb li .left{ color: #999999; font-size: 14px; margin: 10px 20px; font-family: arial;}
#xwlb li .right{ width: 100px; height: 30px; color: #fff; font-family: arial; background: #0042ae; margin: 10px 20px; border-radius: 5px; line-height: 30px; text-align: center;}
#xwlb li:hover{ background: #0042ae; color: #fff;}
#xwlb li:hover .content{ color: #fff;}
#xwlb li:hover p{ color: #fff;}
#xwlb li:hover .right{ background: #ff0000; color: #fff;}
#xwlb li:hover .left{ color: #fff;}



/** sidebar **/
#sidebar{ width:270px; height:auto; overflow:hidden; float: left;}
#main_right{ width:900px; height:auto; overflow:hidden; float:right;}
.content{ padding: 20px 0 0; line-height: 2.0;}
#content_zy{ line-height: 30px; padding: 20px 0;}

#cp_banner{ width: 100%; height: 340px; background: url(../Images/cp_banner.jpg) no-repeat center;}
#gsjj_banner{ width: 100%; height: 340px; background: url(../Images/gywm.jpg) no-repeat center;}
#lx_banner{ width: 100%; height: 340px; background: url(../Images/lxwm.jpg) no-repeat center;}
#news_banner{ width: 100%; height: 340px; background: url(../Images/xwzx.jpg) no-repeat center;}
#zzry_banner{ width: 100%; height: 340px; background: url(../Images/zzry.jpg) no-repeat center;}
#gcal_banner{ width: 100%; height: 340px; background: url(../Images/hzal.jpg) no-repeat center;}

#pro_list { text-align: center; height: 86px; padding: 0 0 0 235px; background: url(../Images/cpbt.jpg) no-repeat left top;}
#pro_list li{ float: left; margin: 0 10px 5px 0; height: 30px; line-height: 30px; background: #eeeeee; width: 173px; padding: 5px; text-align: center; transition: 0.3s;}
#pro_list li a{ display: block; height: 28px; line-height: 28px; border: 1px solid #d8d8d9; color: #333;}
#pro_list li:hover{ background: #0042ae;}
#pro_list li:hover a{ border: 1px solid #529782; color: #fff;}



/** zy **/ 
#ssbj_zi{ height: 60px; background: #fbfbfb; border-bottom: 1px solid #e9e9e9; width: 100%;}
#ssbj_zi #ssnr{ width: 1200px; height: 60px;}
#ssbj_zi #ssnr .left{ background: url(../Images/home.png) no-repeat left center; line-height: 60px; padding-left: 30px; color: #999999; font-size: 16px;}
#ssbj_zi #ssnr .left a{ color: #0042ae;}
#ssbj_zi #ssnr .ss{ float: right; width:262px; height:30px; margin-top: 15px;}
#ssbj_zi #ssnr .sou_left{float:left; background: #fff; border: 1px solid #cccccc; width:190px; height:28px; text-align:left; color:#999999; line-height:28px; padding-left:10px;}
#ssbj_zi #ssnr .ss_pic{ float:right; padding: 0;}
#ssbj_zi #ssnr #cpss{ float: right; height: 60px; line-height: 60px; color: #999999; padding-right: 20px;}
#ssbj_zi #ssnr #cpss a{ color: #999999;}


.n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;}
.n_detailCon li{ width:100%; height:auto; margin:0 0 10px 0; padding: 10px 0; border-bottom: 1px dotted #ccc; }
.n_detailCon li a{ height:auto; width:100%; display:block; padding-top: 10px;}
.n_detailCon li a:hover{ background: #fffad8;}
.n_detailPic{ width:210px; float:left; margin-left:10px;}
.n_detailPic img{ width: 210px;}
.n_detailR{ width:640px; float:right; margin-right:10px;}
.n_detailTitle{ height:30px; width:100%;}
.n_detailTitle span{ font-size:16px; color:#000; display:block; float:left; font-weight:bold;}
.n_detailTitle small{ font-size:12px; float:right; display:block; color:#222222;}
.n_detailNr{ width:100%; padding:5px 0; line-height:25px; color:#6b6b6b;}
.n_time{ background:url(../Images/time.jpg) left no-repeat; text-indent:25px; line-height:25px; height:25px; color:#a8a8a8; font-size:16px;}

#classbj{ height: 349px; background: #f8f8f8; margin-bottom: 30px;}
#classbj .right{ width: 624px; height: 349px;}
#classbj .right img{ width: 624px; height: 349px;}
#classbj .left{ padding: 30px; width: 515px;}
#classbj .left .tit{ color: #0042ae; font-size: 34px;}
#classbj .left .content{ color: #666666; padding: 20px 0; min-height: 160px;}
#classbj .left .ljzx{ float: left; text-align: center; color: #fff; transition: 0.3s; font-size: 18px; width: 200px; height: 55px; background: #0042ae; line-height: 55px; }
#classbj .left .ljzx:hover{ background: #333;}
#classbj .left .classtel{ float: left; color: #333333; padding-left: 30px; line-height: 25px;}
#classbj .left .classtel p{ color: #0042ae; font-size: 28px; font-family: arial; font-weight: bold;}

#cpnr{ padding: 45px; height: 420px; background: #f8f8f8; margin-bottom: 20px;}
#cpnr .right{ width: 560px; height: 420px;}
#cpnr .right img{ width: 560px; height: 420px;}
#cpnr .left{ width: 465px; height: auto; overflow: hidden;}
#cpnr .left .pro_name{ display:block; color:#333333; font-size:40px; font-weight: bold;}
#cpnr .left p{ color: #696363; font-size: 18px; padding: 20px 0 30px;}
#cpnr .left .cpcs{ background: url(../Images/cs1.png) no-repeat left center; color: #0042ae; padding-left: 35px; font-size: 20px; font-weight: bold;}
#cpnr .left .cpcs span{ font-family: arial; font-weight: normal; font-size: 14px; padding-left: 10px;}
#cpnr .left .content{ color: #666666; font-size: 16px; padding: 20px 0 40px;}
#cpnr .left .zxzx{ float: left; text-align: center; color: #fff; font-size: 18px; padding-left: 80px; width: 125px; height: 60px; background: url(../Images/cs2.png) no-repeat 45px center #0042ae; line-height: 60px; transition: 0.3s; }
#cpnr .left .cplx{ float: right; text-align: center; color: #fff; font-size: 18px; padding-left: 80px; width: 125px; height: 60px; background: url(../Images/cs3.png) no-repeat 45px center #303030; line-height: 60px; transition: 0.3s; }
#cpnr .left .zxzx:hover{ background: url(../Images/cs2.png) no-repeat 45px center #ff0000;}
#cpnr .left .cplx:hover{ background: url(../Images/cs3.png) no-repeat 45px center #ff0000;}

.liketit{ height: 45px; line-height: 45px; margin-top: 40px;}
.liketit .left{ color: #444444; font-size: 30px;}
.liketit .left span{ color: #cdcdcd; font-size: 12px; font-family: arial; text-transform: uppercase; padding-left: 10px;}
.liketit .right{ text-transform: uppercase; color: #cdcdcd; font-size: 14px; font-family: arial;}

.likecp{ padding:20px 0 0; }
.likecp li{ display: inline-block; width:280px; height:250px; border-bottom: 2px solid #eaeaea; float:left; margin:0 10px 40px; text-align:center; position: relative; transition:0.3s; }
.likecp li .img{ width: 100%; position: relative; overflow: hidden;}
.likecp li .img:after{ content: ''; margin-top: 75%; display: block; width: 100%; }
.likecp li .img img{ position: absolute; width: 100%; top:0; left: 0 }
.likecp li p{ height: 40px; line-height: 40px; text-align: center; transition: 0.3s; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.likecp li:before{content: ''; bottom: -2px; left: 0; height: 2px; width: 0%; position: absolute; background: #0042ae; transition:0.3s; }
.likecp li:hover:before{ width: 100%;}

.gsjjnr{ color: #666666; font-size: 16px; padding: 20px 0; line-height: 35px;}
#gsjjlb{ background: #f6f6f6; width: 100%; height: 240px;}
#gsjjlbnr{ width: 1200px; height: 240px;}
#gsjjlbnr li{ width: 240px; height: 240px; float: left; transition: 0.3s; text-align: center;}
#gsjjlbnr .on{ background: #0042ae;}
#gsjjlbnr li span{ color: #666666; font-size: 16px;}
#gsjjlbnr li p{ color: #0042ae; font-size: 50px; font-family: impact; padding-top: 70px;}
#gsjjlbnr .on p{ color: #fff;}
#gsjjlbnr .on span{ color: #fff;}

#rybj{ background: #f6f6f6; height: auto; overflow: hidden; margin-top: 30px;}
.roundabout-holder { margin: 0px auto; width: 850px; height: 550px;}
.roundabout-moveable-item {	width: 335px; height: 478px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.roundabout-moveable-item img {	width: 100%; height: 100%;}
.roundabout-in-focus {-moz-box-shadow:0px 0px 8px #333333; -webkit-box-shadow:0px 0px 8px #333333; box-shadow:0px 0px 8px #333333;}

#cfsb{ height: 433px; margin-top: 20px;}
#cfsb li{ float: left; background: #000; width: 300px; height: 217px; margin-left: 15px; overflow: hidden; position: relative;}
#cfsb li .img{ width: 100%; position: relative; overflow: hidden;}
#cfsb li .img:after{ content: ''; margin-top: 75%; display: block; width: 100%; }
#cfsb li .img img{ position: absolute; width: 100%; top:0; left: 0; opacity: 1; transition: 0.3s;}
#cfsb li p{ color: #fff; text-align: center; opacity: 0; transition: 0.3s; position: absolute; z-index: 1; bottom: 3%; left: 3%;}
#cfsb li:nth-child(1){ width: 570px; height: 433px; margin: 0;}
#cfsb li:nth-child(4){ width: 615px; height: 200px; margin-top: 15px;}
#cfsb li:hover img{ opacity: 0.5;}
#cfsb li:hover p{ color: #fff; opacity: 1; font-size: 20px; font-weight: bold;}


#likenews li{ float: left; margin:10px 6px 30px; width:385px; height:440px; background: #fff; border: 1px solid #e5e5e5; transition: 0.3s;}
#likenews li .img{ width: 100%; position: relative; overflow: hidden; background: #f4f4f6;}
#likenews li .img:after{ content: ''; margin-top: 65%; display: block; width: 100%; }
#likenews li .img img{ position: absolute; width: 100%; top:0; left: 0 }
#likenews li p{ color: #333333; font-size: 16px; padding: 15px 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#likenews li .content{ color: #999999; margin: 0 20px; padding: 0 0 30px; font-size: 14px; line-height: 23px; border-bottom: 1px solid #e5e5e5; transition: 0.3s;}
#likenews li .left{ color: #7c7c7c; font-size: 12px; margin: 10px 20px; font-family: arial;}
#likenews li .right{ margin: 10px 20px 0 0;}
#likenews li:hover{ border: 1px solid #0042ae;}
#likenews li:hover .content{ border-bottom: 1px solid #0042ae;}

#xwnr{ width: 820px; float: left;}
#xwnr img{ max-width: 600px;}
#xwkj{ float: right; background: #f4f4f4; width: 265px; padding: 25px;}
#xwkj .tit{ color: #333; font-size: 24px; font-weight: bold; padding-bottom: 20px;}
#hotews{ padding-top: 10px;}
#hotews li{ line-height: 40px; background: url(../Images/icon.jpg) no-repeat left center; padding-left: 15px; border-bottom: 1px dashed #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.3s; color: #666;}
#hotews li a{ color: #666;}
#hotews li:hover{ border-bottom: 1px solid #ff0000;}
#hotews li:hover a{ color: #ff0000;}


#lxwm{ padding: 30px 0;}
#lxwm li{ float: left; width: 298px; height: 420px; text-align: center; border: 1px solid #eeeeee; border-right: none;}
#lxwm li:nth-of-type(4){ border-right: 1px solid #eeeeee;}
#lxwm li .pic{ padding: 70px 0 20px; transition: 0.3s;}
#lxwm li h3{ font-size: 20px; font-weight: bold; transition: 0.3s;}
#lxwm li p{ font-size: 18px; padding-top: 70px; transition: 0.3s;}
#lxwm li p img{ width: 170px; position: relative; margin-top:-50px; transition: 0.4s;}
#lxwm li:hover h3{ opacity: 0;}
#lxwm li:hover .pic{ padding-top: 120px;}
#lxwm li:hover p{ padding-top: 0px;}
#lxwm li:nth-of-type(4):hover .pic{ opacity: 0;}
#lxwm li:nth-of-type(4):hover p img{ margin-top: -120px;}

/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left; overflow:hidden; margin:0 7px 35px; width:285px; height: 360px; }
.pro li .li-img{ width: 100%; position: relative; overflow: hidden; text-align: center;}
.pro li .li-img:after{ content: ''; margin-top: 75%; display: block; width: 100%; }
.pro li .li-img img{ position: absolute; width: 100%; top:0; left: 0; }
.pro li .tit{ color: #303030; font-size: 16px; padding-top: 10px;}
.pro li .content{ color: #666666; padding: 5px 0 10px; line-height: 25px; min-height: 55px;}
.pro li .ckxq{ float: left; background: url(../Images/cp_icon1.png) no-repeat 15px center #0042ae; color:#fff; padding-left: 50px; width: 85px; height: 35px; line-height: 35px; transition: 0.3s;}
.pro li .ljdg{ float: right; background: url(../Images/cp_icon2.png) no-repeat 15px center #fdb300; color:#fff; padding-left: 50px; width: 85px; height: 35px; line-height: 35px; transition: 0.3s;}
.pro li:hover .ckxq { background: url(../Images/cp_icon1.png) no-repeat 15px center #333;}
.pro li:hover .ljdg { background: url(../Images/cp_icon2.png) no-repeat 15px center #333;}
.pro a:hover{color:#da020d;}
/*************index&goods**************/
.news{}
.news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#333333; font-size: 24px; font-weight: bold; line-height:40px;}
.meta{ border-bottom: 1px dashed #cccccc; color:#999; line-height:35px; margin-bottom:10px;}
.meta #time{ background: url(../Images/time.jpg) no-repeat left center; height: 35px; line-height: 35px; padding-left: 20px; float: left; color: #e3a33a;}
.meta #click{background: url(../Images/time1.jpg) no-repeat left center; height: 35px; line-height: 35px; padding-left: 20px; font-weight: bold; float: left; margin-left: 20px;}
.meta #xwfh{ float: right; height: 35px; line-height: 35px; font-size: 16px;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.info_title{ margin:20px 0 10px; width:100%; height:60px; background:#f8f8f8;}
.info_title b{display:inline-block; width:200px; text-align: center; height:60px; font-weight: normal; border-right:3px solid #f8f8f8; background:#eeeeee; color:#303030; font-size: 20px; line-height:60px;}
.info_title b:nth-child(1){ background: #0042ae; color: #fff;}
.info_title b a{ color: #303030;}
.info_title .right{ height: 60px; line-height:60px; background: url(../Images/cs4.png) no-repeat left center; padding-left: 35px; color: #303030; font-size: 18px; padding-right: 20px;}
.info_title .right span{ color: #0042ae; font-family: impact; font-size: 26px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 100px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Images/button.gif) none center;}
/**************order&message********/