.page-box { padding: 32px 0; background: #F0F3F8; }
    .page-box .left0 { left: 0 !important; }
    .page-box .left-box { position: fixed; top: 0; left: -50%; width: 50%; height: 100%; background: #245EB5; z-index: 999; }
    .page-box .left-box .title { line-height: 64px; text-align: center; font-size: 18px; color: #FFF; }
    .page-box .left-box .left-menu { position: relative; width: 100%; height: 100%; line-height: 40px; overflow: scroll; }
    .page-box .left-box .left-menu .list { padding-bottom: 136px; }
    .page-box .left-box .left-menu a { color: #FFF; font-size: 14px; }
    .page-box .left-box .left-menu .link { background: #2C74E1; line-height: 24px; font-size: 12px;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s; }
    .page-box .left-box .left-menu .link + .link { border-top: 1px dashed #B0E6FE; }
    .page-box .left-box .left-menu .link .link-list a { display: block; position: relative; padding-left: 16px; }
    .page-box .left-box .left-menu .link .link-list a:before { content: "·"; position: absolute; left: 8px; font-weight: 700; color: #FFF; }

    .page-box .left-box .contact{ display: none;}
    .page-box .left-box .left-menu .Links1{ padding: 8px; }
    .page-box .left-box .left-menu .Links1 li{ color: #fff; line-height: 30px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .page-box .right-box .right-con { padding: 16px; background: #FFF; }
    .page-box .right-box .right-con .title { border-bottom: 1px solid #DDD; line-height: 48px; }
    .page-box .right-box .right-con .title .name {  height: 48px; font-size: 20px; overflow: hidden; }
    .page-box .right-box .right-con .title .name img { display: inline-block; position: relative; top: -1px; }
    .page-box .right-box .right-con .title .sitepath { position: relative; top: 2px; }
    .page-box .right-box .right-con .title .sitepath .link { color: #999; } 
    .page-box .right-box .right-con .title .sitepath .link a { color: #999; }
    .page-box .right-box .right-con .title .sitepath .link a:hover, .page-box .right-box .right-con .title .sitepath .link a.on { color: #00AAF6; } 
    .page-box .right-box .right-con .title .sitepath .link span { margin: auto 4px; font-size: 12px; }
    .page-box .right-box .right-con .title .sitepath .menu-link { color: #00AAF6; cursor: pointer; }
   
    .page-box.product .right-box .list-box { margin: auto -8px; } 
    .page-box.product .right-box .list { padding: 8px; text-align: center; }
    .page-box.product .right-box .list a { display: block; }
    .page-box.product .right-box .list a img { border: 1px solid #DDD; max-width: 100%; height: 127px; }
    .page-box.product .right-box .list a span { display: block; height: 40px; line-height: 40px; overflow: hidden; }
    .page-box.product .right-box .list a:hover img { border-color: #00AAF6; }
    .page-box.product .right-box  .info-content img { max-width: 100%; }

    .page-box.product .right-box .list .tj-box { height: 156px; padding: 3px; border: 1px solid #ddd;}
    .page-box.product .right-box .list .tj-box  img { max-width: 100%; width: auto; height: 100%; border: none; padding: 0;}
    .page-box.product .right-box .list .tj-box:hover { border-color: #00AAF6; }
    
    .page-box.news .right-box .list-box > ul > li a { display: block; position: relative; border-bottom: 1px dashed #DDD; line-height: 40px; color: #666; }
    .page-box.news .right-box .list-box > ul > li a span:first-child:before,.page-box.news .right-box .list-box > ul > li a span:nth-child(2):before { content: "·"; margin-right: 4px; font-weight: 700; }
    .page-box.news .right-box .list-box > ul > li a .visible-xs-block { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .page-box.news .right-box .list-box > ul > li a:hover { color: #00AAF6; }
    



    .col-sm-5ths { width: 20%; float: left; }
    .menu-box { height: 48px;}
    
    .index .product .left-box, .index .product .right-box { height: 429px; overflow: hidden; }
    .left-box { padding-left: 0; padding-right: 16px; }
    .right-box { padding-left: 16px; padding-right: 0; }
    
    .index .product, .index .about, .index .news { padding: 48px 0; }
    .index .product .left-box .title { padding-top: 10px; margin-bottom: 0; background: #1c6fc4; }
    .index .product .left-box .title .byname{ color: #fff; }
    .index .product .left-box .title .name{ color: #fff; }
    .index .product .left-box .list { line-height: 40px; background: #fff; min-height: 347px;}
    .index .product .left-box .list > ul { padding: 0 25px;}
    .index .product .left-box .list > ul > li { border-bottom: 1px dashed #C5C5C5; overflow: hidden; }
    .index .product .left-box .list > .Links1 { padding-bottom: 10px;}
    .index .product .left-box .list > ul > li >a { display: block; position: relative; color: #666; height: 36px; line-height: 36px; font-size: 14px;}
    .index .product .left-box .list > ul > li >a:before { content: ">"; font-weight: 700; margin-right: 8px; font-family: "simsun"; color: #00AAF6; }
    .index .product .left-box .list .index .product .left-box .list > ul > li >a:hover { color: #00AAF6; }

    .index .product .left-box .list .Links1 li { padding-left: 13px;}
    .index .product .left-box .list .Links1 li a { display: block; height:36px; line-height: 36px; padding-left: 10px; color: #666; background: url(../images/a_ns02_1.gif) no-repeat 0px 14px;
        font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .index .product .left-box .list .Links1 li a:hover { color: #00AAF6; }

    .index .product .left-box .list .more { width: 272px; position: absolute; left: 0; bottom: 0; line-height: 40px; text-align: center; }
    .index .product .left-box .list .more a { display: block; background: #BFCBD3; color: #FFF; }
    .index .product .left-box .list .more a:hover { background: #00AAF6; }
    .index .product .right-box { padding-top: 0; }
    .index .product .right-box .list-box { margin: auto -16px; padding-top: 8px; }
    .index .product .right-box .list { margin-bottom: 34px; padding: 0 16px; }
    .index .product .right-box .list .pic { width: 188px; height: 153px; display: table-cell; vertical-align: middle; background: #fff; }
    .index .product .right-box .list .pic img { display: inline; width: 100%; height: auto;}
    
    .index .about .left-box, .index .about .right-box { height: 200px; overflow: hidden; }
    .index .about .left-box .pic img { min-height: 190px; border: 1px solid #ddd;padding: 3px;}
    .index .about .right-box .info { height: 155px; overflow: hidden; line-height: 28px; text-indent: 2em; color: #888; }
    .index .about .right-box .more { margin-top: 0; }
    .index .about .right-box .more > div:first-child { font-size: 18px; }
    .index .about .right-box .more > div:last-child { margin-top: 0; }
    
    .index .news .news-box > .con { line-height: 48px; }
    .index .news .left-box, .index .news .right-box { height: 353px; overflow: hidden; }
    .index .news .news-box > .con > ul > li a .title { width: 400px; }
    .index .news .contact { margin-top: 0; }
    .index .news .contact .pic img { width: 100%; min-height: 353px; }
    .index .news .contact .info { margin-top: -110px; padding: 32px; height: 220px; font-size: 14px; }
    .index .news .contact .info .title { font-size: 24px; }
    .index .news .contact .info .title span:last-child { font-size: 16px; }
    .index .news .contact .info .con { margin-top: 16px; line-height: 28px; }
    
    .page-box { padding: 48px 0; }
    .page-box .left-box { position: relative; top: auto; left: auto; width: 25%; height: auto; background: none; z-index: 0; }
    .page-box .left-box .title { height: 60px; line-height: 60px; background: #e4332d; color: #FFF; }
    .page-box .left-box .title span { display: block; overflow: hidden; }
    .page-box .left-box .left-menu { padding-bottom: 32px; background: #FFF; line-height: 24px; overflow: auto; }
    .page-box .left-box .left-menu .list { padding-bottom: 0; }
    .page-box .left-box .left-menu .link { background: #FFF;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s; 
        transition: all 0.5s; }
    .page-box .left-box .left-menu .link + .link { border-top: none; }
    .page-box .left-box .left-menu .link .link-list a { display: block; position: relative; margin: 0 20px; padding: 16px 0 16px 16px; border-bottom: 1px dashed #C5C5C5; color: #666;}
    .page-box .left-box .left-menu .link .link-list a:before { content: ">"; position: absolute; left: 0; font-family: "simsun"; color: #828282; }
    .page-box .left-box .left-menu .link .link-list:hover { background:#cacaca;}
.page-box .left-box .left-menu .link .link-list:hover a,.page-box .left-box .left-menu .link .link-list:hover a:before { border-color: #b7b7b7; color: #fff; transition: 0s;}
.page-box .left-box .left-menu .link .Links1 { padding: 5px 25px;}
   
    .page-box .left-box .left-menu .Links1 { padding: 0 32px;}
    .left-box .left-menu .Links1 li{ display: block; overflow: hidden; padding-left: 15px;}
    .left-box .left-menu .Links1 li a { display: block; height: 36px; line-height: 36px; color: #595959; padding-left: 10px; background: url(../images/a_ns02_1.gif) no-repeat 0px 14px; font-size: 12px;}
    .left-box .left-menu .Links1 li a:hover { color: #00AAF6;}

    .page-box .left-box .contact { margin-top: 24px; display: block;}
    .page-box .left-box .contact .pic a { display: block; position: relative; height: 96px; overflow: hidden; }
    .page-box .left-box .contact .pic a .text { position: absolute; top: 50%; margin-top: -32px; width: 80%; height: 64px; background: #2580EA; background: rgba(33,33,33,0.5); line-height: 32px; }
    .page-box .left-box .contact .pic a .text span { display: block; padding-left: 16px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #FFF; }
    .page-box .left-box .contact .pic img { width: 100%; min-height: 96px; }
    .page-box .left-box .contact .list-box { padding: 16px; background: #FFF; line-height: 40px; color: #666; }
    .page-box .left-box .contact .list-box span { font-size: 14px;}
    .page-box .right-box .right-con { padding: 32px; }
    .page-box .right-box .right-con .details { padding: 16px; }
    .page-box .right-box .right-con .details .info-title { font-size: 24px; }


    .page-box.product .left-box .contact a span, .page-box.news .left-box .contact a span { display: block; text-transform: uppercase; }
    .page-box.product .left-box .contact a .name, .page-box.news .left-box .contact a .name { font-size: 24px; font-weight: 700; }
    .page-box.product .left-box .contact a .byname, .page-box.news .left-box .contact a .byname { font-size: 16px; }
    .page-box.product .left-box .contact a:before, .page-box.news .left-box .contact a:before { content:""; display: block; position: absolute; top: 12px; left: 16px; width: 56px; height: 56px; }
    
    .paging-first , .paging-last { display: inline-block !important; }
    .paging-first , .paging-last , .paging-prev , .paging-next , .paging-num { padding: 8px 16px; }
    .paging a , .lang-page-on { padding: 8px 16px; }

    .product .right-box .right-con .info .list a > img { width: 100%; height: 153px; }



/*招聘*/
#join{ overflow:hidden;}
#join li{float: left; width: 287px; background-color: #fff; margin: 0 17px 17px 0; padding:30px 0 30px 35px; position: relative; overflow: hidden; zoom:1; border:1px solid #e6e6e6;}
#join li div{height: 40px; line-height: 40px; color: #898381; font-size: 14px; letter-spacing: 1px}
#join li div span{padding-left: 10px; font-weight: bold; color: #6C645F}
#join li p{position: absolute; float: left; z-index: 99; right: 0; top:70px; width: 90px;background-color:#00923F; padding: 7px 0 7px 10px; margin-right: -150px; transition: 0.3s ease}
#join li p strong{display: block; width: 28px; height: 28px; border: 1px solid #fff; color: #fff; border-radius: 28px; text-align: center; line-height: 25px; font-size: 20px; transition: 1s ease}
#join li:hover p{margin-right: 0; transition: 0.3s ease}
#join li:hover p strong{transform: rotate(360deg); transition: 1s ease}

#join li a{ text-decoration:none; }

.zp-xq{
	padding: 10px;
}
.zp-xq dl{
	background:#efefef;
	padding:10px;
	overflow:hidden;
}
.zp-xq dl dt{
	float:left; 
}
.zp-xq dl dt span{
	display:block;
}
.zp-xq dl dt h1{
	font-size:25px;
	padding:13px 0;
}
.zp-xq dl dt em{
	display:block;
	font-style:normal;
}
.zp-xq dl dd{
	float:right;
}
.zp-xq dl dd span{
	font-size:25px;
	text-align:right;
	color:#000;
	padding-top:15px;
	display:block;
}
.zp-xq dl dd h1{
	padding:13px 0;    font-size: 14px;
}
.zp-xq-box{
	overflow:hidden;
	padding:10px;
}
.zp-xq-box h3{
	color:#666;
}
.line{
	width:21px;
	height:2px;
	background:#666;
	margin:12px 0;
}
.zp-xq-box p{
	line-height:25px;
	margin-bottom:30px;
}
.anniu{
	width:200px;
	height:40px;
	margin:0 auto;
	background:#666;
	line-height:40px;
	text-align:center;
}
.anniu a{
	color:#fff;
	font-weight:bold;
}
/*留言*/
.message{padding-left:30px;padding-top:10px;z-index:100;position:relative}
.message tr th{font-weight:400;text-align:right;height:42px;line-height:42px;color:#666}
.message .m_input{height:30px;line-height:30px;padding:0;padding-left:6px;border:1px solid #e7e7e7;width:460px}
.message textarea.m_input{display:block;width:460px;height:120px;padding:6px;font-size:12px;border:1px solid #e7e7e7;margin-top:6px}
.message .msgbtn{background:#000;cursor:pointer;width:90px;height:30px;line-height:30px;text-align:center;border:none;color:#fff;font-size:14px;border-radius:3px;margin-top:15px;font-family:"Microsoft YaHei";-moz-border-radius:3px;-webkit-border-radius:3px}

.validform_checktip{font-size:12px;padding-left:10px}
.validform_wrong{color:#e33b3d}
.validform_error{border-color:#e33b3d !important}
.validform_right,.validform_loading{display:none !important}

/*新闻列表*/
.relate-new{position:relative;padding:15px 0;overflow:hidden}
.relate-new li{float:left;width:100%;position:relative;line-height:30px;font-size:14px;color:#666}
.relate-new li a{display:block;padding-right:30%;color:#444}
.relate-new li span{position:absolute;right:0;top:0;font-size:12px;color:#999}
.relate-new li a:before{content:'';display:inline-block;width:14px;height:14px;background:#d1d1d1 url(../images/arrows_5.png) -1px -16px no-repeat;border-radius:50%;vertical-align:middle;margin-right:10px}
.relate-new li:hover a{color:#ff7c00}
.relate-new li:hover a:before{background-color:#ff7c00}

.news-list li{padding:10px;background:#fff;margin-bottom:20px;-webkit-transition:all .5s;transition:all .5s}
.news-list li .tit{border-bottom:1px solid #f2f2f2;margin-bottom:5px;position:relative}
.news-list li .tit h3{padding-bottom:5px;font-size:16px;color:#565656;font-weight:400;padding-right:25%;margin:0}
.news-list li .tit .date{position:absolute;right:0;top:0;font-size:12px;color:#999}
.news-list li .info{font-size:14px;line-height:2;color:#999}
/*翻页*/
.xypg-pagination{text-align:right;clear:both}
.xypg-pagination a, .xypg-pagination span{background:#fff;vertical-align:middle;border:1px solid #eee;color:#444;padding:5px 8px;margin:0 3px}
.xypg-pagination a:hover{background:#eee;color:#00641c}
.xypg-pagination span.current{background:#000;color:#fff}
.xypg-pagination span.disable{background:#f2f2f2;color:#999}
.chpin a span{ text-align:center; display:block;}