﻿@charset "utf-8";
/* CSS Document */


/*通用*/

/*分页*/
html,body{width: 100%; min-width: 1200px; }

.page { margin:30px 0 15px 0; }
.page a { width:40px; height:40px; display:inline-block; line-height:38px; font-size:14px; color:#333; background:url(../images/icon_01.png) 0px -192px no-repeat;  margin-left:6px; }
.page a:hover { background:url(../images/icon_01.png) -41px -192px no-repeat; color:#fff; }
.page a img { display: inline-block; margin: 15px 0px 0px; }
.page span { width:40px; height:40px; display:inline-block; line-height:38px; font-size:14px; color:#333; background:url(../images/icon_01.png) -0px -192px no-repeat; margin-left:6px;}
.page .pagecur { background:url(../images/icon_01.png) -41px -192px; color:#fff; }


.nybanner { width:100%; height:283px; z-index:1; background:#e6e6e6; }
.nybanner span { width:100%; height:283px; display:inline-block; z-index:2;  }

/*内容*/
.wrap { width:100%; background:url(../images/nybg.png) repeat-x; }
#content { width:1200px; margin:auto; min-height:400px; z-index:2; position:relative; }
#content .location { width:1170px; height:24px; line-height:24px; font-size:12px; padding:0px 15px 0px; display:inline-block; text-align:; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
#content .location a { color:#888; margin:0px 5px; font-size:12px;}
#content .location a:hover { color:#2084c6; }
#content .location span { color:#2084c6; margin:0px 5px;}


/*内页导航*/
.Mnav { width:1200px; min-height:110px; margin:auto; z-index:2; padding:24px 0px 5px;}
.Mnav .Mnttl { width:200px; height:55px; margin:auto; }
.Mnav .Mnttl span { width:200px; height:45px; display:block; background:url(../images/nyttl.png) no-repeat; }
.Mnav span.mttl1 { background-position:center 0px; }
.Mnav span.mttl2 { background-position:center -55px; }
.Mnav span.mttl3 { background-position:center -108px; }
.Mnav span.mttl4 { background-position:center -164px; }
.Mnav span.mttl5 { background-position:center -218px; }
.Mnav span.mttl6 { background-position:center -272px; }
.Mnav span.mttl7 { background-position:center -328px; }
.Mnlist {  margin-top:10px; float:left; position:relative; left:50%; z-index:999; }
.Mnlist li { float:left; position:relative; right:50%; margin:0px 3px 6px; text-align:center;  }
.Mnlist li a {  padding:0px 15px; height:32px; line-height:30px; display:inline-block; font-size:14px; color:#333; background:#e1e1e1; }
.Mnlist li a:hover { background:#006db4; color:#fff; }
.Mnlist .selected { display:block; line-height:38px; }
.Mnlist .selected a { background:#006db4 !important; color:#fff !important; }

.Mnlist li .mlia {  padding:0px 15px; height:32px; line-height:30px; display:inline-block; font-size:14px; color:#333; background:#e1e1e1; }
.Mnlist li .mlia:hover,.Mnlist .active a.mlia { background:#006db4; color:#fff; }
.Mnlist li.Cur .mlia,.Mnlist .hover  { background:#006db4; color:#fff; }

/*二级菜单*/
.Mnlist li p { min-width:140px; background:#006db4; padding:0px; display:none; border-top:2px solid #fff;  position:absolute; z-index:10000; left:0px; top:32px;  }
.Mnlist .mli p a,.Mnlist .mli.active p a{ display:block; height:30px; background:none; font-size:14px; color:#fff; padding:2px 10px; line-height:26px; text-align:left; }
.Mnlist .mli p a:hover { background:#fff; color:#006db4;}


/*内容模块*/
.Ncon { width:1200px; margin:auto; min-height:370px; }

@media screen and (max-width:1280px) {
#content { width:1000px; }
#content .location { width:970px;}
.Mnav { width:1000px; }
.Ncon { width:1000px;}
}


/*关于我们*/
.Ncon .Ncon1 { width:1100px; margin:auto; overflow:hidden; padding:30px 0px 50px; min-height:350px; font-size:13px; line-height:28px; position:relative; }
.Ncon .Ncon1 p { margin-bottom:10px; } 
.Ncon .Ncon1 img { max-width:1100px;}

.Ncon .Ncon2 { width:1160px; margin:auto; overflow:hidden; padding:30px 0px 50px; min-height:350px; font-size:13px; line-height:28px; position:relative;}
.Ncon .Ncon2 .pl_img1 { width:260px; height:220px; display:block; float:left; margin:0px 15px;  }
.Ncon .Ncon2 .pl_img1 img { width:250px; height:167px; padding:5px; background:#fff; box-shadow:0px 1px 10px -2px #aaa; }
.Ncon .Ncon2 .pl_img1 span { widht:260px; display:block; line-height:28px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  }
.Ncon .Ncon2 .pl_img2 { width:190px; height:310px; display:block; float:left; margin:0px 21px; }
.Ncon .Ncon2 .pl_img2 img { width:180px; height:252px; padding:5px; background:#fff; box-shadow:0px 1px 10px -2px #aaa;}
.Ncon .Ncon2 .pl_img2 span { widht:190px; display:block; line-height:28px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  }

@media screen and (max-width:1280px) {
.Ncon .Ncon1 { width:940px; }
.Ncon .Ncon1 img { max-width:940px;}
.Ncon .Ncon2 { width:1000px; }
.Ncon .Ncon2 .pl_img1 { width:220px; height:190px; margin:0px 15px; }
.Ncon .Ncon2 .pl_img1 img { width:210px; height:140px; }
.Ncon .Ncon2 .pl_img1 span { widht:220px; }
.Ncon .Ncon2 .pl_img2 { width:170px; height:282px; margin:0px 15px; }
.Ncon .Ncon2 .pl_img2 img { width:160px; height:224px; }
.Ncon .Ncon2 .pl_img2 span { widht:170px; }
}


/*产品*/
.Ncon .Ncon3 { width:1200px; margin:auto; overflow:hidden; padding:30px 0px 50px; min-height:350px; position:relative; }
.Ncon .Ncon3 .plist { width:220px; height:258px; padding:13px 13px 0px; margin:0px 27px 30px; display:block; float:left; background:#fefefe; box-shadow:0px 4px 4px -2px #ccc; }
.Ncon .Ncon3 .plist img { width:220px; height:220px; }
.Ncon .Ncon3 .plist span { width:220px; height:38px; line-height:36px; display:block; font-size:14px;  text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  }
.Ncon .Ncon3 a.plist:hover { background:#006db4; color:#fff;}

/*产品内页*/
.Ncon .Ncon4 { width:1100px; margin:auto; overflow:hidden; padding:40px 0px 90px; min-height:350px; font-size:13px; line-height:28px; position:relative; }
.Ncon4 .picshow { width:310px; height:310px; border:1px solid #ddd; position:relative; }
.Ncon4 .picshow img { width:300px; height:300px; padding:5px; background:#fff; }
.Ncon4 .picshow i { width:26px; height:26px; display:block; background:url(../images/icon_01.png) -0px -241px no-repeat; position:absolute; bottom:15px; right:15px; }
.Ncon4 .cpb_r { width:756px; margin-left:30px; }
.Ncon4 .cpb_r .cp_ttl { width:100%; font-size:28px; padding:10px 0px 15px; border-bottom:1px solid #ddd; color:#333; font-weight:bold;  }
.Ncon4 .cpb_r .cp_text { width:100%; min-height:237px; padding:10px; background:#fff; }
.Ncon4 .cpb_r .cp_text div { font-size:14px; line-height:30px; padding:0px 10px 0px 15px; }
.Ncon4 .cpb_r .cp_text div div { display:block; padding:0px;  }
.Ncon4 .cpb_r .cp_text div span { display:inline-block;   }
.Ncon4 .cpb_r .cp_text div p { display:inline-block; }
.Ncon4 .cpb_r .cp_text div p img { max-width:620px; vertical-align: text-top; margin-top:4px;}
.Ncon4 .desblock { margin:40px 0px 30px 0px; }
.Ncon4 .desttl { height:28px; padding:6px 0px; border-top:2px solid #444; border-bottom:1px dotted #666; }
.Ncon4 .desttl span { display:inline-block; padding:0px 5px; height:33px; font-size:15px; color:#333; font-weight:bold; }
.Ncon4 .descon { padding:20px;}
.Ncon4 .descon img { max-width:960px;}
.Ncon4 .othblock { margin:40px 0px 30px 0px; }
.Ncon4 .othttl { height:28px; padding:6px 0px; border-top:2px solid #444; border-bottom:1px dotted #666; }
.Ncon4 .othttl span { display:inline-block; padding:0px 5px; height:33px; font-size:15px; color:#333; font-weight:bold; }
.Ncon4 .othcon { padding:30px 0px 0px; }
.Ncon4 .othcon .plist2 { width:200px; height:238px; padding:10px 10px 0px; margin:0px 27.5px 30px; display:block; float:left; background:#fefefe; box-shadow:0px 4px 4px -2px #ccc; }
.Ncon4 .othcon .plist2 img { width:200px; height:200px; }
.Ncon4 .othcon .plist2 span { width:200px; height:38px; line-height:36px; display:block; font-size:14px;  text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  }
.Ncon4 .othcon a.plist2:hover { background:#006db4; color:#fff;}


@media screen and (max-width:1280px) {
.Ncon .Ncon3 { width:1000px; }
.Ncon .Ncon3 .plist { width:200px; height:238px; padding:10px 10px 0px; margin:0px 15px 30px; }
.Ncon .Ncon3 .plist img { width:200px; height:200px; }
.Ncon .Ncon3 .plist span { width:200px; }

.Ncon .Ncon4 { width:1000px;  }
.Ncon4 .cpb_r { width:656px; }
.Ncon4 .cpb_r .cp_text div p img { max-width:530px; }
.Ncon4 .othcon .plist2 { width:180px; height:218px; padding:10px 10px 0px; margin:0px 22.5px 30px;}
.Ncon4 .othcon .plist2 img { width:180px; height:180px; }
.Ncon4 .othcon .plist2 span { width:180px; height:38px;  }

}


/*新闻*/
.Ncon .Ncon5 { width:1200px; margin:auto; overflow:hidden; padding:30px 0px 50px; min-height:350px; font-size:13px; line-height:28px; position:relative; }
.Ncon .Ncon5 dl { width:550px; height:150px; display:block; float:left; margin:0px 15px 25px; padding:10px 10px; background:#fefefe;  }
.Ncon .Ncon5 dt { width:200px; height:150px; float:left; position:relative; }
.Ncon .Ncon5 dt img { width:200px; height:150px; }
.Ncon .Ncon5 dd { width:325px; height:auto; float:right; margin-right:10px; }
.Ncon .Ncon5 dd a.h3ttl { width:100%; display:inline-block; height:28px; line-height:28px; color:#006db4; margin-top:3px; font-size:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.Ncon .Ncon5 dd a.h3ttl:hover { color:#333; }
.Ncon .Ncon5 dd .ntime { display:block; margin-bottom:0px; color:#999; font-size:12px; }
.Ncon .Ncon5 dd p { height:40px; overflow:hidden; line-height:20px; color:#666; font-size:12px; margin-bottom:15px;  }
.Ncon .Ncon5 dd .more { width:87px; height:28px; line-height:26px; display:block; float:right; padding-left:13px; font-size:13px; color:#006db4; background:url(../images/icon_01.png) -0px -133px no-repeat;}
.Ncon .Ncon5 dd a.more:hover { color:#006db4; background:url(../images/icon_01.png) -0px -161px no-repeat; }

/*新闻内页*/
.Ncon .Ncon6 { width:1100px; margin:auto; overflow:hidden; padding:20px 0px 100px; min-height:350px; font-size:13px; line-height:28px; position:relative; }
.Ncon .Ncon6 h2 { font-size:24px; color:#333; line-height:36px; margin:5px 0px 30px; padding:0px 20px; text-align:center;}
.Ncon .Ncon6 .block1 { width:100%; padding:6px 0px; height:26px; line-height:26px; font-size:13px; color:#888; margin:auto; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin-bottom:30px; position:relative; text-align:center;  }
.Ncon .Ncon6 .datetime { width:190px; margin-right:20px; }
.Ncon .Ncon6 .share { width:200px; }
.Ncon .Ncon6 .shareicon { display:inline-block; vertical-align:middle; margin-top:-2px; _position:absolute; _top:7px; _right:92px; }
.Ncon .Ncon6 p { padding:0px 20px; margin-bottom:10px; }
.Ncon .Ncon6 img { max-width:1060px;}

/*内容页通用*/
.Ncon .others { height:30px; margin-top:50px; padding:15px 0px 0px 15px; border-top:1px solid #dcdcdc; }
.Ncon .others div { width:500px; float:left; }
.Ncon .others div span { width:60px; display:inline-block; float:left; color:#2084c6; }
.Ncon .others div a { width:430px; height:30px; line-height:28px; display:inline-block; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#555; font-size:14px; }
.Ncon .others div a:hover { text-decoration:underline; }

@media screen and (max-width:1280px) {
.Ncon .Ncon5 { width:1000px; }
.Ncon .Ncon5 dl { width:450px; height:140px; display:block; float:left; margin:0px 15px 25px; padding:10px 10px; background:#fefefe;  }
.Ncon .Ncon5 dt { width:187px; height:140px; float:left; position:relative; }
.Ncon .Ncon5 dt img { width:187px; height:140px; }
.Ncon .Ncon5 dd { width:245px; height:px; float:right; margin-right:3px; }
.Ncon .Ncon5 dd p { margin-bottom:10px;  }

.Ncon .Ncon6 { width:980px; }
.Ncon .Ncon6 img { max-width:940px;}

.Ncon .others div { width:450px; }
.Ncon .others div a { width:380px; }
}


/*防伪*/
.Ncon .Ncon7 { width:1100px; margin:auto; overflow:hidden; padding:50px 0px 50px; min-height:350px; font-size:13px; line-height:28px; position:relative; }
.Ncon .Ncon7 .check { width:950px; margin:auto; font-size:16px; }
.Ncon .Ncon7 .check .check_text { width:350px; height:250px; float:left; text-align:left; padding:0px 20px; color:#333; background:url(../images/fwbg.png) top center no-repeat;}
.Ncon .Ncon7 .check .check_text h6 { padding:0px; margin:0px 0px 5px; font-size:20px;}
.Ncon .Ncon7 .check .check_text span { display:block;  }
.Ncon .Ncon7 .check form { width:400px; float:right; padding:10px 20px 20px 100px; border-left:1px dashed #ccc;}
.Ncon .Ncon7 .check form label { display:block; margin-bottom:10px;}
.Ncon .Ncon7 .check form p { display:block; width:px; text-align:left; }
.Ncon .Ncon7 .check form .inputbox { width:320px; height:34px; line-height:32px; display:inline-block; padding:3px 10px; border:1px solid #ddd; font-size:18px;  }
.Ncon .Ncon7 .check form .inputbox2 { width:80px; height:34px; line-height:32px; display:inline-block; padding:3px 10px; border:1px solid #ddd; font-size:18px;  }
.Ncon .Ncon7 .check form .btn { width:160px; height:38px; display:inline-block; text-align:center; line-height:36px; color:#fff; border:0px; margin:0px 15px 0px 0px; background:#006db4;  }
.Ncon .Ncon7 .check form .btn2 { width:160px; height:38px; display:inline-block; text-align:center; line-height:36px;  color:#fff; border:0px; margin:10px 0px 0px 0px; background:#999; }

/*加入我们*/
.Ncon .Ncon8 { width:1100px; margin:auto; overflow:hidden; padding:20px 0px 50px; min-height:350px; font-size:13px; line-height:28px; position:relative; }


/*营销*/
.Ncon .Ncon9 { width:1100px; margin:auto; overflow:hidden; padding:20px 0px 50px; min-height:350px; font-size:13px; line-height:28px; position:relative; }


/*联系我们*/
.Ncon .Ncon10 { width:1100px; margin:auto; overflow:hidden; padding:30px 0px 100px; min-height:350px; font-size:13px; line-height:28px; position:relative; }
.Ncon10 .map { width:680px; float:left; overflow:hidden; }
.Ncon10 .loc_block { width:380px; background:#e2e2e2; margin-left:20px;  }
.Ncon10 .loc_block .lbttl { width:340px; height:56px; padding:12px 20px; background:url(../images/mapttl.png) no-repeat; line-height:24px;}
.Ncon10 .loc_block .lbttl h4 { font-size:18px; color:#fff; }
.Ncon10 .loc_block .lbttl span { font-size:14px; color:#A6CAD9;}
.Ncon10 .loc_block .loc_detail { padding:13px 20px 17px;}
.Ncon10 .loc_block .loc_detail p { width:310px; display:block; padding-left:30px; background:url(../images/icon_01.png) no-repeat; line-height:20px; margin-bottom:10px;}
.Ncon10 .loc_block .loc_detail .add { background-position:-124px -0px; }
.Ncon10 .loc_block .loc_detail .tel { background-position:-124px -67px;  }
.Ncon10 .loc_block .loc_detail .fax { background-position:-124px -114px; }
.Ncon10 .loc_block .loc_detail .mob { background-position:-124px -281px;  }
.Ncon10 .loc_block .loc_detail .email {background-position:-124px -141px; }
.Ncon10 .loc_block .loc_detail .qq { background-position:-125px -220px; }
.Ncon10 .loc_block .loc_detail .sale { background-position:-124px -197px; }
.Ncon10 .loc_block .loc_detail .web {background-position:-124px -317px; }

.Ncon10 .loc_block .loc_detail .ewm { width:86px; height:86px; position:absolute; bottom:25px; right:20px; }


@media screen and (max-width:1280px) {
.Ncon .Ncon7 { width:940pxpx;}

.Ncon .Ncon8 { width:940pxpx;}

.Ncon .Ncon9 { width:940pxpx;}

.Ncon .Ncon10 { width:1000px;}
.Ncon .Ncon10 .map { width:590px;}
.Ncon .Ncon10 p img { width:560px;}
}


/* 在线留言 2016.05.24 */
.NconForm{ width: 100%; height: auto; overflow: hidden; background: url(../images/meg.jpg) bottom left no-repeat #fff;}
.yunf-formBox{width: 300px; height: auto; margin:20px; float: right; padding: 10px 16px; background-color: #f1f1f1;}
.form-group{ width: 100%; height: auto; margin-bottom: 15px; overflow: hidden; }
.form-group label{display: block; max-width: 100%; font-weight:bold;}
.form-group .form-control{display: block;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}



.btn-success {


width: 100%;
color: #fff;
background-color: #006db4;
border-color: #006db4;}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.yunf-formBox textarea.form-control {
height: auto;
}

.yunf-Mnttl{ background: url(../images/BG001.png) center center no-repeat !important; }

.codeInput{ float: left; }
#imgCode{float: right;}





/* 地图 */

 .my-map { margin: 0 auto; width: 600px; height: 460px; }
    .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
    .my-map .icon-cir { height: 31px; width: 28px; }
    .my-map .icon-cir-red { background-position: -11px -5px; }
    .amap-container{height: 100%;


