/* 
* @Author: anchen
* @Date:   2017-05-08 09:49:52
* @Last Modified by:   anchen
* @Last Modified time: 2017-11-21 14:37:47
*/
* { padding: 0;margin: 0;}
ul,ol,dl { list-style: none;}
a { text-decoration: none;}


/*顶部*/
.container { width: 1280px;margin: 0 auto;}
#topbar { width: 100%;height: 130px;background: #fff;overflow: hidden;}
#topbar .lefts { float: left;}
#topbar .lefts .logos { display: inline-block;float: left;}
#topbar .lefts .logos a { width: 125px;height: 60px;background: url(../img/logo.png) no-repeat;background-size: 125px 60px;display: inline-block;margin-top: 35px;margin-left: 10px;padding-right: 25px;border-right: 1px solid #005ba9;margin-right: 22px;}
#topbar .lefts span { height: 130px;line-height: 130px;display: inline-block;float: left;color: #999;font-size: 14px;}
#topbar .rights { float: right;overflow: hidden;}
#topbar .rights .tel { height: 39px;line-height: 39px;float: left;margin-right: 200px;}
#topbar .rights .tel s { width: 46px;height: 39px;background: url(../img/tel.png) no-repeat;background-size: contain;display: inline-block;float: left;margin-top: 42px;margin-right: 20px;}
#topbar .rights .tel span { height: 130px;line-height: 130px;display: inline-block;float: left;color: #999;font-size: 14px;}
#topbar .rights .tel a { font-size: 14px;height: 130px;line-height: 130px;color: #999;margin-left: 10px;text-decoration: underline;}
#topbar .rights .searchs { width: 182px;height: 32px;background: #fff;border: 1px solid #005ba9;float: right;margin-top: 46px;margin-left: 20px;border-radius: 3px;position: relative;}
#topbar .rights .searchs input { width: 78%;height: 32px;border: none;font-size: 16px;color: #333;padding-left: 10px;outline:none;}
#topbar .rights .searchs a { width: 39px;height: 31px;background: url(../img/search.png) no-repeat center center;background-size: 21px 28px;position: absolute;right: 0;top: 0;}

/*顶部导航*/
#topnav { width: 100%;height: 54px;background: url(../img/nav-bj.jpg) no-repeat;overflow: hidden;}
#topnav ul { float: right;}
#topnav ul li { float: left;line-height: 54px;width: 133px;text-align: center;}
#topnav ul li a { display: block;color: #005ba9;font-size: 16px;}
#topnav ul li:hover a { background: #005ba9;color: #fff;}
.cli a { background: #005ba9;color: #fff!important;}


/*轮播*/
#banner { width: 100%;height: 577px;position: relative;overflow: hidden;}
#banner ul li{ width: 100%;height: 100%;position: absolute;top: 0;left:0;background: no-repeat center;cursor: pointer;}
#banner ul li img { width: 100%;}
#banner-main li a { width: 100%;height: 100%;display: block;}
#indicator{position:absolute; left:0; right:0; bottom:24px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; width:32px; height:6px;  background:#fff; margin:0 10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; position:relative;}
#indicator li.act{background:#005ba9;width: 50px;}

/*活动轮播*/
#activety { width: 100%;background: #fff;margin-top: 10px;overflow: hidden;}
#activety .title { width: 100%;height: 72px;background: url(../img/act_bj.png) no-repeat;padding-left: 117px;color: #005ba9;line-height: 72px;font-size: 24px;}
#activety .title span { border-bottom: 3px solid #005ba9;}
#activety .tab-pic {width: 100%;position: relative;height: 530px;}
#activety .tab-pic ol { width: 116px;float: left;border-top: 1px solid #968b6a;}
#activety .tab-pic ol li { width: 118px;height: 54px;position: relative;cursor: pointer;}
#activety .tab-pic ol li .squar { width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;opacity: 0.6;filter:alpha(opacity=60);transition: all 0.3s; cursor: pointer;}
#activety .tab-pic ol li i { width: 30px;height: 30px;background: url(../img/squar2.png) no-repeat;position: absolute;right: -28px;top: 50%;margin-top: -15px;z-index: 50;display:none;background-size: contain;}
.misquar .squar { opacity: 0!important;filter:alpha(opacity=0);}
.misquar i { display: block!important;}
#activety .tab-pic ol li:hover .squar{ opacity: 0;filter:alpha(opacity=0);}
#activety .tab-pic ol li:hover i { display: block;}
#activety .tab-pic ol li img { width: 100%;}
#activety .tab-pic ul { float: left;width: 1164px;position: absolute;right: 0;top: 0;}
/*#activety .tab-pic ul.copy { position: absolute;top: 0;left: 0;}*/
#activety .tab-pic ul.copy li { display: none;}
#activety .tab-pic ul li { width: 100%;display: none;position: absolute;top: 0;left: 0;}
.show { display: block!important;}
#activety .tab-pic ul li img { width: 100%;height: 100%;}
#activety .tab-pic ul li span { position: absolute;top: 50px;left: 150px;color: #fff;}
#activety .tab-pic ul li p {width: 95%;height: 40px;line-height: 40px; text-align: right;background: rgba(255,255,255,0.6);position: absolute;bottom: 4px;left: 0;padding-right: 5.5%;}
.quan { overflow: hidden;}
/*产品速递*/
#pro { width: 100%;background: #fff;margin-top: 10px;overflow: hidden;}
#pro .box { width: 100%;border: 1px solid #fdc33d;overflow: hidden;padding-bottom: 30px;}
#pro .box .left { width: 25%;text-align: center;float: left;}
#pro .box .left span { color: #005ba9;padding: 5px 0;border-bottom: 3px solid #005ba9;display: inline-block;font-size: 24px;margin-top: 68px;}
#pro .box .right { width: 65%;float: left;}
/*#pro .box .right dl { width: 100%;height: 93px;background: url(../img/pic-1.png) no-repeat;padding-left: 130px;margin-top: 35px;vertical-align: middle;padding-top: 10px;}
#pro .box .right dl dt { color: #333;font-weight: 700;font-size: 18px;margin-bottom: 5px;}
#pro .box .right dl dd { color: #999;font-size: 14px;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;line-clamp: 2;display: -webkit-box;}*/
#pro .box .right ul li { margin-top: 35px;overflow: hidden;}
#pro .box .right ul li .pic { width: 93px;height: 93px;display: inline-block;float: left;margin-right: 30px;}
#pro .box .right ul li .pic img { width: 100%;}
#pro .box .right ul li .text { float: left;width: 80%;margin-top: 5px;}
#pro .box .right ul li .text h4 { margin: 5px 0;}
#pro .box .right ul li .text h4 a { color: #333;}
/*#pro .box .right ul li .text p { display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-ms-text-overflow: ellipsis;text-overflow: ellipsis;height: 45px;overflow: hidden;}*/
#pro .box .right ul li .text p { position: relative;line-height: 22px;height: 44px;overflow: hidden;color: #666;font-size: 14px;}
#pro .box .right ul li .text p:after { content: ' ...';position: absolute;bottom: 0;right: 0;}


/*选择系统*/
#system ul { padding: 0 172px ;overflow: hidden;margin-top: 50px;}
#system ul li { float: left;}
#system ul li a { display: inline-block;width: 300px;height: 175px;position: relative;overflow: hidden;}
#system ul li a img { display: block;width: 128px;height: 97px;position: absolute;top: 0;left: 50%;margin-left: -64px;}
#system ul li a span { width: 100%;position: absolute;top: 120px;display:block;text-align: center;color: #333;}

/*尾部*/
#foot .foot-nav { width: 100%;height: 74px;background: url(../img/footer-bj.jpg) no-repeat;}
#foot .foot-nav .box { width: 100%;height: 74px;position: relative;}
#foot .foot-nav .logo a { width: 55px;height: 26px;background:  url(../img/logo2.png) no-repeat;position: absolute;top: 23px;left: 38px;}
#foot .foot-nav select { border: solid 1px #005ba9;width: 180px;height: 26px;background: #fff url(../img/sj2.png) no-repeat scroll right center;padding-right: 14px;padding-left: 10px;/*在选择框的最右侧中间显示小箭头图片*/
  /*很关键：将默认的select选择框样式清除*/
    appearance:none;-moz-appearance:none;-webkit-appearance:none;position: absolute;top: 23px;left: 145px;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

#foot .foot-nav select option { background: #fff;padding-left: 10px;height: 20px;}
#foot .foot-nav dl { position: absolute;top: 18px;left: 440px;height: 40px;}
#foot .foot-nav dl dt { float: left;background: url(../img/ko1.png) no-repeat 0 50%;padding-left: 65px;height: 40px;line-height: 40px;color: #005ba9;font-weight: 600;font-size: 16px;}
#foot .foot-nav dl dd { color: #fff;float: left;line-height: 40px;font-size: 14px;margin: 0 20px;}
#foot .foot-nav dl dd a { color: #fff;}
#foot .foot-nav dl dd a:hover { text-decoration: underline;}
#foot .foot-nav ul.slogo { float: right;height: 74px;}
#foot .foot-nav ul.slogo li { width: 40px;height: 40px;border: 2px solid #fff;border-radius: 50%;float: left;margin-right: 16px;margin-top: 15px;background: transparent;}
#foot .foot-nav ul.slogo li a { height: 40px;width: 40px;display: block;background: transparent url(../img/wechat.png) no-repeat center center;border-radius: 50%;}
#foot .foot-nav ul.slogo li:first-child a { background: transparent url(../img/wechat.png) no-repeat center center;}
#foot .foot-nav ul.slogo li:nth-child(2) a { background:transparent url(../img/weibo.png) no-repeat center center;}
#foot .foot-nav ul.slogo li:nth-child(3) a { background:transparent url(../img/linkin.png) no-repeat center center;}
#foot .foot-nav ul.slogo li:first-child a:hover { background: #fff url(../img/wechat2.png) no-repeat center center;}
#foot .foot-nav ul.slogo li:nth-child(2) a:hover { background: #fff url(../img/weibo2.png) no-repeat center center;}
#foot .foot-nav ul.slogo li:nth-child(3) a:hover { background: #fff url(../img/linkin2.png) no-repeat center center;}
#foot .foot-nav ul.slogo li.wechat { position: relative;}
#foot .foot-nav ul.slogo li img { position: absolute;width: 111px;height: 122px;top: -130px;left: -38px;display: none;}

/*20171121 把底部切换更换到头部了   相应的把 #footer 改成了#topbar*/
#topbar .chLanguage { border: solid 1px #005ba9;width: 180px;height: 25px;background: #fff url(../img/sj2.png) no-repeat scroll right center;position: absolute;top: 50px;right: 345px;cursor: pointer;vertical-align: middle;}
#topbar .chLanguage input {height: 25px; border: none;width: 80%;padding-left: 10px;cursor: pointer;}
#topbar .chLanguage ul { width: 100%;z-index: 100;border: 1px solid #045392;margin-left: -1px;display: none;}
#topbar .chLanguage ul.show { display: block;}
#topbar .chLanguage ul li { }
#topbar .chLanguage ul li a { padding:5px 0;padding-left: 10px;color: #333;font-size: 13px;font-weight: normal;background: #fff;display: block;}
#topbar .chLanguage ul li a:hover { background: #045392;color: #fff;}

/*最后*/
#last { width: 100%;margin-top: 10px;}
#last .box { background: #f2f7fc url(../img/last-bj.png) no-repeat 0 100%;overflow: hidden;padding: 0 190px;padding-top: 35px;}
#last .box dl { float: left;margin-bottom: 130px;margin-right: 125px;padding: 0 10px;}
#last .box dl:first-child { margin-left: 80px;}
#last .box dl:last-child { margin-right: 0;}
#last .box dl dt { font-size: 16px;color: #000;height: 24px;line-height: 24px;border-bottom: 1px solid #333;margin-bottom: 15px;display: inline-block;}
#last .box dl dd { font-size: 14px; color: #999;margin-bottom: 10px;}
#last .box dl dd a { color: #999;}

/*版权*/
#copy { width: 100%;font-size: 12px;margin-top: 20px;padding-bottom: 20px;}
#copy p { font-size: 14px;color: #999;text-align: center;}