﻿/* CSS Document */
div,ul,ol,li,dl,dd,dt,table,form,h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ul,ol,li{ list-style:none; list-style-type:none;} 
body{ margin:0; padding:0; font-size:12px; font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; background:#f3f3f3;}  
img{ border:none;}
.clear{ clear:both;}
.fleft{ float:left;}
.fright{ float:right;}  
a{ text-decoration:none; }
a:focus { background:none; }  
a.l001:link,a.l001:visited{ color:#666; text-decoration:none;}
a.l001:hover{ color:#f60; text-decoration:none;} 

.btn_blue{background-color:#4d90fe;background-image:-webkit-linear-gradient(top,#4d90fe,#4787ed);background-image:-moz-linear-gradient(top,#4d90fe,#4787ed);background-image:-ms-linear-gradient(top,#4d90fe,#4787ed);background-image:-o-linear-gradient(top,#4d90fe,#4787ed);background-image:linear-gradient(top,#4d90fe,#4787ed);border:1px solid #3079ed;color:#fff; }
.btn_blue:hover{background-color:#357ae8;background-image:-webkit-linear-gradient(top,#4d90fe,#357ae8);background-image:-moz-linear-gradient(top,#4d90fe,#357ae8);background-image:-ms-linear-gradient(top,#4d90fe,#357ae8);background-image:-o-linear-gradient(top,#4d90fe,#357ae8);background-image:linear-gradient(top,#4d90fe,#357ae8);border:1px solid #2f5bb7;border-image:initial;text-decoration:none; }

.btn_red,#filter li a.cur,.category li a.cur{background-color:#e6303d;background-image:-webkit-linear-gradient(top,#e6303d,#d43843);background-image:-moz-linear-gradient(top,#e6303d,#d43843);background-image:-ms-linear-gradient(top,#e6303d,#d43843);background-image:-o-linear-gradient(top,#e6303d,#d43843);background-image:linear-gradient(top,#e6303d,#d43843);border:1px solid #cb2530; color:#fff; text-decoration:none;}
.btn_red:hover,#filter li a.cur:hover,.category li a.cur:hover{background-color:#ff535f;background-image:-webkit-linear-gradient(top,#e6303d,#ff535f);background-image:-moz-linear-gradient(top,#e6303d,#ff535f);background-image:-ms-linear-gradient(top,#e6303d,#ff535f);background-image:-o-linear-gradient(top,#e6303d,#ff535f);background-image:linear-gradient(top,#e6303d,#ff535f);border:1px solid #cb2530;border-image:initial;text-decoration:none;}
.textinput{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;font-size:13px;height:25px;line-height:25px;padding:1px 8px;color:#999;}
.textinput:focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);border:1px solid #d43843;outline:none;color:#666;}
 
.share_self{ background:#e7e7e7;} 
 
/*pagehead*/
#bodywrap{ background:url(../images/mainbg1.gif);}
#header{ width:100%; height:91px; position:fixed; top:0; z-index:999;}
* html{background-image:url(about:blank); background-attachment:fixed}
* html #header{position:absolute; top:expression(eval(document.documentElement.scrollTop));}
.blank{ height:91px; width:100%; overflow:hidden; }
#navbg{width:100%; height:91px; overflow:hidden; text-indent:-9999px; position:absolute; left:0; top:0; background:#272727;}
.topwrap {width:1004px; height:91px; overflow:hidden; margin:0 auto; position:relative;}
.logo{position:absolute; top:10px;}
.nav{display:block; position:absolute; right:0; top:10px; font-size:0;}
.nav ul li{display:inline-block; zoom:1; *display:inline; width:131px; height:90px; background:url(../images/nav_ico.png) no-repeat;}
.nav ul li.home{border-left:none;background-position:10px 0}
.nav ul li.home:hover{border-left:none; background-position:10px -468px}
.nav ul li.about{background-position:10px -78px}
.nav ul li.about:hover{border-left:none; background-position:10px -546px}
.nav ul li.service{background-position:10px -156px}
.nav ul li.service:hover{border-left:none; background-position:10px -624px}
.nav ul li.cases{background-position:10px -234px}
.nav ul li.cases:hover{border-left:none; background-position:10px -702px}
.nav ul li.client{border-right:none;background-position:10px -312px}
.nav ul li.client:hover{border-left:none; background-position:10px -780px}
.nav ul li.jjfa{border-right:none;background-position:10px -390px}
.nav ul li.jjfa:hover{border-left:none; background-position:10px -860px}
.nav ul li a{display:block; height:40px; padding-left:40px; margin:20px 5px 0 5px; font-size:14px; color:#ccc; text-decoration:none;}
.nav ul li a:hover{ color:#fff; text-decoration:none; }
.nav ul li span{display:block; color:#5f5f61; font-size:12px; font-family:Arial; -webkit-text-size-adjust:none;} 

.wrapper {width:1004px; margin:0 auto;  position:relative; overflow:hidden;}
#main1{ width:1015px; padding:10px 0 30px 0; margin:0 auto; } 
.mainwrap1 h4{ text-align:center; } 
.mainwrap1 ul{display:block; font-size:0;letter-spacing:-6px;text-align:center;width:100%; height:476px; overflow:hidden; margin-top:10px;} 
.mainwrap1 ul li{display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative; background-color:#fff; width:248px; height:156px; overflow:hidden; margin:4px 2px 0; letter-spacing:normal; }
.mainwrap1 ul li img{position:absolute;top:0;left:0; width:248px; height:156px;} 
.mainwrap1 ul li p{display:none;width:218px; height:142px; position:absolute;z-index:1;font-size:12px; text-align:left;padding:0 8px; line-height:20px; background:#212121; color:#999;left:0;bottom:0; border:7px solid #e04a49;}
.mainwrap1 ul li p strong{display:block;font:bold 13px/25px Microsoft YaHei;color:#c0c0c0; margin-top:10px}  
.mainwrap1 ul li p span{ font:bold 13px/25px Microsoft YaHei; color:#c0c0c0; } 
.mainwrap1 ul li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;height:26px;line-height:26px;padding:0 8px;margin-top:5px;}

 
#main2{ width:100%; padding:20px 0; height:409px; overflow:hidden; background:url(../images/mainbg2.gif) repeat-x;} 
#main2 .mainwrap2{ width:1004px; margin:0 auto;}
#main2 .mainbox2{ width:1004px; height:340px; margin:10px auto; overflow:hidden; }

/* news  */
.newswrap{ width:450px; padding-right:46px; background:url(../images/line.gif) repeat-y right; float:left; overflow:hidden;}
.newswrap ul{ width:450px; height:77px; overflow:hidden; margin:20px auto 20px;}
.num1{ background:url(../images/num/num1.gif) no-repeat; }
.num2{ background:url(../images/num/num2.gif) no-repeat; }
.num3{ background:url(../images/num/num3.gif) no-repeat; }
.num4{ background:url(../images/num/num4.gif) no-repeat; }
.num5{ background:url(../images/num/num5.gif) no-repeat; }
.num6{ background:url(../images/num/num6.gif) no-repeat; }
.num7{ background:url(../images/num/num7.gif) no-repeat; }
.num8{ background:url(../images/num/num8.gif) no-repeat; }
.num9{ background:url(../images/num/num9.gif) no-repeat; }
.newsinfo{ width:260px; padding-left:50px; overflow:hidden; float:left; }
.newsinfo h4{ font:normal 15px/20px ""; color:#373536;}
.newsinfo h5{ font:bold 13px/18px ""; color:#2e302f;}
.newsinfo h5 a{ color:#2e302f; text-decoration:none;}
.newsinfo h5 a:hover{ color:#2e302f; text-decoration:none;}
.newsinfo h6{ font:normal 12px/18px ""; color:#636564;}
.newsimg{ float:right; padding-top:3px;}
.newsimg img{ border-right:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; padding:0 2px 2px 0;}

#slideTxtBox{ width:450px; overflow:hidden;}
#slideTxtBox .hd{ height:21px; line-height:21px; margin:5px 20px 0 0; position:relative; } 
#slideTxtBox .hd .prev{ display:block; width:21px; height:21px; float:left; overflow:hidden; cursor:pointer; background:url("../images/arr_l_out.gif") no-repeat;}
#slideTxtBox .hd .prev:hover{ background:url("../images/arr_l_on.gif") no-repeat;}
#slideTxtBox .hd .next{ display:block; width:21px; height:21px; float:left; margin-left:10px; overflow:hidden; cursor:pointer; background:url("../images/arr_r_out.gif") no-repeat;}
#slideTxtBox .hd .next:hover{ background:url("../images/arr_r_on.gif") no-repeat;}
   
/*point*/
.pointwrap{ width:508px; float:left; overflow:hidden; } 
.leftLoop{ overflow:hidden; position:relative; width:506px;}
.leftLoop .hd{ overflow:hidden; height:21px; line-height:21px; margin:5px 20px 0 0; position:relative; }
.leftLoop .hd .prev{ display:block; width:21px; height:21px; float:left; margin-left:25px; _margin-left:16px; overflow:hidden; cursor:pointer; background:url("../images/arr_l_out.gif") no-repeat;}
.leftLoop .hd .prev:hover{ background:url("../images/arr_l_on.gif") no-repeat;}
.leftLoop .hd .next{ display:block; width:21px; height:21px; float:left; margin-left:10px; overflow:hidden; cursor:pointer; background:url("../images/arr_r_out.gif") no-repeat;}
.leftLoop .hd .next:hover{ background:url("../images/arr_r_on.gif") no-repeat;}
  
.leftLoop .bd { width:508px; height:310px; overflow:hidden; }
.leftLoop .bd ul{ width:230px; float:left; margin:10px 0px 10px 24px; _margin:10px 14px 10px 16px; overflow:hidden;}
.leftLoop .bd ul li h4{ font:bold 14px/30px ""; color:#312f30; margin:10px 0 0 0;}
.leftLoop .bd ul li p{ color:#343432; line-height:22px; height:130px; overflow:hidden;}
.leftLoop .bd ul li h5{ width:67px; height:21px; line-height:21px; text-align:center; background:#9f9f9f; overflow:hidden; margin:10px 0 10px; font:normal 12px/21px "";}
.leftLoop .bd ul li h5 a{ color:#dfddde; text-decoration:none;}
 
#main3{ width:100%; padding:20px 0; height:269px; overflow:hidden; } 
#main3 .mainwrap3{ width:1004px; margin:0 auto;} 
#main3 .mainwrap3 h4{ background-color:#2D2D2D; width:983px;}
#main3 .mainbox3{ width:1004px; height:220px; margin:10px auto; overflow:hidden; } 
.clientwrap{ width:983px; padding-right:0px;  float:left; overflow:hidden;}
.clientwrap ul{ height:220px; overflow:hidden; margin:10px auto 0px; }
.clientwrap ul li{width:150px; height:88px; border:1px solid #d1d1d1; float:left; margin:5px 10px 5px 0; _margin:3px 10px 3px 0;}
.clientwrap ul li:hover{width:150px; height:88px; border:1px solid #9c9c9c; float:left; margin:5px 10px 5px 0; _margin:3px 10px 3px 0;}
.weibowrap{ width:508px; float:left; overflow:hidden; text-align:right; } 
 
.nymainbox{ background:#f3f3f3 url(../images/nymainbg.gif) repeat-x top; width:100%; overflow:hidden;}
.nymainwrap{ width:1004px; margin:0 auto; overflow:hidden; padding-top:58px;}
.nybox1{ border-bottom:1px solid #d0d0d0; height:50px; padding:3px; overflow:hidden;}
.nybox1 h4{ float:left; font:normal 12px/15px "微软雅黑"; color:#8b8b8b; *width:510px;}
.nybox1 h4 img{ float:left;}
.nybox1 h4 span{ margin-top:15px;}
.nybox1 span{ float:right; margin-top:28px;}
.nybox1 span a{ float:right; margin-left:20px; text-decoration:none; color:#4e4e4c; font-size:12px; font-weight:bold; }

.nybox2{ margin:30px auto; }
.nybox2 h4{ margin:0 auto 30px; }
.nybox2 ul{ color:#5d5f5e; line-height:24px;}
.nybox2 ul p{ margin-bottom:10px;}
.nybox2 ul img{ float:right; margin-left:50px;}

.nybox3{ margin:30px auto; }
.nybox3 h4{ background:url(../images/nymainbg.gif) repeat-x bottom; height:60px; padding:5px 0; overflow:hidden; }
.nybox3 h4 span{ float:right;}
.nybox3 ul{ color:#5d5f5e; line-height:24px; margin-top:20px;}

.nybox4{ margin:30px auto; }
.nybox4 h4{ background:url(../images/nymainbg.gif) repeat-x bottom; height:50px; padding:5px 0; overflow:hidden; }
.nybox4 h4 span{ float:right;}
.nybox4 ul{ color:#5d5f5e; line-height:24px; margin-top:20px;}
.nybox4 ul .limg{ float:left; margin-right:30px;}
.nybox4 ul .rimg{ float:right; margin-left:30px;} 

.nyprodbox{ margin:20px auto; overflow:hidden; }

#filter{ background:#f3f3f3; width:100%;}
#filter.fixed{ width:100%; background:#f3f3f3; position:fixed; top:91px; left:0; z-index:99;}
* html #filter.fixed{position:absolute;top:expression(eval(document.documentElement.scrollTop+91));}
.sortlist{ height:33px; width:1000px; line-height:33px; overflow:hidden; margin:0 auto; }
.sortlist ul li{ float:left; padding:0 35px 0 10px; font:bold 12px/33px ""; color:#4d4e52;  overflow:hidden; }
.sortlist ul li a:link,.sortlist ul li a:visited{ color:#4d4e52; text-decoration:none;}
.sortlist ul li a:hover{ color:#f00; text-decoration:none; } 
 

.nyprodwrap h4{ text-align:center; } 
.nyprodwrap ul{ font-size:0; letter-spacing:-6px; padding:10px 0 20px;}
.nyprodwrap ul li{display:inline-block; zoom:1;*display:inline;vertical-align:top;position:relative; width:49%; margin-right:2%; overflow:hidden;letter-spacing:0;}
.nyprodwrap ul li:nth-child(2n){ margin-right:0px;}
.nyprodwrap ul li .pic{position:absolute;top:0;left:0; width:100%; height:210px;object-fit: cover; }
/*.nyprodwrap ul li img{ position:absolute;top:0;left:0; width:100%; height:210px;object-fit: cover; }*/
.nyprodwrap ul li span{display:block; font:bold 12px/22px Microsoft YaHei; color:#333; background-color:#fff; padding:0px 3%; position:absolute; left:0; text-align:left; width:94%;}
.nyprodwrap ul li span a{ color:#333; text-decoration:none;}
.nyprodwrap ul li p{display:none;width:100%;  position:absolute;z-index:1;font-size:12px; text-align:left; line-height:20px; background-color:rgba(0,0,0,0.5); color:#999;left:0;bottom:99px;}
.nyprodwrap ul li p strong{display:block;font:bold 18px/36px Microsoft YaHei;color:#fff; font-size:20px; text-align:center;} 
.nyprodwrap ul li p em{display:block;color:#fff; text-align:center; font-size:14px; font-style:normal; }
.nyprodwrap ul li p i{display:block; text-align:center; margin:15px 0; }
.nyprodwrap ul li p i img{ width:100px; position:inherit;}
.nyprodwrap ul li p a{display:inline-block;zoom:1;*display:inline;font-weight:bold;height:26px;line-height:26px; width:82px; text-align:center; padding:0 8px;margin-top:5px;}
.nyprodwrap ul li p a.openurl{width:23px;height:23px;padding:0;background:url(../images/ico_website.png) no-repeat;overflow:hidden;text-indent:-9999px;position:absolute;bottom:5px;right:5px;}
.nyprodwrap ul li p a.openurl:hover{background-position:0 -23px}
.nyprodwrap ul li .tbname{ color:#000; font-size:25px; height:90px; line-height:90px; font-weight:600; font-family:'微软雅黑'; background:url(../images/nyproico.png) no-repeat right 3px center;}
.nyprodwrap ul li .title{color:#959494; font-size:13px; border-bottom:1px solid #dddddd; padding-bottom:10px;font-weight:200; font-family:'微软雅黑'; }
    .nyprodwrap ul li .title1{ color:#a3a3a3; font-size:13px; height:25px; line-height:25px;font-weight:200;font-family:'微软雅黑';}
     .nyprodwrap ul li .title1 font{ float:right; margin-top:10px;}
.nyprodwrap ul li .jt_Pic{ text-align:center;margin-top:125px; font-style:normal;  }
.nyprodwrap ul li .jt_Pic img{ height:2px; width:18px; }
.nyprodwrap ul li .jt_Pic1{ text-align:center; font-style:normal;  }
.nyprodwrap ul li .jt_Pic1 img{ height:2px; width:18px; }


#show_cases { padding:20px 0; }
#show_cases #overview{width:230px; height:100%; text-align:left; float:left;}
#show_cases #overview .overview_bg{ width:100%;height:100%; }
#show_cases #overview img{background:#333; margin-top:10px; border:1 solid #333;}
#show_cases #overview #case_info{ padding:0 20px 0 0;}
#show_cases #overview #case_info h1{font:bold 16px/35px Microsoft YaHei;}
#show_cases #overview #case_info ul{padding:10px 0;}
#show_cases #overview #case_info li{text-align:left;padding:6px 0;line-height:2;border-top:1px dotted #aaa;}
#show_cases #overview #case_info p{line-height:2;padding:10px 0;text-align:left;}
#show_cases #overview #case_info .brief{text-indent:25px;line-height:1.8; text-align:justify; }
#show_cases #overview .btn_red{display:block;width:210px;height:40px; font:bold 14px/40px Microsoft YaHei; text-align:center; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-shadow:-1px -1px rgba(51,51,51,0.3); }
#show_cases #detailed{ width:100%; line-height:1.8; text-align:justify; color:#666; text-align:center; padding-top:10px;}
#show_cases #detailed p img{border:15px solid #2F2F2F; background:url(../images/bg_loading_anim.gif) center no-repeat #fff; border-radius:10px;}
#show_cases #detailed b img{ width:210px; display:inline-block; border-radius:10px; margin:30px 15px;}
#show_cases #detailed b img:first-child{border:10px solid #2F2F2F; background:url(../images/bg_loading_anim.gif) center no-repeat #fff; border-radius:10px; width:450px; margin:0 auto; margin-top:50px; display:block;}


.showtitle{ height:100px; line-height:100px; font-size:60px; color:#080808; text-align:center;  margin-top:80px;}
.showcort{ height:30px; line-height:30px; font-size:16px; color:#666; text-align:center;  }
.showurl{ height:60px; line-height:60px;  font-size:24px; color:#080808; display:inline-block; margin:0 auto; text-align:center; margin:40px 0px 60px 0px; }
.showurl a{ background:none; color:#080808; border:none; border-bottom:2px solid #080808; display:inline-block;
            -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-moz-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	-o-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.showurl a:hover{  background:none; color:#080808; border:none; border-bottom:2px solid #D72F3C; display:inline-block;}

.showewm{ text-align:center; margin-top:30px;}
.showewm img{ border:none;}
.showewmtxt{ height:40px; line-height:40px; font-size:18px; color:#080808; text-align:center; margin-top:20px;}
  
.wxpic{ margin-bottom:10px; }
  
.news{padding:15px 0;}
.news li{position:relative;border-bottom:1px dotted #ccc; padding:20px 10px;}
.news li img{width:183px;height:104px; border:5px solid #fff;}
.news li .newslist{position:absolute;width:776px;right:0;top:10px;}
.news li .newslist p{ line-height:24px; color:#504c4f;}
.news li .newslist a{font:bold 16px/30px Microsoft YaHei;color:#4b4e4b; text-decoration:none;}
.news li .newslist span{display:block;line-height:20px;color:#4d4d4f; font-weight:bold;} 

.newstitle{ color:#f86577; font:bold 18px/60px ""; text-align:center; height:60px; width:100%;}
.newstime{ color:#979795; font:normal 14px/20px ""; background:url(../images/nymainbg.gif) repeat-x bottom; width:100%; height:20px; padding:0 0 30px 0; margin:0 auto 20px; overflow:hidden; text-align:center;}
.newssharebox{background:url(../images/nymainbg.gif) repeat-x bottom; height:40px; overflow:hidden; width:100%;}
.newsshare{ float:right;}
#bdshare{ float:right;}
.newsnext{background:url(../images/nymainbg.gif) repeat-x bottom;  height:45px; line-height:45px; overflow:hidden; width:100%;}
.newsnext span{ font-weight:bold; }
.newsnext a:link,.newsnext a:visited,.newsnext a:hover{ color:#888; text-decoration:none; }
#newscontent{line-height:180%;text-align:justify;color:#666;padding:20px 0;}
#newscontent p{text-indent:2em;margin:5px auto;}

#case_footer{background:#f5f4f4; border:1px solid #d1d1d1; padding:10px 0;}
#loading{display:none;background:url(../images/bg_loading_anim.gif) center no-repeat;height:100px}
#loadmore{text-align:center;}
#loadmore a{color:#666; text-decoration:none;}
#loadmore a:hover{text-decoration:none;color:#39f;} 
 
.anlinext{  padding:10px 20px; width:952px; overflow:hidden; margin:60px auto 20px;  line-height:40px;}
.pre{ width:430px; font-size:16px;}
.next{ width:400px; text-align:right; font-size:16px;}
.mid{ margin-top:20px;}

.anlinext span{ font-weight:bold; display:block;}
.anlinext a:link,.anlinext a:visited { color:#333; text-decoration:none; }
.anlinext a:hover{ color:#f00; text-decoration:none; }
.backlist{ display:block; overflow:hidden; text-indent:-99999px; background:url(../images/proimg3.jpg) 0 0 no-repeat; width:114px; height:22px;}
.backlist:hover{background-position:-31px 0; width:31px; height:20px;  display:block;}

/*pagefoot*/
#foot{ width:100%; margin:10px auto 0; }
.footnavbox{ width:100%; background:#151515; height:39px;} 
.footnav{ width:1004px; height:39px; margin:0 auto; position:relative; top:0; left:0;}
#gotop{ position:absolute; right:0; top:-10px; cursor:pointer; }
.footnav ul li{ float:left; padding-right:12px; margin-right:12px; line-height:39px; height:39px; color:#8d8f8e;} 
.footnav ul li a:link,.footnav ul li a:visited{ color:#8d8e92; text-decoration:none;}
.footnav ul li a:hover{ color:#8d8e92; text-decoration:underline;}
.line{  background:url(../images/line2.gif) no-repeat right 15px;}

.contactbox{ background:#2d2d2d; width:100%; margin:0 auto; overflow:hidden;}
.contactinfo{position:relative; top:0; left:0; margin:10px auto; height:210px; width:1004px; overflow:hidden; color:#7e7e7e;}
.contactwrap{position:absolute; top:10px; left:0; width:615px; overflow:hidden; }
.contactwrap ul{ width:615px; overflow:hidden; }
.contactwrap ul h1{ font:normal 23px/25px ""; float:left; margin:0 10px 0 0;}
.contactwrap ul h1 span{ font:normal 15px/18px "Arial"; color:#636363; text-transform:uppercase;}
.contactwrap ul img{ float:left; margin:5px 10px 0 0; }
.contactwrap ul li{ line-height:22px; color:#636562;}

.zixun{ font-size:14px; }
.zixun span{ font:normal 27px/33px "Arial";}

.clientlist{ width:1004px; margin:10px auto; overflow:hidden;}
.clientlist ul{ width:100%; }
.clientlist ul li{ float:left; margin:5px 5px; width:155px; height:96px; border:1px solid #d1d1d1;}
.clientlist ul li:hover{ border:1px solid #999;}


.weixinwrap{position:absolute; top:50px; left:615px; width:385px; text-align:left; overflow:hidden; } 
.weixinwrap img{ float:left; margin:5px 10px 0 0; border:5px solid #585858;}
.weixinwrap ul li{ line-height:22px; color:#636562;}
.weixinwrap ul li img{ border:none;}

.linkbox{ background:#2d2d2d; with:100%; margin:0 auto; overflow:hidden; }
.linklist{ width:1004px; height:63px; overflow:hidden; margin:0 auto; padding-top:10px; background:url(../images/line1.gif) repeat-x top;}
.linklist h1{ font:normal 23px/25px ""; float:left; margin:0 10px 0 0; float:left; color:#7e7e7e; width:140px; overflow:hidden;}
.linklist ul{ float:left; width:850px; overflow:hidden;  margin:3px 0;}
.linklist ul span{ display:block; text-align:center; width:20px; height:12px; margin-top:5px; line-height:12px; color:#8a8a8a; overflow:hidden; float:left; }
.linklist ul a{ display:block; color:#8a8a8a; text-decoration:none; float:left; line-height:22px; height:22px; white-space:nowrap;}

.copyrightbox{ background:#000; with:100%; margin:0 auto; overflow:hidden; height:26px;}
.copyright{ height:26px; line-height:26px; text-align:center; overflow:hidden; color:#2e2e2e;}


.new_nymainborder{ border:1px dashed #c1c1c1;}
.new_nymainwrap{ width:1000px; margin:0 auto; overflow:hidden; padding-top:28px;}
.news_servicepic{ width:1000px; margin:60px auto;}
.my_serverleft1{}
         .my_serverleft1 a{ width:1000px; height:330px;display:inline-block; background:url(../images/sveric_pic1_1.jpg) no-repeat center;}
        .my_serverleft1 a:hover{ background:url(../images/sveric_pic1.jpg) no-repeat center; width:1000px; height:330px;display:inline-block; z-index:9999; transition: transform 1s ease 5s, opacity 1s ease 3s;}
 .my_serverleft2 a{ width:1000px; height:330px; display:block; background:url(../images/sveric_pic2_2.jpg) no-repeat center; }
        .my_serverleft2 a:hover{ background:url(../images/sveric_pic2.jpg) no-repeat center; width:1000px; height:330px; display:block; z-index:9999;}
         .my_serverleft3 a{ width:1000px; height:330px; display:block; background:url(../images/sveric_pic3_3.jpg) no-repeat center; }
        .my_serverleft3 a:hover{ background:url(../images/sveric_pic3.jpg) no-repeat center; width:1000px; height:330px; display:block; z-index:9999;}
         .my_serverleft4 a{ width:1000px; height:330px; display:block; background:url(../images/sveric_pic4_4.jpg) no-repeat center; }
        .my_serverleft4 a:hover{ background:url(../images/sveric_pic4.jpg) no-repeat center; width:1000px; height:330px; display:block; z-index:9999;}
         .my_serverleft5 a{ width:1000px; height:330px; display:block; background:url(../images/sveric_pic5_5.jpg) no-repeat center; }
        .my_serverleft5 a:hover{ background:url(../images/sveric_pic5.jpg) no-repeat center; width:1000px; height:330px; display:block; z-index:9999;}


 