﻿*{MARGIN: 0px;PADDING: 0px;  }
div {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; MARGIN: 0px; }
ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none}
li {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none;}
img {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;border:0;}
i{font-style:normal;}
body,td,th {font-size:1.2rem;color: #2f2f2f; font-family: "微软雅黑",Arial,Simsun;}
body { background:#fff;}
.clear { clear:both;}
.l{float:left;}
.r{float:right;}
a {color: #000;text-decoration:none;}
.mian{max-width:640px;margin:0 auto 50px;position:relative;}



/* 头部*/
.head { padding:5% 2%; overflow:hidden;}
.logo { width:48%;}
.logo_title { width:50%; padding-top:1%;}
.logo_title span { display:block; font-size:1.3em; color:#e62129; font-weight:bold;}



/* 导航*/
.menu li { float:left;width:25%;}
.menu a { width:100%; display:block; padding:10% 0; background:#e62129 url(../images/nav_bj.jpg) no-repeat left center; color:#fff; text-align:center; border-top:1px solid #fff;}
.menu .nav_none a {background:#e62129;}
.menu a:hover { background:#2f2f2f;}


/* banner*/


.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 450px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background:#fff;display:block;height:0.5em;overflow: hidden;text-indent:-99em;width: 0.5em;cursor: pointer;border-radius:1em;}
.flex-control-paging li a.flex-active {background:#e62129;}



/* 首页产品中心*/
.pro_title { text-align:center; font-size:1.3em; color:#e62129; font-weight:bold; padding:6% 0 3%;}
.pro_info li { width:45%; margin:0 2% 4% 2%; border:1px solid #dddddd; float:left; }
.pro_info li:hover {border:1px solid #e62129;}
.pro_info li span { display:block; padding:2% 3%; border-top:1px solid #dddddd; color:#615b5b;}
.pro_info li span i {float:right;}
.pro_more { margin:0 auto; width:40%; text-align:center; margin-top:3%; overflow:hidden; padding-bottom:10%;}
.pro_more a { padding:2% 0; background:#e62129; color:#fff;display:block;}
.pro_more a:hover { background:#2f2f2f;}




/* 应用案例*/
.case_title { border-top:1px solid #dddddd; padding-top:3%; font-size:1.6em; color:#191919; text-align:center; font-weight:bold;}
.case_info { padding:2% 0 6% 0; overflow:hidden;}
.swiper-container img{width:100%;}
.case_text{display:block; text-align:center; line-height:1.25em;  padding-bottom:0.25em; padding-top:0.25em; text-decoration:none; color:#333;}
.case_text1{display:block; text-align:center; line-height:2em; font-size:1.5em; padding-bottom:0.25em; padding-top:0.25em; text-decoration:none; color:#fff;}
.swiper-slide{position:relative;}
.swiper-slide em{ position:absolute; right:1em; bottom:0; color:#fff;line-height:2em; font-size:1.5em; padding-bottom:0.25em; padding-top:0.25em;}
.g_tz { display:block; width:100%; text-align: center; color:#1e78ff; margin-bottom:0.8em;}

.swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}
.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}

.swiper-button-prev { left:5%;}
.swiper-button-next {right:5%;}








/* 关于我们*/
.about_title {  border-top:1px solid #e7e7e7;}
.about_info { padding:4% 4% 0 4%; overflow:hidden; background:#f7f7f7;}
.about_t { font-size:1.2em; margin-top:1%;}
.about_t span { font-size:1.2em; border-top:1px solid #e6212a; padding-top:1%; font-weight:bold;}
.about_i { line-height:1.8; padding:4% 0;}




/*首页新闻*/
#tab{position:relative;margin-bottom:10px;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:49.6%; font-size:1.2em; border-left:1px solid #fff; padding:4% 0;cursor:pointer;text-align:center; color:#fff; background:#434343;}
#tab .tab_box{clear:both;top:60px;position:relative;}
#tab .tab_menu .selected{background:#e6212a;cursor:pointer;}
.hide{display:none;}
.tab_box div{padding:2%; } 
#tab .tab_box div li {    line-height: 2.3em;
    background: url(../images/news_bj.png) no-repeat center left;
    background-sixe: 5%;
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 0.3em;}
#tab .tab_box div ul { padding:2% 0;}	
#tab .tab_box div li a {padding-left: 1.5em; color:#000;}
#tab .tab_box div li a:hover { color:#e6212a;}
#tab .tab_box div li span {  float: right;  color: #b0b0b0;}

/*新闻*/
.kehu { margin-top:2em;}
.khul li:nth-child(2){ background:none}
.khul li{ overflow:hidden; background:url(../images/Index/libg_03.png) bottom center no-repeat; padding:1em 0px}
.khul li .imga{ display:block; width:8.833em; float:left; margin-right:1.250em; height:7.833em;}
.khul li img{ display:block; width:100%;}
.khul li .imga span{ display:block; width:100%; background:url(../images/tu_02.png) no-repeat; background-size:100% auto; height:7.833em; margin-top:-7.833em; position:relative}
.khul li h5{ padding-top:0.833em;font-size:1.083em;}
.khul li h5 a{ color:#2a56c1; line-height:1.667em;}
.khul li p{color:#333333; margin-top:0.417em; line-height:1.250em; height:5.000em; overflow:hidden}
#kh li {width:49.6%;}
.hez{ overflow:hidden}
.hez li{ float:left; width:44%; margin:0px 3%; }
.hez li img{ display:block;border:1px #dcdcdc solid;width:100%;}
.hez li h5{ font-size:1em; font-weight:normal; text-align:center; line-height:2.500em;}
.hez li h5 a{color:#333333}

.xinwen_a  { padding:4% 0.8em 0 0.8em;}
.xinwen_b { padding:1.2em 0.8em 2em 0.8em;}
.xinwen_b span { float:right; color:#b0b0b0;}
.xinwen_b li { line-height:2.3em; background:url(../images/news_bj.png) no-repeat center left; background-sixe:5%; border-bottom:1px dashed #dbdbdb; margin-bottom:0.3em;}
.xinwen_b a { padding-left:1.5em;}
.x_w{ height:4.167em;}
.x_w li{ text-align:center; border-left:1px solid #fff; width:33.0%; padding:4% 0; background:#434343; float:left;  color:#fff;position: relative;}
.x_w li.on{color:#fff; background:#e6212a}
.x_w .on:after{display:block;}
.x_w img { float:left;}





/*底部公司名称*/
.weixin a { color:#898987;}
.weixin a:hover { color:#e62129;}
.weixin { padding:1em 1em 0 1em; text-align:center; border-top:1px dashed #b6b6b6; height:8em; color:#898987;}
.weixin img { margin-bottom:0.5em;}




/*顶部*/
.footer{ position:fixed; bottom:0px; width:100%; background:#e62129;border-top:1px solid #fff; z-index:9999999999;}
.footer ul{height:3.5em; margin:0px auto;  }
.footer ul li{float:left; color:#ffffff;width:25%; text-align:center}
.footer ul li a{color:#fff; padding:5% 0; overflow:hidden;  display:block;}
.footer ul li a:hover { background:#2f2f2f; color:#fff;}
.foot_tel { background:url(../images/foot_bj.jpg) no-repeat left top;}
.foot_address { background:url(../images/foot_bj.jpg) no-repeat left top;}
.f_home {   width:1.2em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em;}
.f_tel {   width:1.7em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.3em;}
.f_address {  width:1em; display:block; margin:0 auto; padding-top:0.5em; padding-bottom:0.1em; }
.en_address {  width:1.3em; display:block;margin:0 auto; padding-top:0.5em; padding-bottom:0.1em; }

/*内页关于我们*/
.d_h { padding:4% 3%; background:#e62129; color:#fff; overflow:hidden;}
.d_r { width:6%;}
.ny_about_info { padding:4% 3%; line-height:1.6;}
.ny_about_info img { width:100%;}
.ny_about_nav{padding:0 3%;}
.ny_about_nav li { margin-bottom:3%;}
.ny_about_nav a { display:block; background:#f0f0f0; color:#333232; padding:3%; border:1px solid #d6d6d6;}
.ny_about_nav a:hover{ color: #fff; background: #e62129;}
.ny_about_nav span { float:right;  font-family:"宋体";}
.ny_about_nav .backg a{ color: #fff; background: #e62129;}
.ny_about_nav .backg span {color:#fff; }




/*内页新闻列表页*/
.newslit{padding:4% 3%;}
.newslit_l { width:34%;}
.newslit_l img { border:1px solid #d6d6d6;}
.newslit_r { width:62%;}
.newslit_r_t a{ color:#e62129; font-weight:bold; }
.newslit_r_t a:hover{ color:#e62129; text-decoration:underline;}
.newslit li { margin-bottom:5%; border-bottom:1px dashed #d6d6d6; padding-bottom:5%; overflow:hidden;}

.problem {padding:4% 3%;}
.problem li { margin-bottom:5%; border-bottom:1px dashed #d6d6d6; padding-bottom:5%; overflow:hidden;}
.problem_t { padding-left:8%; background:url(../images/c_w.png) no-repeat left 8%; padding-bottom:3%;}
.problem_t a{ color:#e62129; font-weight:bold; font-size:1.2em; }
.problem_t a:hover{ color:#e62129; text-decoration:underline;}
.problem_i { padding-left:8%; background:url(../images/c_d.png) no-repeat left 8%; color:#999797; line-height:1.5;}



.news{padding:4% 3%;}
.news_t {text-align:center; color: #999999; border-bottom:1px dashed #d6d6d6; padding-bottom:2%; margin-bottom:4%;}
.news_t span { font-size:1.2em; color:#4e4e4e; display:block; font-weight:bold;}
.news_i { line-height:1.8;}
.news_i img { width:100%;}
.news_p { border-top:1px dashed #d6d6d6; padding-top:2%; margin-top:4%;color:#343434;}
.news_p a { color:#343434;}
.news_p a:hover{ color:#e62129; text-decoration:underline;}




/* 统一用翻页样式 */
#pageud a{ text-decoration:none; font-size:12px; font-weight:bold; color:#077ac7;}
#pageud a:hover{ text-decoration:none; font-size:12px;font-weight:bold; color:#ff0000;}
#pageupdn{ font-weight:100;border:0px solid #b9dff9;color:#fff; float:left; background-color:#5f5f5f; height:25px; width:30px;margin:0px 4px 0px 4px;overflow:hidden;cursor:pointer;font-size:12px; line-height:25px; text-align:center;}
#pageupdn strong{font-weight:100;color: #fff;text-decoration:underline;background-color:#e42229; height:25px; width:30px; display:block;line-height:25px; text-align:center;}
#pageupdn_wz{display:none;float:left;padding:8px;margin:0 auto;overflow:hidden;font-family:Arial;}
#fenye{margin:0px;height:60px;}



/*内页产品列表页*/
.picturelist {padding:4% 3%;}
.picturelist li{ float:left; width:44%; margin:0px 3%;margin-bottom: 1.2em;text-align:center;}
.picturelist li img{ display:block;border:1px #dcdcdc solid;width:100%;}
.picturelist li span{ font-size:1em; font-weight:normal; text-align:center; line-height:2.500em;}
.picturelist li span a{color:#333333}


.products {padding:4% 3%;}
.products_title { text-align:center; padding-bottom:2%; border-bottom: 1px dashed #b6b6b6; margin-bottom:4%;}
.products_img {padding-bottom:3%; border-bottom: 1px dashed #b6b6b6; margin-bottom:3%;}
.products_img img {border: 1px solid #b6b6b6;}
.products_decs { line-height:1.6;padding-bottom:3%; border-bottom: 1px dashed #b6b6b6; margin-bottom:8%;}
.products_i { font-size:1.3em; font-weight:bold; margin-bottom:2%;border-bottom: 1px dashed #b6b6b6; padding-bottom:2%; color:#e62129;}
.products_info { line-height:1.6;}
.products_info img { width:100%;}
.products_p { border-top:1px dashed #d6d6d6; padding-top:2%; margin-top:4%;color:#343434;}
.products_p a { color:#343434;}
.products_p a:hover{ color:#e62129; text-decoration:underline;}

















/*iphone5s*/
@media screen and (min-width:320px) and (max-width:358px) {
	html{font-size:10px;}
	.logo { width:42%;}
    .logo_title { font-size:11px; width:55%;}
    .logo_title span {font-size:13px}
	.pro_title {font-size: 1.3em;}
     #kh li { font-size:1.3em;}
	 
	 .d_h { padding:3% 3%;}
	.newslit_r_t { padding-bottom:7px; overflow:hidden;}
	 .newslit_r_t a {font-size:14px;}
	 .newslit_r_i { line-height:1.4; font-size:12px;} 
	 #tab .tab_box{top:40px;}
}



/*iphone6s*/
@media screen and (min-width:358px) and (max-width:383px){
	html{font-size: 12.5px;}
    .pro_title {font-size: 1.4em;}
    #kh li { font-size:1.2em;}
	 .d_h { padding:3.5% 3%;}
	 .d_l { font-size:16px;}
	 .products_title { font-size:16px;}
	 .newslit_r_t { padding-bottom:7px; overflow:hidden;}
	 .newslit_r_t a {font-size:16px;}
	 .newslit_r_i { line-height:1.6;}
	 .logo_title span {font-size: 14px;}
	
}

/*其他牌子*/
@media screen and (min-width:383px) and (max-width:414px){
	html{font-size: 12px;}
    .logo { width:42%;}
    .logo_title {  width:55%;    padding-top:0}
	#kh li { font-size:1.4em;}
	.d_l { font-size:18px;}
	.d_h { padding:3.5% 3%;}
	 .products_title { font-size:18px;}
	 .newslit_r_t { padding-bottom:7px; overflow:hidden;}
	 .newslit_r_t a {font-size:18px;}
	 .newslit_r_i { line-height:1.6;}
	.logo_title span { font-size: 1.1em;}
    .products_decs{ font-size:14px;}
	

}

/*iphone6 plus*/
@media screen and (min-width:414px) and (max-width:479px){
	html{font-size: 12px;}
    .logo { width:42%;}
    .logo_title {  width:55%;    padding-top:0}
	.logo_title span { font-size: 1.2em;}
  
    #kh li { font-size:1.4em;}
	.d_l { font-size:18px;}
	 .products_title { font-size:18px;}
	 .newslit_r_t { padding-bottom:7px; overflow:hidden;}
	 .newslit_r_t a {font-size:16px;}
	 .newslit_r_i { line-height:1.6;}
	 .products_decs{ font-size:14px;}
	 
	 
}





@media screen and (min-width:480px) and (max-width:639px) {
    html {  font-size: 14px}
	.logo_title span { font-size: 1.2em;}
	.logo { width:42%;}
    .logo_title {  width:55%;    padding-top:0}
	
}
@media screen and (min-width:640px) and (max-width:719px) {
    html { font-size: 20px }
	 .logo { width:42%;}
    .logo_title {  width:55%;    padding-top:0}
	
}
/*平板*/
@media screen and (min-width:719px) and (max-width:768px) {
    html { font-size: 18px }
    .logo { width:42%;}
    .logo_title {  width:55%;padding-top:0}
	.pro_title {font-size: 1.6em;}
	#kh li { font-size:1.4em;}
	.x_w { height: 4.6em;}
	.d_l { font-size:26px;}
	.products_title { font-size:24px;}
	.newslit_r_t { padding-bottom:7px; overflow:hidden;}
	 .newslit_r_t a {font-size:26px;}
	 .newslit_r_i { line-height:1.6;}
	
}
