.red{color:#e1150e}
.middler{width:1200px;height:auto;margin:0px auto;}
.bottomline{border-bottom:1px solid #e7e7e7;}

.toper{float:left;width:100%;min-width:1200px;height:40px;line-height:40px;background:#191d1d;}
.inner{float:left;width:1200px;height:auto;background:#191d1d}
.phone{float:left;width:auto;height:auto;font-size:16px;color:#c0c0c0;padding-left:40px;background:url(../images/phone_ioc.png) no-repeat left center;}


.login{float:right;color:#c0c0c0;font-size:14px;margin-right:25px;}
.login a{color:#c0c0c0}
.login a:hover{color:#f00;text-decoration:none}


.search{float:right;width:215px;height:auto;background:url(../images/search_bg.gif) no-repeat left center;margin-top:6px;margin-right:5px}
.search input{float:left;width:170px;height:25px;line-height:25px;border:0px;background:none;margin-left:10px;color:#8b8b8b;font-family:Arial,"微软雅黑";outline:none}
.search a{float:left;width:25px;height:27px;background:url(../images/search.gif) no-repeat right center;}
.search a:hover{background:url(../images/search_hover.gif) no-repeat right center;}


.logo{float:left;width:auto;height:95px;}
.logoimg{float:left;width:auto;height:auto;margin-top:18px}

.topernav{float:right;width:auto;height:95px;}
.topernav li{float:left;width:atuo;height:auto;}
.topernav li h2{font-weight:normal}
.topernav li h2 a{float:left;width:128px;height:95px;line-height:95px;text-align:center;font-size:16px;color:#000;}

.topernav li h2 a .todown{padding-right:20px;background:url(../images/todown.gif) no-repeat right center;}

.topernav li h2 a:hover{text-decoration:none;background:url(../images/nav_hover.gif) no-repeat center center;}
.topernav li h2 a:hover .todown{background:url(../images/todown_hover.gif) no-repeat right center;}
.topernav li.cur h2 a{background:url(../images/nav_cur.gif) no-repeat center center;color:#fff}
.topernav li.cur h2 a .todown{padding-right:20px;background:url(../images/todown_white.gif) no-repeat right center;}

.topernav li#productList:hover .descript{display:block;}
.topernav li#businessList:hover .descript{display:block;}
.topernav li#aboutusList:hover .descript{display:block;}
.topernav li#caseList:hover .descript{display:block;}

.normalareas{float:left;width:400px;height:auto;padding-left:10px}
.normalareas:hover{background:url(../images/normalareas_bg.png) no-repeat left center;}
.areas{float:left;width:440px;height:auto;padding-left:5px}
.areas:hover{background:url(../images/areas_bg.png) no-repeat left center;}



.descript{display:none;position:absolute;float:left;width:100%;min-width:1200px;height:auto;left:0px;top:135px;background:#f7f7f7;border-top:1px solid #f4797a;border-bottom:1px solid #ddd;z-index:2000;}
.part{float:left;width:180px;height:auto;border-right:0px solid #eee;padding:10px 10px 30px 10px;}
.part h3{float:left;width:100%;height:auto;padding-top:20px;font-size:18px;padding-bottom:15px;color:#c90000;font-weight:normal;}
.part h4{float:left;width:300px;height:auto;padding-top:0px;font-size:16px;font-weight:normal;color:#202020;border:0px solid #f60;text-align:center}
.part p{float:left;width:100%;height:auto;color:#818181;font-size:14px}
.part a{float:left;width:100%;height:auto;line-height:35px;color:#434343;font-size:16px;}
.part a.cur{color:#c90000;font-weight:bold}
.part a:hover{color:#c90000;text-decoration:none;font-weight:bold}

a.xsimtil:hover{font-weight:normal;cursor:default;color:#434343;}
.subpart a{float:left;width:100%;height:auto;line-height:25px;color:#888;font-size:12px;}
.subpart a:hover{color:#c90000;text-decoration:none;font-weight:normal}




.aboutitem{float:left;width:auto;height:auto;}
.aboutitem a{float:left;width:200px;height:80px;line-height:80px;font-size:16px;color:#434343}
.aboutitem a:hover{color:#c90000;text-decoration:none;font-weight:bold}

.businessitem{float:left;width:auto;height:auto;}
.businessitem a{float:left;width:200px;height:80px;line-height:80px;font-size:16px;color:#434343}
.businessitem a:hover{color:#c90000;text-decoration:none;font-weight:bold}


.banner{float:left;width:100%;min-width:1200px;height:600px;text-align:center}
.main{float:left;width:960px;height:auto;}
.whitebg{background:url(../images/bg_main_white.gif) #ffffff repeat-x left top}

.product{float:left;width:690px;height:auto;margin-top:20px;}
.product .tl{float:left;width:100%;height:30px;line-height:30px;border-left:5px solid #e1120b;margin:25px 0px 20px 0px;}
.product .tl h2{position:relative;float:left;width:200px;height:30px;line-height:30px;padding-left:15px;font-weight:normal;font-size:26px}
.product .next{float:right;width:30px;height:30px;background:url(../images/next.png) no-repeat left center;cursor:pointer;margin-right:180px}
.product .next:hover{float:right;width:30px;height:30px;color:#fff;background:url(../images/next.png) no-repeat left center;cursor:pointer;margin-right:180px}


.product .items{float:right;width:auto;height:30px;}
.product .items li{float:left;width:auto;height:30px;}
.product .items li a{color:#4e4e4e;font-size:16px;padding:0px 10px 0px 10px;font-family:"微软雅黑";}
.product .items li.cur a{color:#f00;}

.product ul{float:left;width:690px;height:auto;}
.product ul li{float:left;width:auto;height:auto;margin-top:7px;}
.product ul li.rt{float:right;}
.product ul li a{position:relative;float:left;width:100%;height:auto}
.product ul li a .filterhover{display:none;position:absolute;float:left;width:100%;height:200px;background:#f8313a;top:0px;left:0px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;color:#fff;font-size:24px;z-index:100}

.product ul li a:hover .filterhover{display:block}


.product ul li a .texthover{display:none;position:absolute;float:left;width:100%;height:200px;top:0px;left:0px;text-align:center;z-index:200;background:url(../images/in.png) no-repeat center center;}
.product ul li a .texthover img{margin-top:80px}
.product ul li a:hover .texthover{display:block}
.product ul li a .texthover b{float:left;width:100%;height:auto;color:#fff;font-size:16px;margin-top:40px}





.news{float:right;width:470px;height:auto;margin-top:20px}
.news .tl{float:left;width:100%;height:30px;line-height:30px;border-left:5px solid #e1120b;margin:25px 0px 20px 0px;}
.news .tl h2{float:left;width:auto;height:30px;line-height:30px;padding-left:15px;font-weight:normal;font-size:26px}
.news ul{float:right;width:100%;height:auto;}
.news ul li{float:left;width:100%;height:auto;margin-top:15px}
.news ul li.fr{margin-top:5px}
a.more{float:right;width:30px;height:30px;background:url(../images/more.gif) no-repeat left center;}
a.more:hover{background:url(../images/more_hover.gif) no-repeat left center;}

.newsnumber{float:left;width:50px;height:86px;}
.newsnumber b{float:left;width:48px;height:43px;line-height:43px;text-align:center;background:#ccc;color:#fff;font-size:20px}
.newsnumber span{float:left;width:48px;height:43px;line-height:43px;text-align:center;background:#f3f3f3;color:#8c8c8c;font-size:18px}
.newsname{float:right;width:410px;height:auto;}
.newsname h3{font-size:16px;font-weight:normal;color:#000}
.newsfrom{color:#686868;font-size:14px}
.newstimes{color:#5b5b5b}
.newsdesc{float:right;width:410px;height:auto;color:#8c8c8c;margin-top:10px}
.news ul li a{float:left;width:100%;height:auto;text-decoration:none}
.news ul li a:hover .newsname h3{color:#f00;padding-left:5px}
.news ul li a:hover  .newsnumber b{background:#f00;}
.news ul li a:hover  .newsnumber span{color:#f00}
.news ul li.cur .newsname h3{color:#f00;padding-left:5px}
.news ul li.cur .newstimes{color:#f00}
.news ul li.cur .newsnumber b{background:#f00;}
.news ul li.cur .newsnumber span{color:#f00}

.medium{float:left;width:100%;height:auto;margin-top:25px;}
.vido{float:left;width:388px;height:204px; background:#222}

.picture{position:relative;float:left;width:388px;height:auto;margin-left:20px}
.picture ul li{float:left;width:100%;height:auto;display:none}
.picture ul li.cur{display:block}

.picture a.pre{position:absolute;float:left;width:27px;height:36px;background:url(../images/tpleft.png) no-repeat center center;left:5px;top:90px;}
.picture a.pre:hover{background:url(../images/tpleft.png) no-repeat center center;}
.picture a.nxt{position:absolute;float:right;width:27px;height:36px;background:url(../images/tpright.png) no-repeat center center;right:15px;top:90px;}
.picture a.nxt:hover{background:url(../images/tpright.png) no-repeat center center;}

.joinus{float:right;width:350px;height:auto;margin-top:30px;}
.joinus li{float:left;width:100%;height:auto;}
.joinus li .en{font-size:36px;}
.joinus li .en b{color:#f00;font-weight:normal}
.joinus li .cn{float:left;height:45px;font-size:32px;}
.joinus li .cn b{color:#f00;font-weight:normal}
.joinus li .desc{font-size:16px;color:#3616161;}
a.joinusbtn{float:left;margin-left:15px;margin-top:3px;}





.copyright{float:right;width:100%;height:50px;line-height:50px;text-align:center;background:#1a1d1f;}
.copyright span{font-family:Arial}


.content{float:left;width:100%;height:auto}
.centertitle{width: 360px;  margin: 0 auto; text-align: center;background:url(../images/sss.jpg) no-repeat center center;   background-size: 100% 100%;    border: 2px solid rgba(66, 113, 157, 0.44);}


.centertitle b{font-size: 24px;
    font-weight: normal;
    color: #000;}
.centertitle p{line-height:20px;margin-top:10px;font-size:14px;color:#565656;text-align:center}
.centertitle p a.email{color:#f34848;text-decoration:none}
.centertitle img {width: 360px;}



.info{float:left;width:100%;height:auto;margin-top:20px}
.navigate{float:left;width:100%;height:30px;line-height:30px;border-left:5px solid #e1120b;margin:10px 0px 10px 0px}
.navigate h2{float:left;width:auto;height:30px;line-height:30px;padding-left:15px;font-weight:normal;font-size:26px}
.navigate b{float:left;width:auto;height:30px;line-height:30px;font-weight:normal;font-size:22px;color:#f00}
.navigate b.zf{color:#444}


.navito{float:left;width:16px;height:30px;line-height:30px;background:url(../images/navito.gif) no-repeat center center;margin:0px 15px 0px 15px}
.topdescript{float:left;width:100%;height:auto;line-height:20px;margin-top:20px;font-size:16px;color:#444}

.swipter{position:relative;float:left;width:100%;height:500px;background:url(../images/shale.png) no-repeat center bottom;margin-top:50px}
.swipter a.pre{position:absolute;float:left;width:21px;height:36px;background:url(../images/toleft_gray.png) no-repeat center center;left:-60px;top:200px;}
.swipter a.pre:hover{background:url(../images/toleft_red.png) no-repeat center center;}
.swipter a.nxt{position:absolute;float:right;width:21px;height:36px;background:url(../images/toright_gray.png) no-repeat center center;right:-60px;top:200px;}
.swipter a.nxt:hover{background:url(../images/toright_red.png) no-repeat center center;}
.swipter ul{float:left;width:100%;height:auto;}
.swipter ul li{float:left;width:100%;height:auto;}
.swipter ul li .pic{float:left;width:600px;height:auto;}

.swipter ul li .txinf{float:left;width:570px;height:auto;}
.txinf_tab{float:left;width:570px;height:auto;}
.txinf_tab th{float:left;width:100px;height:auto;font-weight:normal;font-size:20px;color:#848484;padding-bottom:20px}
.txinf_tab td{float:left;width:460px;height:auto;font-size:18px;color:#313131;padding-bottom:20px}


.others{float:left;width:100%;height:auto;}
.others ul{float:left;width:100%;height:auto;margin-top:15px}
.others ul li{float:left;width:230px;height:300px;margin-left:5px;margin-right:5px;border:0px solid #ddd}
.others ul li a{float:left;width:auto;height:auto;text-decoration:none;}
.others ul li a b{float:left;width:100%;height:auto;background:#fff;height:auto;filter:alpha(opacity=50);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;text-align:center}
.others ul li a b img{width:180px;height:180px;margin-top:40px}
.others ul li a p{float:left;width:100%;height:auto;text-align:center;font-size:18px;color:#737373;padding-top:15px;}
.others ul li a:hover b{filter:none;-moz-opacity:1;-khtml-opacity:1;opacity:1;background:none}
.others ul li a:hover p{color:#000000}
.others ul li a:hover b img{width:230px;height:220px;margin-top:20px}

.others ul li.cur a b{filter:none;-moz-opacity:1;-khtml-opacity:1;opacity:1;background:none}
.others ul li.cur a p{color:#000000}
.others ul li.cur a b img{width:230px;height:220px;margin-top:20px}


.job{float:left;width:960px;height:auto;margin-top:30px;}
.jobheader{float:left;width:100%;height:105px;margin-top: -10px;background:url(../images/job_header.png) no-repeat left bottom;}


.jobfooter{float:left;width:100%;height:20px;background:url(../images/job_footer.jpg) no-repeat left top;}

.jobtable{float:left;width:100%;height:auto;background:#ffff;z-index:200px}
.jobtable ul{float:left;width:960px;height:auto;border-bottom:1px solid #ebebeb;}
.jobtable ul.bg{background:#f1f1f1;}
.jobtable ul li{float:left;width:auto;height:60px;line-height:60px;}
.jobtable ul li b{padding-left:30px;font-weight:normal;color:#343434;font-size:14px;}
.jobtable ul li.tl{    width: 260px;}
.jobtable ul li.pos{    width: 230px;}
.jobtable ul li.adr{width:300px}
.jobtable ul li.dt{}
.jobtable:hover ul{background:#aaa;}


.popinfo{display:none; 
   float: left;
    width: 940px;
    height: auto;
    margin-top: 20px;
 padding: 0 10px;
    z-index: 300px;}
.jobwrap{float:right;width:940px;height:auto;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd}
.jobtop{float:left;width:100%;height:auto;margin-bottom:10px;}
.jobtop h2{float:left;width:100%;height:auto;font-size:14px;padding-bottom:10px;color:#993338;}
.jobinfo{    float: left;
    width: 100%;
    line-height: 22px;
    overflow: auto;
    padding-bottom: 20px;
    text-align: left;}
.jobleft{float:left;width:48%;height:auto;}
.jobleft h3{float:left;width:100%;height:auto;}
.jobright{float:right;width:50%;height:auto;}
.jobright h3{float:left;width:100%;height:auto;}
.jobleft p{font-size:14px;color:#777;}
.jobright p{font-size:14px;color:#777;}

.tem2px{text-indent: 2em;}
.tem2px2{text-indent: 2em;}