@charset "utf-8";
/*CSS Document*/


/*head & foot*/
.head {background-image: url(../images/head_bg_01.png);position: fixed;width: 100%;height: 90px;top: 0;z-index: 999;text-align: center;border-bottom: 1px solid #0b7500;}
.head .logo {float: left;padding-left: 30px;}
.head .logo a {display: table-cell;height: 90px;vertical-align: middle;}
.head .logo a img {max-height: 100%;}
.head .nav {display: inline-block;/* margin-left: 46px; */}
.head .nav ul {text-align: center;}
.head .nav ul li {float: left;}
.head .nav ul li:hover span{color: #ffff00;}
.head .nav ul li:hover i{color: #ffff00;}
.head .nav ul li a {padding: 0 40px;display: table-cell;height: 90px;vertical-align: middle;}
.head .nav ul li a span {font-size: 16px;display: block;color: #ffffff;padding: 0 10px;}
.head .nav ul li a i {display: block;text-transform: uppercase;font-style: normal;font-size: 12px;padding-top: 8px;color: #81df6c;}
.head .nav ul li.active a { border-bottom: 2px solid #ffff00;  }
.head .nav ul li:hover { }
.head .serv {float: right;padding-top: 26px;padding-right: 30px;}
.head .serv .ico {width: 36px;height: 36px;margin-left: 10px;border-radius: 50%;float: left;border: 1px solid #fff;transition: 0.5s background-color ease-out;-webkit-transition: 0.5s background-color ease-out;-moz-transition: 0.5s background-color ease-out;-ms-transition: 0.5s background-color ease-out;-o-transition: 0.5s background-color ease-out;}
.head .serv .ico a {width: 36px;height: 36px;display: block;}
.head .serv .qr .wx { display: none; position: absolute;z-index: 1000;left: -30px;top: 45px;}
.head .serv .qr:hover .wx { display: block; }
.head .serv .qr .wx .arrow {background: url(../images/arrow_up.png) no-repeat top center;width: 100px;height: 7px;z-index: 3;overflow: hidden;}
.head .serv .wx img {display: block;border: 1px solid #d2d2d2;border-top: none;width: 100px;height: 100px;z-index: 2;padding: 2px;background: #ffffff;}
.head .serv .qr {position: relative;background: url(../images/my_06.png) no-repeat 0 0;}
.head .serv .qq {background: url(../images/my_08.png) no-repeat 0 0;}
.head .serv .qr:hover { background: url(../images/my_06.png) #ffffff 0 36px; }
.head .serv .qq:hover { background: url(../images/my_08.png) #ffffff 0 36px; }


@media (min-height:600px) and (max-height:900px) {

    /*head & foot*/
    .head {height: 70px;}
    .head .logo {float: left;padding-left: 20px;}
    .head .logo a {height: 70px;vertical-align: middle;}
    .head .logo a img { }
    .head .nav {margin-left: 50px;}
    .head .nav ul { }
    .head .nav ul li { }
    .head .nav ul li:hover span{ }
    .head .nav ul li:hover i{ }
    .head .nav ul li a {padding: 0 20px;height: 70px;}
    .head .nav ul li a span { }
    .head .nav ul li a i {}
    .head .nav ul li.active a { }
    .head .nav ul li:hover { }
    .head .serv {padding-top: 15px;}
    .head .serv .ico { }
    .head .serv .ico a { }
    .head .serv .qr .wx { }
    .head .serv .qr:hover .wx { }
    .head .serv .qr .wx .arrow { }
    .head .serv .wx img { }
    .head .serv .qr { }
    .head .serv .qq { }
    .head .serv .qr:hover { }
    .head .serv .qq:hover { }
    .bnr2 {padding-top: 75px;height: 325px;}
}
/*回到顶部-客服*/
.k_f { position: fixed;z-index: 666; right: 30px;bottom: 100px; width: 40px; }
.k_f .item {width: 40px;height: 40px;background-color: #21a001;margin-top: 5px;cursor: pointer;border-radius: 5px;}
.k_f .qq {background: url(../images/k_qq.png) #e37913 no-repeat 0 -40px;}
.k_f .qq:hover {background-color: #21a001;}
.k_f .qq a {height: 40px;display: block;}
.k_f .wx {position: relative;background: url(../images/k_wx.png) #e37913 no-repeat 0 -40px;}
.k_f .wx:hover {background-color: #21a001;}
.k_f .wx .pic {display: none;position: absolute;width: 102px;height: 102px;left: -106px;border: 1px solid #aaaaaa;}
.k_f .wx .pic img { }
.k_f .wx:hover .pic { display: block; }
.k_f .tel {position: relative;background: url(../images/k_tel.png) #e37913 no-repeat 0 -40px;}
.k_f .tel:hover {background-color: #21a001;border-radius: 0 5px 5px 0;}
.k_f .tel .txt {display: none;width: 130px;height: 40px;background: #21a001;position: absolute;left: -130px;border-radius: 5px;text-align: center;line-height: 40px;color: #ffffff;font-size: 16px;}
.k_f .tel .txt span { }
.k_f .tel:hover .txt { display: block; border-radius: 5px 0 0 5px; }
.top_box {background-color: #999999;color: #ffffff;text-align: center;line-height: 40px;font-size: 20px;cursor: pointer;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.top_box img { width: 50%;margin: 25%; }
.top_box:hover {background-color: #e37913;}
/*内页banner*/
.bnr2 {height: 410px;padding-top: 90px;}
/*栏目标题*/
.att { height: 120px; }
.att h3 { line-height: 100px; }
/*面包屑*/
.common-crumb-inner {display: inline-block;float: right;color: #666666; padding-left: 40px; background: url("../images/home.png") no-repeat 5px 50% }
.common-crumb-inner span { color: #666666; }
.common-crumb-inner a {height: 60px;line-height: 60px;color: #666666;}
.common-crumb-inner a:hover { color: #3470dd; }
/*栏目*/
.sub { background: #ffffff; overflow: hidden; }
.sub li {float: left;display: block; }
.sub li a {margin: 0 15px;display: block;height: 60px;line-height: 60px;text-decoration: none;color: #555555;}
.sub li a:hover, .sub li.active a { border-bottom: 2px solid #81df6c; color: #81df6c; }
/*列表1 图文列表*/
.it_l li {background: #ffffff;position: relative;margin-bottom: 20px;clear: both;}
.it_l li:first-child {margin-top: 0;}
.it_l li a {display: block;padding: 20px;height: 140px;}
.it_l li a .pic {width: 156px;height: 104px;overflow: hidden;float: left;margin-right: 20px;}
.it_l li a .pic img {max-width: 100%;}
.it_l li a .text { }
.it_l li a .text .info {margin-bottom: 15px;height: 30px;}
.it_l li a .text .info h3 {display: inline-block;width: 768px;overflow: hidden;line-height: 30px;height: 30px;font-size: 18px;font-weight: normal;color: #111111;}
.it_l li a .text .info span {display: inline-block;float: right;height: 30px;line-height: 30px;color: #999999; font-size: 13px;}
.it_l li a .text p {color: #666666;height: 44px;line-height: 22px;overflow: hidden;}
.it_l li:hover {box-shadow: 0 3px 7px 2px #cccccc;background: #f9fdff;}
.it_l li:hover a .pic img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }
.it_l li:hover a .text .info h3 { color: #21a001; }
/*列表2 全图列表*/
.al_l {width: 1260px;}
.al_l li {margin-right: 20px;float: left;width: 285px;margin-bottom: 20px;transition: all 0.5s;background: #ffffff;}
.al_l li p a {line-height: 40px;text-align: center;display: block;padding: 0 10px;font-size: 15px;background: #ffffff;}
.al_l li .pic {width: 100%;height: 180px;overflow: hidden;display: block;}
.al_l li img { max-width: 100%;}
.al_l li:hover { box-shadow: 0 3px 7px 2px #d2d2d2; }
.al_l li:hover p a { color: #3470dd; background: #ffffff; }
.al_l li:hover img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); }
/*foot*/
.foot {clear: both;background: #318700;}
.foot .nav_con {padding-top: 50px;height: 264px;}
.foot .nav_con .nav {/* width: 750px; */float: left;}
.foot .nav_con .nav dl {position: relative;display: block;float: left;min-width: 73px;overflow: hidden;/* margin-left: 20px; */margin-right: 70px;}
.foot .nav_con .nav dl dt {margin-bottom: 10px;padding-bottom: 26px;}
.foot .nav_con .nav dl dt i {position: absolute;top: 33px;left: 0;width: 35px;height: 1px;background: #feb71f;}
.foot .nav_con .nav dl dt a {font-size: 16px;color: #ffffff; font-weight:normal;}
.foot .nav_con .nav dl dd { }
.foot .nav_con .nav dl dd a {color: #c4eb00;display: inline-block;height: 24px;}
.foot .nav_con .nav dl a:hover { color: #ffffff; }
.foot .nav_con .qrs { float: right }
.foot .nav_con .qr {width: 100px;float: left;margin-left: 30px;}
.foot .nav_con .qr .qr_pic {width: 100px;height: 100px;overflow: hidden;}
.foot .nav_con .qr .qr_pic img {max-width: 100%;}
.foot .nav_con .qr .text {text-align: center;background: #cbce00;color: #ffffff;height: 22px;line-height: 20px;font-size: 12px;}
.foot .cpy {background: #1d2b2b;text-align: center;/* line-height: 34px; */ padding:15px 0;}
.foot .cpy span {line-height: 22px;color: #bbbbbb;}
.foot .cpy span a {/* line-height: 70px; */color: #aaabbb;}
/*上下篇-分享*/
.share { float: right; clear: both; }
.PRE-NEX { border-top: 1px solid #f0f0f0; padding: 20px 0; margin-top: 20px; width: 100%; float: left; clear: both; }
.PRE-NEX .numpre { width: 50%; display: inline-block; float: left; text-align: left; }
.PRE-NEX .numnex { width: 50%; display: inline-block; float: left; text-align: right; }
.PRE-NEX a:hover { color: #3470dd; }

/*文章详情*/
.article {padding: 15px 20px; background: white;}
.article .h1con { overflow: hidden; border-bottom: 1px solid #e7e7e7;height: 45px;}
.article p {line-height: 24px;padding-bottom: 10px; font-size: 14px;}
.article h1 {font-weight: normal;color: #333333;line-height: 40px;}
.article h1.article-tit { margin-top: 20px;}
.article p.articleinfo span { display: inline-block; margin-right: 20px; color: #888888; }
.article img {margin: 5px auto;display: block;max-width: 100%;}

/*标准分页*/
.pageborder {border-top: 1px solid #e2e2e2;}
.page {padding: 0 60px 61px 100px;width: auto;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 12px;height: 30px;clear: both;margin-top: 20px;}
.page .Notices {line-height: 30px;font-size: 14px;display: block;float: left;color: #6e6e6e;margin-right: 30px;filter: progid:DXImageTransform.Microsoft.radius(strength=5); /*ie*/border-radius: 5px; /*opera或ie9*/-webkit-border-radius: 5px; /*safari或chrome*/-moz-border-radius: 5px; /*firefox*/}
.page a {font-weight: bold;display: block;background-color: #fafafa;color: #0f65c7;border: 1px solid #d1d1d1;padding-left: 15px;padding-right: 15px;line-height: 28px;float: left;margin-left: 3px;margin-right: 3px;text-decoration: none;background-image: url(../images/page_bg1.gif);background-repeat: repeat-x;background-position: top;filter: progid:DXImageTransform.Microsoft.radius(strength=5); /*ie*/border-radius: 5px; /*opera或ie9*/-webkit-border-radius: 5px; /*safari或chrome*/-moz-border-radius: 5px; /*firefox*/}
.page a:hover {color: #ffffff;border: 1px solid #004fab;padding-left: 15px;padding-right: 15px;line-height: 28px;background-image: none;background-color: #004fab;}
.page .pagefont {float: left;display: block;color: #e37913;text-decoration: none;font-weight: bold;padding-left: 8px;padding-right: 8px;line-height: 30px;}
.page .nopage {display: block;background-color: #ffffff;color: #dcdcdc;text-decoration: none;border: 1px solid #dcdcdc;padding-left: 12px;padding-right: 12px;line-height: 28px;float: left;margin-left: 3px;margin-right: 3px;filter: progid:DXImageTransform.Microsoft.radius(strength=5); /*ie*/border-radius: 5px; /*opera或ie9*/-webkit-border-radius: 5px; /*safari或chrome*/-moz-border-radius: 5px; /*firefox*/}
.page .nopage span {font-family: "宋体";font-weight: bold;}
.page a span {font-family: "宋体";font-weight: bold;}
.page .dd {display: block;color: #000000;text-decoration: none;padding-left: 8px;padding-right: 8px;line-height: 30px;float: left;margin-left: 3px;margin-right: 3px;}
/*联系方式*/
.mp_box {border: 5px solid #ffffff;}
.t_info {background: #ffffff;width: 100%;padding: 25px;clear: both;}
.t_info p { line-height: 26px; margin-bottom: 10px;font-size: 14px; }
/*留言*/
.from_con_msg {width: 666px;padding: 50px 0;margin-left: auto;margin-right: auto;text-align: center;clear: both;}
.from_con_msg .tit { font-size: 16px; color: #3470dd; line-height: 50px; }
.from_con_msg .desc { line-height: 18px; padding-bottom: 30px; margin: 20px 20px 0; }
.from_con_msg .desc span { color: #3470dd; }
.from_con_msg .f_con .bs_input {display: block;height: 45px;width: 666px;line-height: 30px;text-align: left;}
.from_con_msg .f_con textarea.bs_input { height: 150px; font-family: "Microsoft YaHei"; }
.from_con_msg .f_con .bsi_t {padding: 0 15px;margin-bottom: 18px;background: #ffffff;line-height: 22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.from_con_msg .f_con select.bsi_t {padding-left: 0; width: 100%; color: #666666; }
.from_con_msg .f_con .bs_input.bsi_t.choice { padding: 0; }
.from_con_msg .f_con .bsi_s {float: right;width: 140px;display: block;cursor: pointer;overflow: hidden;border: none;background: #318700;color: #ffffff;text-align: center;}
.from_con_msg .f_con .submit { clear: both; }
.from_con_msg .f_con .bsi_s:hover {background: #e2e200;}
.from_con_msg .f_con .check_img {overflow: hidden;margin-bottom: 0;padding-right: 0;margin-right: 18px;padding-left: 0;width: 140px;float: left;border: 1px solid #ffffff;}
.from_con_msg .f_con .check {width: 350px;float: left;}
input { outline: none;border: 0; }
input:focus { outline: none;border: 0; }
select { outline: none;border: 0; }
select:focus { outline: none;border: 0; }
textarea { outline: none;border: 0; }
textarea:focus { outline: none;border: 0; }

/*招聘列表*/
.twlist dl {height: 146px;/* border-bottom:1px solid #E0E0E0;*/margin-bottom: 30px;background-color:#ffffff;padding:0 0 0 10px;}
.twlist dl dt {height:35px;line-height:35px;}
.twlist dl dt h2 a {/* padding-left:10px; */height:35px;line-height:35px;font-size:16px;display:block;/* background-position:-1197px -86px;*/color:#23ac00;font-weight:600;}
.twlist dl:hover dt h2 a{color: #ffbe40;}
.twlist dl dt h2 a:hover {background-position:-1197px -140px;}
.twlist dl dd {clear:both;}
.twlist dl dt span {margin-right:18px;color:#a5a5a5;}
.twlist dl dd .imgbox {width:150px;height: 100px;margin-right:15px;overflow:hidden;float:left;display:block;}
.twlist dl dd .imgbox img {max-width:100%;}
.twlist dl dd p {height:100px;line-height: 26px;text-indent:2em;color:#a3a3a3;padding-right:12px;}
.topright .ewm .imgbox {width:150px;height:150px;display:block;overflow:hidden;}
.topright .ewm .imgbox img{max-width:100%;}
.twlist dl:hover dd.ddbg1 .imgbox img{transform: scale(1.3);}
.twlist dl dd a{color: red;}
.twlist dl:hover{box-shadow: 0 3px 7px 2px #cccccc;
    background: #f9fdff;}