/*public*/
* {margin:0; padding:0; outline:none; font-family:"Microsoft Yahei";}
body {color:#656565; width:100%; margin:0 auto; font-size:12px;}
ol,ul,li {list-style:none;}
img {border:none;}
a {text-decoration:none; font-size:12px; color:#626262; transition:.5s all linear;}

/*head*/
.head {}
.head .head_top {overflow:hidden; width:1300px; margin:0 auto;}
.head .head_top .logo {overflow:hidden; float:left; margin:20px auto 25px;}
.head .head_top .logo img {display:block;}
.head .head_top .head_top_r {float:right; margin:20px 5px 0 0;}
.head .head_top .head_top_r .yy {display:none; overflow:hidden; float:left; line-height:25px;}
.head .head_top .head_top_r .yy a {display:block; float:left; font-family:'Arial'; color:#fff; border:3px solid #999; padding:0 15px 0 8px;}
.head .head_top .head_top_r .yy a:nth-last-child(1) {border-left:none;}
.head .head_top .head_top_r .yy .b {overflow:hidden;}
.head .head_top .head_top_r .yy .b .cn {background:url(../images/img/head_yy_a.png) #261b17 59px center no-repeat;}
.head .head_top .head_top_r .yy .b .en {background:url(../images/img/head_yy_a.png) #261b17 53px center no-repeat;}
.head .head_top .head_top_r .yy .b .jp {background:url(../images/img/head_yy_a.png) #261b17 67px center no-repeat;}
.head .head_top .head_top_r .yy .b .cn:hover {background:url(../images/img/head_yy_a.png) #999 59px center no-repeat;}
.head .head_top .head_top_r .yy .b .en:hover {background:url(../images/img/head_yy_a.png) #999 53px center no-repeat;}
.head .head_top .head_top_r .yy .b .jp:hover {background:url(../images/img/head_yy_a.png) #999 67px center no-repeat;}
.head .head_top .head_top_r .yy .s {overflow:hidden; display:none;}
.head .head_top .head_top_r .yy .s .cn {background:url(../images/img/head_yy_a.png) #261b17 30px center no-repeat;}
.head .head_top .head_top_r .yy .s .en {background:url(../images/img/head_yy_a.png) #261b17 30px center no-repeat;}
.head .head_top .head_top_r .yy .s .jp {background:url(../images/img/head_yy_a.png) #261b17 27px center no-repeat;}
.head .head_top .head_top_r .yy .s .cn:hover {background:url(../images/img/head_yy_a.png) #999 30px center no-repeat;}
.head .head_top .head_top_r .yy .s .en:hover {background:url(../images/img/head_yy_a.png) #999 30px center no-repeat;}
.head .head_top .head_top_r .yy .s .jp:hover {background:url(../images/img/head_yy_a.png) #999 27px center no-repeat;}

.head .head_top .head_top_r .ss {float:left; position:relative; line-height:27px;}
.head .head_top .head_top_r .ss input {border:1px solid #cccccc; line-height:29px; padding-right:29px; text-indent:10px; margin-left:18px; transition:.5s all linear;}
.head .head_top .head_top_r .ss input:focus {box-shadow:0 0 5px #999;}
.head .head_top .head_top_r .ss button {position:absolute; right:1px; top:1px; border:none; width:29px; height:29px; background:url(../images/img/head_ss.png) center center no-repeat; cursor:pointer;}

.head .menu {background:url(../images/img/head_li.jpg) #3c3736 bottom repeat-x;}
.head .menu .topnav {text-align:center; height:56px; line-height:56px; font-size:0;}
.head .menu .topnav .l1 {display:inline-block; margin-right:2px; cursor:pointer; position:relative; background:url(../images/img/head_li.jpg) #3c3736 bottom repeat-x; transition:.5s all linear;}
.head .menu .topnav .l1:hover {background:url(../images/img/head_li_hover.jpg) #635f5e bottom repeat-x;}
.head .menu .topnav .l1:after {content:''; position:absolute; top:0; right:-2px; background:#000; width:2px; height:56px; display:block; background:url(../images/img/head_li_x.jpg) #3c3736 center bottom no-repeat;}
.head .menu .topnav .l1 .a1 {display:block; padding:0 50px; font-size:16px; color:#fff;}
.head .menu .topnav .l1 .subnav {display:none; position:absolute; overflow:hidden; top:56px; width:100%; background:#fff; z-index:100; box-shadow:2px 2px 3px #666;}
.head .menu .topnav .l1 .subnav li {overflow:hidden; line-height:35px; text-align:center; border-bottom:1px solid #cfcfcf; transition:.5s all linear;}
.head .menu .topnav .l1 .subnav li:nth-last-child(1) {border-color:#635f5e;}
.head .menu .topnav .l1 .subnav li a {display:block; font-size:14px; color:#3c3736;}
.head .menu .topnav .l1 .subnav li:hover {background:#999;}
.head .menu .topnav .l1 .subnav li:hover a {color:#fff;}
.head .menu .topnav .xx {background:url(../images/img/head_li.jpg) bottom repeat-x,url(../images/img/head_xx.png) center center no-repeat; margin-right:0;}
.head .menu .topnav .xx:hover {background:url(../images/img/head_li_hover.jpg) bottom repeat-x,url(../images/img/head_xx.png) #635f5e center center no-repeat;}
.head .menu .topnav .xx:after {display:none;}

.head .menu .topnav_jr {display:none; overflow:hidden; height:56px; line-height:56px;}
.head .menu .topnav_jr li {overflow:hidden; float:left; cursor:pointer; background:url(../images/img/head_li.jpg) #3c3736 bottom repeat-x; transition:.5s all linear;}
.head .menu .topnav_jr li:hover {background:url(../images/img/head_li_hover.jpg) #635f5e bottom repeat-x;}
.head .menu .topnav_jr li a {display:block; padding:0 15px; font-size:16px; color:#fff;}
.head .menu .menu_xl {float:right; line-height:56px; width:105px; cursor:pointer; background:url(../images/img/head_li.jpg) bottom repeat-x,url(../images/img/head_xx.png) center center no-repeat;}
.head .menu .menu_xl:hover {background:url(../images/img/head_li_hover.jpg) bottom repeat-x,url(../images/img/head_xx.png) #635f5e center center no-repeat;}
.head .navM {width:100%; height:100%; padding-top:15%; overflow:hidden; background:#333333; position:fixed; left:0; top:0; z-index:99999; display:none;}
.head .navM .gb {display:block; position:absolute; width:30px; height:30px; right:20px; top:25px; background:url(../images/img/nav_gb.png) center center no-repeat; cursor:pointer;}
.head .navM .xz {transform:rotate(-90deg);}
.head .navM ul {overflow:hidden; margin:0 auto; width:85%;}
.head .navM ul li {line-height:40px; text-align:left; text-indent:10px; padding-right:10px; border-bottom:1px solid #666666;}
.head .navM ul li a {font-size:16px; color:#fff;}
.head .navM ul li div {overflow:hidden; padding-left:10px; line-height:25px; margin-bottom:10px; display:none;}
.head .navM ul li div a {font-size:12px; margin-right:20px; color:#000;}

.main {overflow:hidden;}
.framecenter {overflow:hidden;}
.index_bt {overflow:hidden;}
.index_bt p {float:left; font-size:24px; font-weight:bold; color:#333333; padding-right:10px; margin-right:10px; background:url(../images/img/index_bt_x.jpg) right center no-repeat;}
.index_bt span {display:block; float:left; padding:0 15px; margin-top:4px; line-height:24px; border-radius:12px; font-size:13px; background:#f55812; color:#fff;}

.page_banner {overflow:hidden;}
.page_banner img {display:block; width:100%;}

/*banner*/
#slides {display:none; position:relative; width:100%;}
.slidesjs-container {}
.slidesjs-container .slidesjs-slide a img {display:block; width:100%;}
.slidesjs-pagination {position:absolute; left:50%; bottom:5%; z-index:99;}
.slidesjs-pagination li {float:left; padding:0 8px;}
.slidesjs-pagination li a {display:block; border-radius:16px; width:16px; height:16px; background:#d2d0d0; border:1px solid #a1a1a1; overflow:hidden; text-indent:90px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#a1a1a1;}

/*index_goods*/
.index_goods {overflow:hidden; width:1385px; margin:35px auto;}
.index_goods .index_bt {width:1300px; margin:0 auto;}
.index_goods .fy {overflow:hidden; float:right;}
.index_goods .fy a {display:block; float:left; border:1px solid #ccc; width:29px; height:29px;}
.index_goods .fy .roll_lt {background:url(../images/img/index_goods_l.png) center center no-repeat;}
.index_goods .fy .roll_rt {background:url(../images/img/index_goods_r.png) center center no-repeat; margin-left:7px;}
.index_goods .fy .roll_lt:hover {background:url(../images/img/index_goods_l_hover.png) center center no-repeat;}
.index_goods .fy .roll_rt:hover {background:url(../images/img/index_goods_r_hover.png) center center no-repeat; margin-left:7px;}
.index_goods_gd {overflow:hidden; _width:100%; margin-top:30px;}
.index_goods_gd ul {overflow:hidden; *zoom:1; width:9999em;}
.index_goods_gd li {float:left; display:inline; text-align:center;}
.index_goods_gd li img {display:block; border:4px solid #d8d7d7; transition:.5s all linear;}
.index_goods_gd li:hover img {border-color:#999;}

.index_content {overflow:hidden; width:1300px; margin:0 auto 35px;}
/*index_about*/
.index_about {overflow:hidden; float:left; width:575px;}
.index_about .on {overflow:hidden; margin-top:30px;}
.index_about .on div {overflow:hidden; float:left; width:316px; height:237px; text-align:center; display:table-cell; vertical-align:middle;}
.index_about .on div img {max-width:316px; max-height:237px;}
.index_about .on p {overflow:hidden; float:right; font-size:14px; color:#333333; line-height:23px; width:230px; max-height:184px; margin-top:30px;}
.index_about  .more {display:block; font-family:'Arial'; font-size:14px; color:#333333; line-height:40px; background:url(../images/img/index_about_more.jpg) #f55913 right center repeat-y; text-align:right;}
/*index_news*/
.index_news {overflow:hidden; float:right; width:675px;}
.index_news .index_bt .more {display:block; line-height:31px; font-family:'Arial'; float:right; padding-right:15px; background:url(../images/img/index_news_more.png) right center no-repeat;}
.index_news ul {overflow:hidden;}
.index_news ul li {overflow:hidden; margin:20px 0;}
.index_news ul li:nth-last-child(1) {margin:20px 0 0 0;}
.index_news ul li .time {position:relative; float:left; background:#f55812; text-align:center; padding:5px;}
.index_news ul li .time span {display:block; margin-bottom:2px; font-family:'Microsoft Yahei'; font-size:24px; color:#fff; font-weight:bold;}
.index_news ul li .time {font-family:'Arial'; color:#fff;}
.index_news ul li .time img {position:absolute; right:0; bottom:-19px;}
.index_news ul li .title {overflow:hidden; float:right; width:590px; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
.index_news ul li .title div {overflow:hidden;}
.index_news ul li .title div a {display:block; font-size:14px; color:#333333;}
.index_news ul li .title div p {overflow:hidden; color:#666666; line-height:25px; height:50px; margin:12px 0 15px 0;}
.index_news ul li .title .more {display:block; float:right; color:#f55812;}
.index_news ul li:hover .title div a {color:#f55812;}

/*page_view*/
.page_view {overflow:hidden; width:1300px; margin:0 auto;}
.page_view .page_wz {overflow:hidden; font-size:14px; color:#333333; padding:15px 0;}
.page_view .page_wz .home {overflow:hidden; display:block; float:left; margin-right:10px; width:19px; height:19px; background:url(../images/img/page_wz.png) center center no-repeat;}
.page_view .page_wz a {font-size:14px; color:#333333;}
.page_view .page_wz a:nth-last-child(1) {color:#f90014;}

/*二级兼容菜单*/
.page_content .page_bt {display:none; position:relative; font-size:16px; line-height:40px; text-indent:20px; color:#fff; background:#3c3736; cursor:pointer;}
.page_content .page_bt img {position:absolute; right:5%; top:50%; margin-top:-3.5px; transition:.5s all ease;}
.page_content .on img {transform: rotate(-180deg);}
.page_content .page_xl {overflow:hidden; display:none; position:absolute; left:0; top:39px; margin:0 auto; width:85%; padding:2% 7.5% 7%; background:#333333; z-index:99;}
.page_content .page_xl li {overflow:hidden; line-height:35px; text-align:left; text-indent:10px; padding-right:10px; border-bottom:1px solid #666666;}
.page_content .page_xl li a {font-size:14px; color:#cccccc;}

.page_view .page_content {overflow:hidden; margin-bottom:35px;}
.page_view .page_content .page_nav {overflow:hidden; float:left; width:215px; padding:0 3px; border:10px solid #d2cfcf;}
.page_view .page_content .page_nav li {overflow:hidden; line-height:35px; border-bottom:1px solid #cfcfcf;}
.page_view .page_content .page_nav li:nth-last-child(1) {border-bottom:none;}
.page_view .page_content .page_nav li a {display:block; font-size:14px; color:#3c3736; text-indent:50px; background:url(../images/img/page_nav_li.png) 35px center no-repeat;}
.page_view .page_content .page_nav li a:hover {color:#e60012;}

.page_view .page_content .page_right {overflow:hidden; float:right; width:1030px; border:1px solid #d4d1d1;}
.page_view .page_content .page_right .bt {font-size:18px; width:100%; text-indent:40px; line-height:40px; color:#3c3736; font-weight:bold; border-bottom:1px dotted #818181; background:url(../images/img/page_bt.jpg) 20px top no-repeat;}
.page_view .page_content .page_right .content {overflow:hidden; padding:30px; font-size:14px; line-height:23px; color:#333333; min-height:100px;}
.page_view .page_content .page_right .content img {display:block; max-width:100%;}
.page_view .page_content .page_right .fh {position:fixed; right:-45px; bottom:30px; display:block; width:40px; height:40px; background:url(../images/img/fh_top.jpg) center center no-repeat; cursor:pointer; transition:.5s all ease;}

/*job*/
.job {overflow:hidden; padding:20px;}
.job ul {overflow:hidden; text-align:center;}
.job ul li {overflow:hidden; line-height:50px; font-size:14px; color:#4c4c4c; border-bottom:1px solid #e9ebed; transition:.5s all linear;}
.job ul li:hover {border-color:#3c3736;}
.job ul li:nth-child(1) {background:#3c3736; border-bottom:none;}
.job ul li:nth-child(1) p {color:#fff;}
.job ul li p {float:left; width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.job ul li p:nth-child(1) {width:250px;}
.job ul li a {float:left; width:140px; font-size:14px; color:#e60012; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.job table {width:100%; line-height:40px; margin-top:15px; text-align:center; border-collapse:collapse;}
.job table tr:nth-child(1) {background:#3c3736; border-bottom:none; color:#fff;}
.job table tr a:hover {color:#f90014;}

/*photo*/
.photo {overflow:hidden; padding:30px;}
.photo ul {}
.photo ul li {overflow:hidden; float:left; margin:0 62px 25px 0; border:1px solid #ededed; transition:.5s all linear;}
.photo ul li:nth-child(3n) {margin:0 0 25px 0;}
.photo ul li:hover {box-shadow:0 15px 30px rgba(0,0,0,0.1); transform:translate3d(0,-3px,0);}
.photo ul li div {overflow:hidden; font-size:0; width:280px; height:200px; text-align:center; display:table-cell; vertical-align:middle;}
.photo ul li div img {max-width:280px; max-height:200px;}
.photo ul li p {overflow:hidden; width:90%; line-height:45px; margin:0 auto; text-align:center; font-size:14px; color:#333333; white-space:nowrap; text-overflow:ellipsis;}

/*news*/
.news {overflow:hidden; padding:30px;}
.news ul {overflow:hidden;}
.news ul li {overflow:hidden; border-bottom:1px solid #e9ebed; padding-bottom:30px; margin-bottom:30px;}
.news ul li .pic {overflow:hidden; float:left; width:260px; height:180px; text-align:center; display:table-cell; vertical-align:middle;}
.news ul li .pic img {max-width:260px; max-height:180px; transition:.5s all linear;}
.news ul li .title {overflow:hidden; position:relative; float:right; width:670px; min-height:180px;}
.news ul li .title .a1 {display:block; width:85%; font-size:14px; color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news ul li .title span {display:block; font-family:'Arial'; margin:15px 0; font-size:14px; color:#999999;}
.news ul li .title p {overflow:hidden; color:#666666; line-height:23px; height:69px;}
.news ul li .title .more {position:absolute; left:0; bottom:0; font-family:'Arial'; color:#999999;}
.news ul li:hover .pic img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.news ul li:hover .title .a1 {color:#e60012;}
.news ul li .title .more:hover {color:#e60012;}

/*pro*/
.pro {overflow:hidden; padding:20px;}
.pro ul {}
.pro ul li {overflow:hidden; float:left; border:1px solid #f1f1f1; margin:0 27px 40px 0; transition:.5s all linear;}
.pro ul li:nth-child(4n) {margin:0 0 40px 0;}
.pro ul li div {overflow:hidden; font-size:0; width:225px; height:195px; text-align:center; display:table-cell; vertical-align:middle; border-bottom:3px solid #e60012;}
.pro ul li div img {max-width:225px; max-height:195px;}
.pro ul li p {overflow:hidden; width:90%; line-height:45px; margin:0 auto; text-align:center; font-size:14px; color:#333333; white-space:nowrap; text-overflow:ellipsis;}
.pro ul li:hover {box-shadow:0 15px 30px rgba(0,0,0,0.1); transform:translate3d(0,-3px,0);}

/*留言*/
.area .area_div {overflow:hidden; width:50%; float:left;}
.area .area_div p {float:left; color:#f90014; line-height:29px; margin:17px 10px 0 0;}
.area .area_div .ipt {width:67% !important;}
.area .goods_xl {overflow:hidden; width:100%;}
.area .goods_xl .ipt {width:20%; margin-right:2%;}
.area .goods_xl .ipt:nth-last-child(1) {margin-right:0;}

/*fy*/
#fy {overflow:hidden; width:100%; margin-bottom:20px;}
#fy a {display:block; float:left; border:1px solid #f1f1f1; padding:0 15px; line-height:35px; margin-right:10px;}
#fy a:nth-last-child(1) {margin-right:0;}
#fy a:hover {background:#e60012; color:#fff;}
#fy .current {background:#e60012; color:#fff;}

/*footer*/
.footer {overflow:hidden; background:#333333;}
.footer .footer_on {overflow:hidden; width:1300px; margin:0 auto;}
.footer .footer_on .footer_nav {overflow:hidden; text-align:center; border-bottom:1px solid #535353; padding:30px 0;}
.footer .footer_on .footer_nav dl {overflow:hidden; display:inline-block; vertical-align:top; text-align:left; margin-right:130px; padding-left:30px; background:url(../images/img/footer_nav_dt.png) 11px 10px no-repeat;}
.footer .footer_on .footer_nav dl:nth-last-child(1) {margin-right:0;}
.footer .footer_on .footer_nav dl dt {overflow:hidden; margin-bottom:5px;}
.footer .footer_on .footer_nav dl dt a {font-size:16px; color:#fff;}
.footer .footer_on .footer_nav dl dd {overflow:hidden; line-height:23px;}
.footer .footer_on .footer_nav dl dd a {font-size:14px; color:#cccccc;}
.footer .footer_on .footer_bz {overflow:hidden; line-height:55px;}
.footer .footer_on .footer_bz a:hover {color:#fff;}
.footer .footer_on .footer_bz p {float:left;}
.footer .footer_on .footer_bz p a {margin-left:20px;}
.footer .footer_on .footer_bz div {overflow:hidden; float:right;}
.footer .footer_on .footer_bz div a {margin:0 10px;}

/*屏幕兼容*/
@media screen and (max-width:1400px) {
	.head .head_top {width:auto;}
	.head .head_top .logo {margin:20px 0 25px 15px;}
	.head .head_top .head_top_r {margin:20px 15px 0 0;}
	.head .menu .topnav .l1 .a1 {padding:0 40px;}
	.index_goods {width:auto;}
	.index_goods .index_bt {width:auto;}
	.index_goods .index_bt p {margin-left:15px;}
	.index_goods .fy {margin-right:15px;}
	.index_content {width:auto;}
	.index_about {margin-left:15px;}
	.index_news {margin-right:15px; width:auto;}
	.index_news ul li .title {margin-left:30px; width:540px;}
	.footer .footer_on {width:auto;}
	.footer .footer_on .footer_nav {padding:30px 15px;}
	.footer .footer_on .footer_nav dl {margin:0 3%;}
	.footer .footer_on .footer_nav dl:nth-last-child(1) {margin:0 3%;}
	.footer .footer_on .footer_bz p {margin:0 15px;}
}

@media screen and (max-width:1350px) {
	.page_view {width:auto;}
	.page_view .page_wz {margin:0 15px;}
	.page_view .page_content .page_nav {margin-left:15px;}
	.page_view .page_content .page_right {width:70%; margin:0 15px;}
	.news ul li .title {width:60%;}
	.job ul li p {width:20%;}
	.job ul li p:nth-child(1) {width:25%;}
	.job ul li p:nth-child(5) {width:15% !important;}
	.job ul li a {width:15%;}
	.photo {padding:30px 0;}
	.photo ul {text-align:center;}
	.photo ul li {float:none; margin:0 31px 25px; display:inline-block;}
	.photo ul li:nth-child(3n) {margin:0 31px 25px;}
	.pro {padding:20px 0;}
	.pro ul {text-align:center;}
	.pro ul li {float:none; margin:0 15px 30px; display:inline-block;}
	.pro ul li:nth-child(4n) {margin:0 15px 30px;}
	#fy {text-align:center;}
	#fy a {display:inline-block; float:none; margin:0 5px;}
	#fy a:nth-last-child(1) {margin:0 5px;}
}

@media screen and (max-width:1280px) {
	.index_news ul li .title {margin-left:20px; width:490px; padding-bottom:10px;}
	.index_news ul li .title div p {margin:12px 0 10px 0;}
	.index_about .on div {width:286px; height:207px;}
	.index_about .on div img {max-width:280px; max-height:207px;}
	.index_about .on p {width:260px;}
}

@media screen and (max-width:1210px) {
	.index_news ul li .title {margin-left:15px; width:450px;}
}

@media screen and (max-width:1170px) {
	.head .menu .topnav .l1 .a1 {padding:0 30px;}
	.index_news ul li .title {width:410px;}
	.index_about {width:auto;}
	.index_about .on div {width:266px; height:187px; margin-right:15px;}
	.index_about .on div img {max-width:260px; max-height:187px;}
	.index_about .on p {font-size:13px; margin-top:35px;}
	.index_news ul li .title div p {margin:4px 0 10px 0;}
}

@media screen and (max-width:1090px) {
	.index_about {float:none; margin:0 15px 30px;}
	.index_about .on div {width:316px; height:237px; margin-right:30px;}
	.index_about .on div img {max-width:316px; max-height:237px;}
	.index_about .on p {float:none; font-size:15px; width:auto; line-height:30px;}
	.index_news {float:none; margin:0 15px;}
	.index_news ul li .time {margin-right:35px;}
	.index_news ul li .title {width:auto; float:none;}
	.slidesjs-pagination li {padding:0 6px;}
	.slidesjs-pagination li a {width:14px; height:14px; border-radius:14px;}
	.news ul li .title {width:50%;}
	.photo {padding:20px 0;}
	.photo ul li {float:none; margin:0 10px 15px; display:inline-block;}
	.photo ul li:nth-child(3n) {margin:0 10px 15px;}
	.footer .footer_on .footer_nav dl {margin:0 2%;}
	.footer .footer_on .footer_nav dl:nth-last-child(1) {margin:0 2%;}
}

@media screen and (max-width:1000px) {
	.head .menu .topnav .l1 .a1 {padding:0 25px;}
	.page_view .page_content .page_right {width:65%;}
}

@media screen and (max-width:970px) {
	.news ul li .title {width:45%;}
	.footer .footer_on .footer_nav dl {padding-left:25px;}
}

@media screen and (max-width:880px) {
	.head .head_top .logo img {height:33px;}
	.head .head_top .head_top_r .yy .b {display:none;}
	.head .head_top .head_top_r .yy .s {display:block;}
	.head .menu {height:56px;}
	.head .menu .topnav {display:none;}
	.head .menu .topnav_jr {display:block;}
	.page_view .page_content .page_nav {display:none;}
	.page_view .page_content .page_bt {display:block;}
	.page_view .page_content .page_right {width:auto; float:none; margin:15px 15px 0;}
	.job {padding:20px 0;}
	.footer .footer_on .footer_nav dl {margin:0 1%;}
	.footer .footer_on .footer_nav dl:nth-last-child(1) {margin:0 1%;}
	.area .goods_xl .ipt {width:30%;}
	.job table {line-height:30px;}
}

@media screen and (max-width:770px) {
	.footer .footer_on .footer_nav {padding:15px; text-align:initial;}
	.footer .footer_on .footer_nav dl dt a {font-size:14px;}
	.footer .footer_on .footer_nav dl {margin:0; display:block;}
	.footer .footer_on .footer_nav dl:nth-last-child(1) {margin:0;}
	.footer .footer_on .footer_nav dl dd {display:none;}
}

@media screen and (max-width:740px) {
	.head .head_top {margin-bottom:10px; padding-bottom:5px;}
	.head .head_top .logo {float:none; margin:15px;}
	.head .head_top .logo img {height:auto; max-width:100%;}
	.head .head_top .head_top_r {float:none; margin:0 0 0 15px;}
	.head .menu {height:45px;}
	.head .menu .topnav {height:45px; line-height:45px;}
	.head .menu .menu_xl {width:80px; line-height:45px;}
	.head .menu .topnav_jr {height:45px; line-height:45px;}
	.footer .footer_on .footer_bz {padding:10px 0; line-height:23px;}
	.footer .footer_on .footer_bz p {margin-bottom:10px;}
}

@media screen and (max-width:640px) {
	.index_about .on div {width:100%; height:auto; margin-right:0;}
	.index_about .on div img {width:100%; height:100%; max-width:100%; max-height:100%;}
	.index_about .on p {float:left; margin:15px auto 30px;}
	.index_bt p {font-size:22px;}
	.index_bt span {font-size:12px; line-height:23px;}
	.slidesjs-pagination li {padding:0 4px;}
	.slidesjs-pagination li a {width:12px; height:12px; border-radius:12px;}
	.job ul li {font-size:12px; line-height:40px;}
	.job ul li a {width:13%; font-size:12px; float:right; margin-right:1%;}
	.news {padding:20px;}
	.news ul li {padding-bottom:3%; margin-bottom:6%;}
	.news ul li:nth-last-child(1) {margin-bottom:0;}
	.news ul li .pic {float:none; margin-bottom:4%; width:auto; height:auto; display:block;}
	.news ul li .pic img {width:100%; max-width:100%; max-height:100%;}
	.news ul li .title {width:auto; float:none; min-height:150px;}
	.news ul li .title span {margin:2% auto;}
	.page_view .page_content .page_right .content {padding:20px;}
	.area_div {float:none !important; width:auto !important;}
	.area .goods_xl .ipt {width:40%;}
}

@media screen and (max-width:450px) {
	.head .menu .topnav_jr li a {font-size:13px; padding:0 10px;}
}

@media screen and (max-width:400px) {
	.index_about .index_bt span {margin-top:10px;}
	.head .navM .gb {top:15px;}
	.photo {padding:5%;}
	.photo ul li {margin:0 auto 5%;}
	.photo ul li:nth-child(3n) {margin:0 auto 5%;}
	.photo ul li div {width:auto; height:auto; display:block;}
	.photo ul li div img {width:100%; max-width:100%; max-height:100%;}
	.pro {padding:5%;}
	.pro ul li {margin:0 auto 5%;}
	.pro ul li:nth-child(4n) {margin:0 auto 5%;}
	.pro ul li div {width:auto; height:auto; display:block;}
	.pro ul li div img {width:100%; max-width:100%; max-height:100%;}
}

@media screen and (max-width:370px) {
	.index_news .index_bt a {margin-top:10px;}
	.head .menu .topnav_jr li a {font-size:12px; padding:0 7px;}
	.area_div .ipt {width:65% !important;}
	.page_view .page_content .page_right .content {padding:10px;}
	.job table {line-height:20px;}
}