@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1002px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1002px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
    width: 1002px;margin: 0 auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.n_boxr{
    width: 742px;position: relative;
}

/*公用*/
body{font-size:12px; color:#222; font-family:"Microsoft YaHei"; background:url(images/20170623111724_839124961.jpg) top center no-repeat;}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #222; text-decoration: none;}
a:hover{color: #ff6600; text-decoration: none;}
.border_bg{width:auto; height:auto; margin:0 auto; border:1px solid #d0d0d0;}
.cp img{border:1px solid #bbb; padding:1px;}
.cp img:hover{border:1px solid #ff6600; padding:1px;}
.white a{color: #fff; text-decoration: none;}
.white a:hover{color: #ff0; text-decoration: none;}
input,button,select,textarea{outline:none}
/*抬头*/
#top_t{width:1002px; margin:0 auto; height:38px;}
#top_t li{float:left; color:#666; line-height:38px;}
#top_t .t1{width:795px;}
#top_t .t2{width:90px;}
#top_t .t3{width:70px;}
#top_t .t4{width:47px;}
#top_t a{color:#666;}
#top_t a:hover{color:#008dd3;}

#top_t .t3 .on{color:#F00; font-weight:bold;}

#top_b{width:1002px; margin:0 auto; height:150px;}
#top_b li{float:left;}
#top_b .tt1{width:140px; padding-top:22px;}
#top_b .tt2{width:329px; padding-top:40px;}
#top_b .tt3{width:275px; padding-top:40px; font-size:22px; font-weight:bold; color:#008dd3; text-align:center;}
#top_b .tt3 .font{font-size:16px; font-weight:normal; color:#222;}
#top_b .tt4{width:258px; padding-top:30px;}
/*导航*/
#nav_bg{width:100%; height:65px; background:url(images/20170623111724_2026654673.jpg) repeat-x;}
#nav{width:1000px; height:65px; margin:0 auto;}
#nav li{float:left; text-align:center; width:100px;}
#nav ul li a{color: #fff; text-decoration: none; font-size:14px; font-weight:bold; width:100px; line-height:60px; height:65px; text-align:center; display:block;}
#nav ul li a:hover{color: #ff0; text-decoration: none; font-size:14px; font-weight:bold; background:url(images/20170623142221_433517983.jpg) repeat-x;}
#nav .a_nav a{display:block; font-size:14px; background:url(images/20170623142221_433517983.jpg) repeat-x; width:100px; line-height:60px; color:#fff;}

/*合作客户*/
#hzkh_bg{width:100%; background:#e8f8ff; padding:40px 0px 30px 0px;}
#hzkh_t{height:58px; width:1002px; margin:0 auto;}
#hzkh_t .h1{float:left; width:60px; height:45px; border-bottom:3px solid #008dd3;}
#hzkh_t .h2{float:left; font-size:18px; letter-spacing:8px; margin-left:10px;}
#hzkh_t .h3{float:right; padding-top:20px;}

#hzkh_b{width:1002px; margin:0 auto; padding-top:20px;}
#colee_lefts{
    overflow: hidden;
}
#colee_lefts td td td{
  padding: 2px;
}

/*产品分类、热卖产品*/

.yiji{_width:230px;width:230px;_height:51px;
height:51px;line-height:51px;line-height:51px; 
background:url(images/20170623111726_1380803141.jpg) no-repeat left; _padding-left:15px;padding-left:15px;}
.yiji{ padding-left:43px; font-size:16px;}#classimgshow1 a{font-size:16px;}#classimgshow2{
			padding-left:43px;}
.yiji a{color:#008dd3;text-decoration:none;}

.erji{_width:215px; width:215px;_height:51px;
height:51px;_line-height:51px;line-height:51px;
background:url(images/20170623111726_673002575.jpg) no-repeat left; padding-left:40px;}

.erji a{color:#000;text-decoration:none;}
.fenleib{
    width: 100%;min-height: 100px;
}




#center_bg{width:1002px; margin:0 auto; margin-top:30px;}
#left_l{width:230px; float:left;}
#rihgt_r{width:742px; float:right;}

.dh_bg_1{width:230px; background:url(images/20170623111725_603303172.jpg) no-repeat; height:100px; color:#fff;}
.dh_bg_1 .h1{padding-left:80px; padding-top:24px; font-size:22px; font-weight:normal;}
.dh_bg_1 .h2{padding-left:80px; font-size:14px; text-transform:uppercase;}

.sort_bg{background:#e8f8ff; height:50px; margin-top:1px;}

.hot_t{border-bottom:1px solid #ddd; line-height:50px;}
.hot_t .h1{float:left; line-height:50px; font-size:18px; color:#008dd3; padding-left:10px;}
.hot_t .h2{float:left; font-size:18px;}
.hot_t .h3{float:left; line-height:50px; font-size:16px; text-transform:uppercase; color:#888; padding-left:10px;}
.hot_t .h4{float:right; line-height:50px; font-size:14px; text-transform:uppercase;}
.hot_t .h4 a{font-size:14px; color:#222;}
.hot_t .h4 a:hover{font-size:14px; color:#008dd3;}

.hot_c{width:742px;}
.hot_c_l{width:371px; background:#eeeeee; height:325px; float:left;}
.hot_c_r{width:371px; background:#008dd3; height:325px; float:right;}
.hot_c_r .h1{padding:45px; color:#fff; font-size:14px; line-height:30px;}
.hot_c_r .h1 .font{font-size:18px; font-weight:bold;}

#hot_b{ margin-top:20px; width:742px;}
#hot_b span{line-height:40px; background:#ddd; width:234px !important; margin:0 auto !important; margin-bottom:10px !important; margin-top:10px !important;}
#hot_b span a{line-height:40px; background:#ddd; display:block; height:40px; width:237px !important; margin:0 auto !important; }
#hot_b span a:hover{background:#008dd3; color:#fff; height:40px; line-height:40px; width:234px !important; margin:0 auto !important; }

#hot_b td{
    display: block;float: left;margin-right: 10px;
}
#hot_b td:nth-of-type(3n){margin-right:0;}
#hot_b td:nth-of-type(n+4){margin-top:10px;}

#flash_bg{width:100%;}
.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;
 background:#000; filter:alpha(opacity=60);opacity:0.6 
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/20170623145339_1892460026.png) -18px 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(images/20170623145339_2103833537.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4; top:130px;}
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }


/*四大优势*/
#ad_bg{width:100%; height:165px; background:url(images/20170623111726_786006108.jpg) center no-repeat; text-align:center; margin-top:30px;}

#ys_12{width:100%; height:689px; background:url(images/20191022091054_232183542.jpg) center no-repeat;}
#ys_12_c,#ys_34_c{width:1002px; margin:0 auto;}
#ys_12_c .h1{padding-left:433px; padding-top:96px; font-size:20px; font-weight:bold; height:36px;}
#ys_12_c .h2{padding-left:400px; height:60px; font-size:14px; color:#666; text-transform:uppercase;}
#ys_12_c .h3{padding-left:78px; height:36px; font-size:25px;}
#ys_12_c .h4{padding-left:78px; height:58px; font-size:25px; color:#008dd3; font-weight:bold;}
#ys_12_c .h5{padding-left:78px; height:123px; font-size:14px; color:#888; line-height:28px;}
#ys_12_c .h6{padding-left:78px; height:36px; font-size:25px;}
#ys_12_c .h7{padding-left:78px; height:61px; font-size:25px; color:#008dd3; font-weight:bold;}
#ys_12_c .h8{padding-left:78px;  font-size:14px; color:#888; line-height:28px;}


#ys_34{width:100%; height:618px; background:url(images/20191022091525_477159669.jpg) center no-repeat;}
#ys_34_c .h1{padding-left:626px; padding-top:8px; font-size:25px; height:36px;}
#ys_34_c .h2{padding-left:626px; height:57px; font-size:25px; color:#008dd3; font-weight:bold;}
#ys_34_c .h3{padding-left:626px; height:211px; font-size:14px; color:#888; line-height:28px;}
#ys_34_c .h4{padding-left:626px; height:33px; font-size:25px;}
#ys_34_c .h5{padding-left:626px; height:57px; font-size:25px; color:#008dd3; font-weight:bold;}
#ys_34_c .h6{padding-left:626px; font-size:25px; font-size:14px; color:#888; line-height:28px;}


/*应用领域*/
#yyly_bg{width:100%; background:#e1f5ff; margin-top:30px; padding:70px 0px 30px 0px;}
#yyly_t{width:1200px; margin:0 auto; height:78px; background:url(images/20170624085010_664371859.jpg) no-repeat; text-align:center; font-size:36px; font-weight:bold; color:#008dd3;}
#yyly_t .font{font-size:14px; font-weight:normal; text-transform:uppercase; color:#6e6e6e;}
#yyly_b{width:1200px; margin:0 auto;}

/*公司简介*/
#company_bg{width:100%; height:608px; background:url(images/20180313105731_2065704081.jpg) center no-repeat;}
#company_t{width:1198px; margin:0 auto; font-size:28px; font-weight:bold; color:#fff; text-align:center; padding-top:43px; height:185px; text-transform:uppercase;}
#company_t .font{font-size:25px; font-weight:normal;}
#company_c{width:1100px; margin:0 auto;}
#company_c .h1{font-size:23px; font-weight:bold; color:#008dd3; height:46px;}
#company_c .h2{font-size:16px; line-height:33px; color:#222; height:116px;}
#company_c .h3{font-size:12px; line-height:26px; color:#888; height:100px;}
#company_c .h4{font-size:12px; color:#222;}
#roller_left{
    width: 935px;overflow: hidden;
}
/*企业形象*/
#qyxx_t{width:1002px; margin:0 auto; margin-top:30px; font-size:30px; text-align:center; color:#1195d6;}
#qyxx_t .font{color:#222; font-size:30px;}
#qyxx_c{width:1002px; margin:0 auto; text-align:center;}

#qyxx_b{width:1002px; margin:0 auto; margin-top:30px;}
#qyxx_b li{float:left;}
#qyxx_b .q1{width:35px; padding-top:60px;}
#qyxx_b .q2{width:932px;}
#qyxx_b .q3{width:35px; padding-top:60px; text-align:right;}
/*新闻中心*/
.converts{ width:100%; margin:0 auto; background: url(images/20170624101433_1201192463.jpg) no-repeat center 0px; margin-top:30px;}
.converts .tab{width:380px; height:50px; margin:0 auto;}
.converts .tab a{display:block; color:#666; text-align: center; width: 108px; height:34px; border:1px solid #ddd; background:#f8f8f8; border-radius:100px; line-height: 34px; font-size:16px; float:left; margin-right:10px;}
.converts .tab a:hover{text-decoration: none;}
.converts .tab a.on{display:block; color:#fff; background:#008dd3;}


.converts .contents{ overflow:hidden; width:1002px; margin:0 auto; position:relative; margin-top:20px; height:300px;}
.converts .contents ul{ position:absolute;  width:1002px; left:0; top:0;}
.converts .contents li{ width:1002px; height:auto; float:left;}
.contents td br{ display:none;}

/*友情链接*/
#links_bg{width:1002px; margin:0 auto; height:90px; background:url(images/20170623111747_1189378216.jpg) no-repeat; margin-top:30px;}
#links_bg .h1{ padding-left:135px; padding-top:15px; line-height:30px;}
/*底部导航*/
#b_nav{width:100%; background:#222; padding:40px 0px 30px 0px; margin-top:30px;}
#b_nav_c{width:1002px; margin:0 auto;}
#b_nav_c_l{width:600px; float:left;}
.b_nav{width:600px;}
.b_nav li{width:150px; float:left;}
.b_nav .bnav1{font-size:18px; line-height:33px; color:#888;}
.b_nav .bnav1 a{font-size:18px; color:#888; font-weight:bold;}
.b_nav .bnav1 a:hover{font-size:18px; color:#ff0;}
.b_nav .bnav2{font-size:12px; color:#888; line-height:28px; padding-top:5px;}
.b_nav .bnav2 a{font-size:12px; color:#888;}
.b_nav .bnav2 a:hover{font-size:12px; color:#ff0;}

#b_nav_c_c{width:62px; float:left; text-align:center;}
#b_nav_c_r{width:340px; float:left; text-align:right; color:#888; font-size:18px; padding-top:10px;}
/*底部版权*/
#copyright_bg{ width:100%; height:50px; line-height:50px; text-align:center; background:#008dd3; color:#fff;}

.strong_title{ display:none;}
.mianbxContent{width: 742px !important; text-align: left !important; font-size: 16px !important; background:url(images/20170624115815_225806209.jpg) no-repeat !important; height:60px !important; line-height:60px !important; margin-bottom:30px !important;}
.mianbxContent a{font-size: 16px !important; line-height:60px;}
.mianbxContent a:hover{font-size: 16px !important;}
#bodycon #center{float:right; width:742px !important;}