@charset "utf-8";
body{background: white;}
.siteWidth{position: relative; width:auto;  _width: 1200px;  max-width: 1500px; min-width: 1200px;  margin: 0 auto; padding: 0 20px; }

@media screen and (max-width: 1920px) and (min-width: 1600px){
    .mainNav .a1{padding: 0 26px 28px}
}

#header{position: absolute; z-index:2; bottom:0; left:0; width:100%; min-width:1200px; height: 100px; background: none; 
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}

.indexLogo {background:url(../../base/img/indexlogo.png);width: 430px;height: 130px;position: absolute;top:200px;left: 50%;margin-left: -215px;z-index: 10; }
/*导航*/
.focus{position: absolute; overflow: hidden; bottom:0; left: 0;  z-index: 10; width: 100%; height: 96px; background: url(../../base/img/on3.png) center;}
.index-bussiness{ width:1400px; height:96px;margin:0 auto;-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;  }
.index-bussiness.hover{ bottom:0}
.index-bussiness .list{ position:relative;  z-index:100; eight:96px;  overflow:hidden;/* background: url(../../base/img/li.png) repeat-y right top; */}
.index-bussiness .list ul{ width:1400px; padding-left:130px;}
.index-bussiness .list ul>li{ width:170px; height:96px !important; float:left;position:relative; overflow:hidden;
background: url(../../base/img/li.png) repeat-y left top;}
.index-bussiness .list ul>li.on{width: 342px !important;}
.index-bussiness .list ul li strong{ display:block; width:170px; height:96px; position:relative; text-align:center; cursor:pointer;-webkit-transition: background-color .25s;transition:background-color .25s;}
.index-bussiness .list ul li strong i,.index-bussiness .list .cg i{ display:block; width:52px; height:40px;left:50%; margin-left:-22px; position:absolute;top:15px;}
.index-bussiness .list ul li strong span,.index-bussiness .list .cg span{ display:block;  width:150px; font-weight: normal; position:absolute; left:0;top:55px; font-size:18px; text-align:center;  color:#fff; }
.index-bussiness .list ul li strong span a ,.index-bussiness .list .cg span a{color: #fff;}
.index-bussiness .list ul li div{ position:absolute; left:170px;top:0; width:170px; height:100px; padding:10px; 
 color:#aaa; line-height:180%; font-size:12px;}
.index-bussiness .list ul li div img{ float:left; margin-right:10px; height:80px}
.index-bussiness .list ul li div a{ color:#fff}
.index-bussiness .list ul li div a:hover{ text-decoration:underline}
.index-bussiness .list ul li.on{ width:240px;}
.index-bussiness .list ul li.on strong{background:url(../../base/img/bussiness.png) !important;width: 150px !important;}

.index-bussiness .list .cg{
    width:175px; height:96px !important; float:left;position:relative; overflow:hidden;
background: url(../../base/img/li.png) repeat-y left top;
}
.index-bussiness .list .cg a{
	 display: block;
    width: 160px;
    height:96px;
    cursor: pointer;
    position: relative;
}
.index-bussiness .list .cg a:hover{
    background:url(../../base/img/bussiness.png) !important;
}

.video{height:96px;background: url(../../base/img/li.png) repeat-y right top;}
.video li{position: relative;}
.video .iconfont5{ display:block; width:52px; height:40px; left:50%; margin-left: -22px; position:absolute;top:15px;}
.video span{float: left; padding-top: 54px; width: 240px;     font-size: 18px;
    text-align: center;
    color: #fff; font-weight: normal;}

.subli{padding: 5px; width: 180px !important;}
.subli a{padding: 0 4px; float: left; font-size: 14px; line-height: 26px;display: inline-block;*width: 40%;}
.video{float: left; width: 240px;}

.sp{position: absolute; width: 170px; height: 133px; bottom: 0; right:1%; z-index: 30;}
.sp img{border: 3px #fff solid; width: 160px; height: 123px;}

.index-bussiness .list .iconfont1{background: url(../../base/img/index1on.png) no-repeat;}
.index-bussiness .list .iconfont2{background: url(../../base/img/index2on.png) no-repeat;}
.index-bussiness .list .iconfont3{background: url(../../base/img/index3on.png) no-repeat;}
.index-bussiness .list .iconfont4{background: url(../../base/img/index4on.png) no-repeat;}
.index-bussiness .list .iconfont5{background: url(../../base/img/index5on.png) no-repeat;}
.index-bussiness .list .iconfont6{background: url(../../base/img/index6on.png) no-repeat;}
.index-bussiness .list .cg .iconfont6{background: url(../../base/img/index7on.png) no-repeat;}
.index-bussiness .list .cg .iconfont7{background: url(../../base/img/leader.png) no-repeat;}

.video .iconfont5{background: url(../../base/img/index5on.png) no-repeat;}

.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:36px; height:42px; position: absolute; left:45%; top:25%; z-index:99; }
.videos{ display:none; background: none;position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-210px; z-index:100; }
.vclose { position:absolute;right:0; top:-4%; border-radius:100%; 
     -webkit-transition: 400ms;
  transition: 400ms;
  cursor:pointer; }
.vclose:hover{
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  }
 #video{ width:800px; height:auto;}
  .hbg{width: 100%; height: 100%; background: url(../../base/img/hbg.png); position: fixed; top:0; right: 0; z-index: 0;}






/* 第一屏  焦点图 ------------------------------------------*/
#pageFocus{position: relative; z-index: 1; }
#focusPic{position: relative; z-index: 1; height:100%; margin-bottom: 0;}
#focusPic .bd{height:100%;position: relative; overflow: hidden;}
#focusPic .bd ul{overflow: hidden;}
#focusPic .bd li{display:block; width:100%; height:100%; background-size:cover !important;}
#focusPic .bd li .link{display:block; height: 100%;}
#focusPic .con{display:none;}
#focusPic .hd{position: absolute; z-index: 1; right:0; bottom:110px; width:100%; text-align:center;}
#focusPic .hd ul{display:inline-block; *display: inline; float:none; margin:0 auto;text-align:center; }
#focusPic .hd li{float: left; line-height:7px; width:55px; height:3px; margin:0 5px; background-color: #fff; }
#focusPic .hd li span{display: none;}
#focusPic .hd li.on{background-color:#da2e2e; }
#focusPic .prev,
#focusPic .next{display: none;}
.mouseTip{position: absolute; z-index: 2; left: 50%; bottom: 150px; width: 24px; height: 120px; line-height: 120px; float: left;  margin-left: -15px; overflow: hidden; text-indent: -9999px; background:  url(../../base/img/ind-gdsbicon.png) center top no-repeat; cursor: pointer;}

/* 第二屏  主体内容 ------------------------------------------*/
#pageContent{text-align: left;}
/*集团介绍*/
.boxAbout{padding: 30px 20px; overflow: hidden;}
.aboutInfo{width: 622px; float: right; overflow: hidden; margin: 0 0 0 28px;}
.ablutMenuList{overflow: hidden;}
.ablutMenuList li{width: 311px; float: left; height: 182px;}
.ablutMenuList li .link,
.ablutMenuList li .pic{width: 311px; height: 182px; float: left; text-align: center; background: url(../../base/img/ablutmenubg1.jpg)no-repeat;}
.ablutMenuList li .link:hover{background-color: #c81919;}
.ablutMenuList li .link{position: relative; z-index: 1; font-size: 24px; color: white;}
.ablutMenuList li .link a{position: relative; z-index: 2; display: block; height: 50px; line-height: 50px; padding: 96px 0 34px; color: white;}
.ablutMenuList li .link a:hover{text-decoration: none;}
.ablutMenuList li .link .more,
.ablutMenuList li .link .more i{position: absolute; right: 1px; bottom: 1px; width: 47px; height: 47px; float: left; overflow: hidden;}
.ablutMenuList li .link .more{z-index: 2; background:url(../../base/img/ablutmenulisticon.png) center -112px no-repeat;}
.ablutMenuList li .link .more i{ z-index: 1; background: #fff; opacity: 0.24; filter: alpha(opacity=24);}
.ablutMenuList li .link .icon{position: absolute; z-index: 1; left: 50%; top: 38px; width: 50px; height: 50px; float: left; overflow: hidden; margin-left: -25px; background: url(../../base/img/ablutmenulisticon.png) center top no-repeat;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all  1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.ablutMenuList li .link:hover .icon{
-webkit-transform:rotateY(360deg);
-moz-transform:rotateY(360deg);
-ms-transform:rotateY(360deg);
-o-transform:rotateY(360deg);
transform:rotateY(360deg);
}
.ablutMenuList li.li2 .link{background: url(../../base/img/ablutmenubg2-2.jpg);}
.ablutMenuList li.li2 .link .icon{background-position: center -50px;}

.ablutMenuList li.li3 .link{background: url(../../base/img/ablutmenubg3.jpg);}
.ablutMenuList li.li3 .link .icon{background-position: center -200px;}

.ablutMenuList li.li4 .link{background: url(../../base/img/ablutmenubg4.jpg);}
.ablutMenuList li.li4 .link .icon{background-position: center -270px;}





/*路况信息*/
.boxRoad{overflow: hidden; height: 184px; background:  url(../../base/img/ind-roadbg.jpg) left top no-repeat;}
.boxRoad .hd{width: 60px; height: 184px; float: left; background-color: #2e71bf;}
.boxRoad .hd h3{padding:20px 18px 0; font-size: 24px; line-height: 32px; color: white;}
.boxRoad .hd h3 a{color: white;}
.boxRoad .bd{overflow: hidden; padding: 10px 20px 0;}
.boxRoad .bd .infoList li{height: 40px; line-height: 40px;}
.boxRoad .bd .infoList li a{color: white;}
.boxRoad .bd .infoList li a:hover{color: #ddd;}
.boxRoad .bd .infoList li .date{color: #ddd;}
.boxRoad .bd .infoList li a{background:  url(../../base/img/dot02.png) left center no-repeat;}

.aboutBox{overflow: hidden;}
.aboutBox .hd{overflow: hidden; line-height: 42px;position:relative;}
.aboutBox .hd p{font-family: Arial; font-size: 36px; color: #c2daee;}
.aboutBox .hd h3{font-size: 32px;}
.aboutBox .hd .qywx {position: absolute;top: 0;right: 0;}
.aboutBox .hd .qywx .fixedCount {display:none;}


.aboutBox .bd{position: relative; z-index: 1; padding:30px 0 0; max-height: 144px; overflow: hidden; font-size: 16px; line-height: 36px; color: #666; text-align:justify;}
.aboutBox .bd::after{display: none; content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 20px;width:50px;
background: -webkit-linear-gradient(left, transparent, #fff 25%);
background: -o-linear-gradient(right, transparent, #fff 25%);
background: -moz-linear-gradient(right, transparent, #fff 25%);
background: linear-gradient(to right, transparent, #fff 25%);
}

.aboutBox .bd .more {width: 20px; height: 20px;line-height: 20px;text-align: center;color: #999;border: 1px solid #999;border-radius: 50%;position: absolute;bottom: 5px;right: 0; z-index:9;}

.countList{overflow: hidden; margin-top: 30px;}
.countList li{width: 24.9%; float: left; text-align: center;}
.countList li .tip{height: 30px; line-height: 30px; font-size: 16px; color: #666;}
.countList li .num{margin-top: 5px; height: 42px; line-height: 42px; font-size: 36px; font-weight: bold; color: #0372c5;}

/*集团新闻*/
.boxNews{position: relative; z-index: 1; overflow: hidden;}
/*焦点图轮播*/
.indFocus{position:relative;overflow:hidden; width: 500px; height: 420px; float: left; overflow: hidden; background-color: #f3f7f9;}
.indFocus .hd{position:absolute; z-index:1; right:10px; bottom:20px;}
.indFocus .hd ul{float:left;overflow:hidden; zoom:1; }
.indFocus .hd ul li{line-height:12px; float:left; width:12px; height:12px; margin-right:5px; cursor:pointer; text-align:center; color:#fff;background:#fff; }
.indFocus .hd ul li.on{color:#fff;background:#ff4f01; }
.indFocus .hd ul li span{display:none;}
.indFocus .bd{position:relative; overflow:hidden;}
.indFocus .bd li{position:relative;}
.indFocus .bd .pic{line-height:0;position:relative; z-index:0; }
.indFocus .bd .pic img{width:100% !important; height: 420px; border:0;}
.indFocus .bd .con{line-height:56px; position:absolute; z-index:1; bottom:0; width:100%; height:56px; text-align:left; font-size: 16px;}
.indFocus .bd .con .title{position:absolute; z-index:1; bottom:0; left:0; overflow:hidden;width:76%; height:100%; }
.indFocus .bd .con .title a{padding-left:10px; text-decoration:none;color:#fff; }
.indFocus .bd .con .titleBg{position:absolute; z-index:0; bottom:0; left:0; width:100%; height:56px;opacity:.6; background:#000; filter:alpha(opacity=60); }

/*公告公示*/
.boxNotice{width: 260px; float: right; overflow: hidden; background-color: #e8eff5;}
.boxNotice .hd{height: 60px; line-height: 60px; overflow: hidden; background-color: #dce9f2;}
.boxNotice .hd h3{margin-left: 20px; font-size: 22px; color: #196cb8;}
.boxNotice .hd h3 a{ color: #196cb8;}
.boxNotice .bd{padding: 9px 20px; height: 342px; overflow: hidden;}
.boxNotice .bd .infoList li{height: 38px; line-height: 38px;}

/*集团快讯切换*/
.boxNews>dl.infoCon{overflow: hidden; background-color: #f3f7f9;}
.boxNews .infoCon .hd{height: 60px; line-height: 60px; padding:9px 20px 9px 4px;overflow:hidden;}
.boxNews .infoCon .hd .more{float: right; color: #666;}
.boxNews .infoCon .hd .tabList{overflow: hidden; font-size: 14px; color: #9b9d9e;}
.boxNews .infoCon .hd .tabList a{margin:0 12px; font-size: 22px; color: #666;}
.boxNews .infoCon .hd .tabList a:hover,
.boxNews .infoCon .hd .tabList a.on{color: #e60012; text-decoration: none;}
.boxNews .infoCon .bd{padding: 0; height: 342px; overflow: hidden;}
.indTwInfoList{overflow: hidden;}
.indTwInfoList li{padding: 10px 0 10px 32px; overflow: hidden;}
.indTwInfoList li .date{width: 80px; float: left; text-align: center; margin-right: 42px; font-size: 18px; line-height: 24px; color: #136fbf;}
.indTwInfoList li .date dt{font-size: 52px; line-height: 60px;}
.indTwInfoList li .con{margin-right: 20px; overflow: hidden;}
.indTwInfoList li .title{overflow: hidden; height: 32px; font-size: 18px; line-height: 32px; white-space: nowrap; text-overflow: ellipsis;}
.indTwInfoList li .intro{margin-top: 10px; height: 52px; overflow: hidden; font-size: 13px; line-height: 26px; color: #999;}
.indTwInfoList li:hover,
.indTwInfoList li.on{background-color: #136fbf;}
.indTwInfoList li:hover .title,
.indTwInfoList li:hover .title a,
.indTwInfoList li:hover .date,
.indTwInfoList li.on .title,
.indTwInfoList li.on .title a,
.indTwInfoList li.on .date{color: white;}
.indTwInfoList li:hover .intro,
.indTwInfoList li.on .intro{color: #aacbe8;}
.indTwInfoList li .title a:hover{text-decoration: none; color: white;}

.indTwInfoList li.noData{background: none; color: #999;}

/*图文信息列表*/
.indTopicList{overflow: hidden;}
.indTopicList li{padding: 0 20px;overflow: hidden;}
.indTopicList li .con{ overflow: hidden;}
.indTopicList li .title{overflow: hidden; height: 38px; padding-left: 18px; font-size: 15px; line-height: 38px; white-space: nowrap; text-overflow: ellipsis; background:  url(../../base/img/dot01.png) left center no-repeat;}
.indTopicList li .date{float: right; margin-left: 10px; color: #999;}
.indTopicList li .pic{display: none; width: auto; float: left; margin-right: 20px;}
.indTopicList li .pic img{width: 125px; height: 94px;}
.indTopicList li .intro{display: none; margin-top: 6px; height: 52px; overflow: hidden; font-size: 13px; line-height: 26px; color: #999;}
.indTopicList li.on{padding-top: 9px; padding-bottom: 9px; background-color: #136fbf;}
.indTopicList li.on .date{display: none;}
.indTopicList li.on .pic,
.indTopicList li.on .intro{display: block;}
.indTopicList li.on .title{background: none; padding-left: 0; font-size: 18px; color: white;}
.indTopicList li.on .title a{color: white;}
.indTopicList li.on .intro{color: #ddd;}
.indTopicList li.noData{background: none; color: #999;}

/*节点信息列表*/
.indNodeList{overflow: hidden; padding: 30px 0; margin: 0 auto; text-align: center; background: url(../../base/img/indnodelistbg.jpg) center top no-repeat;}
.indNodeList .nodeList{margin: 0 -0.4%; text-align: center;}
.indNodeList .nodeList>li{position: relative; z-index: 1; width: 13.48%; float: left; margin: 0 0.4%; overflow: hidden;}
.indNodeList .nodeList>li .pic { display: block; position:relative; height: 360px; background: url(../../base/img/ind-nodepic1.jpg) no-repeat center center; background-size: cover; }
.indNodeList .nodeList>li .pic img{ display: none; }
.indNodeList .nodeList>li.li2 .pic { background-image: url(../../base/img/ind-nodepic2-2.jpg); }
.indNodeList .nodeList>li.li3 .pic { background-image: url(../../base/img/ind-nodepic2.jpg); }
.indNodeList .nodeList>li.li4 .pic { background-image: url(../../base/img/ind-nodepic3.jpg); }
.indNodeList .nodeList>li.li5 .pic { background-image: url(../../base/img/ind-nodepic5.jpg); }
.indNodeList .nodeList>li.li6 .pic { background-image: url(../../base/img/ind-nodepic4.jpg); }
.indNodeList .nodeList>li.li7 .pic { background-image: url(../../base/img/ind-nodepic7.jpg); }
.indNodeList .nodeList>li .title,
.indNodeList .nodeList>li .info{position: absolute; z-index: 1; left: 0; display: block; vertical-align: middle; text-align: center; width: 100%; height: 100%;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;}
.indNodeList .nodeList>li .title{top: 0;}
.indNodeList .nodeList>li .info{top: 100%;}
.indNodeList .nodeList>li .title .bg,
.indNodeList .nodeList>li .info .bg{position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; float: left; overflow: hidden; background-color: #000;}
.indNodeList .nodeList>li .title .bg{opacity: 0.2; filter: alpha(opacity=20);}
.indNodeList .nodeList>li .info .bg{opacity: 0.4; filter: alpha(opacity=40);}

.indNodeList .nodeList>li .title .tit{position: relative; z-index: 2; display: inline-block; *display: inline; padding: 46px 10px 0; margin: 50% auto 0; height: 38px; line-height: 38px; text-align: center; font-size: 18px; font-weight: bold; color: white; border: 1px solid white;}
.indNodeList .nodeList>li .title .tit i{position: absolute; z-index: 1; left: 0; top: 12px; width: 100%; height: 34px; line-height: 34px; float: left; overflow: hidden; background: url(../../base/img/ind-nodeicon.png) center top no-repeat;}
.indNodeList .nodeList>li.li2 .title .tit i{background-position: center -34px;}
.indNodeList .nodeList>li.li3 .title .tit i{background-position: center -68px;}
.indNodeList .nodeList>li.li4 .title .tit i{background-position: center -102px;}
.indNodeList .nodeList>li.li5 .title .tit i{background-position: center -136px;}
.indNodeList .nodeList>li.li7 .title .tit i{background-position: center -170px;}
.indNodeList .nodeList>li .info .nodeInfo,
.indNodeList .nodeList>li .info a.more{position: absolute;  left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: block; padding-top: 46px; color: white;}
.indNodeList .nodeList>li .info .nodeInfo:hover,
.indNodeList .nodeList>li .info a.more:hover{text-decoration: none;}
.indNodeList .nodeList>li .info .tit{position: relative; z-index: 2;display: block; font-size: 18px; font-weight: bold;color: white;}
.indNodeList .nodeList>li .info .tit a{color: white;}
.indNodeList .nodeList>li .info .intro,
.indNodeList .nodeList>li .info .infoList{position: relative; z-index: 2; display: block; padding: 25px 20px 0; text-align: justify; font-size: 14px; line-height: 36px; color: #fff;}
.indNodeList .nodeList>li .info .intro p { line-height: 1.5; margin-top: 0.5em; }
.indNodeList .nodeList>li .info .intro p:first-of-type { margin-top: 0; }
.indNodeList .nodeList>li .info .intro a { color: inherit; }
.indNodeList .nodeList>li:hover .title{top: -100%;}
.indNodeList .nodeList>li:hover .info{top: 0;}

.indNodeList .nodeList>li .info .infoList li{height: 36px; line-height: 36px; overflow: hidden;}
.indNodeList .nodeList>li .info .infoList li a{color: white; background:  url(../../base/img/dot02.png) left center no-repeat;}
.indNodeList .nodeList>li .info .infoList li a:hover{color: #ddd;}


.indNodeList .linksInfo{padding:60px 0 0; text-align: center;}
.indNodeList .linksInfo a{display: inline-block; margin:0 auto; text-align: center; height: 36px; line-height: 36px; padding:0 20px; font-size: 16px; color:white; border: 1px solid #fafafa;}

/*横幅广告--*/
.gdbanner {margin:0 auto;overflow:hidden;}
.gdbanner .bd {margin-top:30px;}
.gdbanner .bd li {width:100%;height:120px;}
.gdbanner .hd{position: absolute; z-index: 1; right:0; bottom:5px; width:100%; text-align:center;}
.gdbanner .hd ul{display:inline-block; *display: inline; float:none; margin:0 auto;text-align:center;  }
.gdbanner .hd ul li{line-height:12px; float:left; width:12px; height:12px; margin-right:5px; cursor:pointer; text-align:center; color:#fff;background:#fff; }
.gdbanner .hd ul li.on{color:#fff;background:#ff4f01; }
.gdbanner .hd ul li span{display:none;}



/*首页侧栏快捷图标*/
.sideMenu {width: 50px; position: fixed; right: 50px; top: 150px; z-index: 100;}
.sideMenu li.go span{width: 140px;
    height: 60px;
    position: absolute;
    right: 60px;
    top: -20px;
    text-indent: -9999px;
    background: url(../../base/img/submenu.png) 0 -204px no-repeat;}
.sideMenu li { height: 60px; background: url(../../base/img/bgrx.png); margin-top: 1px; border-radius: 5px; position: relative; }
.sideMenu li .a1 {display: block;width: 60px;height: 60px;line-height: 60px;background: url(../../base/img/submenu.png) 0 0 no-repeat;transition: all 0.3s linear 0s;}
.sideMenu li.guide {background:#0069ae; text-align: center;margin: 0 0 5px 0; }
.sideMenu li.guide .a1 {display: block; line-height: 20px; padding:8px 10px;font-size: 14px; color: #fff; background: none; text-indent: 0;}
.sideMenu li.wx .a1 {background-position: 5px -78px;}
.sideMenu li.phone .a1 {background-position: 0px -143px;}
.sideMenu li.lxwm .a1 {background-position: -2px -308px;}
.sideMenu li.ss .a1{background-position: 0px -570px;}
.sideMenu li.en,.sideMenu li.en .a1{text-align: center; color: #fff;font-size: 18px; }
.sideMenu li.en .a1{background: none;}
.sideMenu li.go .a1 {background-position: -3px -392px;}
.sideMenu li.up .a1 {background-position: -3px -672px;}
.sideMenu li a{color:#fff;}
#menu li{display: block;}
#menu li.active{display: none;}

.sideMenu .ewm,.sideMenu .ewm img{width: 0px; height: 0px;text-align: center;}
.codes{position: absolute; left: 0px; bottom: 1px; color: #333; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;filter:alpha(opacity=0);}
.sideMenu li.on .codes{opacity: 1;filter:alpha(opacity=100);}
.sideMenu li.on .ewm{left: -105px;width: 100px; height: 100px;}
.sideMenu li.on .ewm img{width: 100px; height: 100px;}

.sideMenu li:hover .eng{left: -115px; }
.sideMenu li:hover .search{left: -260px;}
.sideMenu .eng{width: 105px; height: 60px; line-height: 60px; background: #b12e2b; font-size: 18px; color: #fff;}
.sideMenu .eng:before,.sideMenu .search:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 20px; background-color:#b12e2b; transform:rotate(45deg);}
.sideMenu .search{width: 250px;height: 60px; line-height: 60px; background: #b12e2b;}
.sideMenu .search .input-box{float: left; width: 200px;}
.sideMenu .search .input-box input{ height: 28px;width: 170px; padding-left:15px;line-height: 28px; border-radius: 28px; background: #fff;border: none;}
.s-form1{ width: 230px; }
.sideMenu .search .btn-box{float: right; width: 30px; height: 28px; margin-top: 8px;}
.sideMenu .search .btn-box input{background: url(../img/fdj.png) no-repeat center center;width: 30px; 
  height: 28px; border: none; z-index: 2; cursor: pointer;}


  .touch_menu{height: 100%;width: 40px;background: none;position: fixed;top: 0px;right: 20px;z-index: 100;cursor: pointer;}
  .menu_hand{display: inline-block;position: fixed;right:0px;top: 145px;color: #000; z-index: 30;}
  .menu_hand > span{font-size: 54px;}
  .sideMenu{width: 60px;position: fixed;top: 0px;right: -80px;z-index: 100;padding: 120px 0px;text-align: center;color: #fff;} 
.icon-pointer{display: block; width: 58px; height: 62px; background: url(../../base/img/hand.png) no-repeat;cursor: pointer; }


/*--
颜色代码
#0068B7 深色标题
#ddd 淡色边框
--*/