@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:1100px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1100px;}  /*版面宽度*/
.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: 1100px;margin: 40px auto;position: relative;
}
.n_boxr{
    width: 805px;position: relative;
}
.n_box:after,.box:after{
    display: block;content: "";clear: both;
}

.cp img{
	border:#e2e2e2 1px solid;
	padding:2px;
	background:#fff;
	}
.cp img:hover{
	border:#F60 1px solid;
	padding:2px;
	background:#fff;
}
.box{
	width:1100px;
	margin:0 auto;
}
#ding{width:100%; background:url(images/20170622142345_603771364.jpg) top no-repeat;}
.ding1{line-height:35px; border-bottom:1px solid #ddd;}
.header1{width:110px; padding:30px 0px;}
.header2{width:350px; padding:42px 0px 0px;}
.header3{width:330px; padding:38px 0px 0px; font-size:18px; line-height:30px; letter-spacing:0px;}
.header3 span{font-size:22px; color:#2678ff; line-height:30px; letter-spacing:7.8px;}
.header4{width:265px; background:url(images/20170626150709_1209207473.png) no-repeat;  margin:27px 0px 23px;}
.header4_zi{font-family:Arial, Helvetica, sans-serif; font-size:27px; color:#2678ff; font-weight:bold; float:right; line-height:30px;}
.header4_zi font{font-size:14px; color:#555; font-weight:400; padding-left:42px;}

/*导航*/
#nav_bg{width:100%; height:55px; background:#2678ff;}
#nav_bg li a:hover{display:block;}
#nav_bg .a_nav a{display:block; font-size:15px; background:url(images/20170809140155_1497426200.jpg); color:#333;}
#nav_top{width:1100px; height:55px; margin:0 auto;}
.nav{height:55px;}
.nav li{width:122px; line-height:55px; float:left; font-size:15px; position:relative; text-align:center; background:url(images/20170622163929_589358462.png) no-repeat left;}
.nav li a{font-size:15px; height:55px; color:#fff; display:block;}
.nav ul .nomig{background:none;}
.nav li a:hover{display:block; background:url(images/20170809140155_1497426200.jpg); color:#333;}
.nav li ul{display:none;}
.nav li:hover ul{display:block;}
.nav li.dhh{ color:#fff; z-index:99999;}
.nav li.dhh ul{ width:122px; position: absolute; top:55px; left:0px; z-index:99999;}
.nav li.dhh ul li{width:122px; background:url(images/20170711111605_165913787.png); height:35px; line-height:35px; border-bottom: solid 1px #fff;}
.nav li.dhh ul li a{color:#fff;}
.nav li.dhh ul li a:hover{background-color:#FF7900; height:35px; line-height:35px; color:#333;}


/*产品*/
.prod_tit { text-align: center; padding-bottom: 30px; }
.general_h1 { font-size: 26px; font-weight: bold; color: #222222; padding-bottom: 7px; }
.general_h1 span { color: #2678ff; }
.general_h3 { font-size:35px; font-weight: bold; color: #222222; padding-bottom: 7px; }
.general_h3 span { color: #2678ff; }
.general_h2 { font-size: 15px; color: #525252; padding-bottom: 11px; }
.general_sepr {height: 26px; background: url(images/20170627194929_211069498.png) center no-repeat;}
.box_l { width: 261px; }
.box_l .l_bg1 { height: 90px; background: url(images/20170626104604_1769632283.jpg) no-repeat; }
.box_l .l_bg2 {background:url(images/20170627095526_1028645725.jpg) top no-repeat; width:261px; height:30px;}
.box_l .l_bg1 .l_t { color: #fff; font-family: "Microsoft YaHei"; font-size: 24px; text-align: center; padding-top: 20px; font-weight: bold; }
.box_l .l_bg1 .l_t span { display: block; font-size: 15px; font-family: "Arial"; font-weight: normal; padding-top: 5px; }
.box_l .list { background: url(images/20170629101030_1671238499.jpg) repeat-y; font-size: 16px; line-height: 60px; padding-left:30px; }
.box_l .list a { color: #222222; text-decoration: none; font-size: 16px; display: block;}
.box_l .list a:hover { color: #0d6fb8 !important; font-size: 16px; }
.box_r { width:805px; }
.r_banner { width:805px; position: relative; }
#kehu_l { cursor: pointer; position: absolute; top: 135px; }
#kehu_r { cursor: pointer; position: absolute; top: 135px; left:769px; }
#kehu_d { height: 339px; overflow: hidden; }
#kehu_d .box_roll { width:805px; float: left; }
#kehu_d .box_roll .box_wz { width: 347px; height: 339px; background: url(images/20170627201422_1029187067.jpg) no-repeat; padding-left: 63px; padding-top: 102px; }
#kehu_d .box_roll .box_wz span { display: block; font-size: 25px; color: #222222; font-weight: bold; }
#kehu_d .box_roll .box_wz p { font-size: 12px; color: #525252; line-height: 28px; width:300px; padding:15px 0; }
#kehu_d .box_roll .box_wz font { display: block; width: 100px; height: 32px; line-height: 32px; text-align: center; background-color: #2678ff; }
#kehu_d .box_roll .box_wz font a { font-size: 14px; color: #fff;}
#kehu_d .box_roll .box_wz font:hover { background-color: #e71e1a;}
#kehu_d .box_roll .box_img { width: 395px;}
.box_r .box_sub { padding: 15px 0; }
.box_r .box_sub p { height: 30px; line-height: 30px; background: url(images/20170626143904_1740234556.jpg) no-repeat; }
.box_r .box_sub span { font-size: 18px; color: #2678ff; font-weight: bold; padding-left: 22px; }
.box_r .box_sub a { float: right; }
.pro_con { overflow: hidden; width:805px; height:514px; }
.box_l .list table tr td table{ display:none;}


.colee{overflow: hidden;
    height: 514px;
    width:805px;}

.prod_b{ color: #ff7200; font-size: 46px; font-weight: bold; text-align: center; line-height: 66px;overflow: hidden;
    height: 514px;
    width:805px;}

.prod_b table td{width:23.5%; height: auto;display: block ;float: left;  margin: 2% 0 0 2%; }
.prod_b table td:nth-of-type(4n+1){
    margin-left: 0;
}
.prod_b table td span{line-height:40px;display: block;
    background:#f5f5f5;
}
.prod_b table tr td a{display: block;overflow: hidden;font-size:0.8rem;}
.prod_b table tr td:hover span a{ background:#2454ac; color:#fff;}
.prod_b table tr td>a{width:100%; overflow:hidden;
    border: 1px solid #ddd;box-sizing: border-box;
}
.prod_b table tr td br{display: none;}
.prod_b img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:auto;
    display: block;
}
.prod_b img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);  overflow:hidden;}   


/*广告图*/
#ggt{width:100%; background:#2678ff; height:150px; margin-top:30px;}
.ggt1{background:url(images/20170810141010_566894119.png) center no-repeat; height:110px; font-size:24px; color:#fff; line-height:30px; font-weight:bold; padding:40px 0px 0px 170px;}
.ggt1 span{font-size:18px; line-height:60px; font-weight:400;}

/*why*/
#why{ margin-top:45px;}

.adv_con{ margin-top:25px; min-height:649px; background:url(images/20170627195401_4669996.jpg) top no-repeat;}
.adv01{}
.adv02{padding-top:110px;}
.adv_l{width:500px;}
.adv_l dt{font: bold 26px/35px "Microsoft YaHei"; padding:40px 0px 40px 95px; color:#2678ff;}
.adv_l dt span{font: 400 12px/20px Arial, Helvetica, sans-serif; padding-bottom:18px; color:#949494; text-transform:uppercase;}
.adv_l dd{font:14px/24px "Microsoft YaHei"; padding-bottom:11px;}
.adv_r{ width:490px; padding-top:16px; font:18px/28px "Microsoft YaHei";}
.advr01 {font: bold 18px/36px "Microsoft YaHei"; padding-bottom:16px;}
.advr01 em{ font-style:normal; color:#2678ff;}
.adv_r img{ margin-bottom:32px;}
.adv_r span{ font:24px/50px "Microsoft YaHei"; color:#ff9c00;}
.adv_r dl{ float:left; width:92px; padding-left:135px; padding-top:27px;}
.adv_r dl a{ color:#fff;font:16px/28px "Microsoft YaHei"; color:#fff;}
.adv_r dl a:hover{ text-decoration:underline;}
.adv_r p{ float:right; width:162px; padding-top:26px;font:14px/22px "Microsoft YaHei";}
.adv_r p span{ font:22px/24px "Arial"; color:#2678ff;}

/*简介*/
#gsjj{width:100%; border: 1px solid #e4e4e4; border-width: 1px 0; margin-top:30px;}
.gsjj1{width:100%; border: 1px solid #fff; border-width: 1px 0; padding:30px 0px; background: #efefef;}
.com_con{font:14px/35px "Microsoft YaHei";}
.com_con a{font:14px/32px "Microsoft YaHei";}
.com_con strong a{ color:#2678ff; font: bold 16px/32px "Microsoft YaHei";}

.case{width:1100px; margin:0 auto; overflow:hidden; margin-top:20px;}
.case_m{width:1100px; margin:0 auto;}
.case_m{overflow:hidden; text-align:center; font-size:24px; font-weight:bold; line-height:50px; background:url(images/20170629100916_1166968749.png) no-repeat center;}
.case_en{width:1100px; margin:0 auto; text-align:center; font-size:16px; color:#999; text-transform:uppercase; line-height:20px;}
.casea_a{width:1100px; margin:0 auto; text-align:right; overflow:hidden; border-bottom:solid 1px #ccc; line-height:30px;}
.casea_a a{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding-right:10px; color:#666;}
.case_d{width:1100px; margin:0 auto; padding-top:20px;}
.case_lr{width:100%; overflow:hidden; height:28px; background:url(images/20170420115437_1829861031.png) no-repeat center;}
.case_lrW{width:1100px; margin:0 auto; position:relative; top:28px;}
#case_lr_l{width:545px; float:left; height:28px; overflow:hidden;}
#case_lr_r{width:545px; float:right; height:28px; overflow:hidden;}
#case_lr_l img{cursor: pointer; float: right;
    display: block;
}
#case_d_d td{
    display: block;float: left;
}
#case_d_d tr:after{
    display: block;content: "";clear: both;
}
#case_lr_r img{cursor: pointer;display: block; }
#case_d_d{width:1100px; margin:0 auto; overflow:hidden; padding-top:13px;}
#case_d_d td img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;display: block;}
#case_d_d td+td{
    margin-left: 6.2px;
}
#case_d_d td img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
#case_d_d td a{display:block; border:solid 1px #ccc; overflow:hidden;}
#case_d_d td div a{background:#ccc; line-height:30px !important;}
#case_d_d td div a:hover{background:#2678ff; line-height:30px !important; color:#fff;}
#case_d_d td br{display:none;}


/*news*/
#news{ margin-top:30px;}
.news{ width:700px;}
.news_t{ height:44px; padding:0 12px; border:1px #cecece solid; font:15px/44px "Microsoft YaHei"; color:#2678ff; background:#fff;}
.news_t em{ font-family:"Arial"; color:#cfcfcf; font-style:normal; }
.news_t span{ float:right; border-left:1px #cecece solid; padding-left:12px;}
.news_t span a{font:12px/44px "Microsoft YaHei";}

.nwtr{ width:380px;}
.mdr{ margin-right:9px;}
.nwte dl{ padding:10px 0;}
.nwte_zi{ height:252px; background:url(images/20170629100657_1057196249.jpg) repeat-y;}

.zuxn_con{width:358px; min-height:314px; padding:6px; background:#fff;border: 1px #cecece solid; border-top:none; padding-left:14px;}
.divdgweb2_tag li{border-bottom: 1px #d2d2d2 dashed;}

.news_tu{ font:12px/26px "Microsoft YaHei";padding-top:10px; padding:10px; border-left:1px #cecece solid; border-right:1px #cecece solid; background:#fff;}
.news_zi{ height:156px; padding:10px 0 10px 10px; border:1px #cecece solid; border-top:none; background:#fff;}
.divnews_tag li{ margin-right:10px !important;border-bottom: 1px #d2d2d2 dashed;}

/*友情链接*/
.link{ width:1100px; margin:0 auto; margin-top:30px; padding:0 10px; line-height:40px;background:#f7f7f7;}
.linkl{ background:url(images/20170628085824_1784731849.jpg) left no-repeat; font-family:"Microsoft YaHei"; font-size:16px; color:#000; padding-left:23px;}
.linkl span a{ float:right; font-weight:normal; font-size:14px;}
.link2{ width:1100px; margin:0 auto; padding:6px 10px 0 10px; min-height:30px;}

/*bottom*/
.footer{ width:100%; height:280px; background:#efefef; margin:0 auto;    border: 1px solid #e4e4e4; border-width: 1px 0;
    margin-top: 30px;
}
.mgr0{
    margin-right: 0;
}
.footer_bg{height:180px; border-bottom: 1px solid #606060; margin:0 auto; border: 1px solid #fff; border-width: 1px 0;}
.footer_nav{ width:650px; height:132px; padding-top:32px;}
.footer_nav li{ width:96px; margin-right:65px; height:132px; float:left;line-height:26px; font-size:13px; color:#b8b8b8;}
.footer_nav li a{font-size:13px; color:#696969; display:block;}
.footer_nav li a:hover{ font-size:13px; color:#2678ff;}
.footer_nav p{ font-size:16px; color:#fff; line-height:16px; padding-bottom: 15px;}
.footer_nav p a{ font-size:16px; color:#333;}
.footer_nav p a:hover{ font-size:16px; color:#2678ff;}
.footer_r{ width:206px; height:95px; padding-top:70px;}
.footer_zx{ width:122px; height:32;float:right; padding-right:8px;}
.footer_lx{ width:250px; height:48px; font-size:30px; text-align:right; color:#333;float:right; padding-top:15px;}
.footer_APP{width:82px; height:135px; padding:26px 0 0 0;}
.footer_APP_p{ width:82px; height:30px; font-size:16px; line-height:30px; color:#333; text-align:center; padding-bottom:10px;}
.footer_APP_img{ width:232px; height:82px;}

.footer_wx{width:82px; height:135px; padding:26px 0px 0 0; margin-left:15px;}
.footer_wx_p{ width:82px; height:30px; font-size:16px; line-height:30px; color:#333; text-align:center; padding-bottom:10px;}
.footer_wx_img{ width:82px; height:82px;}

.footer_copy{ width:1100px; height:49px; font-size:14px; color:#696969;  margin:0 auto; line-height:49px;}
.footer_copy .fr{text-align:right; }
.footer_copy a{font-size:14px; color:#696969;}
.footer_copy a:hover{ color:#FFBB00;}
