﻿@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#606060; background:#fff; -webkit-text-size-adjust:none;}
a{ color:#464646; text-decoration:none;}
a:hover{ color:#0b5cc7; text-decoration:underline;}
.lf{ float:left;}
.ri{ float:right;}
.ptp{ padding-top:20px;}
.br-bg{ background:#fafdff; border:1px solid #cadae7;}
.editor{word-wrap: break-word;font-family:宋体b8b\4f53,arial; font-size:14px;}
.nrbk{ border:1px solid #CCCCCC; -moz-border-radius: 3px;   -webkit-border-radius: 3px;    border-radius:3px; min-height:100px; }
.height20{ height:20px;}
.height10{ height:10px;}
.ls{color:#0b5cc7;}
.hs{color:#e70012;}
/*头部*/
.inner{ width:1000px; margin:0 auto; position:relative;}
header{zoom:1;}
.toptexbox{ height:34px; line-height:34px; background:rgba(204,204,204,0.1); border-bottom:1px solid rgba(204,204,204,0.5)}
.toptexbox .left{ float:left; font-size:14px; color:#666;}
.toptexbox .right{ float:right; font-size:14px;}
.toptexbox .right span{ padding:0px 10px;}


.toplogobox{ height:163px;}
.toplogo{ float:left;width:149px; height:163px;}
.toplogotexbox{ float:left; padding-left:10px;}
.toplogotexbox .juli{ height:40px;}
.toplogotexbox .tex1{ font-size:33px;  font-weight:bold; line-height:46px;}
.toplogotexbox .tex2{ font-size:16px; color:#999; line-height:24px;}

.toplogobox .toptelbox{ float:right; width:295px;}
.toplogobox .toptelbox .juli{ height:56px;}
.toplogobox .toptelbox .telbg{ width:70px; height:60px; float:left; background:url(../toptel.jpg) left top no-repeat;}
.toplogobox .toptelbox .tex1{ font-size:16px; color:#999; line-height:20px; float:left;}
.toplogobox .toptelbox .tex2{ font-size:30px; font-family:Arial; font-weight:bold;  line-height:35px; float:left;}



#web_logo{font-size:0px; position:relative; z-index:999;}
.top-nav{position:absolute;top:8px; height:60px; z-index:1; text-align:right; width:100%; right:0px;}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px;}
.top-logo{ min-height:70px; _height:70px;}
nav{height:48px; background:url(../navibg.jpg) left top repeat-x;}
nav .inner{z-index:999999;}
nav .navili{ width:109px;}
nav .list3{background:url(../navihover.jpg) center no-repeat;}
nav .list3 a.nav{color:#fff;}
nav ul{height:48px;zoom:1;}
nav li{ float:left; display:inline;height:48px; line-height:48px; text-align:center;white-space:nowrap; position:relative;z-index:999999;background:url(../navibg.jpg) center no-repeat;}
nav li.line{ width:2px; background:url(../navilibg.jpg) center no-repeat;}
nav li a.nav{ font-size:16px; font-weight:bold; color:#fff; display:block;}
nav li.navdown,nav li.hover{ }
nav li.navdown a.nav,nav li.hover a.nav{color:#fff;}
nav li { webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;transition:background 0.5s linear;}
nav li:hover { background:url(../navihover.jpg) center repeat-x;}


nav dl{ display:none; position:absolute;z-index:999999; text-align:left; background:#efefef url(../nav-dlbg.jpg) repeat-x left bottom; border:1px solid #ccc; border:none\9; padding:10px 0px;left:0px;top:48px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
*html nav  dl{ border:none;}
*+html nav  dl{ border:none;}
nav dl dd{ height:30px; line-height:30px; background:url(../dt-11.gif) no-repeat 5px 12px; overflow:hidden; padding-left:15px; padding-right:20px;}
nav dl dd a{ color:#2A3C63; font-weight:bold; display:block;}
nav dl.nav-pro dd{ float:left; background:none; height:auto; padding:0px;}
nav dl.nav-pro dd a{ padding-left:30px; font-size:15px;}
nav dl.nav-pro dd p{ white-space:normal; padding-top:5px;}
nav dl.nav-pro dd p a{ display:block; font-weight:normal; font-size:12px; line-height:2;}
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 

.sousbox2{ height:50px; background:#ececec}
.sousbox2 .sous{ width:100%; height:50px; float:left;line-height:50px; }
.sousbox2 .sous .ssleft{ padding-left:5px; padding-right:5px; float:left; font-size:14px; font-weight:bold; color:#333333;}
.sousbox2 .sous .sskey{ width:540px; height:50px; float:left; overflow:hidden; color:#333;}
.sousbox2 .sous .sskey a:hover{ text-decoration:underline}
.sousbox2 .sous .ssright{ width:268px; height:50px; background:url(../ssbg.jpg) center no-repeat; float:right;}

.memberName1{ width:220px; height:36px; padding-left:5px; padding-right:5px; float:left;outline:medium; line-height:36px; font-family:"微软雅黑", Arial; border:none; background:none; padding-top:7px; color:#666}
.tijiao1{ width:38px; height:43px; float:left; background:none; border:none;outline:medium; cursor:pointer; padding-top:7px}


/*首页*/

.homepodbox{ height: 710px; padding-top:53px;}

.pro_l{ width:215px; overflow:hidden; float:left;}
.pro_l h2{ padding-top:20px; height:60px; overflow:hidden; text-align:center; font: bold 22px/28px "Microsoft Yahei"; background:url(../pro_t.jpg) no-repeat left top;}
.pro_l h2 a{ color:#fff;}
.pro_l h2 i{ display:block; color:#fff; text-transform:uppercase; font:12px/15px "Microsoft Yahei"; }

.pro_c{ width:211px; height:605px; overflow:hidden; border:2px solid #0b5cc7; border-top:0;}
.pro_l h3{ margin:10px auto 0;  width:196px; height:39px; overflow:hidden; font: bold 14px/39px "Microsoft Yahei";}
.pro_l h3 a{ display:inline-block; color:#fff;padding-left:46px; width:150px; height:39px; overflow:hidden; background:url(../pro_btn2.jpg) no-repeat;}
.pro_l h3 a:hover,.pro_l .cur a{ font-size:15px}

.pro_l ul{ margin-left:7px; padding-top:8px; width:196px; overflow:hidden; padding-left:0px;}
.pro_l ul li{ height:30px; overflow:hidden; font:14px/30px "Microsoft Yahei";}
.pro_l ul li a{ color:#333; display:inline-block; padding-left:46px; height:30px; overflow:hidden; width:150px; background:url(../pro_icon2.gif) no-repeat 33px center;}
.pro_l ul li a:hover,.pro_l ul .cur2 a{ font-weight:bold; color:#e70012; text-decoration:none; background:url(../pro_icon1.gif) no-repeat 33px center;}

.homepodtab{ width:765px; float:right; height:690px; position:relative; overflow:hidden;}
.podmore{ padding:0px 15px; top:0px; right:0px;line-height:52px; font-family:Arial; font-variant:small-caps; font-size:12px; position:absolute; z-index:9}
.podmore a{ color:#fff}
.homepodtab .box{width:765px;}
.homepodtab .tab_menu{overflow:hidden; height:52px; background:url(../homepodtmbg.jpg) left top no-repeat; padding:0px; list-style:none;}
.homepodtab .tab_menu li{width:119px;float:left;height:52px;line-height:52px;color:#fff;text-align:center;cursor:pointer;font-weight:bold; font-size:16px;}
.homepodtab .tab_menu li.current{ /*color:#333;background:url(../homepodtmhove.jpg) left top no-repeat;*/}
.homepodtab .tab_menu li a{color:#fff;text-decoration:none;}
.homepodtab .tab_menu li.current a{color:#fff; font-weight:bold}
.homepodtab .tab_box{ padding-top:30px; float:left;}
.homepodtab .tab_box ul{ padding:0px; list-style:none; width:102%; float:left;}
.homepodtab .tab_box li{ width:260px; height:305px; float:left; overflow:hidden;}
.homepodtab .tab_box .hide{display:none;}

.podlibgbox{ width:243px; height:232px; float:left;background:#e5e5e5; border:1px solid #e5e5e5;  webkit-transition:background,border 0.5s,0.5s linear,linear;-moz-transition:background,border 0.5s,0.5s linear,linear;-o-transition:background,border 0.5s,0.5s linear,linear;transition:background,border 0.5s,0.5s linear,linear;}
.podlibgbox:hover{ background:#0b5cc7;border:1px solid #0b5cc7;}
.podlibgbox:hover a{ color:#FFF}

.pordimg{ width:240px; height:240px; float:left; line-height:245px; text-align:center; vertical-align:middle; padding-top:0px; border:1px solid #CCC}
i{display:inline-block; height:100%; vertical-align:middle;}

.pordimg img{vertical-align:middle; margin:0 auto;transition: all 0.6s;}
.pordimg img:hover{transform: scale(1.4);}

.pordname{ height:40px; line-height:40px; float:left; width:240px;  font-weight:bold; text-align:center;  font-size:14px; }
.pordname a:hover{ color:#0b5cc7}

.homebanner1{ height:163px; background:url(../bann1.jpg) center top no-repeat;}

/*zn_bj*/
.zn_bj{ background:url(../zn_bj.jpg) no-repeat center top; height:754px; overflow:hidden;} 
.zn_bj h2{ margin:43px auto 80px; height:126px; width:986px; overflow:hidden; text-align:center}
.zn_bj h2 img{ height:126px;  }

.zn{}
.zn dl{ height:150px; float:left; width:250px; overflow:hidden;}
.zn dt{ margin-bottom:17px; height:49px; overflow:hidden; font: bold 18px/32px "Microsoft Yahei"; color:#0b5cc7;}
.zn dt span{ padding-right:16px; height:49px; width:54px; overflow:hidden; display:block; float:left; color:#fff; font:36px/49px Impact; background:url(../zn_num.png) no-repeat left top; text-align:center;}
.zn dd{ color:#222; font:14px/24px "Microsoft Yahei";}

.zn .zn02{ margin-left:500px; float:right;}
.zn .zn03{ height:154px; overflow:hidden;}

.homecasebox{ height:310px; padding:40px 0px;}
.homecasebox2{ height:305px; border:1px solid #e5e5e5}
.homecasebox2 .tm{ height:50px; background:url(../tm1.jpg) left top repeat-x;}
.homecasebox2 .tm .tex{ width:143px; height:50px; float:left; background:url(../casetm.jpg) left top no-repeat; font-size:18px; color:#FFF; font-weight:bold; text-align:center; line-height:50px;}
.casemore{ line-height:50px; padding:0px 15px; float:right; font-size:12px; font-family:Arial;}
.homecasebox2 .mm{ padding:20px 10px 0px 10px;}
.homecasebox2 .mm ul{ padding:0px; margin:0px; float:left; list-style:none; width:105%;}
.homecasebox2 .mm ul li{ width:249px; height:225px; float:left;}

.caseimg{ width:230px; height:182px; float:left; line-height:182px; text-align:center; vertical-align:middle; overflow:hidden;  padding-top:0px; border:1px solid #CCC;}
.caseimg img{vertical-align:middle; margin:0 auto;}
.casename{ height:40px; line-height:40px; float:left; width:230px;  font-weight:bold; text-align:center;  font-size:14px; }
#imggongd{ width:1992px; float:left; overflow:hidden; height:225px;}
.homebanner2{ height:235px; background:url(../bann2.jpg) center top no-repeat;}

/*ys*/
.ys_bj{ height:1475px; overflow:hidden; position:relative; background:#f6f6f6}
.ys1{ background:url(../ys1.jpg) no-repeat center top; height:345px; overflow:hidden;}
.ys2{ background:url(../ys2.jpg) no-repeat center top; height:387px; overflow:hidden;}
.ys3{ background:url(../ys3.jpg) no-repeat center top; height:411px; overflow:hidden;}
.ys4{ background:url(../ys4.jpg) no-repeat center top; height:332px; overflow:hidden;}

.ys{ position:absolute; top:0; left:50%; margin-left:-500px; height:1476px; width:1000px; overflow:hidden;}
.ys h2{margin:57px auto 0; width:1000px; height:139px; overflow:hidden;}
.ys h2 img{ width:1000px; height:139px; }

.ys dl{width:445px;overflow:hidden;}
.ys dt{height:103px; overflow:hidden;}
.ys dt p{ float:left; height:72px; width:55px; overflow:hidden; }
.ys dt p img{ height:72px; width:55px;}
.ys dt span{ float:left; display:inline-block; padding:20px 0 0 11px; color:#0b5cc7; font: bold 28px/32px "Microsoft Yahei";}
.ys dt span b{ color:#222;}
.ys dt i{ display:block; color:#818181; font:12px/13px Arial, Helvetica, sans-serif; text-transform:uppercase; }
.ys dd{color:#444; font:16px/27px "microsoft Yahei";} 
.ys dd em{  font-style:normal}



.ys .ys_dl01{ position:absolute; top:261px; left:0px;}
.ys .ys_dl02{ position:absolute; top:491px; left:0px;}
.ys .ys_dl03{ position:absolute; top:842px; right:0px;}
.ys .ys_dl04{ position:absolute; top:1205px; left:0px;}

.homebanner3{ height:166px; background:url(../bann3.jpg) center no-repeat;}

/*about*/
.about_bj{  height:685px; overflow:hidden;} 
.ab_top{ width:1000px; overflow:hidden; margin:0 auto;}

.about{ position:relative; width:650px; height:323px; float:left;overflow:hidden; margin:40px 0 0 15px;}
.ab_t{ border-bottom:1px solid #d5d5d5; height:38px; width:650px; overflow:hidden; font:bold 16px/38px "Microsoft Yahei"; background:url(../homeabouttm.jpg) no-repeat left center;}
.ab_t a{ color:#0b5cc7; display:inline-block; padding-left:40px;}
.ab_t .more{ display:block; height:38px; overflow:hidden; float:right; font:14px/38px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.ab_t .more a{ color:#666; display:inline-block; padding-left:0px;}
.homeabouttexbox{ height:122px; overflow:hidden;}
.about dl{ margin-top:11px;}
.about dt{ float:left; margin-top:14px; width:304px; height:224px;overflow:hidden;}
.about dt img{width:304px; height:224px;}
.about dd{ float:right; width:325px; overflow:hidden; font:14px/24px "microsoft Yahei"; color:#444;} 
.about dd em{ margin-top:18px; color:#fff; display:block; width:105px; height:30px; overflow:hidden; font:14px/30px "Microsoft Yahei"; text-align:center; background:#e70012;}
.about dd a{ color:#fff;}
.about dd h3{ font: bold 16px/40px "Microsoft Yahei";}
.about dd h3 a{ color:#444;}

.hor{ margin:40px 15px 0 0; width:268px; float:right; height:323px;overflow:hidden;}
.hor .ab_t{ width:268px; overflow:hidden; background:url(../homehortm.jpg) no-repeat left center;}
.honorimg{ width:200px; height:210px; overflow:hidden; line-height:210px; text-align:center; vertical-align:middle; border:1px solid #CCCCCC; }
i{display:inline-block; height:100%; vertical-align:middle}
.honorimg img{vertical-align:middle; margin:0 auto;}

.honorname{ width:200px; height:40px; line-height:40px;  font-size:14px}





.cul{ width:1000px; overflow:hidden; margin:0 auto; padding-top:20px;}
.cul .ab_t{ width:1000px; overflow:hidden; margin:0 auto;background:url(../homeinfotm.jpg) no-repeat left center; }


.cul .mm{ padding-top:20px;}
.cul .mm ul{ padding:0px; margin:0px; float:left; list-style:none;}
.cul .mm ul li{ width:239px; height:214px; float:left;}

.infoimg{ width:220px; height:174px; overflow:hidden; line-height:174px; text-align:center; vertical-align:middle; border:1px solid #CCCCCC; float:left; }

.honorimg img{vertical-align:middle; margin:0 auto;}
.infoname{ width:220px; height:40px; line-height:40px; text-align:center; font-size:14px;float:left; }


.homegongbox{ width:940px; height:214px; float:left; overflow:hidden; padding-left:8px; }
.toppordbox{ width:940px; height:214px; margin:0 auto; overflow:hidden; }
.rollBox{width:940px; margin:0 auto; margin:0 auto;}
.rollBox .Cont{width:940px; overflow:hidden;margin:0 auto;}
.rollBox .ScrCont{width:2012em;}
.rollBox .Cont .pic{ float:left;text-align:center;}
*+html .rollBox .Cont .pic{ float:left;text-align:center;}

.rollBox #List1,.rollBox #List2{float:left;}
.homegongdleft{ width:23px; height:214px; float:left; overflow:hidden;  }
.homegongdleft .juli{ width:100%; height:50px; float:right; overflow:hidden}
.homegongdleft .imgbox{ width:23px; height:57px; float:right; overflow:hidden;}
.homegongdright{ width:23px; height:214px; float:right; overflow:hidden;}
.homegongdright .juli{ width:100%; height:50px; float:left; overflow:hidden}
.homegongdright .imgbox{ width:23px; height:57px; float:left; overflow:hidden;}


.homearticle{ height:487px; background:url(../new_bj.jpg) center top no-repeat;}
.homenewbox{margin-top: 57px;    width: 678px;    height: 374px; float:left;   overflow: hidden;    border: 1px solid #ddd;    background: #fff;}

.homenewbox .box{width:678px; position:relative}
.newmore{ padding:0px 15px; top:0px; right:0px;line-height:52px; font-family:Arial; font-variant:small-caps; font-size:12px; position:absolute; z-index:9}

.homenewbox .tab_menu{overflow:hidden; height:50px; background:url(../tm1.jpg) left top repeat-x; padding:0px; margin:0px; list-style:none;}
.homenewbox .tab_menu li{width:143px;float:left;height:50px;line-height:50px;color:#fff;text-align:left;cursor:pointer; font-size:16px}
.homenewbox .tab_menu li.current{color:#fff; background:url(../casetm.jpg) left top no-repeat;}
.homenewbox .tab_menu li a{color:#333;text-decoration:none;width:100%; float:left;height:50px;}
.homenewbox .tab_menu li.current a{color:#fff;}
.homenewbox .tab_menu li.current .homenewtm1{ background:url(../newtm1.png) 10px top no-repeat}
.homenewbox .tab_menu li.current .homenewtm2{ background:url(../newtm2.png) 10px top no-repeat}
.homenewbox .tab_menu li .homenewtm1{ background:url(../newtm1.1.png) 10px top no-repeat}
.homenewbox .tab_menu li .homenewtm2{ background:url(../newtm2.2.png) 10px top no-repeat}
.homenewbox .tab_menu li span{ padding-left:45px;  float:left;}
.homenewbox .tab_box{ height:305px; overflow:hidden;}
.homenewbox .tab_box .hide{display:none;}

.homenewbox dl{ height:187px; margin:22px 20px 0 22px;overflow:hidden;}
.homenewbox dt{ float:left; width:236px; height:166px;overflow:hidden;}
.homenewbox dt img{width:234px; height:164px; border:1px solid #ddd;}
.homenewbox dd{ float:right; width:373px; overflow:hidden; font:14px/27px "microsoft Yahei"; color:#555;} 
.homenewbox dd h3{ margin-bottom:11px; font:bold 14px/22px "Microsoft Yahei";}
.homenewbox dd h3 a{ color:#333;}
.homenewbox dd em{ margin-top:25px; display:block; font:14px/22px "Microsoft Yahei";}
.homenewbox dd em a{ color:#0b5cc7;}

.new02{ width:638px; margin:0 auto; overflow:hidden; padding:0px; list-style:none;}
.new02 li{ height:30px; width:625px;  overflow:hidden; font:14px/30px "Microsoft Yahei"; color:#555;background:url(../new_icon.gif) no-repeat left 12px; padding-left:13px;}
.new02 li a{ color:#555; display:inline-block;}
.new02 .nones{ border-bottom:0;}
.new02 li em{ float:right; font-style:normal}

.homefaqbox{ margin-top:56px; width:294px;height:374px; overflow:hidden; border:1px solid #ddd; background:#fff; float:right}
.homefaqbox h2{height:50px; width:294px; overflow:hidden; font: bold 16px/50px "Microsoft Yahei"; background:url(../tm1.jpg) left top repeat-x;}
.homefaqbox h2 a{ color:#222; display:inline-block; padding-left:55px; background:url(../new_p3.png) no-repeat 22px center;}
.homefaqbox h2 .fqamore{ display:block; float:right; padding-right:14px; font:14px/50px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.homefaqbox h2 .fqamore a{color:#666; background:none;}

.homefaqbox dl{ margin:0 auto; width:252px; overflow:hidden; padding:15px 0 14px 0; border-bottom:1px dashed #c1c1c1;}
.homefaqbox dt{ height:24px; width:260px; overflow:hidden; background:url(../new_w.gif) no-repeat left 3px; font: bold 14px/24px "microsoft Yahei";}
.homefaqbox dt a{ color:#333; padding-left:28px; display:inline-block;}
.homefaqbox dd{ background:url(../new_d.gif) no-repeat left 3px; font:14px/23px "microsoft Yahei"; color:#555; padding-left:28px;} 
.homefaqbox .nones{ padding-bottom:0px; border-bottom:0;}


/*link*/
.link_bj{ background:url(../link_bj.gif) repeat-x center top; height:106px;overflow:hidden;} 
.link{}
.link h2{ padding-top:16px; display:block; width:118px; height:75px; overflow:hidden; text-align:center; font:18px/24px "Microsoft Yahei"; background:url(../link_t.gif) no-repeat left top; color:#f0f0f0; float:left;}

.link h2 i{ display:block; color:#f0f0f0; font:30px/35px "Microsoft Yahei"; text-transform:uppercase;}
.link span{ margin-top:7px; text-align:center; padding-top:44px; width:156px; height:40px; overflow:hidden; display:block;font:12px/40px "microsoft Yahei"; background:#f0f0f0 url(Img/Index/link_icon.gif) no-repeat center 17px; }
.link span a{ display:inline-block; color:#666;}

.link p{ margin-top:26px; height:74px; width:880px; overflow:hidden;font:12px/30px "microsoft Yahei"; float:left;}
.link p a{ color:#666; padding:0 21px; display:inline-block;}

/*底部开始*/
.footWrap{ background:url(../f_bj.jpg) repeat; height:248px; overflow:hidden;}
.footer{ position:relative;}
.f_nav{ margin-top:5px; height:48px; overflow:hidden; text-align:center; font:14px/48px "Microsoft Yahei"; border-bottom:1px solid rgba(255,255,255,0.2)}
.f_nav a{ color:#fff; padding:0 15px; display:inline-block;}
.f_nav a.nones{ background:none;}
.f_nav span{ background:url(../f_nav.gif) no-repeat center;height:48px;padding:0 5px;}

.f_logo{ display:block;width:145px; height:145px; overflow:hidden; padding:39px 0 0 155px; float:left;}
.f_logo img{ width:145px; height:145px;}

.f_wz{padding:36px 0 0 30px; width:550px; overflow:hidden; font:14px/28px "Microsoft Yahei"; color:rgba(255,255,255,0.8); }
.f_wz a{ color:rgba(255,255,255,0.9);}
.f_wz em{display:inline-block; padding:0 10px;}
.f_wz img{ vertical-align:middle; margin-left:12px;}

.footer p{ position:absolute; top:85px; right:85px; width:113px; height:136px; overflow:hidden; background:url(Img/Common/f_cbj.png) no-repeat left top;}
.footer p img{ width:85px; height:85px; padding:0 14px;}
.footer p span{height:24px; overflow:hidden; display:block; text-align:center; color:#fff; font:14px/24px "Microsoft Yahei";}
.footer p  i{ height:24px; overflow:hidden; display:block; text-align:center; color:#fff; font:14px/24px "Microsoft Yahei";}

/*底部结束*/




.pro-list{  border-top:none; height:284px;}
.pro-list .profld{ margin:0px; position:relative; overflow:hidden;}
.pro-list ol{ position: absolute; width: 2012em; }
.pro-list li{float:left; display:inline; zoom:1; overflow:hidden; text-align:center;}
.pro-list li a.img{ display:block; text-align:center; font-size:0px;}
.pro-list li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.pro-list .flip{ position:absolute;z-index:1;}
#trigger{ display:none;}
.pro-list .next,.pro-list .prev{ width:19px; height:55px; overflow:hidden; display:block; cursor:pointer;}
.pro-list .next{background-position:0px 0px; position:absolute;top:100px; left:248px; background:url(../r1.jpg) left top no-repeat}
.pro-list .next:hover{background:url(../r2.jpg) left top no-repeat }
.pro-list .prev{background-position:-12px 0px;position:absolute;top:100px;left:0px;background:url(../l1.jpg) left top no-repeat}
.pro-list .prev:hover{ background:url(../l2.jpg) left top no-repeat}
.pro-ccc{ padding:0px 18px; padding-top:20px;}



.bannl{ height:360px;}
.bannl .tbd{ width:100%; height:360px; overflow:hidden;}
.bannl .tbd .ddtu{ width:100%; height:360px;}

.leftlianxi{ float:left; width:100%; text-align:center; padding-bottom:10px;}
.leftlianxi .tm{height:50px; background:#0b5cc7; line-height:50px; font-size:16px; font-weight:bold; text-align:center; color:#FFF; float:left; width:100%;}
.leftlianxi .mm{    text-align:left;border: 1px solid #0b5cc7; padding:5px; }
.leftlianxi .mm img{ width:100%;}

.leftlianxi .mm .tex1{ line-height:24px; margin-bottom:5px;   width:100%; font-size:14px;word-wrap:break-word ;}
.leftlianxi .mm .tex1 span{ font-weight:bold; white-space:nowrap}


.leftlianxi .mm .tex2{ line-height:35px;  width:100%; color:#c2d6f1;}
.leftlianxi .mm .tex2 span{ font-size:16px; color:#FFF}


/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:215px; }
div.ti1-bg{padding-top:20px; height:60px; overflow:hidden; text-align:center; font-size:24px; font-weight:bold; line-height:28px; background:url(../pro_t.jpg) no-repeat left top; color:#FFF}

div.ti1-bg span{ display:block; color:#fff; text-transform:uppercase; font-size:12px; line-height:22px; font-weight:normal }


.sidebar .sb_nav h3.title1{ border:1px solid #D3E1ED; background:#FAFDFF; border-bottom:none; height:48px; line-height:48px; overflow:hidden;zoom:1;}
.sidebar .sb_nav h3.title2{ height:30px; line-height:30px; border:1px solid #D3E1ED; background:#FAFDFF; padding-left:22px; overflow:hidden; font-size:14px; color:#333;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ zoom:1; padding-bottom:10px; width: 211px; border: 2px solid #0b5cc7; border-top: 0;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#666;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#1C57C4; text-decoration:underline;}
#sidebar dl{ width:196px; margin:0 auto;}
#sidebar dl dt{height:50px;}
#sidebar dl dt .juli1{ height:10px;}

.leftlibox2{ height:39px; background:url(../pro_btn1.jpg) left top no-repeat; line-height:39px; font-size:14px; webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;transition:background 0.5s linear;}
.leftlibox2 .tex{ padding-left:40px;}
.leftlibox2 a{ color:#333; height:36px; width:175px; overflow:hidden; float:left}
.leftlibox2:hover{ text-decoration:underline; background:url(../pro_btn2.jpg) left top no-repeat; color:#fff }
.leftlibox2:hover a{color:#fff}
.list2{background:url(../pro_btn2.jpg) left top no-repeat; color:#fff}
.list2 a{color:#fff}

#sidebar dl dd{ padding:0px 0px 0px 20px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../job_ico.gif) no-repeat left 12px;}
#sidebar dl dt.on a{ font-weight:bold; color:#11578b; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:751px; background:#fff; overflow:hidden;}
.sidebar .sb_box h3.title{ border-bottom:1px solid #ececec;height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h3.title span{ position:absolute; right:0px; top:-1px; font-size:14px;  padding:0px 15px; color:#0b5cc7;}
.sidebar .sb_box h3.title div.position{ float:left; font-weight:normal;color:#000; background:url(../logo_03.png) left center no-repeat; padding-left:20px;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}
/*新闻*/
.lisj{ float:left; border:1px solid #CCC; text-align:center; padding:5px 5px; font-family:Arial}
.lisj .tex1{ font-size:16px; color:#999; line-height:30px;}
.lisj .tex2{ font-size:24px; line-height:35px;}

.newliright{ padding-left:5px; float:left; width:633px;}
.newname{ font-size:16px; line-height:26px; height:26px; overflow:hidden; float:left; width:100%;}
.newname a{ color:#666}
.newjs{ font-size:14px; color:#999; line-height:22px;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%; overflow:hidden; height:47px; float:left;}

#newslist li{ width:100%; padding:0px 5px; float:left;padding-bottom:10px; padding-top:10px; border-bottom:1px solid #CCC; background:#fff; webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;transition:background 0.5s linear;}
#newslist li:hover, #newslist li.sfhover { background:#f7f7f7}
#shownews h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #0b5cc7; margin:15px 0px 10px 0px;}
#shownews h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; text-shadow:-1px -1px #0b5cc7; padding:0px 10px;}
#shownews .relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
#shownews .relatedlist li a:hover{ text-decoration:underline; }
*html #shownews .relatedlist li img{ margin-top:8px;}
/*产品*/
.podlibgbox2{ width:230px; height:270px; float:left;}
.podlibgbox2:hover{ }


.pordimg2{ width:230px; height:230px; float:left; line-height:230px; text-align:center; vertical-align:middle;  padding-top:0px; background:#FFF;border:1px solid #e5e5e5; }
.pordimg2 img{vertical-align:middle; margin:0 auto;transition: all 0.6s;}

.pordimg2 img:hover{transform: scale(1.4);}
.pordname2{ height:40px; line-height:40px; float:left; width:230px;  font-weight:bold; text-align:center;  font-size:14px; }


#productlist li h3{ padding-top:7px; padding-bottom:15px;}
#productlist li h3 a{ color:#000;}
#productlist li h3 a:hover{ color:#06F; text-decoration:underline;}
#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; padding:0px 10px; text-align:center; color:#fff; text-shadow:-1px -1px #0b5cc7;}
#showproduct h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(../sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:url(../rela-bg.jpg) repeat-x; color:#fff; text-shadow:-1px -1px #0b5cc7; border:1px solid #0b5cc7;}
#rl-product{ position:relative; width:690px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:710px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}
/*下载*/
#downloadlist dl.top dt a{ color:#004080;}
#downloadlist .metlist dd{ background:#eef3fa;}
/*地图*/
#sitemaplist .sitemapclass2 h3{background:url(../li.png) no-repeat left center;}

.pordxxtopbox{height:380px; }
.pordxxlist{ height:370px; width:330px; float:right; overflow:hidden; }
.pordxxlist .biaoti{ line-height:30px; text-align:left; font-size:16px; color:#333; font-weight:bold; border-bottom:1px solid #666666}
.pordxxlist .tex{ height:30px; line-height:30px; font-size:14px; border-bottom:1px dotted #CCCCCC; text-align:left}
.pordxxlist .tex strong{ padding-right:5px; color:#000000}

.pordxxlist .tex2{ line-height:30px; overflow:hidden; font-size:14px; padding-bottom:5px;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical; height:125px; overflow:hidden; width:100%;}
.pordxxlist .tex2 strong{ padding-right:5px; color:#000000}

.pordxxlist .tex3{ height:65px; background:#f2f2f2;}
.pordxxlist .tex3 .dinggou{ background:url(../gouymai.gif) 5px 10px no-repeat; height:45px; position:relative;}
.pordxxlist .tex3 .dinggou span{ position:absolute; color:#FFFFFF; font-size:14px; left:42px; top:14px;}
.pordxxlist .tex3 .dinggou span a{ color:#FFFFFF}
.pordxxlist .tex3 .tel{ height:65px; background:url(../telphone1.gif) 10px 15px no-repeat; position:relative;}
.pordxxlist .tex3 .tel span{ font-size:20px; color:#0b5cc7; position:absolute; left:44px; top:12px; font-style: italic; font-family:Arial;}

.morebox{ width:100%; float:left; overflow:visible;}
.morebox ul{ padding:0px; margin:0px; list-style:none}
.morebox ul li{ width:165px;  float:left; text-align:left;}

.morebox ul li h3{ width:150px; text-align:center;}

.moreimg{ width:150px; height:150px; float:left;line-height:150px; text-align:center; vertical-align:middle; overflow:hidden; padding:1px; border:1px solid #cccccc;}
.moreimg img{vertical-align:middle; margin:0 auto;}
.morename{ width:150px; height:30px; line-height:30px; float:left; font-size:14px; text-align:center;}


.moregdbox{ width:650px;  float:left; overflow:hidden;  padding-left:5px;}
.moregdbox2{ width:650px;  margin:0 auto; overflow:hidden; }
.moregdbox3{width:650px; margin:0 auto; margin:0 auto;}
.moregdbox3 .Cont{width:650px; overflow:hidden;margin:0 auto;}
.moregdbox3 .ScrCont{width:2012em;}
.moregdbox3 .Cont .pic{ float:left;text-align:center;}
*+html .moregdbox3 .Cont .pic{ float:left;text-align:center;}

.moregdbox3 #List1,.moregdbox3 #List2{float:left;}
.moregdleft{ width:30px; height:160px; float:left; overflow:hidden;  }
.moregdleft .juli{ width:100%; height:40px; float:right; overflow:hidden}
.moregdleft .imgbox{ width:28px; height:57px; float:right; overflow:hidden;}
.morefdright{ width:30px; height:160px; float:right; overflow:hidden;}
.morefdright .juli{ width:100%; height:40px; float:left; overflow:hidden}
.morefdright .imgbox{ width:28px; height:57px; float:left; overflow:hidden;}

/*搜索*/


#sslist li{ background:url(../li.png) no-repeat 2px 21px; border-bottom:1px dotted #CCCCCC; padding-top:10px;webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;transition:background 0.5s linear;color:#888;}
#sslist li a:hover{  text-decoration:underline;}
#sslist li:hover, #newslist li.sfhover {background:url(../li2.png) 2px 21px no-repeat #f2f2f2; color:#FFF}
#sslist li:hover a, #newslist li.sfhover a{ color:#e6212a}
#sslist li:hover p, #newslist li.sfhover p{ color:#666666}
#sslist li:hover span, #newslist li.sfhover span{ color:#666666}

#sslist{ padding:15px 20px;}
#sslist li{ padding:6px 10px;}
#sslist li a{ font-size:14px; margin-right:5px;}
#sslist li span{ float:right; color:#aaa;}
#sslist li p{ color:#aaa;}

.subtuijbox{ }
.subtuijbox .tm{ height:40px; background:#0b5cc7; line-height:40px; }
.subtuijbox .tm .left{ padding:0px 10px; float:left;font-size:16px; font-weight:bold; color:#FFF}
.subtuijbox .tm .more{ padding:0px 10px; float:right; font-size:14px; }
.subtuijbox .tm .more a{ color:#fff}
.subtuijbox .mm{ border:1px solid #CCC; border-top:none; height:230px; padding:15px 10px; padding-bottom:0px;}
.subtuijbox .mm ul{ padding:0px; list-style:none;}
.subtuijbox .mm ul li{ width:25%; float:left;}
.subtuijimg{ width:170px; height:170px; float:left; line-height:170px; text-align:center; vertical-align:middle; overflow:hidden;  padding-top:0px; border:1px solid #CCC }
i{display:inline-block; height:100%; vertical-align:middle;}
.subtuijimg img{vertical-align:middle; margin:0 auto; width:100%;}
.subtuijname{ width:170px; height:40px; float:left; line-height:40px; text-align:center; font-size:14px;}
.subtuijname a{}
.subtuijname a:hover{ text-transform:uppercase;}

.lefthotpod{ float:left; width:100%;}
.lefthotpod .tm{ height:40px; background:#0b5cc7; line-height:40px; overflow:hidden; }
.lefthotpod .tm .left{ padding:0px 10px; float:left;font-size:16px; font-weight:bold; color:#FFF}
.lefthotpod .mmbox{ border:1px solid #0b5cc7; border-top:none; float:left; width:213px; padding-top:15px;}
.lefthotpod .mmbox ul{ padding:0px; list-style:none; width:170px; margin:0 auto;}
.lefthotpod .mmbox ul li{ height:190px;}

.ditubox{ width:1000px; float:left; padding-top:10px; padding-bottom:10px;}
.ditutm{ width:100%; height:30px; float:left; overflow:hidden; line-height:30px; font-size:14px; color:#333333;float:left}
.ditutm a{ color:#333333}

.ditubk{border:1px solid #CCCCCC; float:left; width:100%;margin-bottom:10px;padding:5px;}
.ditumm{ width:95%;   float:left}
.ditumm .lianmu{ padding-left:10px; padding-right:10px; height:30px; line-height:30px; color:#FFFFFF; font-size:16px; background:#0b5cc7; border:1px solid #0b5cc7; float:left}
.ditumm .lianmu a{ color:#FFFFFF}
.ditumm .lianmu a:hover{ text-decoration:underline;}

.ditilist{ width:100%; float:left; padding-top:10px;}
.ditilist a{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; float:left;  margin-right:10px;}


.ditulist3{background:url(../images/job_ico.gif) left 50% no-repeat;font-size:14px; }
.ditilist2{ float:left; position:relative;}
.ditilist2:hover .dituerji{ border:1px dotted #CCC; background:#f2f2f2;  display:block; position:absolute; top:30px; left:0px; }
.ditilist2:hover .dituerji a{ border-bottom:1px dotted #CCC; width:120px;}
.ditilist2 .dituerji{ border:1px dotted #CCC; float:left; display:none;}


.editor table{border: 1px solid rgb(216, 216, 216);}

/*证书*/
#zslist{ padding-top:20px;}
#zslist ul{ width:100%; float:left; padding-left:10px;}
#zslist li{  width:246px; height:300px; float:left; display:inline; text-align:center;}
.honorimg2{ width:225px; height:236px; overflow:hidden; line-height:236px; text-align:center; vertical-align:middle; border:1px solid #CCCCCC }

.honorimg2 img{vertical-align:middle; margin:0 auto;}
.honorname2{ width:225px; height:30px; line-height:30px; font-size:16px }
.honorname2 a{ color:#333333;}
.honorname2 a:hover{ text-decoration:underline;}
