body{font:16px/1.5 "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","ËÎÌå",sans-serif;color: rgb(46,46,46);padding: 0px;margin: 0px;background-color:#fff;}

a {color: rgb(46,46,46);text-decoration: none;cursor:pointer;}
div,ul,*{padding: 0px;margin: 0px;}
img {border: 0px none;vertical-align: top;}
ul, ol {list-style: none outside none;}
input[type=button]{cursor:pointer;}
.container{width:1260px;margin:0 auto;}
.container:after {clear: both;}
.container:before, .container:after {display: table;content: "";line-height:0;}
.clearfix:after {clear: both;}
.clearfix:before, .clearfix:after {display: table;content: "";line-height: 0;}

#body{padding-top:70px;}

.bgcolor_247{background-color:rgb(247,247,247);}



/* flexslider */
.flexslider {position: relative;height: 500px;min-width:1260px;width:100%;overflow: hidden;background:#aaa url(../img/bg/bgflexslider.png) center no-repeat;background-size:100% 100%;padding-top:95px;}
.slides {position: relative;z-index: 1;width:1260px;margin:auto;}
.slides li {margin-top:20px;height: 480px;}
.slides li img{width:1260px;}
.slides li div{display:block;font-size:26px;font-style:STCaiyun;width:400px;height:120px;}
/*.flex-control-nav {position: absolute;bottom:50px;z-index: 2;width: 100%;text-align: center;min-width:1000px;}
.flex-control-nav li {display: inline-block;width:80px;height: 10px;margin: 0 5px;*display: inline;zoom: 1;line-height:30px;border:none;}
.flex-control-nav li:last-child{margin-right:0;}
.flex-control-nav a {display: inline-block;width:80px;height: 10px;overflow: hidden;text-align:center;
    background: url(../img/dot.png) -160px -4px no-repeat ;cursor: pointer;background-color:rgb(112,112,112);color:rgb(112,112,112);border:none;
}
.flex-control-nav .flex-active {background-position:-16px -4px;background-color:rgb(44,61,79);color:rgb(44,61,79);}*/
.flex-direction-nav {position: absolute;z-index: 3;min-width:1000px;width: 100%;top: 38%;}
.flex-direction-nav li a {display: block; width: 40px;height: 160px;overflow: hidden;cursor: pointer;position: absolute;}
.flex-direction-nav li a.flex-prev {left: 5%;background: url(../img/bg/bgbtnleft.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right: 5%;background: url(../img/bg/bgbtnright.png) center center no-repeat;}


/* header */
.header{position: fixed; left:0;top:0;width: 100%; min-width: 1000px; height: 100px;  z-index:500;}
.header:hover{background-color: rgba(255,255,255,.4);}
.header.on{background-color: rgba(255,255,255,1);}

.header .logo{float:left;display:block;margin-top:20px;width:115px;background: url(../img/logo.png) center no-repeat;}
.header .topnav{float:left;margin-top:50px;margin-left:60px;width:auto;height:auto;}
.header .topnav .topnavli{position:relative;float:left;margin-right:30px;height:50px;}
.header .topnav .topnavli>a{display:block;width:auto;height:28px;line-height:28px;padding:0 20px;text-align:center;color:rgb(255,153,0);border-radius:14px;overflow:hidden;}
.header .topnav .topnavli>a:hover{background-color:rgb(255,153,0);color:#fff;}
.header .topnav .topnavli>a.on{background-color:rgb(255,153,0);color:#fff;}
.header .topnav .topnavli.cp{position:relative;}
/*.header .topnav .topnavli.cp .sj{display:none;position: absolute; top: 34px; left:30px;border: 8px solid transparent;border-bottom-color:#fff;}*/
.header .topnav .topnavli.cp .subnav{display:none;position:absolute;top:50px;left:-7px;background-color:#fff;width:245px;height:84px;padding:18px;padding-right:0;border-radius:5px;}
.header .topnav .topnavli.cp:hover .subnav{display:block;}
/*.header .topnav .topnavli.cp:hover .sj{display:block;}*/
.header .topnav .topnavli.cp .subnav div{float:left;width:110px;}
.header .topnav .topnavli.cp .subnav div a{display:block;line-height:28px;font-size:14px;}
.header .topnav .topnavli.cp .subnav div a:hover{text-decoration:underline;color:rgb(255,153,0);}

.loginbar{float:right;margin-top:50px;}
.loginbar span{display:none;}
.loginbar span a{margin:0 10px;color:rgb(255,153,0);}
.loginbar span.on{display:block;}

/* footer */
.footer{width:100%;height:155px;padding:35px 0;}
.footer .copybox{float:left;margin:25px 20px 0;height:100px;}
.footer .copybox>*{display:block;line-height:30px;}
.footer .copybox .contactus{margin-top:10px;font-size:12px;color:rgb(104,104,104);}
.footer .copybox .beian{font-size:12px;color:rgb(104,104,104);}
.footer .copybox .copy{font-size:12px;color:rgb(104,104,104);}
.footer ul{float:right;overflow:hidden;margin-top:55px;margin-right:15px;}
.footer ul li{float:left;width:auto;height:70px;padding-left:95px;letter-spacing:.5px;}
.footer ul li a{display:block;line-height:40px;}
.footer ul li span{display:block;font-size:14px;color:rgb(104,104,104);}


/* businesslist */
.businesslist{padding:50px 0 15px 0;min-width:1260px;width:100%;height:280px;background-color:rgb(241,241,241);}

.businesslist .list li{float:left;width:250px;height:240px;margin-bottom:20px;overflow:hidden;}
.businesslist .list li .imgbox{width:128px;height:128px;margin:20px auto;border:1px solid rgb(130,130,130);border-radius:50%;}
.businesslist .list li .imgbox.index1{background: url(../img/bg/bgvessels.png) center no-repeat;}
.businesslist .list li .imgbox.index2{background:url(../img/bg/bgplane.png) center no-repeat;}
.businesslist .list li .imgbox.index3{background:url(../img/bg/bgtrain.png) center no-repeat;}
.businesslist .list li .imgbox.index4{background:url(../img/bg/bgtruck.png) center no-repeat;}
.businesslist .list li .imgbox.index5{background:url(../img/bg/bgcustoms.png) center no-repeat;}
/* .businesslist .list li .imgbox:hover {width:130px;height:130px;margin:0 auto;padding:20px;border:none;border-radius:50%;background-color:rgb(255,215,0);}
.businesslist .list li .imgbox:hover div{display:block;}*/
.businesslist .list li .imgbox div{position:relative;display:none;width:130px;height:130px;background-color:rgb(255,153,0);color:#fff;border-radius:50%;letter-spacing:.5px;}

.businesslist .list li .imgbox .btn{position:absolute;display:block;width:75px;height:23px;top:52px;left:26px;border:1px solid #fff;border-radius:9px;font-size:14px;color:#fff;text-align:center;}

.businesslist .list li .title{display: block; width: 250px; height: 70px; line-height: 70px;text-align:center; color: rgb(46,46,46);font-size:18px;}


/* yslist */
.yslist{padding:15px 0 45px;}
.yslist ul{}
.yslist ul li{float:left;display:block;width:220px;height:335px;margin-right:20px;}
.yslist ul li:nth-child(4n){margin-right:0;}
.yslist ul li img{width:130px;height:130px;padding-left:45px;}
.yslist ul li h2{display:block;width:220px;height:88px;line-height:90px;font-size:24px;color:#222;text-align:center;}
.yslist ul li span{display: block; width: 220px; height: 32px; line-height: 32px; font-size: 18px; color: rgb(255,153,0); text-align: center;}
.yslist ul li p{width: 210px; line-height: 20px; padding:0 5px;font-size: 12px; color: rgb(75,75,75); text-align: center;}

/* ywlc */
.ywlc{}
.ywlc .container{width:838px;height:29px;padding:40px 80px;border:1px solid rgb(221,221,221);color:rgb(133,133,133);}
.ywlc .tit{float:left;line-height:29px;}
.ywlc .x{float:left;line-height:29px;margin:0 40px;}
.ywlc ul{float:left;font-size:13px;}
.ywlc ul li{float:left;line-height:29px;padding-left:40px;margin-right:65px;}
.ywlc .btnmore{display:block;float:right;font-size:14px;border:1px solid rgb(160,160,160);padding:3px 8px;color:rgb(133,133,133);}


/*contact*/
.contact{margin-top:100px;padding:100px 0 85px;background-color:rgb(247,247,247);min-height:400px;}
.contact #mymap{float:left;margin:20px 10px 20px 40px;width:500px;height:400px;}
.contact ul{margin-top:40px;}
.contact li{height:35px;font-size:13px;}


/*aboutus*/
.aboutus{margin-top:100px;background-color:rgb(247,247,247);min-height:400px;}
.aboutus .ch{padding:40px 100px;font-size:15px;line-height:2;}
.aboutus .ch div{margin-top:10px;text-indent:2em;}
.aboutus .en{padding:0 100px 100px;font-size:15px;line-height:2;}
.aboutus .en div{margin-top:10px;}
.aboutus h2{text-align:center;}

/*recruit*/
.recruit{margin-top:100px;background-color:rgb(247,247,247);min-height:600px;}
.recruit .container{padding:0 0 85px;min-height:465px;background-color: white;/*background:white url("../img/bg/bgrec2.jpeg")  no-repeat center;background-size:100%;*/}
.recruit #rec-left-nav{float:left;margin:20px 0px;padding: 0px 20px;width: 260px;}
.recruit #rec-left-nav ul{border: 1px solid #888888;border-radius:8px;}
.recruit #rec-left-nav ul li span{display:block;width: 259px;height: 60px;font-size: 22px;color: #222;text-align: center;line-height:60px;vertical-align: middle;}
.recruit #rec-left-nav ul li a{display:block;width: 259px;height: 60px;border-top: 1px solid #888888;text-align: center;line-height:60px;vertical-align: middle;}
.recruit #rec-left-nav ul li a:hover{color:rgb(255,153,0);}
.recruit #rec-left-nav ul li a.on{color:rgb(255,153,0);}
.recruit #rec-right-nav{float:left;margin:20px 0px;width: 935px;}
.recruit #rec-right-nav ul li div{padding:0px 40px 40px;min-height:500px;border: 1px solid #888888;border-radius:8px;}
.recruit #rec-right-nav ul li{display:none;}
.recruit #rec-right-nav ul li.on{display:block;}