*{margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font:14px/1.5 Arial,sans-serif; background:#ededed; color:#333;}
i,em{font-style:normal;}
table{empty-cells:show; border-collapse:collapse; border:1px solid #ccc;}
img{border:none;}
ul,li{list-style:none;}
a{color:#666; text-decoration:none;}
a:hover{color:#017eb6;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.tc{text-align:center;}
.nobd{border:none!important;}
.wp{position:relative; clear:both; margin:0 auto; width:1138px; overflow:hidden;}

/* 移动端导航 */
#sidenav{display:none; position:fixed; left:0; top:15%; width:62px; height:84px; background:url(../images/sprite.png) no-repeat -50px -60px; z-index:999;}
.mask{display:none; position:fixed; left:0; top:0; width:100%; height:100%; bottom:0; background:rgba(255,255,255,0.8); z-index:9999;}
.side{position:fixed; left:-60%; top:0; bottom:0; height:100%; width:60%; background:#ededed; box-shadow:2px 0 7px -3px #333333; z-index:99999;}
.side .box{width:100%; height:100%; overflow:scroll;}
.side .box p{padding:9px 20px; color:#999; border-bottom:1px solid #dcdcdc;}
.side .box p em{display:inline-block; padding:0 10px;}
.side .box p a{color:#888;}
.side .box p a.on{color:#e88822;}
.side ul li a{position:relative; display:block; border-bottom:1px solid #dcdcdc; padding:9px 20px; background:#fff; line-height:1.2rem;}
.side ul li a:hover{color:#666;}
.side ul li.on a,.side ul li.sub-on a{color:#017eb6;}
.side ul li .has:after{position:absolute; top:4px; right:0; bottom:4px; width:43px; height:auto; content:""; background:url(../images/sprite.png) no-repeat 0 -560px; border-left:1px solid #dcdcdc;}
.side ul li .open:after{background-position:-50px -560px;}
.side ul li ul{display:none;}
.side ul li ul li a{background:#f8f8f8;}

/* 顶部 */
.header{height:135px; background:#fff;}
.header .top{padding-bottom:6px; border-bottom:1px solid #efefef; overflow:hidden;}
.header .top .logo img{height:81px;}
.header .top .topbar{padding-top:45px; height:34px; line-height:34px; overflow:hidden;}
.header .top .topbar .search{float:left; padding:0 30px; background:url(../images/line1.gif) no-repeat right center;}
.header .top .topbar .search input{border:none; width:80px; height:21px; line-height:21px;}
.header .top .topbar .search button{border:none; width:24px; height:21px; background:url(../images/sbtn.gif) no-repeat 50% 50%; cursor:pointer; outline:none;}
.header .top .topbar .language{float:left; padding:0 40px 0 15px; background:url(../images/lang.gif) no-repeat right center; color:#ccc;}
.header .top .topbar .language a{display:inline-block; padding:0 5px; color:#ccc;}
.header .top .topbar .language a.on{color:#e88822; font-weight:bold;}
.header .menu{height:41px; line-height:40px; font-size:15px;}
.header .menu .fl a{display:inline-block; line-height:37px; padding:0 8px;}
.header .menu .fl a:hover{color:#e67600;}
.header .menu .fl a.on{border-bottom:3px solid #ff8201; color:#e67600;}
.header .menu .fr{width:374px; height:41px; background:url(../images/rmbg.gif) no-repeat 0 0; text-align:center;}
.header .menu .fr a{display:inline-block; padding:0 10px;}
.header .menu .fr a:hover{color:#e67600;}

/* Sub Nav */
.subnav{display:none; position:absolute; left:0; top:135px; z-index:9999; width:100%; background:url(../images/headbg.gif) repeat-y 0 0; border-bottom:3px solid #e67600;}
.subnav .line{position:absolute; left:0; top:0; width:100%; height:6px; background:url(../images/headline.png) repeat-x;}
.subnav .box{display:none; padding:15px 0 10px;}
.subnav .box li{width:400px}
.subnav .box li a{display:block; padding:7px 0; color:#a8a299; border-bottom:1px solid #cbc4bc; background:url(../images/dot4.gif) no-repeat right center;}
.subnav .box li a:hover{color:#e67600; background-image:url(../images/dot4_on.gif); border-bottom:1px solid #e67600;}

/* Banner */
.banner{height:320px; background:url(../images/banner.jpg) no-repeat;}
.banner img{display:none;}

/* 底部 */
.footer{clear:both; border-top:5px solid #ff8201; background:url(../images/ftbg.gif) repeat-y center 0; overflow:hidden;}
.footer .fl{background:#fff; padding-bottom:30px; overflow:hidden;}
.footer .fl dl{float:left; padding-right:100px;}
.footer .fl dl dt{padding:30px 0 6px; font-weight:bold; font-size:16px;}
.footer .fl dl dd{line-height:1; padding:6px 0;}
.footer .fr{width:480px; padding-top:30px; overflow:hidden;}
.footer .fr dl{float:left; padding:0 0 50px 160px; min-height:100px; background-position:80px 0; background-repeat:no-repeat;}
.footer .fr dl dt{padding:0 0 6px; font-weight:bold; font-size:16px;}
.footer .fr dl dd{line-height:1; padding:6px 0;}
.footer .fr dl.p1{background-image:url(../images/f-ico-1.gif);}
.footer .fr dl.p2{background-image:url(../images/f-ico-2.gif);}
.footer .fr dl.p3{background-image:url(../images/f-ico-3.gif);}
.footer .fr dl.p4{padding-left:70px;}
.footer .fr dl.p4 dd{float:left; width:74px; text-align:center; padding:0 5px; color:#888; font-size:12px; line-height:1.3;}
.footer .fr dl.p4 dd img{display:block; width:74px; height:74px; padding-bottom:5px;}
.copyright{height:55px; line-height:50px; color:#7c7c7c;}

/* 分页 */
#pages{padding:40px 0 60px; text-align:center; font-size:12px; font-family:'宋体';}
#pages .box{display:inline-block; padding-bottom:6px; background:url(../images/pagebg.gif) repeat-x 0 bottom;}
#pages a,#pages span{display:inline-block; padding:10px 18px; background:#f0eeef; border-left:1px solid #fff; border-right:1px solid #fff;}
#pages a.a1{background:#007eb9; color:#fff; border:none;}
#pages a.a2{background:#878586; color:#fff; border:none;}
#pages span{background:#b8b6b7;}

/* -------------------- 首页 -------------------- */
.i-hot{margin:20px 0; padding:20px 0; background:#fff;}
.i-hot .hot-news{width:340px;}
.i-hot .hot-news .tit{color:#e77600;}
.i-hot .hot-news .tit a{float:right; display:inline-block; background:url(../images/dot2.gif) no-repeat right center; padding-right:15px;}
.i-hot .hot-news .tit em{font-weight:bold;}
.i-hot .hot-news li{padding-top:15px;}
.i-hot .hot-news li span{display:block; padding-bottom:5px; color:#777; font-size:12px;}
.i-hot .hot-news li p{height:40px; line-height:20px; text-overflow:ellipsis; overflow:hidden;}
.i-hot .hot-news li p a{color:#6f6259;}
.i-hot .hot-news li p a:hover{text-decoration:underline;}
.i-hot .slide{width:778px; padding-top:18px;}
/* slide */
.picScroll-left{position:relative; overflow:hidden;}
.picScroll-left .hd{display:none;}
.picScroll-left .prev,.picScroll-left .next{position:absolute; left:2px; top:80px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat #000; filter:alpha(opacity=50);opacity:0.5; cursor:pointer;}
.picScroll-left .next{left:auto; right:2px; background-position:8px 5px;}
.picScroll-left .prev:hover,.picScroll-left .next:hover{filter:alpha(opacity=100); opacity:1;}
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left; margin-right:18px; width:245px; border:1px solid #ececec;}
.picScroll-left .bd ul li img{display:block; width:100%; height:120px;}
.picScroll-left .bd ul li h2{color:#1e2486; font-size:14px; padding:12px 10px 5px; line-height:1;}
.picScroll-left .bd ul li p{color:#6b6158; font-size:12px; height:80px; line-height:20px; padding:0 10px 5px;}

/* 产品服务 */
.i-pro{clear:both; background:#fff; padding:20px 0; overflow:hidden;}
.i-pro .title{text-align:center; font-size:26px; font-weight:bold; color:#6c6259;}
.i-pro .list{padding-top:20px;}
.i-pro .list ul{width:1200px; overflow:hidden;}
.i-pro .list li{float:left; width:237px; padding:0 63px 30px 0; color:#70635a; font-weight:bold;}
.i-pro .list li img{display:block; width:100%; height:166px;}
.i-pro .list li .sn{font-size:16px; padding-top:10px; height:26px; line-height:26px; overflow:hidden;}
.i-pro .list li .tit{height:40px; line-height:20px; margin-bottom:10px; overflow:hidden;}
.i-pro .list li .btn a{display:inline-block; padding:10px 30px; background:url(../images/dot1.gif) no-repeat right center #e77600; color:#fff; font-weight:bold; border-radius:5px;}

/* 新闻 */
.i-news{clear:both; background:#fff; display:none;}
.i-news .title{position:relative; padding:30px 0 15px; text-align:center; font-size:26px; font-weight:bold; color:#6c6259;}
.i-news .title a{position:absolute; right:340px; top:36px; display:block; width:80px; height:26px; line-height:26px; text-align:center; background:url(../images/dot3.gif) no-repeat right center #777; color:#fff; font-size:13px; border-radius:3px;}
.i-news .list{height:322px; background:url(../images/i-newsbg.gif) repeat-x;}
.i-news .list .wp{width:1198px;}
.i-news .list .wp li{float:left; width:336px; height:322px; padding:0 31px;}
.i-news .list .wp li.c2{border-left:2px solid #fff; border-right:2px solid #fff;}
.i-news .list .wp li h2{font-size:16px; text-align:center; line-height:1; padding:28px 0 18px;}
.i-news .list .wp li h2 a{color:#3a5976;}
.i-news .list .wp li h2 a:hover{text-decoration:underline;}
.i-news .list .wp li p{font-size:12px; height:80px; color:#666; line-height:1.8;}
.i-news .list .wp li img{margin:0 auto; display:block; width:100%; height:150px;}

/* 分享 */
.i-share{display:none; clear:both; background:#fff; padding:60px 0; color:#83766d; text-align:center;}
.i-share .box{display:inline-block;}
.i-share .box span{display:block; width:72px; padding:0 15px 10px; font-weight:bold;}
.i-share .box img{padding:0 10px;}
.i-share .en span{width:100%; font-size:28px; padding:0 0 20px;}

/* -------------------- 内页 -------------------- */
/* 内容页框架 */
.page-main{padding:25px 0;}
.page-main .left{width:220px; padding:10px 20px; background:#fff;}
.page-main .left li{border-top:1px solid #dcdcdc;}
.page-main .left li p{padding-left:1em;}
.page-main .left li a{display:block; position:relative; padding:8px 0; overflow:hidden;}
.page-main .left li a.on,.page-main .left .sub-on a{color:#017eb6;}
.page-main .left li a.on:after,.page-main .left .sub-on a:after{position:absolute; top:0; right:-38px; width:18px; height:39px; content:""; background:url(../images/sprite.png) no-repeat 0 -60px;}
.page-main .left ul li ul{display:none;}
.page-main .right{width:850px;}
.page-main .right .typename{background:#fff;}
.page-main .right .typename p{padding:50px 30px 30px; color:#027eba; font-size:20px; font-weight:bold; line-height:1;}
.page-main .right .page-content{margin-top:10px; background:#fff; padding:0 20px; overflow:hidden;}

/* 文章列表 */
.artlist{padding:10px;}
.artlist li{border-bottom:1px solid #dcdcdc; padding:20px 0; overflow:hidden;}
.artlist li .thumb{float:left;}
.artlist li .thumb img{display:block; width:115px; height:80px;}
.artlist li .info{float:right; width:640px;}
.artlist li .info h2{padding-bottom:10px; line-height:1;}
.artlist li .info h2 a{color:#385b7b; font-size:16px;}
.artlist li .info h2 a:hover{text-decoration:underline;}
.artlist li .info h2 span{float:right; font-size:12px; font-weight:normal; color:#666; padding-top:8px;}
.artlist li .info p{width:460px; font-size:12px; color:#656565; line-height:1.8;}

/* 产品列表 */
.prolist{padding:20px 0;}
.prolist ul{width:880px; overflow:hidden;}
.prolist li{float:left; margin:0 37px 20px 0; width:237px; border:4px solid #bfc4c8;}
.prolist li img{display:block; width:100%; height:166px;}
.prolist li p{padding:15px; height:40px; line-height:20px; overflow:hidden;}
.prolist li p a{color:#000; font-weight:bold;}
.prolist li p a:hover{color:#017eb6;}

/* 职位列表 */
.hrlist{padding:10px;}
.hrlist li{border-bottom:1px solid #dcdcdc; padding:20px 0; overflow:hidden;}
.hrlist li .info h2{padding-bottom:10px; line-height:1;}
.hrlist li .info h2 a{color:#385b7b; font-size:16px;}
.hrlist li .info h2 a:hover{text-decoration:underline;}
.hrlist li .info h2 span{float:right; font-size:12px; font-weight:normal; color:#666; padding-top:8px;}
.hrlist li .info p{width:620px; font-size:12px; color:#656565; line-height:1.8;}

/* 文章详情 */
.art-content{padding:20px 20px;}
.art-content .title{padding:8px 0; border-bottom:1px solid #dcdcdc; color:#666; overflow:hidden;}
.art-content .title h1{float:left; font-size:16px;}
.art-content .title span{float:right; font-size:12px; padding-top:5px; color:#888;}
.art-content .text{clear:both; padding-top:10px; color:#888;}
.art-content .text img{max-width:100%;}
.art-content .text p{padding:10px 0; text-indent:2em;}

/* 产品详情 */
.pro-content{padding:30px 10px;}
.pro-content .info{overflow:hidden;}
.pro-content .info .thumb{padding:17px 40px; background:#eaeaea;}
.pro-content .info .thumb img{display:block; width:297px; height:209px;}
/*.pro-content .info .contact{width:340px; height:213px; padding:10px 12px; border:4px solid #bec3c7; font-weight:bold;}*/
.pro-content .info .contact{width:380px; height:213px; font-weight:bold;}
.pro-content .info .contact .sn{padding:0 15px; height:42px; line-height:42px; background:#8DBDDD; color:#fff;}
.pro-content .info .contact .des{margin-top:10px; height:190px; font-weight:normal; color:#999; overflow:hidden;}
.pro-content .info .contact p{margin:2px 0; height:42px; line-height:42px; background-color:#ededed; color:#333; padding-left:50px; background-repeat:no-repeat; background-position:0 0;}
.pro-content .info .contact p.c1{background-image:url(../images/c1.png);}
.pro-content .info .contact p.c2{background-image:url(../images/c2.png);}
.pro-content .info .contact p.c3{background-image:url(../images/c3.png);}
.pro-content .info .contact p.c4{background-image:url(../images/c4.png);}
.pro-content .info .contact p.c5{padding:0; background:none;}
.pro-content .text{clear:both; padding-top:40px; color:#888;}
.pro-content .text img{max-width:100%;}
.pro-content .text p{padding:10px 0; text-indent:2em;}

/* 职位详情 */
.hr-content{padding:40px 10px 20px;}
.hr-content .title{padding-bottom:8px; border-bottom:1px solid #dcdcdc; color:#666; overflow:hidden;}
.hr-content .title h1{float:left; font-size:16px;}
.hr-content .title span{float:right; font-size:12px; padding-top:5px; color:#888;}
.hr-content .text{clear:both; padding-top:10px; color:#656565;}
.hr-content .text img{max-width:100%;}
.hr-content .text p{padding:10px 0;}

/* 报名页面 */
.baoming{padding:50px 10px;}
.baoming .myform{}
.baoming .myform table{margin:0 auto; width:80%; border:none;}
.baoming .myform table th,.baoming .myform table td{padding:5px 0;}
.baoming .myform table th{text-align:left; width:80px; font-weight:normal;}
.baoming .myform input,.baoming .myform select,.baoming .myform textarea{border:1px solid #c2bbab; padding:5px; width:250px; box-sizing:border-box;}
.baoming .myform textarea{width:400px; height:150px; resize:none;}
.baoming .myform button{border:none; padding:12px 25px; color:#fff; background:#007eb9; outline:none; cursor:pointer; font-size:14px;}
.baoming .myform .reset{background:#878586;}
.baoming .myform table td p{display:inline-block; padding-bottom:6px; background:url(../images/pagebg.gif) repeat-x 0 bottom;}
.baoming .myform table td i{color:#f00;}
.baoming .myform table td span,.baoming .myform table td span i{vertical-align:top;}


/* 自适应 */
@media screen and (max-width:640px){
    html{font-size:20px;}
    body{font-size:0.7rem;}
    .wp{width:100%; box-sizing:border-box;}

    #sidenav{display:block;}

    /* 顶部 */
    .header{height:auto;}
    .header .top .logo{float:none; width:100%;}
    .header .top .logo img{display:block; margin:0 auto; width:80%; height:auto; padding:10px 0;}
    .header .menu,.header .topbar{display:none;}
    .subnav{display:none;}
    .banner{height:auto;}
    .banner img{display:block; width:100%;}
    .footer{display:none;}
    .copyright{text-align:center; padding:0 10px; height:auto; font-size:0.6rem; color:#999;}

    /* 分页 */
    #pages{padding:10px 0 30px;}
    #pages a,#pages span{display:none;}
    #pages a.a1{display:inline-block; margin:0 1px;}
    #pages a.a2{display:inline-block; margin:0 1px;}

    /* 内容页框架 */
    .page-main{padding:0;}
    .page-main .right .typename p{padding:20px 0; text-align:center; font-size:1rem;}
    .page-main .left{display:none;}
    .page-main .right{float:none; width:100%;}
    .page-main .right .page-content{padding:0 10px;}

    /* 新闻列表 */
    .artlist{padding:0 5px 15px;}
    .artlist li .thumb{width:22%;}
    .artlist li .thumb img{width:100%; height:auto;}
    .artlist li .info{width:75%;}
    .artlist li .info h2{padding-bottom:0;}
    .artlist li .info h2 a{font-size:0.8rem;}
    .artlist li .info h2 span{display:none; font-size:0.6rem; padding-top:0.2rem;}
    .artlist li .info p{width:100%; height:2rem; line-height:1rem; font-size:0.6rem; overflow:hidden;}

    /* 产品列表 */
    .prolist{padding:15px 0;}
    .prolist ul{width:100%;}
    .prolist li{width:50%; margin:0; padding:10px; border:none; font-size:0.6rem; box-sizing:border-box;}
    .prolist li img{height:5rem; border:3px solid #bfc4c8; border-bottom:none; box-sizing:border-box;}
    .prolist li p{border:3px solid #bfc4c8; border-top:none; padding:10px; height:2rem; line-height:1rem;}

    /* 招聘列表 */
    .hrlist{padding:0 5px 15px;}
    .hrlist li .info h2 a{font-size:0.8rem;}
    .hrlist li .info h2 span{font-size:0.6rem; padding-top:0.2rem;}
    .hrlist li .info p{width:100%; font-size:0.6rem;}

    /* 新闻详情 */
    .art-content{padding:15px 10px;}
    .art-content .title{text-align:center;}
    .art-content .title h1{font-size:0.8rem; float:none;}
    .art-content .title span{float:none; font-size:0.6rem;}
    .art-content .text img{display:block; width:100%!important; height:auto!important;}

    /* 产品详情 */
    .pro-content{padding:18px 5px;}
    .pro-content .info .thumb{float:none; padding:10px;}
    .pro-content .info .thumb img{width:100%; height:auto;}
    .pro-content .info .contact{float:none; width:auto; height:auto; margin-top:15px; padding-bottom:0;}
    .pro-content .text{padding-top:15px;}
    .pro-content .text img{display:block; width:100%!important; height:auto!important;}

    /* 招聘详情 */
    .hr-content{padding:15px 10px;}
    .hr-content .title{text-align:center;}
    .hr-content .title h1{font-size:0.8rem; float:none;}
    .hr-content .title span{float:none; font-size:0.6rem;}
    .hr-content .text img{display:block; width:100%!important; height:auto!important;}

    /* 报名入口 */
    .baoming{padding:20px 10px;}
    .baoming .myform{border:none; padding:0;}
    .baoming .myform table{width:100%;}
    .baoming .myform table th{padding:15px 0 0;}
    .baoming .myform table td{padding-top:0;}
    .baoming .myform table th,.baoming .myform table td{display:block;}
    .baoming .myform input, .baoming .myform select, .baoming .myform textarea{width:70%;}
    .baoming .myform textarea{width:100%;}

    /* 首页 */
    .i-hot{padding:15px;}
    .i-hot .hot-news{width:100%; clear:both;}
    .i-hot .hot-news li span{font-size:0.6rem;}
    .i-hot .hot-news li p{height:2rem; line-height:1rem;}
    .i-hot .slide{width:100%;}
    .picScroll-left .prev{left:0;}
    .picScroll-left .next{right:0;}
    .picScroll-left .bd ul li{float:none; width:100%; margin:0; box-sizing:border-box; border:none;}
    .picScroll-left .bd ul li img{height:auto;}
    .picScroll-left .bd ul li h2{font-size:0.7rem;}
    .picScroll-left .bd ul li p{height:4rem; line-height:1rem;}
    /*-------------*/
    .i-pro .title{font-size:1.3rem;}
    .i-pro .list{padding:10px;}
    .i-pro .list ul{width:auto;}
    .i-pro .list li{width:50%; padding:10px 5px; box-sizing:border-box;}
    .i-pro .list li img{height:auto;}
    .i-pro .list li .sn{font-size:0.8rem; height:1.3rem; line-height:1.3rem;}
    .i-pro .list li .tit{height:2rem; line-height:1rem;}
    /*-------------*/
    .i-news .title{font-size:1.3rem;}
    .i-news .title a{display:none;}
    .i-news .list{height:auto; border-top:3px solid #B7D3E9; border-bottom:3px solid #B7D3E9; background:#F6F6F6;}
    .i-news .list .wp{width:auto; padding:0 20px 30px;}
    .i-news .list .wp li{float:none; width:100%; height:auto; padding:0;}
    .i-news .list .wp li h2{font-size:0.8rem;}
    .i-news .list .wp li.c2{border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:30px;}
    .i-news .list .wp li p{font-size:0.6rem;}
    .i-news .list .wp li img{height:auto;}

    /* 分享 */
    .i-share{padding:20px;}
    .i-share .box span{width:100%; font-size:0.8rem; padding:0 0 20px;}
    .i-share .en span{font-size:1.4rem;}
    .i-share .box a{display:block; float:left; width:20%; padding:0 5px; box-sizing:border-box;}
    .i-share .box a img{width:100%; padding:0;}
    .i-share .en a{display:block; float:left; width:16.6%; padding:0 5px; box-sizing:border-box;}
}