@charset "UTF-8";

/* CSS Document */
@media only screen and (min-width: 500px) {
body{ min-width:1200px;}
}
@media only screen and (min-width:0px) and (max-width:500px) {
.cd-nav-trigger {

    display: block;
}
.logo-main {
	margin: 0px auto;
	float: left;
	text-align: center;
	overflow: hidden;
}
 .form-hint {
	display: none;
}
.header .header-menu {
	background-color: #e4e4e4;
	width: 95%;
	margin: 0px auto;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.header .header-menu #responsive-nav {
	width: 100%;
	display: block;
	margin: 0px auto;
	border: 1px solid #ddd;
}
}

@media only screen and (min-width:0px) and (max-width:500px) {

.form-hint {
	display: none;
}
.header .header-menu {
	background-color: #e4e4e4;
	width: 95%;
	margin: 0px auto;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.header .header-menu #responsive-nav {
	width: 100%;
	display: block;
	margin: 0px auto;
	border: 1px solid #ddd;
}
}

@media only screen and (min-width:0px) and (max-width: 490px) {
	.copy {
    line-height: 2em;
    margin-top: 0em; 
}
	.container {
    width:100%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
	.footer_l a {
	padding: 0px
}
	.xs{ display:block;}
	.in_pro{ padding:0 1em;}
	.hidden{ display:none;}
.logo img {
    height: 75px;
}
.MxSlider {
    width: 100%;
    height: 180px;
    position: relative;
}.mx-slide {
    position: absolute;
    height: 180px;
    width: 100%;
    display: table;
    float: left;
    left: 0%;
}.pagebanner {
	width: 100%;
	height: 180px;

}
.banner1 {
	background: url(../images/banner1s.jpg) no-repeat center ; background-size:100%;
}
.banner2 {
	background: url(../images/banner2s.jpg) no-repeat center ;background-size:100%;
}
.banner3 {
	background: url(../images/banner3s.jpg) no-repeat center ;background-size:100%;
}
.banner4 {
	background: url(../images/banners.jpg) no-repeat center ; background-size:100%;
}
.tt_top {
    text-align: center;
        padding-top: 1.5em;
    padding-bottom: 0.8em;
}.pro_class {
    margin-top: 0.5em;
    width: 100%;
    position: relative;
}#filters li {
    float: left;
    width: 100%;
}
.in_prolist #container {   margin:0em auto 1em; max-height: 1050px;
}.isotope {
    margin-top: 1em !important;
}.element { 
    width: 100%; height:370px;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0px; margin-bottom:1em;
}.element a {
    display: block;background-size:100%;
    background: url(../images/probg.png) top no-repeat;
    width: 100%;
    height:auto;
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    border: 1px solid #F1F0F0;
}

.element a img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    /* border: 1px solid #dbdbdb; */
}.yny_conPatch {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
}.yny_con {
     width: 100%; padding: 0 2%;
    box-sizing: border-box;
    padding-bottom: 20px; background:#fff;
}
.yny_contitle {
    background-image: url(../images/titbg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
}.yny_contitleft {
    box-sizing: border-box;
    float: left;
    width: 100%;
}.yny_contitright {
    width:100%;
    box-sizing: border-box;
    float: right;
}.yny_contitright .picdiv {
    margin-top: 0px;
    height: 24px;
    background: url(../images/pagenav.png) right no-repeat; background-size:100%;
}.yny_contitleft h2 { text-align:center;
    color: #343434;
    font-family: Microsoft YaHei;
    font-size: 22px;
    font-weight: normal; margin-top:6px;
}.yny_contitleft ul li {
      margin: 0 2.5%;
    width: 45%;
    float: left;
}.yny_contitright p {
    text-align: left;
    color:#464646;
    font-family: Microsoft YaHei;
    font-size: 12px;
    display: block;
    margin-right: 0px;
    margin-top: 8px; margin-bottom:15px;    line-height: 23px;}
	.hui p{ line-height:28px;}
.yny_conabout {
    background: url(../images/aboutxs.png) 90% 100% no-repeat;
    padding-bottom: 20px;
}.newsList li {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: #d8d8d8 1px dotted;
    padding: 15px 10px 15px 10px;
    box-sizing: border-box;
    -moz-transition: ease-in-out 0s;
    -webkit-transition: ease-in-out 0s;
    -o-transition: ease-in-out 0s;
    -ms-transition: ease-in-out 0s;
    transition: ease-in-out 0s;
}.contact_infor ul {
    float: left;
    width: 100%;
}.contact_infor ul li {
    width: 100%;
    float: left; box-sizing:border-box;
    margin-bottom: 15px;
    padding: 0px 0 15px 0px;
    margin-right: 5%;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
    background: top left no-repeat;
}
.contact_infor ul li img{ width:47px;
}
.contact_infor ul li h3 {
    color: #333;
    font: "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    margin-top: 3px;
}.contact_infor ul li p { font-size:14px;
    font-family: Microsoft YaHei;
    color: #767676;
}.contact_infor img {
    float: right;
}.contactmap {
    width: 100%;
    float: left;
    height: 300px;
    /* border: 1px solid #888; */
    border-right: 1px #DFDFDF solid;
}.contact_ly {
    margin-top: 5px;
    background-color: #F7F7F7;
}.contactform {
    width: 100%; margin-top:5px;
    float: right;
}.form-control {
    box-sizing: border-box;
    height: 45px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 0.94em;
    line-height: 30px;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4e4e4;
    color: #999999;
    margin-top: 15px;
    font-family: "微软雅黑";
}.contactform textarea {
    box-sizing: border-box;
    height: 104px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 0.875em;
    line-height: 30px;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4e4e4;
    color: #999999;
    margin-top: 15px;
    font-family: "微软雅黑";
}.btn {
    display: block;
    clear: both;
    width: 100%;
    padding-top: 25px;
}.yny_concontact {
    padding-bottom: 10px;
}
.pro_conleft { display:none;
}
.pro_con {
    width:100%; padding:0 1%; box-sizing:border-box;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
}.pro_conright h2 span{ display:none;}
.pro_conright {
    float: right;
    width:100%;
}
.pro_conright ul {
    margin: 0;
    width: 100%; margin-bottom:15px;
}
.pro_conright ul li {
    margin: 9px 2%;
    width:46% ;
    float: left;
}.aboutimg {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.qywhimg {
       float: left;
    margin-bottom: 0px;
    width: 100%;
}.honor1 {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}.honor_right {
    width: 100%;
    border-bottom: 0px solid #E5E5E5;
    margin-bottom: 5px;
    height: 120px;
    margin-top: 0px;
    float: left;
    overflow: hidden;
}.honortit {
    width: 450px;
    max-width: 200%;
    border-bottom: 1px solid #E5E5E5;
}.honor2 {
    width: 100%;
}.yny_congchj ul li {
 float: left;
    width: 46%;
    height: 120px;
    margin: 5px 2%;
    border: 0px solid #E4E4E4;
    box-sizing: border-box;
}.qy_right {
    width: 100%;
    border-bottom: 0px solid #E5E5E5;
    margin-bottom: 5px;
    height: 120px;
    margin-top: 0px;
    float: left;
    overflow: hidden;
}.yny_conqywh ul li {
    margin: 10px 0; line-height:30px;
    color: #666666;
}.yny_conqywh {
    background: url(../images/aboutxs.png) 90% 100% no-repeat;
    padding-bottom: 20px;
}.ab_right {
    width: 100%;
    border-bottom: 0px solid #E5E5E5;
    margin-bottom: 5px;
    height: 120px;
    margin-top: 0px;
    float: left; overflow:hidden; 
}.abouttit { width:450px;max-width:200%;    border-bottom: 1px solid #E5E5E5;
}.equipement_con ul li {
    float: left;
    width:46%;
    height: auto;
    margin: 5px 2%;
    border: 0px solid #E4E4E4; box-sizing:border-box;
}.equipement_con{ width:100%;}
.equipement_con ul {
    margin: 0 2%; width:96%; margin-bottom:15px;
}
.mx-bugs_bunny {
    width: 100%;
    height: auto; 
}
.in_about {
    border-top: 1px solid #F0F0F0;
    margin-top: 1px;
    background: #F1F0F0;
    padding: 2em 1em 2em 1em;
}.in_aboutconright {
    float: left;
    transition: .2s width ease;
    margin-right: 0%;
    width: 100%;
}._abouimg {
    height:auto;
}.in_aboutconright ._t {
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    background-color: #EB1616;
    color: #fff;
    font-size: 18px;
    font-weight: normal; margin-top:-5px;
}.in_aboutconleft {
    float: left;
    transition: .2s width ease;
    margin-right: 0%;
    width: 100%;
    background: #fff;
}.in_aboutcon {
 height:auto;
	overflow: hidden;
}
.innews2 {
    padding: 0em 1em 1em;
}.in_aboutconleft ._lk {
    margin-top: 5px;
    height: auto;
    overflow: hidden;
    margin-left: 15px;    background-color: #f8f8f8;
}.in_aboutconleft ._lk ._lkimg {
    float: left;
    width: 70%;
    overflow: hidden;
}.in_aboutconleft ._lk .lk_menu {
    float: right;
    width: 30%;
    height: 100%;
    padding-top: 0%;
    background-color: #f8f8f8;
    box-sizing: border-box;
}.in_aboutconleft ._lk .lk_menu a {
    display: block;
    font-size: 14px;
    margin:10px 0;
    text-align: center;
}
.innews2 h1 {
    color: #484848;
    font-size: 1.4em;
    text-align: center;
       padding-top: 1.2em;
    padding-bottom: 1em;
}
.innews2 .innewstwolist {
width:100%;    margin: 0.5em 0em 0 0em;
}
.innewstwolist li {
    float: left;
  width:100%; margin-bottom:1em;
}.innewstwolist li a {
    display: block;
    -webkit-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    -ms-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
	    margin: 0;
    width:100%;
    background: #F1F0F0;
}.newsright {
    float: right;
    width:70%;
    padding: 8px 14px;
    box-sizing: border-box;
}
.newsleft {
    float: left;
    width: 30%;
    padding: 10px;
    border-right: 1px #e2e2e2 solid;
    background: #666666;    box-sizing: border-box;
}
.footer_l {
    float: none;
    text-align: left;
    width: 100%;
    padding: 1em; box-sizing:border-box;
	
}
.newsright h2 {
    font-size: 1em;
    font-family: "微软雅黑";
    color: #484848;
    font-weight: normal;
    line-height: 1.8em;overflow: hidden; /*自动隐藏文字*/
text-overflow: ellipsis;/*文字隐藏后添加省略号*/
white-space: nowrap;/*强制不换行*/
}.yny_conmian {
    margin-top: 15px;
}
.header {
	height: 75px;    padding: 0 1em; box-sizing: border-box;
}
 .form-hint {
	display: none;
}
.header .header-menu {
	background-color: #e4e4e4;
	width: 95%;
	margin: 0px auto;
	padding: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;display: none;
}
.header .header-menu #responsive-nav {
	width: 100%;
	display: block;
	margin: 0px auto;
	border: 1px solid #ddd;
}
}

@media only screen and (min-width:0px) and (max-width:500px) {
.header-menu .menu > li > a {
	padding: 15px 25px 15px;
}
.header-menu {
	float: none;
	width: 650px;
	margin: 0 auto;
}

.header-menu .menu > li {
	border: none;
}
.sub-menu {
	top: 70px;
}
}


@media only screen and (max-width: 480px) {
#options li a {
	font-size: 0.82355em;
	padding: 6px 5px;
}

}
@media only screen and (max-width: 380px){.element {
    width: 100%; height:341px;
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0px;
    margin-bottom: 1em;
}}

@media only screen and (max-width:320px) {
	#options ul {
    margin: 0;
    list-style: none;
    display: inline-block;
    margin-left: 0px;
}
	.MxSlider {
    width: 100%;
    height: 170px;
    position: relative;
}.mx-slide {
    position: absolute;
    height: 170px;
    width: 100%;
    display: table;
    float: left;
    left: 0%;
}#options ul {
    margin: 0;
    list-style: none;
    display: inline-block;
    margin-left: 0px;
}
#filters li span {
	padding: 7px 1px;
}
.n_top h2 {
	width: 40%;
}.in_prolist #container {
    margin: 0em auto 1em;
    max-height: 910px;
}
.baidu_map {
	height: 230px;
}.element {
    height: 288px;
    width: 100%;
 
    float: left;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0px;
    margin-bottom: 1em;
}.in_pro{ padding:0 1em;}
.cd-nav-trigger {
    position: fixed;
    z-index: 9;
    right: 5%;
    top: 15px;
    height: 50px;
    width: 50px;


  
}
}

@media only screen and (max-width:350px) {
.n_top h2 {
	width: 40%;
}
}

@media (max-width:1000px) {
.pro_class .col-md-1 {
	width: 18%;
}
.class_line {
	display: block;
	border-top: 1px solid #E4E4E4;
	width: 100%;
	position: absolute;
	top: 50%;
}
}

@media (max-width:767px) {
.develept li span {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 2%;
	float: none;
	padding: 0;
}
}

@media only screen and (min-width:500px) {
.home-device {
	display: none;
}
}

@media only screen and (max-width:500px) {
.fullwidthbanner-container {
	display: none;
}
.home-device {
	width: 100%;
	margin: 0px auto;
	position: relative;
}
.home-device .arrow-left {
	background: url(../images/jt-l.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 30px;
	height: 54px;
	z-index: 1;
}
.home-device .arrow-right {
	background: url(../images/jt-r.png) no-repeat left bottom;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -25px;
	width: 30px;
	height: 54px;
	z-index: 1;
}
.swiper-main {
	width: 100%;
	position: relative;
}
.swiper-container, .swiper-slide {
	width: 100%;
}
 .swiper1, .swiper1 .swiper-slide, {
height: 280px;
}
.swiper-container {
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	backface-visibility: hidden;
	z-index: 0;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
}
.swiper-slide {
	float: left;
}
.main_r {
	margin-left: 100px;
}
h2 {
	font-size: 1.125em;
}

.footer_r {
	display: none;
}
}

@media (max-width: 992px) {
.n_newslist .col-md-3 {
	float: none;
}
.n_newslist section h3 {
	margin-top: 15px;
}
}

@media (max-width:560px) {
.n_top h2 {
	width: 38%;
}
}

@media (max-width:500px) {
#options li {
	margin: 4px 8px 4px 0;
}
#options li a {
	border: 1px solid #ddd !important;
	background: #fff;
	color: ##666666;
	padding: 10px 23px;
}
#options li a.selected {
	background: #0095DE;
	
	color: #fff;
	border: 1px solid #EB1616;
}#options li a:hover {
	color: #fff;
	background: #EB1616;
}
.pro_class, .portfolio-bg {
	border: none !important;
}
}

@media only screen and (max-width: 330px) and (min-width: 0px){
}






.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before,  .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before,  .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before,  .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after,  .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " "
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after,  .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after,  .modal-footer:after {
	clear: both;
}