@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,dl,dt,dd{margin:0; padding:0;}
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;}
body{font-size:14px;margin:0 auto; color:#1f1a17; font-family:Microsoft YaHei;min-width:1100px;}
.clear{clear: both; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}


.yb_bar ul li{ background-color:#0d5e98 !important;}

.cp img{
border:1px #ccc solid;
padding:2px;
}
.cp a:hover img{
border:1px #f8801e solid;
padding:2px;
}
a{text-decoration: none; color:#333;}
a:hover{color: #f8801e;}
#dt-hd.navstyle2{ background:#efefef;}
a:hover{ text-decoration:underline;}

#top50{ width:100%; overflow:hidden; height:50px;}
.top50{ width:100%; overflow:hidden; height:50px;}
#top60{ width:100%; overflow:hidden; height:60px;}
#top40{ width:100%; overflow:hidden; height:40px;}
#top30{ width:100%; overflow:hidden; height:30px;}
#top20{ width:100%; overflow:hidden; height:20px;}
#top_sj{ width:100%; overflow:hidden; height:83px;}

#bm{ width:1100px; margin:0 auto;}
#bmm{ width:1100px; margin:0 auto; position:relative;}
.w1100{width:1100px; margin:0 auto;}
.mar50{ margin:50px auto;}

.jd{ position:absolute;}
.xd{ position:relative;}


.head1{ width: 100%; height:40px; border-bottom: 1px solid #f2f2f2;}
.top3{ width:1100px; margin:0 auto; line-height:40px;}
.top1{ float:left;}
.top2{ float:right;}
.top2 li{ width:80px; text-align:center; float:left;}



#top{ width:100%; overflow:hidden; line-height:40px; border-bottom:1px solid #f2f2f2;}
.top_hy{ font-size:14px; color:#999;}
.top_yb{ color:#999;}
.top_yb a{ color:#999;}

#head{overflow:hidden; width:100%;}
.head_l{ margin-left:5px;background:url(images/20180201153312_1841390340.jpg) no-repeat bottom; font-size:42px; font-weight:bold; padding-bottom:15px; line-height:50px;  margin-top: 40px;
    margin-bottom: 30px;}
.head_n{ font-size:24px; color:#333; margin-left:20px; border-left:1px solid #5b5b5b; padding-left:20px; line-height:30px; margin-top: 45px;
    margin-bottom: 30px;}
.head_n span{ font-size:28px;color:#0a54c3; font-weight:bold;}
.head_d{ background:url(images/20180201153705_1389936564.jpg) no-repeat left; font-size:16px; padding-left:75px;box-sizing: border-box; padding-top:6px;     line-height: 28px;margin-top: 19px;
    margin-bottom: 30px;}
.head_d span{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#0852c1; font-weight:bold;}


#nav{ width:100%;overflow:hidden; background:url(images/20180201153726_1587213502.jpg) repeat-x; line-height:50px; margin:0 auto;height:50px;}
.nav_a li{ font-size:14px; color:#fff; line-height:50px; float:left; text-align:center; width:110px; background:url(images/20170826100003_1205503034.png) no-repeat left;}
.nav_a li a{text-decoration:none; display:block; line-height:50px; color:#fff; font-size:14px;}
.nav_a li a:hover{ width:110px; height:50px;text-decoration:none; font-size:15px; background:#f8801e; color:#FFF; transition: all 0.5s linear;}
#nav .a_nav a{ width:110px; display:block; font-size:14px;background:#f8801e; height:50px; color:#FFF; font-size:15px;}
.nore{background:#ff0000; color:#FFF;}
.nore a{ color:#FFF; font-size:14px;}
 



#sou{ width:100%; overflow:hidden;height:50px; background:#333333;}
.sou_re{ color:#b8b8b8;line-height:24px; height:24px; margin-top:14px;}
.sou_re a{ color:#b8b8b8;}
.sou_re span{font-weight:bold; color:#b8b8b8; background:url(images/20180201154131_348687775.jpg) no-repeat left top; display:inline-block; padding-left:30px;}
#search_b{width:288px;  height:32px; margin-top:10px;}
#search-bg{float:left; width:240px; height:32px; background:url(images/20180201154805_1036107419.jpg) no-repeat; overflow:hidden; padding-left:5px;border:none;line-height: 32px;}
input{border: none;}
:focus{outline:none;}
#infoname{ border:none;outline:none;color:#aea9b6;}


#ted{ width:100%; overflow:hidden;}
.te_a{ width:260px; box-sizing:border-box; height:390px; position:relative;}
.te_a dl{ background:#eeeeee; border:1px solid #dddddd;}
.te_a dd span{ font-size:20px; font-weight:bold; color:#0a54c3; display:block; text-align:center; margin:25px 0px;}
.te_a dd p{ width:220px; border-top:1px solid #d2d2d2; margin:0 auto;}
.te_a_n{ padding:20px 20px 39px; font-size:14px; line-height:26px; text-align:center; color:#666;}
.te_en{ width:130px; line-height:40px; text-align:center; color:#fff; position:absolute; top:346px; background:#0751c0; border-radius:10px; left:65px;}
.te_en a{ color:#fff; display:block;}
.te_v{ margin-right:20px;}
.te_b{ background:url(images/20180201160835_264234193.jpg) no-repeat center; width:261px; height:367px; box-sizing:border-box; padding:80px 0px;}
.te_b p{ text-align:center; font-size:26px; font-weight:bold; color:#fff;}
.te_b_n{ color:#fff; font-size:18px; padding:55px 0px 0px 33px;}
.te_b_n span{ font-size:28px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


#prod{ width:100%; overflow:hidden; background:url(images/20180201162101_262471917.jpg) repeat-y center top; height:935px;}
.prod_t{ text-align:center; font-size:20px; margin-top:50px;}
.prod_t h3{ font-size:36px; color:#0751c0; padding-bottom:10px;}
.prod_t font{ color:#29aa4e; font-size:36px; font-weight:bold;}
.prod_n{ margin-top:20px; margin-left:5px;}

#tablit {width:1100px; margin:0 auto; height:auto; }
#tablit dl{ float:left; width:1100px; padding-bottom:32px; padding-left:263px; box-sizing:border-box;}
#tablit dl dt{float:left; height:42px; line-height:42px; font-size:14px;}
#tablit dl dd{float:left; padding:0 20px 0 20px; margin-right:21px; height:42px; line-height:42px; text-align:center; font-size:18px;background: #0751c0; width:130px;}
#tablit dl dd:hover{ font-size:18px; float:left;  padding:0 20px 0 20px; height:42px; line-height:42px; text-align:center; background-color: #0059d1;}
#tablit a{color: #fff;}
#showdiv0 #showdiv1 #showdiv2 #showdiv3 #showdiv4 a:hover{color:#046fcd !important;}
#tablit .out a{ font-size:18px;}
#tablit .on{ font-size:18px; float:left; padding:0 20px 0 20px; margin-right:21px; height:42px; line-height:42px; text-align:center; background-color:#0059d1;}
.tabcon{width:1100px; height:auto; border-top:none; clear:both;}
.dis{display:none;}
#tablit .on a{ font-size:18px; color:#fff;}
    
.tabcon > table > tbody > tr > td { float: left; padding-left: 0 !important; width:260px; margin: 1.0% 0.5%; position: relative;overflow: hidden;  border: 1px solid #0059d1;}
.tabcon > table > tbody > tr > td > a { display: block; width: 260px; }
.tabcon > table > tbody > tr > td br{ display: none; }
.tabcon > table > tbody > tr > td > span { display: block; width: 100%; position: absolute; bottom: 0; transition:0.6s all ease;background-position:center; height:32px;line-height:32px;}
.tabcon > table > tbody > tr > td > span > a { display: block; color: #fff; font-size: 14px; height:32px; line-height:32px; transition:0.3s all ease-in-out; background:#0059d1;}
.tabcon > table > tbody > tr > td > .ceshigo{width:100%;background:rgba(0,0,0,0.4);height:100%;position:absolute;bottom:0;left:-100%;transition:0.3s all ease-in-out;}
.tabcon > table > tbody > tr > td > .ceshigo a {display: block; color: #fff; font-size:16px; font-weight: bold; padding-top: 28%;}
.tabcon > table > tbody > tr > td > .ceshigo p {height: 22px; line-height: 22px;border-radius: 10px;border: 1px solid #fff; transition:all 0.3s 0.3s;padding: 1px 15px;margin: 15px auto;display: block;font-size: 13px;color: #fff;font-weight: 100;width: 70px;text-align: center;position: relative; bottom: -180px;}
.tabcon > table > tbody > tr > td:hover > span {bottom:-32px; }
.tabcon > table > tbody > tr > td:hover > .ceshigo{left:0;}
.tabcon > table > tbody > tr > td:hover > .ceshigo p{left:0; bottom:0;}
.tabcon > table > tbody > tr > td > a > img{width:260px; height:195px;}


#ggt{ width:100%; overflow:hidden; background:url(images/20180201163258_1738083067.jpg) no-repeat center top; height:253px;}
.ggt_tu{ margin-top:20px;}
.ggt_a{ width:540px; margin-left:10px;}
.ggt_a p{ background:url(images/20180201163552_2014825227.jpg) no-repeat center top; line-height:47px; text-align:center; font-size:20px; color:#fff; margin-top:60px;}
.ggt_a span{ font-size:30px; font-weight:bold; color:#fff; display:inline-block; padding:10px 0px;}
.ggt_a font{ text-align:center; color:#fff; font-size:24px; display:block;}
.ggt_b{ color:#fff; font-size:16px; margin-top:82px; width:210px;}
.ggt_b span{ font-weight:bold; font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.ggt_b p{ width:130px; line-height:40px; height:40px; background:#f8801e; text-align:center; margin-top:10px;}
.ggt_b p a{ color:#fff;}

#case{ width:100%; overflow:hidden; }
.case_t{ text-align:center; font-size:20px; margin-bottom:30px;}
.case_t h3{ font-size:36px; color:#0751c0; padding-bottom:10px;}
.case_t h3 a{ font-size:36px; color:#0751c0; }
.case_t font{ color:#29aa4e; font-size:36px; font-weight:bold;}
.case_t img{ margin-top:10px;}

.company_row4 > table > tbody > tr > td { float: left; width: 350px; padding: 0px !important; background: #ddd; display: block;  margin-right: 15px; position: relative; margin-bottom: 20px;}
.company_row4 > table > tbody > tr > td > a{display: block; padding: 5px;}
.company_row4 >table > tbody > tr > td br{ display: none; }
.company_row4 > table > tbody > tr > td > a >img{    display: block; width: 100%; height: auto;} 
.company_row4 > table > tbody > tr > td > div { position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; height: 100%; line-height: 325px; background: rgba(0,0,0,0.6) url(images/20171027141601_1627788910.png) no-repeat center 70px; padding: 0 !important; transform: scale(0); transition: 0.3s all ease-in-out; }
.company_row4 > table > tbody > tr > td > div > a { color: #fff; font-size: 16px; background: rgba(255,255,255,0.2); padding: 5px 5px; border-radius: 40px; line-height: 295px; }
.company_row4 > table > tbody > tr > td:hover > div{ transform:scale(1); }


#adv{ width:100%; overflow:hidden; background:url(images/20180201165848_740621239.jpg) no-repeat center top; height:247px;}
.adv_t{ color:#fff; font-size:22px; margin-left:50px; margin-top:38px; margin-left:441px;}
.adv_t span{ font-weight:bold; font-size:60px; font-weight:bold;}
.adv_t_t{ background:url(images/20180201170452_1021041289.jpg) no-repeat center top; line-height:38px; color:#f8801e; text-align:center; font-size:22px; margin-top:20px;}

#adv_one{ background:url(images/20180201171241_92907348.jpg) no-repeat center top; height:417px; overflow:hidden;}
.taa{ margin-top:90px;}
.tab{ margin-top:30px; text-align:right;}
.tac{ margin-top:30px;}
.adv_o{width:510px;}
.adv_o_n{ font-size:16px; color:#666; line-height:34px; margin-top:50px;}
.adv_o_t{font-weight:bold; color:#0248b0; font-size:32px;}
.adv_o_t span{ color:#f8801e;}
.adv_o_en{ width:120px; line-height:36px; color:#fff; background:#0248b0; text-align:center; margin-top:20px;}
.adv_o_en a{ color:#fff;}
#adv_two{ background:url(images/20180201171319_1651648362.jpg) no-repeat center top; height:331px; overflow:hidden;}
.adv_t_en{width:120px; line-height:36px; color:#fff; background:#f8801e; text-align:center; margin-top:20px;}
.adv_t_en a{ color:#fff;}

#adv_three{ background:url(images/20180201171331_927819055.jpg) no-repeat center top; height:369px; overflow:hidden;}
#adv_four{ background:url(images/20180201171345_503249351.jpg) no-repeat center top; height:315px; overflow:hidden;}


#about{ width:100%; background:#0248b0; padding:50px 0px;}
.about_t{ background:url(images/20180201173719_627046723.jpg) no-repeat center top; height:43px;}
.about_bg{ background:#fff; border-radius:10px; height:397px; box-sizing:border-box; margin-top:20px; padding:40px 30px; overflow:hidden;}
.ab_tu{ width:454px;}
.ab_n{ font-size:14px; line-height:34px; width:560px; color:#666;}
.ab_n span{ font-size:28px; font-weight:bold; color:#f8801e; display:block; padding-top:10px; padding-bottom:20px;}
.ab_n p{ font-size:14px; color:#fff; width:120px; line-height:36px; text-align:center; background:#f8801e; height:36px; margin-top:20px;}
.ab_n p a{ color:#fff;}


.tit1{  overflow:hidden; font:32px "Microsoft Yahei"; text-align:center; font-weight:bold;color:#f8c433;}
.tit1 a{ color:#0248b0; font:32px "Microsoft Yahei";  font-weight:bold;}
.tit1 em{ color:#383838; font-style:normal; font:32px "Microsoft Yahei"; font-weight:bold;}
.tit1 span{ display:block; font:24px  "Microsoft Yahei"; text-transform:uppercase; color:#848484;  margin-top:8px;}

#news { width:1100px; height:470px; margin:0 auto;}
.news_bg{ width: 100%; height: 604px; }
.news_t {margin: 0 auto; line-height: 28px; text-align: center; padding-top: 30px;}
.news_t b { font-size: 24px; }
.news_t span { font-size: 14px; text-transform: uppercase; color:#cdcdcd; margin-bottom: 20px; display: block;}
.news_d {width: 1100px; margin: 0 auto;}
.news .convert2{ width:1100px; height:430px; margin:0 auto; }
.news .convert2 .tab{width:471px; height:50px; margin:0 auto;}
.news .convert2 .tab a{display:block; color:#333; text-align: center; width: 131px; height:35px; line-height: 35px; font-size:14px; float:left; 
margin-left:24px; border:1px #ccc solid; -webkit-transition:ease all 0.2s; transition: ease all 0.2s;}
.news .convert2 .tab a.on{display:block;background:#0248b0;color:#fff; -webkit-transition:ease all 0.2s; transition: ease all 0.2s;}


.news .convert2 .content{ overflow:hidden; width:1100px; height:400px; position:relative;}
.news .convert2 .content ul{ position:absolute; left:0; top:10px; height:380px;}
.news .convert2 .content li{ width:1100px; height:auto; float:left;}
.news .content td br{ display:none;}
.news .content td a{ display:block; background:#ededee; line-height:40px; width:220px !important; color:#666; width:220px !important;}
.news .content td a:hover{ display:block; background:#0248b0; color:#fff;}

.news .news_div_item{ position:relative;width:346px; float: left;height:380px; margin:0 9px; -webkit-transition:ease all 0.5s; transition: ease all 0.5s;border: 1px solid #ccc;}
.news .news_div_item:hover{box-shadow:0px 0px 15px #ccc; -webkit-animation:test 0.3s ease-in 2;animation:test 0.3s ease-in 2; }
.news .divdgweb_new_div_item{position:relative;width:346px; float: left;height:380px; margin:0 9px; -webkit-transition:ease all 0.5s; transition: ease all 0.5s;border: 1px solid #ccc;}
.news .divdgweb_new_div_item:hover{box-shadow:0px 0px 15px #ccc;-webkit-animation:test 0.3s ease-in 2;animation:test 0.3s ease-in 2;}
.news .news_div_item_pic{ position:absolute; top:0;}
.news .news_div_item_pic img{width:346px; height:220px;}
.news .news_div_item_content{line-height:30px; height:120px; width:306px; padding:20px;position:absolute; top:220px; background:#f7f6f6;}
.news .divdgweb_new_div_item_content{line-height:30px; height:120px; width:306px; padding:20px;position:absolute; top:220px; background:#f7f6f6;}
.news .news_div_item_body,.news .divdgweb_new_div_item_body{ color:#666; line-height:22px; margin-top:4px;}
.news .news_div_item_a,.news .divdgweb_new_div_item_a{color:#0248b0; font-size:14px; font-weight: bold;}
.news .news_div_item_a:hover,.news .divdgweb_new_div_item_a:hover{color:#383838;}

.news .news_div_item_date,.news .divdgweb_new_div_item_date{text-align:center; height:60px; width:80px;position:absolute; right:0; line-height:15px; top:90px; z-index: 9;color:#fff; background:#0248b0;}
.news_div_item_year,.divdgweb_new_div_item_year{position:absolute; top:32px; left:22px; font-size:16px;}
.news_div_item_month,.divdgweb_new_div_item_month{position:absolute; left:24px; top:12px; font-size:12px;}
.news_div_item_day,.divdgweb_new_div_item_day{position:absolute; left:44px;top:12px; font-size:12px;}

.news .news_div_item_date div,.news .divdgweb_new_div_item_date div{float:left;}
.top50{padding-top:50px;}
   .top30{padding-top:30px;} 
    
    
    
.copy { background: #0248b0; text-align: justify;}
.copy_row1{ padding: 45px 0 0; }
.copy_row1 .col4 { float: left; margin-right:40px; padding-right:40px; }
.copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none; }
.copy_row1 .col4 .c4title { position: relative; padding: 0 0 25px 0; margin-bottom: 5px; display: inline-block; }
.copy_row1 .col4 .c4title::after { content: ''; position: absolute; width: 20px; height: 2px; display: block; background: #fff; left: 0; bottom: 10px; transition:0.6s all ease-in-out; }
.copy_row1 .col4 .c4title a{ font-size: 17px; color: #fff; display: block; line-height: 35px; }
.copy_row1 .col4:hover .c4title::after{ width: 100%; background: #fff;}
.copy_row1 .col4 ul li a { color: #e3e3e3; font-size: 14px; display: block; line-height: 30px; }
.copy_row1 .col4 ul li a:hover{ text-decoration: underline; color: #fff; }

.copy_row1 .fr{ text-align: right;}
.copy_row1 .cr_2 { font-size: 32px; color: #e1e1e1; line-height: 35px; padding: 0px 0 5px; letter-spacing: 0.4px; }
.copy_row1 .cr_3{ font-size: 14px; color: #e1e1e1; line-height: 30px; }
.copy_row1 .cr_4 { font-size: 14px; border-top: #e1e1e1 1px solid; display: inline-block; padding: 5px; border-bottom: #e1e1e1 1px solid; margin: 15px 0 10px; color: #fff; line-height: 25px; }
.friendlink { margin-top: 10px;width: 270px;
margin-left: auto;}
.friendlink .fri_L { background: url(images/20171216220021_2142217078.png) no-repeat; width: 77px; height: 28px; float: left; color: #e4e4e4; font-size: 17px; letter-spacing: 1px; padding: 6px; text-align: center; }
.friendlink .fri_R { height: 37px; display: block; float: right; width: 181px; background: #e4e4e4; }
.friendlink .linkTagcs { width: 181px; max-height: 37px; background: rgba(228,228,228,0.8) url(images/20171216220037_229004642.png) no-repeat 162px 18px; overflow: hidden; transition: 0.3s all ease-in-out; }
.friendlink .linkTagcs:hover { max-height: 200px; overflow-x: hidden; overflow-y: auto; }
.friendlink .fri_R .linkTagcs li { float: none; line-height: 37px; text-align: left; text-indent: 10px; }
.friendlink .fri_R .linkTagcs li a{display: block;}
.cr4button { float: right; }
.copy_row2 { height: 60px; line-height: 60px;margin-top: 25px;}
.copy_row2 .fla{ height: 60px; line-height: 60px; color: #fff; font-size: 13px; letter-spacing: 0.4px; text-align:center; width:1100px;}
.copy_row2 .fla a{ display: inline-block; color: #fff; font-size: inherit; }
.cr4button a {position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding: 0 3px;}
.ine{ background: url(images/20171216220108_1693201421.png) no-repeat center; width: 11px; height: 11px; display: inline-block; padding: 0 5px; }
.copy .ewm {position: absolute;width: 120px;bottom: 35px;right: 0;z-index:1;display:none;}
.copy .ewm img {width: 100%;height:auto;}
.copy_row2 .fr > a { font-size: 14px; display: inline-block; color: #fff; height: 60px; line-height: 60px; }
.copy_row2 .fr{ position: relative; }
.copy_row2 a:hover{ text-decoration: underline; }
    .page{ width: 1100px; margin: 0 auto; border-top:1px solid #1894da;}
    
    
    
    
#search-bg #infoname{line-height:27px; color:#666; width:240px; height:32px;}
#tablit .tabcon:nth-child(n+3){ display:none;}