﻿.about-us{z-index:1;width:1200px;margin:0 auto}
.about-us-con{margin-bottom: 20px;}
.about-us .about-us-wrap{padding-top:40px;position:relative;z-index:3;font-size: 22px;height:60px;line-height: 60px;}
.about-us .about-us-wrap .title-top{margin-bottom:40px;}
.about-us .about-us-wrap .title-top .title-con{text-align:center;width: 100%;margin:0 auto;background: #2553B3;color:#fff;border-radius:3px;}
.about-us .about-us-wrap .title-top .title-con:hover .title-btn span{}
.about-us .about-us-wrap .title-top .title-con h2 a{color:#3f3f3f;font-size:32px;font-weight:bold}
.about-us .about-us-wrap .title-top .title-con p{margin-top:10px;font-size:14px;color:#999999;padding-top:0}
.about-us .about-us-wrap .title-top .title-con .title-btn{display:block;width:350px;margin:20px auto 13px;height:4px;text-align:center;background:url(../images/title-btm-bg-w.png) repeat-x bottom}
.about-us .about-us-wrap .title-top .title-con .title-btn span{display:block;width:30px;margin:0 auto;height:4px;background:url(../images/title-btm-bg.png) repeat-x}
.about-us .about-us-wrap .title-top p{padding-top:7px;font-size:14px;color:#999999;text-align:center}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item{float:left;border:1px solid #dcdcdc;margin-left:-1px;width:293px}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img{height:221px;width:293px;position:relative}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img img{width:100%;vertical-align:middle;height:221px}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-img span{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:url(../images/aboutus-ch.png) no-repeat center;background-color:#277FEB;opacity:0.6;filter:alpha(opacity=60);cursor:pointer}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom{text-align:center}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom h3{color:#3f3f3f;font-size:18px;font-weight:bold;height:30px;}
.about-us .about-us-wrap .about-us-con .about-us-list .about-us-item .about-con-bottom p{color:#888888;font-size:14px;}
.about-us .about-us-wrap .about-us-con .about-us-list .first{margin-left:0px}
.about-us .about-us-bg{position:absolute;top:0;left:50%;margin-left:-960px;height:640px;width:1920px;background:#ffffff}
.abl p{text-align: left;}
.abl{font-size: 14px;line-height: 1.7rem;text-align: left;width: 560px;color:rgb(51, 51, 51);float: left;}
.abl{width: 500px;}
.abr{width: 650px;float:right;}
.abr img{padding:5px;border:1px solid #dedede;}
.abr .hd,.abr .bd{float:left;margin-left: 15px;}
.abr .hd img{width:120px;height:75px;display:inline-block;margin-left:5px;margin-top: 4px;border:4px solid #ddd;}
.abr .hd .on{background:url("../images/icoleft.gif") no-repeat 0 50px}
.abr .hd .on img{border:4px solid #f60;}
.abr .bd img{width:450px;height:280px;display:inline-block;}
.contactus{font-size: 18px;color:#f60;border:1px solid #f60;padding:5px 10px;display:block;text-align: center;margin:0 auto;width: 140px;line-height: 35px;height: 35px;margin-top: 40px;}
.contactus:hover{background: #f60;color:#fff;}
/*news*/
.search{padding:14px 0;height:26px;line-height:26px;overflow:hidden}
.search .searchBox{width:331px}
.search .soText{float:left;width:229px;height:16px;line-height:16px;padding:5px 10px 5px 40px;color:#333;border:none;background:url(../images/searchtxt.png) no-repeat center;outline:none}
.search .soBtn{float:right;width:52px;height:26px;border:none;background:url(../images/searchbtn.png) no-repeat center}
.search .keyWord{width:600px;height:26px;overflow:hidden}
.search .keyWord em{font-weight:bold;font-size:14px;color:#333}
.search .keyWord a{padding:0 4px}
.contTit{position:relative;height:47px;line-height:47px;border-top:2px solid #e0e0e0;border-bottom:1px solid #e0e0e0;font-weight:normal;}
.contTit .titA{position:relative;top:-2px;padding:0 14px;float:left;height:45px;line-height:45px;border-top:2px solid #004395;font-size:16px;color:#333}
.contTit .titMore{position:absolute;top:0px;right:20px;font-size:12px;color:#333}

.news{width:1200px;margin:60px auto}
.dtBox{width:385px;margin-right:22px}
.dtBox ul .tu{height:170px;background:none;padding:0px;overflow:hidden; }
.dtBox ul .tu img{width:385px;height:170px ;cursor:pointer;}
.dtBox ul .tu .two{margin-top:-48px;color:#fff;width:365px;background:none;padding:0px;background-color:#277FEB;opacity:0.6;filter:alpha(opacity=60);position:absolute;z-index:999;padding-left:20px}
.dtBox li{position:relative;height:34px;line-height:34px;padding-left:20px;background:url(../images/dtli_ico.png) no-repeat left center}
.dtBox li:hover a{color:#f60;font-weight: bold;}
.dtBox li a{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}
.dtBox li span{position:absolute;right:0px;top:0;color:#ccc}
.wtjd{width:385px;height:405px}
.wtjdCont{margin-top:10px;height:284px;overflow:hidden}
.wtjdCont li{margin:0 10px;padding:6px 0}
.wtjdCont p.tit{padding:4px 0;background-image:url(../images/tw_ico.png)}
.wtjdCont p.tit a{color:#333}
.wtjdCont p.des{line-height:20px;background-image:url(../images/jd_ico.png);color:#333}
.wtjdCont p.tit,.wtjdCont p.des{padding:9px 0;padding-left:38px;background-position:left 2px;background-repeat:no-repeat}
.bmBox{position:relative;margin-top:16px;height:350px;background:url(../images/bmboxbg.jpg) no-repeat center}
.bmBox .m_form{position:absolute;left:566px;top:130px}
.bmBox .m_form *{font-family:microsoft yahei}
.bmBox .m_form li{margin-bottom:1px;overflow:hidden;background-color:#262422}
.bmBox .m_form label{float:left;width:60px;height:36px;line-height:36px;color:#8d8d8d;font-size:14px;text-align:center}
.bmBox .m_form .iptTxt{float:left;width:278px;height:16px;line-height:16px;padding:10px;outline:none;border:none;color:#ccc;background-color:#4c4a45}
.bmBox .m_form .txtAre{float:left;width:278px;height:82px;line-height:20px;border:none;outline:none;resize:none;color:#ccc;padding:5px 10px;background-color:#4c4a45}
.bmBox .m_form .btnLi{background:none}
.bmBox .m_form .btnSubmit{float:right;margin-top:3px;width:98px;height:30px;background-color:#262422;border:none;cursor:pointer;color:#fff;font-size:14px}
.gg{line-height: 35px;height: 35px;margin:45px auto 20px;border-bottom: 1px solid #dedede;}
.gg span{float:left;padding-left: 35px;background: url(../images/gg.png) no-repeat 0 5px;color:#f60;}
.gg ul{float:left;}
.gg ul li{max-width: 950px;overflow: hidden;height: 35px;white-space: nowrap;text-overflow: ellipsis;}
.productimg{width:510px;height: 780px;border:1px solid #eee;display:block;float:left;}
.pd{height:850px;border-bottom:2px solid #379935;position:relative;}
.pd .redmor{display:block;text-align: center;height:40px;margin: 0 auto;line-height: 70px;margin-top: 25px;font-size: 12px;position:absolute;left:40%;bottom:0;margin-bottom: 10px;}
.pdr{float:right;}
.pdr ul{border:1px solid #ccc;border-left:none;display:inline-block;width: 670px;}
.pdrhd li{display:inline-block;float:left;padding:10px 15px;border-left:1px solid #ccc;width: 136.5px;text-align: center;}
.pdrhd li a{color:#555;}
.pdrhd .on{background: #2553B3;}
.pdrhd .on a{color:#fff;}
.pdrhd li:hover{background: #2553B3;}
.pdrhd li:hover a{color:#fff;}
.pdrbd li{display:inline-block;float:left;}
.pdrbd ul{border:none;width: 695px;margin-left: -25px;}
.pdrbd li{text-align: center;padding-left: 29px;margin: 10px auto;}
.pdrbd li a{color:#333;width: 202px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.pdrbd li:hover a{color:#f60;}
.pdrbd li img{width: 190px;height: 190px;display:block;padding:5px;border:1px solid #dedede;}
.hotkeywords{border-bottom:1px solid #ccc;height:50px;line-height: 50px;padding-top: 20px;}
.kew span{font-size: 14px;font-weight: bold;color:#2553B3;}
.kew .sl{float:left;max-width: 850px;}
.kew .sl a{padding:0 10px;border-right:1px solid #dedede;}
.kew .sl a:hover{color:#f60;}
.kew .sbox{float:right;border:1px solid #dedede;margin-top: 5px;}
.kew .sbox .keyw{height:30px;width: 300px;float:left;color:#333;border:none;padding-left: 10px;}
.kew .sbox form{height:30px;}
.kew .sbox .button{width: 30px;height:30px;background: #2553B3 url(../images/search.png) no-repeat 2px;border:none;cursor:pointer;float:left;}