@charset "utf-8";

/* css reset */
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff; font-family:"微软雅黑";}
a{color:#000;}
img{ max-width:100%;}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
input,
textarea {
    border: 0; /* 方法1 */
    -webkit-appearance: none; /* 方法2 */
	background:none;
}
.clear{ clear:both;}


/* css main page */

.head_top{ width:100%; height:40px; line-height:40px; background-color:#efefef; position:relative;}
.head_top_left{ float:left; padding-left:75px; height:40px; line-height:40px; font-size:14px; background:url(../images/icon1.jpg) no-repeat 40px center;}
.head_top_right{ position:absolute; top:0; right:40px;}
.head_top_right li{ float:left; width:105px; height:45px; text-align:center;}
.head_top_right li a{ display:block; width:105px; height:45px; line-height:45px; font-size:14px; color:#b9393a; position:relative;}
.head_top_right li a.hover{ background:#0d59af;  color:#fff;}
.head_top_right li a i{ background: url(../images/icon5.jpg) no-repeat 0 0; width:5px; height:5px; position:absolute; right:-5px; bottom:0;}
.head{ width:100%; height:125px; line-height:125px; background:url(../images/icon9.jpg) repeat; box-sizing:border-box; padding:0 40px; overflow:hidden;}
.head_img1{ float:left; width:43%; margin:0 4% 0 0;}
.head_img2{ float:left; width:25%;}
.head_img3{ float: right; width:20%; text-align:right;}
.head img{ vertical-align:middle;}
.navbox{ width:100%; height:46px; line-height:46px; background:url(../images/icon8.jpg) repeat-x; box-sizing:border-box; padding:0 40px; position:relative; z-index:999;}
.nav{ width:100%; height:40px; text-align:center;}
.nav li{ float:left; width:12.5%; line-height:46px; height:46px; background:url(../images/icon7.jpg) no-repeat right center; box-sizing:border-box; padding-right:2px;}
.nav li a{ display:block; width:100%; height:46px; line-height:46px; color:#fff; font-size:14px; }
.nav li a:hover{ background:url(../images/icon6.jpg) repeat-x;}
.nav li a.hover{ background:url(../images/icon6.jpg) repeat-x;}
.nav li a:hover:before{ content:""; float:left; width:11px; background:url(../images/icon10.jpg) no-repeat 0 0; height:46px;}
.nav li a:hover:after{content:""; float:right; width:11px; background:url(../images/icon11.jpg) no-repeat 0 0; height:46px;}
.nav li a.hover:before{ content:""; float:left; width:11px; background:url(../images/icon10.jpg) no-repeat 0 0; height:46px;}
.nav li a.hover:after{content:""; float:right; width:11px; background:url(../images/icon11.jpg) no-repeat 0 0; height:46px;}

.moblie-nav{ display:none; text-align:center; color:#fff; line-height:46px; font-size:18px;}
.moblie-nav a{ color:#fff; font-size:24px;}
.moblie-menu{ display:none; position:absolute; top:46px; left:0; width:100%; font-size:14px; background-color: rgba(252,142,1,0.8);}
.moblie-menu li{ height:30px; line-height:30px; width:100%; border-bottom:1px solid #fbd008;}
.moblie-menu li a{ display:block; width:100%; padding:0 15px; box-sizing:border-box; color:#fff; font-size:14px;}

.slideBox{ position:relative; overflow:hidden; margin:0 auto; z-index:2;  max-width:1920px;/* 设置焦点图最大宽度 */  }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:0; z-index:1; text-align:center; width:100%; }
	.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.about{ width:100%; margin:0 auto; overflow:hidden;}
.about_l{ float:left; width:43%; text-align:right; background:url(../images/img13.jpg) no-repeat 0 0; background-size:cover; box-sizing:border-box; padding:25px 0 0 65px;}

.about_r{ float:left; width:57%; position:relative;}
.about_r_bg{ width:100%; position:absolute; left:0; top:0; z-index:1;}
.about_rbox{ position:relative; z-index:2; width:100%; box-sizing:border-box; padding:50px 50px 10px;}
.about_tit1{ width:100%; height:35px; line-height:35px; border-left:4px solid #0d59af; box-sizing:border-box; padding-left:10px;}
.about_tit1 span{ font-size:32px; color:#000; float:left; display:block; padding-right:10px;}
.about_tit1 p{ color:#d1d2d4; font-size:28px;}
.about_tit2{ width:100%; padding:20px 0; line-height:24px; font-size:14px; color:#000;}
.about_tit3{ width:175px; height:41px; line-height:41px; background-color:#0d59af; overflow:hidden;}
.about_tit3 a{ display:block; width:169px; height:35px; line-height:35px; border:1px solid #a5c2e2; font-size:18px; color:#fff; margin:2px; text-align:center;}
.products{ width:100%; overflow:hidden; position:relative;}
.products_l{ float:left; width:51%; position:absolute; top:50%; left:0; margin-top:-78px;}
.products_l_t1{ text-align:center; width:100%; height:40px; line-height:60px; font-size:24px;}
.products_l_t2{ text-align:center; width:100%; height:75px; line-height:75px; font-size:38px;}
.products_l_t3{ width:175px; height:41px; line-height:41px; background-color:#0d59af; overflow:hidden; margin:0 auto;}
.products_l_t3 a{ display:block; width:169px; height:35px; line-height:35px; border:1px solid #a5c2e2; font-size:18px; color:#fff; margin:2px; text-align:center;}

.products_r{ float:left; width:100%; padding-left:51%; box-sizing:border-box;}

.case_box{ width:100%; background:url(../images/img5.jpg) repeat center top;}
.case_list{ width:100%; max-width:1200px; margin:0 auto; padding-bottom:30px;}
.case_tit{ width:100%; color:#fff; text-align:center; height:64px; background:url(../images/icon12.png) no-repeat center; padding:50px 0;}
.case_tit span{ font-size:24px; width:100%; height:40px; display:block;}
.case_tit p{ width:14px; width:100%; height:24px; display:block;}
.case_cc{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.case_cc li{ width:33.333%; box-sizing:border-box; padding:0 10px; float:left;}
.case_cc li a{ display:block; color:#fff; padding-bottom:10px; background-color:#fb8e01;}
.case_cc li span{ width:100%; display:block; padding:0 10px; height:40px; line-height:40px; font-size:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.case_cc li p{ width:100%; display:block; padding:0 10px; height:40px; line-height:40px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}

.about_contact{ width:100%; background:url(../images/img8.jpg) no-repeat center top; background-size: cover; padding:30px 0;}
.about_contact_all{ width:100%; max-width:1200px; text-align:center; margin:0 auto; overflow:hidden;}
.about_contact_t1{ width:100%; color:#fff; font-size:20px; margin:10px auto;}
.about_contact_t1 span{ border-bottom:1px solid #fff; padding:10px 0; line-height:50px;}
.about_contact_t1 p{ padding:10px; line-height:40px;}
.about_contact_list{ width:100%;}
.about_contact_list li{ float:left;  width:25%; color:#fff; font-size:14px;}
.about_contact_list li img{ margin-bottom:10px;}
.about_contact_list li p{ height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



/* -- page footer -- */
.footerbox{ width:100%; background-color:#f9f9f9; overflow:hidden;}
.footer{ width:100%; max-width:1200px; text-align:left; margin:0 auto;}
.footer_list{ float:left; width:12.5%; box-sizing:border-box; padding-left:2%; border-left:1px solid #eeeeee; min-height:170px;}
.footer_list dt{ font-size:14px; padding:15px 0 10px;}
.footer_list dd{ font-size:12px; height:30px; line-height:30px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.footer_list_ewm{ float:left; width:12.5%; box-sizing:border-box;  border-left:1px solid #eeeeee; text-align:center; background-color:#ebebeb; min-height:170px;}
.footer_list_ewm img{ padding:10px 0 5px;}
.footer_list_ewm p{ font-size:14px;}
.footerbox2{ width:100%; height:40px; line-height:40px; font-size:14px; background-color:#bfbfbf; margin-bottom:50px;}
.footer_bq{ width:100%; max-width:1200px; margin:0 auto; color:#000; line-height:40px;  height:40px;}

.about_read_t3{ width:100%; margin:120px 0 30px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.about_read_t3 span{ width:100%; font-size:24px;}


.about_read_top{ width:100%; max-width:960px; margin:0 auto;}
.about_read_t1{ width:100%; margin:120px 0 30px;}
.about_read_t1 span{ width:100%; font-size:14px;}
.about_read_t2{ width:100%; font-size:16px; line-height:30px; margin-bottom:20px;}
.about_read_t2 p{ padding-bottom:20px;}
.about_read_top_bg{ background:#fafafa ; width:100%; overflow:hidden;}
.about_read_top_bg2{ background:#fafafa ; width:100%; overflow:hidden;}
.sub_pro_fn_bg{ width:100%; background-color:#eeeeee;}
.sub_pro_fn{ width:100%; margin:0 auto; max-width:1200px; padding:15px 0 20px; overflow:hidden;}
.sub_pro_fn li{ border:1px solid #d7d7d7; padding:2px; float:left; margin:10px 10px 0;}
.sub_pro_fn li a{ display:inline-block; background-color:#cecece; color:#000; padding:10px 35px;}
.sub_pro_fn li a:hover,.sub_pro_fn li a.hover{ background-color:#fb8e01; color:#fff;}
.sub_pro_fn_tit{ width:100%; height:141px; line-height:141px; color:#fff; font-size:30px; background:url(../images/icon18.jpg) no-repeat center; text-align:center;}
.sub_pro_list{ padding:20px 0; width:100%; margin:0 auto; max-width:1200px; text-align:center; overflow:hidden;}
.sub_pro_list li{ float:left; width:25%; padding:20px; box-sizing:border-box;}
.sub_pro_list li a{ display:block; width:100%; height:100%; border:1px solid #d8d8d8; padding:2px; box-sizing:border-box;}
.sub_pro_list li a:hover p{ background-color:#ea3e00;}
.sub_pro_list li p{ width:100%; height:30px; line-height:30px; color:#fff; background-color:#fb8e01; margin-top:2px;}

.pro_read{ width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0;}
.pro_read_l{ float:left;}
.pro_read_l img{ border:1px solid #e8e8e8; box-sizing:border-box;}
.pro_read_r{ float:left; width:40%; box-sizing:border-box; padding-left:50px; text-align:left;}
.pro_read_r_t1{ float:left; width:100%;}
.pro_read_r_t1 span{ font-size:20px; color:#000;}
.pro_read_r_t1 p{ font-size:14px; padding:15px 0 0;}
.pro_read_r_t2{ float:left; margin:20px 0; height:42px; background-color:#fb8e01;}
.pro_read_r_t2 a{ margin:2px; display:block; border:1px solid #fff; height:36px; line-height:36px; padding:0 15px; color:#fff; font-size:16px;}
.pro_read_r_t2 a:hover{ background-color:#ea3e00;}

.pro_xx_t{ width:100%; float:left; background:url(../images/icon19.jpg) no-repeat 0 0; height:50px; border-bottom:1px solid #e8e8e8; margin:15px 0;}
.pro_xx_t span{ height:50px; line-height:50px; float:left; display:block; text-align:center; color:#fff; font-size:20px; width:160px;}
.pro_xx_c{ float:left; width:100%; text-align:left; font-size:14px;}


@media (max-width: 767px){
.head_top{ display:none;}
.head{ width:94%; margin:0 3%; padding:20px 0; height:100%; line-height: normal;}
.head_img1{ width:100%; margin:0;}
.head_img2,.head_img3{ display:none;}
.moblie-nav{ display:block;}
.nav{ display:none;}
.about_rbox{ padding:20px 15px 0;}
.about_l{ width:100%;}
.about_r{ width:100%;}
.products_l{ width:100%; position: relative; margin-top:0; padding:20px 0;}
.products_r{ width:100%; padding-left:0; padding-top:20px;}

.footer_list{ display: none;}
.footer_list_ewm{ width:100%; }
.footerbox2{ margin-bottom:20px;}
.footer_bq{ text-align:center;}

.about_read_top{ padding:0 3%; box-sizing:border-box;}
.case_tit{ padding:20px 0;}
.about_read_t1{ box-sizing: border-box; margin:0; padding:30px 0;}
.about_contact_list li{ width:50%; box-sizing:border-box; padding:0 10px;}
.sub_pro_fn_tit{ height:80px; line-height:80px;}
.sub_pro_list{ padding:20px 3%; box-sizing:border-box;}
.sub_pro_list li{ width:50%; padding:5px;}
.pro_read_l{ width:100%;}
.pro_read_r{ width:100%;}
.pro_read{ box-sizing:border-box; padding:20px 3%;}
.pro_read_r{ padding-left:0;}
.pro_read_r_t1{ padding-top:20px;}

.case_cc li{ width:100%; margin-bottom:10px;}

}


@media screen and (min-width: 768px) and (max-width: 992px) {

}


@media screen and (min-width: 993px) and (max-width: 1199px) {

}

@media (min-width: 1200px){
	
}

@media (min-width: 1919px){
.about_read_top{ max-width:760px;}
.about_read_top_bg{ background:url(../images/img7.jpg) no-repeat center top; padding-bottom:380px;}

}