@charset "utf-8";

html,body{height: 100%;}
ul,ol,li{ margin:0; padding:0; list-style:none;}
a{color: #000;}
a:hover{color: #004fa3;}
@media screen and (max-width: 1023px){
	
		
	.icon_contact{ width:32px; height:32px; line-height:32px; position:fixed; right:10px; bottom:102px; z-index:1010; text-align:center; background:#555; color:#ddd; opacity:.9; display:none; cursor:pointer;}
	.icon_contact:hover{ opacity:1;}
	.icon_contact:before{ content:"\f0e6"; font-family:FontAwesome; font-size:1.6rem;}
	.box_contact_sidebar{ width:120px; background:rgba(85,85,85,.9); position:fixed; right:10px; bottom:102px;z-index: 999;}
	.box_contact_sidebar .bhead{ height:36px; padding:0 0 0 10px; background:#555; color:#A0A0A0; position:relative;}
	.box_contact_sidebar .bhead strong{ line-height:36px; font-size:14px; float:left;}
	.box_contact_sidebar .bbody{ padding:10px; color:#FFF; font-size:14px;}
	.box_contact_sidebar .bbody img{ width: 100%; height: auto;}
	.close-im{ width:36px; height:36px; float:right;}
	.close-im a{ display:block; width:36px; height:36px; line-height:36px; text-align:center; color:#ABABAB;}
	.close-im a:before{ content:"\f054"; font-family:FontAwesome; font-size:1.6rem;}
	.am-with-fixed-navbar{ padding-bottom: 0;}
	

}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.am-sticky-placeholder{width: 100%; position:absolute;z-index: 9999;}
	header{width: 100%;height: 110px;position: fixed;left: 0;top: 0;transition: all .3s;z-index: 9999;background: rgba(246,246,246,1);}
	header.header_index{background: rgba(246,246,246,0);}
	header.am-sticky{background: rgba(246,246,246,1);box-shadow: 0 0 10px rgba(0,0,0,.5);}
	.logo{width: 309px;height: 66px;position: absolute;left: 10px;top: 22px;}
	.logo a{display: block;height: 66px;text-indent: -9999px;overflow: hidden;background: url(../img/logo2.png) no-repeat;}

	nav.nav_header{position: absolute;right: 20px;top: 25px;}
	.am-menu-offcanvas1 .am-menu-toggle{width: 60px;height: 60px;line-height: 60px; right:0;top:0;color: #004fa3;font-size: 30px;}
	.am-icon-bars:before, .am-icon-navicon:before, .am-icon-reorder:before{height: 30px; line-height:30px; font-size:30px;}
	.am-offcanvas-bar{padding: 0 20px;}
	.am-menu ul{ padding:40px 0 0;}
	.am-menu ul li{ height:60px;padding: 10px 0;border-top: 1px solid #000;border-bottom: 1px solid #3F3F3F;}
	.am-menu ul li a{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF;}
	
	.slider .am-slides li{height: 616px;background: center center repeat-x;background-size:auto 100%;position: relative;z-index: 9999;transition: all .3s;}
	.slider .am-slides li:hover{background-size:auto 110%;}
	.slider .am-slides li.slider_1{background-image: url(../img/slider_1.jpg);}
	.slider .am-slides li.slider_2{background-image: url(../img/slider_2.jpg);}
	.slider .am-slides li.slider_3{background-image: url(../img/slider_3.jpg);}
	
	.slider .am-control-nav{ display:block; width:100%; position:absolute; left:0; bottom:20px; text-align:center;}
	.slider .am-control-nav li{ width:2px; height:30px; margin:0 20px;position: relative;}
	.slider .am-control-nav li a{ display:block; width:2px; height:15px; text-indent:-9999px;background: #AAA;position: absolute;bottom: 0;text-indent: -9999px;transition: all .3s;}
	.slider .am-control-nav li a.am-active{height: 30px;margin: 0; background:#585858;}
	.slider .am-control-nav li a.am-active:before{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 18px;position: absolute;left: -9px;top: -25px;color: #000;text-indent: 0;}
	.slider .am-control-nav li:nth-child(1) a.am-active:before{content:"01";}
	.slider .am-control-nav li:nth-child(2) a.am-active:before{content:"02";}
	.slider .am-control-nav li:nth-child(3) a.am-active:before{content:"03";}
	
	.box_1{padding: 100px 10px 0;}
	.box_1:after,.box_2:after,.box_3:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.box_1 .bhead{width: 150px;float: left;}
	.box_1 .bhead strong,.box_1 .bhead span{display: block;}
	.box_1 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_1 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.box_1 .bhead .cate{padding: 50px 0 0 60px;}
	.box_1 .bhead .cate ul li{height: 30px;margin: 30px 0 0;position: relative;}
	.box_1 .bhead .cate ul li:before{display: block;content: "";width: 0;height: 2px;background: #767676;position: absolute;right: 110px;top: 14px;transition: all .3s;}
	.box_1 .bhead .cate ul li:hover:before{width: 30px;}
	.box_1 .bhead .cate ul li a{display: block;line-height: 30px;color: #767676;}
	.box_1 .bhead .cate ul li.current a{color: #000;}
	.box_1 .bhead .cate ul li.current:before{width: 30px;display: block;content: "";height: 2px;background: #000;position: absolute;right: 110px;top: 14px;transition: all .3s;}
	.product .bbody{width: 580px;float: right;}
	.product .bbody ul li{float: left;width:50%;padding: 0 0 20px 40px;}
	.product .bbody ul li img{width: 100%;height: auto;}
	.product .bbody ul li figure{transition: all .3s;}
	.product .bbody ul li:hover figure{transform: scale(1.1,1.1);}
	.product .bbody ul li figure figcaption{padding: 10px 0 0;}
	.product .bbody ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.product .bbody ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.5em; color: #A6A6A6;}
	
	.box_2{width: 100%;margin: 100px 0 0;position: relative;}
	.about{padding: 100px 0 0;background: #f9f9f9;}
	.about .bhead,.about .bbody,.about .bmore{padding: 0 40px; position: relative;z-index: 2;}
	.box_2 .bhead strong,.box_1 .bhead span{display: block;}
	.box_2 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_2 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.about{padding-bottom: 80px;}
	.about .bbody{padding-top: 40px;color: #808080;}
	.box_2 .bmore a{color: #808080;}
	.about .about_dicoration{display:none;}
	
	.box_3{margin: 100px auto 0;}
	.box_3 .bhead{padding: 0 10px;}
	.news{margin: 220px auto 0;}
	.box_3 .bhead strong,.box_1 .bhead span{display: block;}
	.box_3 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_3 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.box_3 .cate{float: right;}
	.box_3 .cate ul li{display: inline-block;line-height: 40px; padding: 0 20px;}
	.box_3 .cate ul li a{display: block;line-height: 40px;color: #767676;}
	.box_3 .cate ul li.current a{border-bottom: 2px solid #000;color: #000;}
	.news .bbody{padding: 60px 0 0;}
	.news .bbody ul li{width: 33.33333333333%;padding: 0 10px; float: left;}
	.news .bbody ul li:nth-of-type(3n){margin: 0;}
	.news .bbody ul li img{width: 100%;height: auto;}
	.news .bbody ul li figure{transition: all .3s;padding: 0 0 20px; border-bottom: 2px solid #D9D9D9;}
	.news .bbody ul li:hover figure{transform: scale(1.1,1.1);border-bottom-color: #000;}
	.news .bbody ul li figure figcaption{padding: 10px 0 0;}
	.news .bbody ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.news .bbody ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.2em; color: #A6A6A6;}
	
	.cert .bbody{padding: 60px 10px 0;}
	.box_cert{position: relative;}
	.tab_cert{width: 280px;float: right;cursor:default;}
	.tab_cert ul li{height: 100px;padding: 10px 20px 0 80px;position: relative;}
	.tab_cert ul li:before{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;left: 55px;top: 14px;}
	.tab_cert ul li:nth-child(1):before{content: "01";}
	.tab_cert ul li:nth-child(2):before{content: "02";}
	.tab_cert ul li:nth-child(3):before{content: "03";}
	.tab_cert ul li:after{display: block;content: "";width: 0;height: 2px;background: #767676;position: absolute;right: 230px;top: 22px;transition: all .3s;}
	.tab_cert ul li:hover:after{width: 30px;}
	.tab_cert ul li strong,.tab_cert ul li span{display: block;}
	.tab_cert ul li strong{font-weight: normal;font-size: 18px;font-family: "Simsun";}
	.tab_cert ul li span{padding: 10px 0 0;font-size: 12px;color: #9E9E9E;}
	.tab_cert ul li.am-active{background: #f9f9f9;}
	.tab_cert ul li.am-active:after{display: block;content: "";width: 30px;height: 2px;background: #000;position: absolute;right: 230px;top: 22px;transition: all .3s;}
	.box_cert .am-direction-nav li{width: 280px;height: 30px;position: absolute;}
	.box_cert .am-direction-nav li.am-nav-prev{right: 0;top: -40px;}
	.box_cert .am-direction-nav li.am-nav-next{right: 0;top: 310px;}
	.box_cert .am-direction-nav li a{display: block;height: 30px;text-align: center;line-height: 30px;font-size: 30px;transition: all .3s;}
	.box_cert .am-direction-nav li a:hover{color: #000;background: #f9f9f9;}
	.box_cert .am-direction-nav li.am-nav-prev a:before{content: "\f106";}
	.box_cert .am-direction-nav li.am-nav-next a:before{content: "\f107";}
	
	.box_cert .am-viewport{width: 440px; float: left;}
	.box_cert .am-viewport ul li{}
	.box_cert .am-viewport ul li img{width: 100%;}
	.box_cert .am-viewport ul li figure{margin: 0;}
	.box_cert .am-viewport ul li figure figcaption strong,.box_cert .am-viewport ul li figure figcaption span,.box_cert .am-viewport ul li figure figcaption i{display: block;}
	.box_cert .am-viewport ul li figure figcaption strong{padding: 20px 0 0;font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.box_cert .am-viewport ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.box_cert .am-viewport ul li figure figcaption i{height: 50px; line-height: 40px;font-size: 16px;font-style: normal;}
	.box_cert .am-viewport ul li figure figcaption i a{display: block;height: 40px;line-height: 40px;border-bottom: 1px solid #A6A6A6;color: #A6A6A6;}
	.box_cert .am-viewport ul li figure figcaption i a:after{content: " >";}
	
	.hr .bbody{padding: 60px 0 0;}
	.hr .bbody ul li{width: 50%;height:160px;padding: 0 10px; float: left;}
	.hr .bbody ul li:nth-of-type(2n){margin: 0 0 40px;}
	.hr .bbody ul li img{height: 160px;width: auto;margin: 0 20px 0 0; float: left;}
	.hr .bbody ul li figure{height: 160px;background: #f9f9f9;transition: all .3s;}
	.hr .bbody ul li:hover figure{background:#F0F0F0;transform: scale(1.1,1.1);}
	.hr .bbody ul li figure figcaption{padding: 20px 20px 20px 0;}
	.hr .bbody ul li figure figcaption strong,.hr .bbody ul li figure figcaption span,.hr .bbody ul li figure figcaption i{display: block;}
	.hr .bbody ul li figure figcaption strong{line-height: 24px;font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.hr .bbody ul li figure figcaption span{height: 64px;line-height: 18px;overflow: hidden;padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.hr .bbody ul li figure figcaption i{font-size: 16px;font-style: normal;}
	.hr .bbody ul li figure figcaption i a{display: block;color: #A6A6A6;}
	.hr .bbody ul li figure figcaption i a:after{content: " >";}
	.contact{margin-bottom: 80px;}
	.contact .bhead{padding: 0 10px;}
	.contact .bbody{padding: 40px 10px 40px 50%; position: relative;z-index: 2;}
	.contact .bbody dl{padding: 40px 0;font-size: 0;}
	.contact .bbody dl dt{line-height: 24px;margin: 0 0 20px; font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.contact .bbody dl dd{line-height: 30px;padding: 10px 0 0;font-size: 14px;}
	.contact:before{display: block;content: "";width: 55%;background: #f9f9f9;position: absolute;right: 0;top: 80px;bottom: 0; z-index: 1;}
	.contact .about_dicoration img{position: absolute;}
	.contact .about_decoration_5{width:600px;left: 50%;bottom: -100px;margin: 0 0 0 -500px; z-index: 999;}
	.contact .about_decoration_3{left:50%;top: 0;margin: 0 0 0 -300px; z-index: 998;}
	.contact .about_decoration_4{width:400px;left:50%;top: 70px;margin: 0 0 0 -500px; z-index: 997;}
	
	footer{height: 60px;line-height: 60px;text-align: center;font-size: 14px;background: #f9f9f9;color: #A6A6A6;}
	footer a{color: #A6A6A6;}
	
	
	
	.banner{height: 200px;width: 100%;margin: 110px 0 0;}
	.banner_product{background: url(../img/banner_product.jpg) center center no-repeat;background-size: cover;}
	.banner_about{background: url(../img/banner_about.jpg) center center no-repeat;background-size: cover;}
	.banner_news{background: url(../img/banner_news.jpg) center center no-repeat;background-size: cover;}
	.banner_qualification{background: url(../img/banner_qualification.jpg) center center no-repeat;background-size: cover;}
	.banner_hr{background: url(../img/banner_hr.jpg) center center no-repeat;background-size: cover;}
	.banner_contact{background: url(../img/banner_contact.jpg) center center no-repeat;background-size: cover;}
	
	.main{ margin: 0 auto 0;padding: 30px 20px 0;}
	.main:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.breadcrumb{height: 30px;line-height: 30px;font-size: 14px;}
	.page_main{padding: 40px 0 0;}
	.category{text-align: center;}
	.category ul li{display: inline-block;line-height: 40px; padding: 0 20px;}
	.category ul li a{display: block;line-height: 40px;color: #767676;}
	.category ul li.current a{border-bottom: 2px solid #000;color: #000;}
	.list_img{padding: 60px 0 0;}
	.list_img ul li{float: left;width:50%;padding:0 10px 20px;}
	.list_img ul li img{width: 100%;height: auto;}
	.list_img ul li figure{transition: all .3s;}
	.list_img ul li:hover figure{transform: scale(1.1,1.1);}
	.list_img ul li figure figcaption{padding: 10px 0 0;}
	.list_img ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.list_img ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.2em; color: #A6A6A6;}
	
	.article_article{ padding:20px;}
	.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
	.article_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
	.article_body{ line-height:2em; padding:20px 0 0;text-align: justify;}
	.article_body p{ margin:10px 0 0; text-indent:2em;}
	.article_body img{ max-width:80%; height:auto; margin:0 auto;}
	.article_body p img{ margin:0 0 0 -2em;}
	.pre_next{margin: 40px 0 0;padding: 0 20px;font-size: 0;}
	.pre_next ol li{display: inline-block;width: 50%;font-size: 16px;}
	.pre_next ol li.next{text-align: right;}
	
	.list_hr{padding: 60px 0 0;}
	.list_hr ul li{display: inline-block;width: 50%;height:120px;padding: 0 10px;}
	.list_hr ul li img{height: 120px;width: auto;margin: 0 20px 0 0; float: left;}
	.list_hr ul li figure{height: 120px;background: #f9f9f9;transition: all .3s;}
	.list_hr ul li:hover figure{background:#F0F0F0;transform: scale(1.1,1.1);}
	.list_hr ul li figure figcaption{padding: 10px 20px 10px 140px;}
	.list_hr ul li figure figcaption strong,.list_hr ul li figure figcaption span,.list_hr ul li figure figcaption i{display: block;}
	.list_hr ul li figure figcaption strong{line-height: 22px;font-weight: normal;font-size: 18px;font-family: "Simsun";}
	.list_hr ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.list_hr ul li figure figcaption i{font-size: 16px;font-style: normal;}
	.list_hr ul li figure figcaption i a{display: block;color: #A6A6A6;}
	.list_hr ul li figure figcaption i a:after{content: " >";}
	
	.box_single{margin: 50px 0 0;}
	.box_single .bhead{text-align: center;}
	.box_single .bhead h1{margin: 0;font-size: 24px;line-height: 30px;}
	.box_single .bhead i{font-size: 14px;font-style: normal;padding: 10px 0 0;color: #9C9C9C;}
	.box_single .bbody{padding: 80px 0 0;}
	.about_ul{padding: 0 20px;}
	.about_ul ul li{line-height: 30px;padding: 30px 0;border-top: 1px solid #E7E7E7;font-size: 0;}
	.about_ul ul li strong{display: inline-block;width: 20%;font-size: 16px;vertical-align: top;}
	.about_ul ul li span{display: inline-block;width: 80%;font-size: 16px;vertical-align: top;}
	
	.box_about{padding: 30px 0; border-top: 1px solid #E7E7E7;}
	.box_about img{width: 100%;height: auto;}
	
	.am-navbar{ display:none;}
}

@media screen and (max-width: 767px) {
	.am-sticky-placeholder{width: 100%; position:absolute;z-index: 9999;}
	header{width: 100%;height: 60px;position: fixed;left: 0;top: 0;transition: all .3s;z-index: 9999;background: rgba(246,246,246,1);}
	header.header_index{background: rgba(246,246,246,0);}
	header.am-sticky{background: rgba(246,246,246,1);box-shadow: 0 0 10px rgba(0,0,0,.5);}
	.logo{width: 190px;height: 40px;position: absolute;left: 10px;top: 10px;}
	.logo a{display: block;height: 40px;text-indent: -9999px;overflow: hidden;background: url(../img/logo2.png) no-repeat;background-size: cover;}

	nav.nav_header{position: absolute;right: 20px;top: 15px;}
	.am-menu-offcanvas1 .am-menu-toggle{width: 30px;height: 30px;line-height: 30px; right:0;top:0;color: #004fa3;font-size: 20px;}
	.am-icon-bars:before, .am-icon-navicon:before, .am-icon-reorder:before{height: 30px; line-height:30px; font-size:20px;}
	.am-offcanvas-bar{padding: 0 20px;}
	.am-menu ul{ padding:40px 0 0;}
	.am-menu ul li{ height:60px;padding: 10px 0;border-top: 1px solid #000;border-bottom: 1px solid #3F3F3F;}
	.am-menu ul li a{ display:block; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF;}
	
	.slider .am-slides li{height: 200px;background: center center repeat-x;background-size:auto 100%;position: relative;z-index: 9999;transition: all .3s;}
	.slider .am-slides li:hover{background-size:auto 110%;}
	.slider .am-slides li.slider_1{background-image: url(../img/slider_1.jpg);background-size: cover;}
	.slider .am-slides li.slider_2{background-image: url(../img/slider_2.jpg);background-size: cover;}
	.slider .am-slides li.slider_3{background-image: url(../img/slider_3.jpg);background-size: cover;}
	
	.slider .am-control-nav{ display:block; width:100%; position:absolute; left:0; bottom:20px; text-align:center;}
	.slider .am-control-nav li{ width:2px; height:30px; margin:0 20px;position: relative;}
	.slider .am-control-nav li a{ display:block; width:2px; height:15px; text-indent:-9999px;background: #AAA;position: absolute;bottom: 0;text-indent: -9999px;transition: all .3s;}
	.slider .am-control-nav li a.am-active{height: 2px;margin: 0; background:#585858;}
	.slider .am-control-nav li a.am-active:before{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 18px;position: absolute;left: -9px;top: -25px;color: #fff;text-indent: 0;}
	.slider .am-control-nav li:nth-child(1) a.am-active:before{content:"01";}
	.slider .am-control-nav li:nth-child(2) a.am-active:before{content:"02";}
	.slider .am-control-nav li:nth-child(3) a.am-active:before{content:"03";}
	
	.box_1{padding: 40px 10px 0;}
	.box_1:after,.box_2:after,.box_3:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.box_1 .bhead{}
	.box_1 .bhead strong,.box_1 .bhead span{display: block;}
	.box_1 .bhead strong{font-size: 24px;font-weight: normal;font-family: "Simsun";}
	.box_1 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.box_1 .bhead .cate{padding: 20px 20px 0;}
	.box_1 .bhead .cate ul li{display: inline-block;margin: 0 10px; position: relative;}
	.box_1 .bhead .cate ul li a{display: block;line-height: 30px;color: #767676;}
	.box_1 .bhead .cate ul li.current a{color: #000;border-bottom: 2px solid #000;}
	.product .bbody{padding: 40px 0 0;}
	.product .bbody ul li{float: left;width:50%;padding: 0 5px 20px;}
	.product .bbody ul li img{width: 100%;height: auto;}
	.product .bbody ul li figure{transition: all .3s;}
	.product .bbody ul li:hover figure{transform: scale(1.1,1.1);}
	.product .bbody ul li figure figcaption{padding: 10px 0 0;}
	.product .bbody ul li figure figcaption strong{display: block;line-height: 30px;font-size: 16px;font-weight: normal;font-family: "Simsun";}
	.product .bbody ul li figure figcaption span{display: none;}
	
	.box_2{width: 100%;margin: 40px 0 0;position: relative;}
	.about{padding: 40px 0 0;background: #f9f9f9;}
	.about .bhead,.about .bbody,.about .bmore{padding: 0 40px; position: relative;z-index: 2;}
	.box_2 .bhead strong,.box_1 .bhead span{display: block;}
	.box_2 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_2 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.about{padding-bottom: 40px;}
	.about .bbody{padding-top: 40px;color: #808080;}
	.box_2 .bmore a{color: #808080;}
	.about .about_dicoration{display:none;}
	
	.box_3{margin: 40px auto 0;}
	.box_3 .bhead{padding: 0 10px;}
	.news{margin: 40px auto 0;}
	.box_3 .bhead strong,.box_1 .bhead span{display: block;}
	.box_3 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_3 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.box_3 .cate{text-align: center;}
	.box_3 .cate ul li{display: inline-block;line-height: 40px; padding: 0 20px;}
	.box_3 .cate ul li a{display: block;line-height: 40px;color: #767676;}
	.box_3 .cate ul li.current a{border-bottom: 2px solid #000;color: #000;}
	.news .bbody{padding: 60px 0 0;}
	.news .bbody ul li{padding: 0 10px; }
	.news .bbody ul li img{width: 100%;height: auto;}
	.news .bbody ul li figure{transition: all .3s;padding: 0 0 20px; border-bottom: 2px solid #D9D9D9;}
	.news .bbody ul li:hover figure{transform: scale(1.1,1.1);border-bottom-color: #000;}
	.news .bbody ul li figure figcaption{padding: 10px 0 0;}
	.news .bbody ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.news .bbody ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.2em; color: #A6A6A6;}
	
	.cert .bbody{padding: 40px 20px 60px;}
	.box_cert{position: relative;}
	.tab_cert{display: none;}
	.box_cert .am-direction-nav li{width: 100%;height: 30px;position: absolute;}
	.box_cert .am-direction-nav li.am-nav-prev{right: 0;top: -40px;}
	.box_cert .am-direction-nav li.am-nav-next{right: 0;top: 310px;}
	.box_cert .am-direction-nav li a{display: block;height: 30px;text-align: center;line-height: 30px;font-size: 30px;transition: all .3s;}
	.box_cert .am-direction-nav li a:hover{color: #000;background: #f9f9f9;}
	.box_cert .am-direction-nav li.am-nav-prev a:before{content: "\f106";}
	.box_cert .am-direction-nav li.am-nav-next a:before{content: "\f107";}
	
	.box_cert .am-viewport{}
	.box_cert .am-viewport ul li{}
	.box_cert .am-viewport ul li img{width: 100%;}
	.box_cert .am-viewport ul li figure{margin: 0;}
	.box_cert .am-viewport ul li figure figcaption strong,.box_cert .am-viewport ul li figure figcaption span,.box_cert .am-viewport ul li figure figcaption i{display: block;}
	.box_cert .am-viewport ul li figure figcaption strong{padding: 20px 0 0;font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.box_cert .am-viewport ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.box_cert .am-viewport ul li figure figcaption i{height: 50px; line-height: 40px;font-size: 16px;font-style: normal;}
	.box_cert .am-viewport ul li figure figcaption i a{display: block;height: 40px;line-height: 40px;border-bottom: 1px solid #A6A6A6;color: #A6A6A6;}
	.box_cert .am-viewport ul li figure figcaption i a:after{content: " >";}
	
	.hr .bbody{padding: 60px 0 0;}
	.hr .bbody ul li{height:120px;margin: 20px 0 0; padding: 0 10px;}
	.hr .bbody ul li img{height: 120px;width: auto; float: left;}
	.hr .bbody ul li figure{height: 120px; background: #f9f9f9;transition: all .3s;}
	.hr .bbody ul li:hover figure{background:#F0F0F0;transform: scale(1.1,1.1);}
	.hr .bbody ul li figure figcaption{padding: 10px 20px 10px 140px;}
	.hr .bbody ul li figure figcaption strong,.hr .bbody ul li figure figcaption span,.hr .bbody ul li figure figcaption i{display: block;}
	.hr .bbody ul li figure figcaption strong{line-height: 24px;font-weight: normal;font-size: 16px;font-family: "Simsun";}
	.hr .bbody ul li figure figcaption span{height: 58px;line-height: 16px;overflow: hidden;padding: 10px 0 0;font-size: 12px;color: #A6A6A6;}
	.hr .bbody ul li figure figcaption i{font-size: 16px;font-style: normal;}
	.hr .bbody ul li figure figcaption i a{display: block;color: #A6A6A6;}
	.hr .bbody ul li figure figcaption i a:after{content: " >";}
	.contact{margin-bottom: 20px;padding: 40px 0 0;background: #f9f9f9;}
	.contact .bhead{padding: 0 10px;}
	.contact .bbody{padding: 40px 20px; position: relative;z-index: 2;}
	.contact .bbody dl{padding: 40px 0;font-size: 0;}
	.contact .bbody dl dt{line-height: 24px;margin: 0 0 20px; font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.contact .bbody dl dd{line-height: 30px;padding: 10px 0 0;font-size: 14px;}
	.contact .about_dicoration{display: none;}
	
	footer{height: 60px;line-height: 60px;text-align: center;font-size: 14px;background: #f9f9f9;color: #A6A6A6;}
	footer a{color: #A6A6A6;}
	
	
	
	.banner{height: 140px;width: 100%;margin: 60px 0 0;}
	.banner_product{background: url(../img/banner_product.jpg) center center no-repeat;background-size: cover;}
	.banner_about{background: url(../img/banner_about.jpg) center center no-repeat;background-size: cover;}
	.banner_news{background: url(../img/banner_news.jpg) center center no-repeat;background-size: cover;}
	.banner_qualification{background: url(../img/banner_qualification.jpg) center center no-repeat;background-size: cover;}
	.banner_hr{background: url(../img/banner_hr.jpg) center center no-repeat;background-size: cover;}
	.banner_contact{background: url(../img/banner_contact.jpg) center center no-repeat;background-size: cover;}
	
	
	.main{ margin: 10px auto 0;padding: 30px 20px 0;}
	.main:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.breadcrumb{height: 30px;line-height: 30px;font-size: 14px;}
	.page_main{padding: 30px 0 0;}
	.category{text-align: center;}
	.category ul li{display: inline-block;line-height: 40px; padding: 0 10px;}
	.category ul li a{display: block;line-height: 40px;color: #767676;}
	.category ul li.current a{border-bottom: 2px solid #000;color: #000;}
	.list_img{padding: 30px 0 0;}
	.list_img ul li{width:100%;padding:0 10px 20px;}
	.list_img ul li img{width: 100%;height: auto;}
	.list_img ul li figure{transition: all .3s;}
	.list_img ul li:hover figure{transform: scale(1.1,1.1);}
	.list_img ul li figure figcaption{padding: 10px 0 0;}
	.list_img ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.list_img ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.2em; color: #A6A6A6;}
	
	.article_article{ padding:20px 10px;}
	.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
	.article_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
	.article_body{ line-height:2em; padding:20px 0 0;text-align: justify;}
	.article_body p{ margin:10px 0 0; text-indent:2em;}
	.article_body img{ max-width:100% !important; height:auto !important; margin:0 auto;}
	.article_body p img{ margin:0 0 0 -2em;}
	.pre_next{margin: 40px 0 0;padding: 0 20px;}
	
	.list_hr{padding: 30px 0 0;}
	.list_hr ul li{width: 100;height:120px; margin: 0 0 20px;}
	.list_hr ul li img{height: 120px;width: auto;float: left;}
	.list_hr ul li figure{height: 120px;background: #f9f9f9;transition: all .3s;}
	.list_hr ul li:hover figure{background:#F0F0F0;transform: scale(1.1,1.1);}
	.list_hr ul li figure figcaption{padding: 10px 20px 10px 130px;}
	.list_hr ul li figure figcaption strong,.list_hr ul li figure figcaption span,.list_hr ul li figure figcaption i{display: block;}
	.list_hr ul li figure figcaption strong{line-height: 20px;font-weight: normal;font-size: 16px;font-family: "Simsun";}
	.list_hr ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.list_hr ul li figure figcaption i{font-size: 16px;font-style: normal;}
	.list_hr ul li figure figcaption i a{display: block;color: #A6A6A6;}
	.list_hr ul li figure figcaption i a:after{content: " >";}
	
	.box_single{margin: 50px 0 0;}
	.box_single .bhead{text-align: center;}
	.box_single .bhead h1{margin: 0;font-size: 24px;line-height: 30px;}
	.box_single .bhead i{font-size: 14px;font-style: normal;padding: 10px 0 0;color: #9C9C9C;}
	.box_single .bbody{padding: 80px 0 0;}
	.about_ul{padding: 0 20px;}
	.about_ul ul li{line-height: 30px;padding: 30px 0;border-top: 1px solid #E7E7E7;font-size: 0;}
	.about_ul ul li strong{display: inline-block;width: 20%;font-size: 16px;vertical-align: top;}
	.about_ul ul li span{display: inline-block;width: 80%;font-size: 16px;vertical-align: top;}
	
	.box_about{padding: 30px 0; border-top: 1px solid #E7E7E7;}
	.box_about img{width: 100%;height: auto;}
	
	.icon_contact,.box_contact_sidebar{ display:none;}
	.am-navbar-default .am-navbar-nav{ background:#4a7ba4;}
}

@media screen and (min-width: 1024px) {
	.am-sticky-placeholder{width: 100%; position:absolute;z-index: 9999;}
	header{width: 100%;height: 110px;position: fixed;left: 0;top: 0;transition: all .3s;z-index: 9999;background: rgba(246,246,246,1);}
	header.header_index{background: rgba(246,246,246,0);}
	header.am-sticky{background: rgba(246,246,246,1);box-shadow: 0 0 10px rgba(0,0,0,.5);}
	.logo{width: 309px;height: 66px;position: absolute;left: 50%;top: 22px;margin: 0 0 0 -500px;}
	.logo a{display: block;height: 66px;text-indent: -9999px;overflow: hidden;background: url(../img/logo1.png) no-repeat;}

	nav.nav_header{width: 680px; height: 110px;position: absolute;right: 50%;top: 0;margin: 0 -500px 0 0;}
	.am-menu-offcanvas1 .am-menu-toggle{ display:none;}
	nav.nav_header .am-offcanvas-bar ul li{width: 14.28571428571429%; height:110px;float:left;font-size:16px;}
	nav.nav_header .am-offcanvas-bar ul li a{ display:block; height:108px; line-height:110px;color: #000;text-align: center;}
	nav.nav_header .am-offcanvas-bar ul li:after{display: block;content: "";width: 0;margin: 0 auto;height: 2px;background: rgba(0,0,0,.5);transition: all .3s;}
	nav.nav_header .am-offcanvas-bar ul li:hover:after{width: 100%;}
	nav.nav_header .am-offcanvas-bar ul li.current:after{display: block;content: "";width: 100%;height: 2px;background: rgba(0,0,0,.8);}
	.am-offcanvas{ display:block; background:none; position:static;}
	.am-offcanvas-bar{ position:static; width:100%; height:28px; background:none; overflow-y:visible; transform:translateX(0);}
	.am-offcanvas-bar:after{ display:none;}
	
	.slider .am-slides li{height: 616px;background: center center repeat-x;background-size:auto 100%;position: relative;z-index: 9999;transition: all .3s;}
	.slider .am-slides li:hover{background-size:auto 110%;}
	.slider .am-slides li.slider_1{background-image: url(../img/slider_1.jpg);}
	.slider .am-slides li.slider_2{background-image: url(../img/slider_2.jpg);}
	.slider .am-slides li.slider_3{background-image: url(../img/slider_3.jpg);}
	
	.slider .am-control-nav{ display:block; width:100%; position:absolute; left:0; bottom:20px; text-align:center;}
	.slider .am-control-nav li{ width:2px; height:30px; margin:0 20px;position: relative;}
	.slider .am-control-nav li a{ display:block; width:2px; height:15px; text-indent:-9999px;background: #AAA;position: absolute;bottom: 0;text-indent: -9999px;transition: all .3s;}
	.slider .am-control-nav li a.am-active{height: 30px;margin: 0; background:#585858;}
	.slider .am-control-nav li a.am-active:before{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 18px;position: absolute;left: -9px;top: -25px;color: #000;text-indent: 0;}
	.slider .am-control-nav li:nth-child(1) a.am-active:before{content:"01";}
	.slider .am-control-nav li:nth-child(2) a.am-active:before{content:"02";}
	.slider .am-control-nav li:nth-child(3) a.am-active:before{content:"03";}
	
	.box_1{width: 1000px;margin: 0 auto;padding: 100px 0 0;}
	.box_1:after,.box_2:after,.box_3:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.box_1 .bhead{width: 200px;float: left;}
	.box_1 .bhead strong,.box_1 .bhead span{display: block;}
	.box_1 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_1 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.box_1 .bhead .cate{padding: 50px 0 0 60px;}
	.box_1 .bhead .cate ul li{height: 30px;margin: 30px 0 0;position: relative;}
	.box_1 .bhead .cate ul li:before{display: block;content: "";width: 0;height: 2px;background: #767676;position: absolute;right: 160px;top: 14px;transition: all .3s;}
	.box_1 .bhead .cate ul li:hover:before{width: 30px;}
	.box_1 .bhead .cate ul li a{display: block;line-height: 30px;color: #767676;}
	.box_1 .bhead .cate ul li.current a{color: #000;}
	.box_1 .bhead .cate ul li.current:before{width: 30px;display: block;content: "";height: 2px;background: #000;position: absolute;right: 160px;top: 14px;transition: all .3s;}
	.product .bbody{width: 800px;float: right;}
	.product .bbody ul li{float: left;width:50%;padding: 0 0 20px 40px;}
	.product .bbody ul li img{width: 100%;height: auto;}
	.product .bbody ul li figure{transition: all .3s;}
	.product .bbody ul li:hover figure{transform: scale(1.1,1.1);}
	.product .bbody ul li figure figcaption{padding: 10px 0 0;}
	.product .bbody ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.product .bbody ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.5em; color: #A6A6A6;}
	
	.box_2{width: 100%;margin: 100px 0 0;position: relative;}
	.about{padding: 100px 0 0;}
	.about:before{display: block;content: "";width: 55%;height: 100%;background: #f9f9f9;position: absolute;left: 0;top: 0;z-index: 1;}
	.about .bhead,.about .bbody,.about .bmore{width: 1000px;margin: 0 auto;padding: 0 480px 0 0; position: relative;z-index: 2;}
	.box_2 .bhead strong,.box_1 .bhead span{display: block;}
	.box_2 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_2 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.about{padding-bottom: 80px;}
	.about .bbody{padding-top: 40px;color: #808080;}
	.box_2 .bmore a{color: #808080;}
	.about .about_dicoration img{position: absolute;}
	.about .about_decoration_1{width:660px;left: 50%;bottom: -100px;margin: 0 0 0 -200px; z-index: 999;transform: rotate(10deg);-ms-transform: rotate(10deg);-webkit-transform: rotate(10deg);-o-transform: rotate(10deg);-moz-transform: rotate(10deg);}
	.about .about_decoration_2{right:50%;top: 20px;margin: 0 -500px 0 0; z-index: 998;}
	.about .about_decoration_3{width:240px;right:50%;top: 20px;margin: 0 -450px 0 0; z-index: 997;transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-o-transform: rotate(-15deg);-moz-transform: rotate(-15deg);}
	
	.box_3{width: 1000px;margin: 100px auto 0;}
	.news{margin: 220px auto 0;}
	.box_3 .bhead strong,.box_1 .bhead span{display: block;}
	.box_3 .bhead strong{font-size: 32px;font-weight: normal;font-family: "Simsun";}
	.box_3 .bhead span{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";color: #767676;}
	.box_3 .cate{float: right;}
	.box_3 .cate ul li{display: inline-block;line-height: 40px; padding: 0 20px;}
	.box_3 .cate ul li a{display: block;line-height: 40px;color: #767676;}
	.box_3 .cate ul li.current a{border-bottom: 2px solid #000;color: #000;}
	.news .bbody{padding: 60px 0 0;}
	.news .bbody ul li{width: 300px;margin: 0 50px 0 0;float: left;}
	.news .bbody ul li:nth-of-type(3n){margin: 0;}
	.news .bbody ul li img{width: 100%;height: auto;}
	.news .bbody ul li figure{transition: all .3s;padding: 0 0 20px; border-bottom: 2px solid #D9D9D9;}
	.news .bbody ul li:hover figure{transform: scale(1.1,1.1);border-bottom-color: #000;}
	.news .bbody ul li figure figcaption{padding: 10px 0 0;}
	.news .bbody ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.news .bbody ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.2em; color: #A6A6A6;}
	
	.cert .bbody{padding: 60px 0 0;}
	.box_cert{position: relative;}
	.tab_cert{width: 400px;float: right;cursor:default;}
	.tab_cert ul li{height: 140px;padding: 20px 20px 20px 140px;position: relative;}
	.tab_cert ul li:before{display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;position: absolute;left: 100px;top: 22px;}
	.tab_cert ul li:nth-child(1):before{content: "01";}
	.tab_cert ul li:nth-child(2):before{content: "02";}
	.tab_cert ul li:nth-child(3):before{content: "03";}
	.tab_cert ul li:after{display: block;content: "";width: 0;height: 2px;background: #767676;position: absolute;right: 320px;top: 30px;transition: all .3s;}
	.tab_cert ul li:hover:after{width: 30px;}
	.tab_cert ul li strong,.tab_cert ul li span{display: block;}
	.tab_cert ul li strong{font-weight: normal;font-size: 18px;font-family: "Simsun";}
	.tab_cert ul li span{padding: 10px 0 0;font-size: 12px;color: #9E9E9E;}
	.tab_cert ul li.am-active{background: #f9f9f9;}
	.tab_cert ul li.am-active:after{display: block;content: "";width: 30px;height: 2px;background: #000;position: absolute;right: 320px;top: 30px;transition: all .3s;}
	.box_cert .am-direction-nav li{width: 400px;height: 30px;position: absolute;}
	.box_cert .am-direction-nav li.am-nav-prev{right: 0;top: -40px;}
	.box_cert .am-direction-nav li.am-nav-next{right: 0;top: 430px;}
	.box_cert .am-direction-nav li a{display: block;height: 30px;text-align: center;line-height: 30px;font-size: 30px;transition: all .3s;}
	.box_cert .am-direction-nav li a:hover{color: #000;background: #f9f9f9;}
	.box_cert .am-direction-nav li.am-nav-prev a:before{content: "\f106";}
	.box_cert .am-direction-nav li.am-nav-next a:before{content: "\f107";}
	
	.box_cert .am-viewport{width: 560px; float: left;}
	.box_cert .am-viewport ul li{}
	.box_cert .am-viewport ul li img{width: 100%;}
	.box_cert .am-viewport ul li figure{margin: 0;}
	.box_cert .am-viewport ul li figure figcaption strong,.box_cert .am-viewport ul li figure figcaption span,.box_cert .am-viewport ul li figure figcaption i{display: block;}
	.box_cert .am-viewport ul li figure figcaption strong{padding: 20px 0 0;font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.box_cert .am-viewport ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.box_cert .am-viewport ul li figure figcaption i{height: 50px; line-height: 40px;font-size: 16px;font-style: normal;}
	.box_cert .am-viewport ul li figure figcaption i a{display: block;height: 40px;line-height: 40px;border-bottom: 1px solid #A6A6A6;color: #A6A6A6;}
	.box_cert .am-viewport ul li figure figcaption i a:after{content: " >";}
	
	.hr .bbody{padding: 60px 0 0;}
	.hr .bbody ul li{width: 480px;height:160px; margin: 0 40px 40px 0;float: left;}
	.hr .bbody ul li:nth-of-type(2n){margin: 0 0 40px;}
	.hr .bbody ul li img{height: 160px;width: auto;margin: 0 20px 0 0; float: left;}
	.hr .bbody ul li figure{height: 160px;background: #f9f9f9;transition: all .3s;}
	.hr .bbody ul li:hover figure{background:#F0F0F0;transform: scale(1.1,1.1);}
	.hr .bbody ul li figure figcaption{padding: 20px 40px 20px 0;}
	.hr .bbody ul li figure figcaption strong,.hr .bbody ul li figure figcaption span,.hr .bbody ul li figure figcaption i{display: block;}
	.hr .bbody ul li figure figcaption strong{line-height: 24px;font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.hr .bbody ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.hr .bbody ul li figure figcaption i{font-size: 16px;font-style: normal;}
	.hr .bbody ul li figure figcaption i a{display: block;color: #A6A6A6;}
	.hr .bbody ul li figure figcaption i a:after{content: " >";}
	.contact{margin-bottom: 80px;}
	.contact .bhead{width: 1000px;margin: 0 auto;}
	.contact .bbody{width: 1000px;margin: 0 auto;padding: 40px 0 40px 480px; position: relative;z-index: 2;}
	.contact .bbody dl{padding: 40px 0;font-size: 0;}
	.contact .bbody dl dt{line-height: 24px;margin: 0 0 20px; font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.contact .bbody dl dd{display:inline-block;width: 50%;line-height: 30px;padding: 10px 0 0;font-size: 14px;}
	.contact:before{display: block;content: "";width: 55%;background: #f9f9f9;position: absolute;right: 0;top: 80px;bottom: 0; z-index: 1;}
	.contact .about_dicoration img{position: absolute;}
	.contact .about_decoration_5{width:600px;left: 50%;bottom: -100px;margin: 0 0 0 -500px; z-index: 999;}
	.contact .about_decoration_3{left:50%;top: 0;margin: 0 0 0 -300px; z-index: 998;}
	.contact .about_decoration_4{width:400px;left:50%;top: 70px;margin: 0 0 0 -500px; z-index: 997;}
	
	footer{height: 60px;line-height: 60px;text-align: center;font-size: 14px;background: #f9f9f9;color: #A6A6A6;}
	footer a{color: #A6A6A6;}
	
	.banner{height: 300px;width: 100%;margin: 110px 0 0;}
	.banner_product{background: url(../img/banner_product.jpg) center center repeat;}
	.banner_about{background: url(../img/banner_about.jpg) center center repeat;}
	.banner_news{background: url(../img/banner_news.jpg) center center repeat;}
	.banner_qualification{background: url(../img/banner_qualification.jpg) center center repeat;}
	.banner_hr{background: url(../img/banner_hr.jpg) center center repeat;}
	.banner_contact{background: url(../img/banner_contact.jpg) center center repeat;}
	
	.main{width: 1000px; margin: 0 auto 0;padding: 60px 0 0;}
	.main:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.breadcrumb{height: 30px;line-height: 30px;font-size: 14px;}
	.page_main{position: relative;}
	.category{position: absolute;right: 0;top: -40px;text-align: right;z-index: 999;}
	.category ul li{display: inline-block;line-height: 40px; padding: 0 20px;}
	.category ul li a{display: block;line-height: 40px;color: #767676;}
	
	
	.category ul li:after{display: block;content: "";width: 0;margin: 0 auto;height: 2px;background: rgba(0,0,0,.5);transition: all .3s;}
	.category ul li:hover:after{width: 100%;}
	.category ul li.current:after{display: block;content: "";width: 100%;height: 2px;background: rgba(0,0,0,.8);}
	
	.list_img{padding: 60px 0 0;}
	.list_img:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.list_img ul li{float: left;width:300px;margin: 0 50px 30px 0;}
	.list_img ul li:nth-of-type(3n){margin-right: 0;}
	.list_img ul li img{width: 100%;height: auto;}
	.list_img ul li figure{transition: all .3s;}
	.list_img ul li:hover figure{transform: scale(1.1,1.1);}
	.list_img ul li figure figcaption{padding: 10px 0 0;}
	.list_img ul li figure figcaption strong{display: block;line-height: 30px;font-size: 20px;font-weight: normal;font-family: "Simsun";}
	.list_img ul li figure figcaption span{display: block;padding: 10px 0 0;line-height: 1.2em; color: #A6A6A6;}
	
	
	.article_article{ padding:20px;}
	.article_article h1{ line-height:32px; padding:10px 0; text-align:center; font-size:20px;}
	.article_info{ line-height:24px; text-align:center; color:#A3A3A3; font-size:12px;}
	.article_body{ line-height:2em; padding:20px 0 0;text-align: justify;}
	.article_body p{ margin:10px 0 0; text-indent:2em;}
	.article_body img{ max-width:100%; height:auto; margin:0 auto 30px; display:block;}
	.article_body p img{ margin:0 0 0 -2em;    display: initial;}
	.pre_next{margin: 40px 0 0;padding: 0 20px;font-size: 0;}
	.pre_next ol li{display: inline-block;width: 50%;font-size: 16px;}
	.pre_next ol li.next{text-align: right;}
	
	.list_hr{padding: 60px 0 0;}
	.list_hr:after{content: "";display: block;width: 0;height: 0;clear: both;}
	.list_hr ul li{width: 480px;height:160px; margin: 0 40px 40px 0;float: left;}
	.list_hr ul li:nth-of-type(2n){margin: 0 0 40px;}
	.list_hr ul li img{height: 160px;width: auto;margin: 0 20px 0 0; float: left;}
	.list_hr ul li figure{height: 160px;background: #f9f9f9;transition: all .3s;}
	.list_hr ul li:hover figure{background:#F0F0F0;transform: scale(1.1,1.1);}
	.list_hr ul li figure figcaption{padding: 20px 40px 20px 0;}
	.list_hr ul li figure figcaption strong,.list_hr ul li figure figcaption span,.list_hr ul li figure figcaption i{display: block;}
	.list_hr ul li figure figcaption strong{line-height: 24px;font-weight: normal;font-size: 20px;font-family: "Simsun";}
	.list_hr ul li figure figcaption span{padding: 10px 0 0;font-size: 14px;color: #A6A6A6;}
	.list_hr ul li figure figcaption i{font-size: 16px;font-style: normal;}
	.list_hr ul li figure figcaption i a{display: block;color: #A6A6A6;}
	.list_hr ul li figure figcaption i a:after{content: " >";}
	
	.box_single{margin: 50px 0 0;}
	.box_single .bhead{text-align: center;}
	.box_single .bhead h1{margin: 0;font-size: 24px;line-height: 30px;}
	.box_single .bhead i{font-size: 14px;font-style: normal;padding: 10px 0 0;color: #9C9C9C;}
	.box_single .bbody{padding: 80px 0 0;}
	.about_ul{padding: 0 100px;}
	.about_ul ul li{line-height: 30px;padding: 30px 0;border-top: 1px solid #E7E7E7;font-size: 0;}
	.about_ul ul li strong{display: inline-block;width: 20%;font-size: 16px;vertical-align: top;}
	.about_ul ul li span{display: inline-block;width: 80%;font-size: 16px;vertical-align: top;}
	
	.box_about{padding: 30px 0; border-top: 1px solid #E7E7E7;}
	.box_about img{width: 100%;height: auto;}
	
	.icon_contact{ width:32px; height:32px; line-height:32px; position:fixed; right:10px; bottom:102px; z-index:1010; text-align:center; background:#555; color:#ddd; opacity:.9; display:none; cursor:pointer;}
	.icon_contact:hover{ opacity:1;}
	.icon_contact:before{ content:"\f0e6"; font-family:FontAwesome; font-size:1.6rem;}
	.box_contact_sidebar{ width:120px; background:rgba(85,85,85,.9); position:fixed; right:10px; bottom:102px;z-index: 9999;}
	.box_contact_sidebar .bhead{ height:36px; padding:0 0 0 10px; background:#555; color:#A0A0A0; position:relative;}
	.box_contact_sidebar .bhead strong{ line-height:36px; font-size:14px; float:left;}
	.box_contact_sidebar .bbody{ padding:10px; color:#FFF; font-size:14px;}
	.box_contact_sidebar .bbody img{ width: 100%; height: auto;}
	.close-im{ width:36px; height:36px; float:right;}
	.close-im a{ display:block; width:36px; height:36px; line-height:36px; text-align:center; color:#ABABAB;}
	.close-im a:before{ content:"x"; font-family:FontAwesome; font-size:1.6rem;}
	.am-navbar{ display:none;}
	.am-with-fixed-navbar{ padding-bottom: 0;}
}

@media screen and (min-width: 1360px) {
	.logo{margin: 0 0 0 -600px;}
	nav.nav_header{margin: 0 -600px 0 0;}
	.box_1{width: 1200px;}
	.product .bbody{width: 1000px;}
	.product .bbody ul li{padding: 0 0 30px 60px;}
	.about .bhead,.about .bbody,.about .bmore{width: 1200px;padding-right: 560px;}
	.about .about_decoration_1{width:660px;left: 50%;bottom: -100px;margin: 0 0 0 -50px; z-index: 999;transform: rotate(10deg);-ms-transform: rotate(10deg);-webkit-transform: rotate(10deg);-o-transform: rotate(10deg);-moz-transform: rotate(10deg);}
	.about .about_decoration_2{right:50%;top: 20px;margin: 0 -600px 0 0; z-index: 998;}
	.about .about_decoration_3{width:240px;right:50%;top: 20px;margin: 0 -450px 0 0; z-index: 997;transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-o-transform: rotate(-15deg);-moz-transform: rotate(-15deg);}
	.box_3{width: 1200px;}
	.news .bbody ul li{width: 360px;margin: 0 60px 0 0;}
	.box_cert .am-viewport{width: 740px;}
	.hr .bbody ul li{width: 570px; margin: 0 60px 60px 0;}
	.contact .bhead{width: 1200px;}
	.contact .bbody{width: 1200px;padding: 40px 0 40px 560px;}
	.main{width: 1200px;}
	.list_img ul li{width:360px;margin: 0 60px 30px 0;}
	.list_hr ul li{width: 570px; margin: 0 60px 60px 0;}
}

.pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.page_main:after{content: "";display: block;clear: both;}