/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body {  color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#e91b1b;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#e91b1b; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.theme-default { width:100%; height:640px; position:relative; overflow:hidden;}
.theme-default .bolang { height:33px; background:url(../images/bolang.png); position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.theme-default #slider { width:1920px; height:640px; position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow:0px 1px 5px 0px #4a4a4a; -moz-box-shadow:0px 1px 5px 0px #4a4a4a; box-shadow:0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a { display:block; width:30px; height:4px; margin:0 2px; background:#fff; text-indent:-9999px; border:0; float:left;}
.theme-default .nivo-controlNav a.active { background:#192c75;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav { background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav { left:100px;}
.theme-default .nivo-caption { font-family:Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.nivoSlider { position:relative;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav a { position:absolute; top:40%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}
.theme-default .nivo-controlNav { z-index:100; bottom:30px;}

.banner { margin: 0 auto; position: relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%; }
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 80px; height: 8px; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc; }
.banner .hd ul li.on { background: #a17a7f; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }

.banner2{ display:none;}

.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:50px 0;}

/*top*/
.top{ padding:20px;}
.top_menu{ position:relative;}
.top_menu li{ float:left; font-size:16px; line-height:54px; padding:0 10px; width:85px; text-align:center; box-sizing:content-box;}
.top_menu li.on a{ color:#e91b1b;}
.top_menu .h{ width:85px; height:3px; position:absolute; bottom:0; left:10px; background:#e91b1b; transition:0.2s;}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:10px;}

/*index product*/
.ind_pro{}
.ttt{ border-bottom:2px solid #d2d2d2; padding:10px 0;}
.pp1{ font-size:24px;}
.pp1 img{ margin-right:15px;}
.ind_more{ font-size:18px; float:right;}

.ind_pro ul{ margin-top:20px;margin-bottom:20px; }
.ind_pro ul.productshow li{ width:23%; float:left; margin-right:2.5%; margin-bottom:20px;}
.ind_pro ul.prshow li{ width:23%; float:left; margin-right:2.5%; margin-bottom:20px;}
.ind_pro ul li:nth-child(4n){ margin-right:0;}
.ind_pro ul li img{ border:1px solid #d2d2d2;}
.ind_pro ul li p{ color:#fff; text-align:center; padding:15px 0; background:#5e9ad5; font-size:14px; transition:0.2s;}
.ind_pro ul li:hover p{ background:#075db2;}

/*index about us*/
.ind_ab img{ width:48%; float:right; height:385px;}
.ind_ab .ind_ab_1{ background:url(../images/ind_ab_b.jpg) no-repeat; background-size:cover; float:left; width:52%;}
.ind_ab .ind_ab_2{ width:630px; float:right; color:#fff; padding-right:50px;}
.ind_ab .ind_ab_2 .p_t{ font-size:24px; font-weight:bold;}
.ind_ab .ind_ab_2 .p_m{ text-indent:2em; margin-top:30px; line-height:24px;}
.ind_ab .ind_ab_2 a{ color:#fff; float:right; border:1px solid #fff; margin-top:23px; padding:5px 20px; font-size:16px; transition:0.2;}
.ind_ab .ind_ab_2 a:hover{ background:#fff; color:#666;}

/*index news*/
.ind_news_l{ width:100%;}
.ind_news1{ margin-top:30px;}
.ind_news1 .ind_np{ float:left; position:relative; width:20%;}
.ind_news1 .ind_np .ind_news1_t{ background:#e13c37; color:#fff; text-align:center; font-size:20px; position:absolute; top:0; left:0; padding:10px;}
.ind_news1 .ind_np .ind_news1_t span{ font-size:14px;}
.ind_news1 .ind_nm{ float:right; width:78%; padding:10px 20px;}
.ind_news1 .ind_nm .p1{ font-size:20px;}
.ind_news1 .ind_nm .p2{ margin-top:20px; text-indent:2em; line-height:1.6;}
.ind_news1 .ind_nm .a1{ margin-top:20px; display:block;}

.ind_news_l ul{ margin-top:40px;}
.ind_news_l ul li{ transition:0.2s; margin-bottom:20px; padding:10px 0;}
.ind_news_l ul li:hover{ background:#fafafa;}
.ind_news_l ul li .ind_news2_t{ border:1px solid #ccc; float:left; width:10%; text-align:center;}
.ind_news_l ul li .ind_news2_t .p1{ font-size:24px; font-weight:bold; color:#fff; background:#e13c37; padding:10px 15px;}
.ind_news_l ul li .ind_news2_t .p2{ padding:5px 10px;}

.ind_news_l ul li .ind_news2_m{ padding:0 20px; float:left; width:90%;}
.ind_news_l ul li .ind_news2_m .p1{ font-size:18px;}
.ind_news_l ul li .ind_news2_m .p2{ margin-top:5px;}

.ind_news_r{ float:right; width:30%;}

/**/
.ind_bb{ background:url(../images/ind_bb.jpg) no-repeat; padding:80px 0;}
.ind_bb .ind_bb2{ float:left; width:25%; text-align:center; color:#fff; position:relative; top:0; transition:0.2s;}
.ind_bb .ind_bb2:hover{ top:-20px;}
.ind_bb .ind_bb2 .p1{ font-size:20px; margin:10px 0;}
.ind_bb .ind_bb2 .p2{ width:70%; margin:0 auto;}

/*bottom*/
.bottom{}
.bottom *{ color:#333;}
.bo1{ float:left; width:280px;}
.bottom .p1{ font-size:18px; margin-bottom:20px;}
.bottom .ul1{ height:150px; overflow:scroll; width:280px;}
.bottom .ul1 li{ margin:10px 0;}
.bo2{ float:left; width:150px; margin-left:125px;}
.bottom .ul2 li{ margin:5px 0;}
.bo3{ float:left; width:330px; margin-left:80px;}
.bo4{ float:right; width:150px;}

/*foot*/
.foot{ background:#075db2; padding:20px; color:#fff;}
.foot a{ color:#fff;}
.foot .pp{ float:left; display:none;}

/*about*/
.about_t{ text-align:center; font-size:30px; padding-bottom:30px; text-indent:0 !important; margin-top:0 !important; line-height:1.8 !important; color:#e13c37;}
.x{ width:50px; margin:0 auto 30px; border-bottom:1px solid #000;}
.about p{ text-indent:2em; line-height:1.8; margin-top:15px;}
.about img{ max-width:100%; display:block; margin:20px auto 0;}


/*honor*/
.honor_ul{ width:100%;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #e13c37;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e13c37; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*case*/
.case table{ font-size:16px;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:90%;}



@media (max-width: 1120px) {
.n{ padding:20px 0;}
.banner .hd ul li{ width:40px; height:5px;}
.top_menu{ display:none;}
.top{ padding:10px;}
.menu{ display:block;}
.ind_pro ul li{ width:48%; margin-right:4%;}
.ind_pro ul li:nth-child(2n){ margin-right:0;}
.pp1{ font-size:16px; line-height:24px;}
.pp1 img{ width:15px;}
.ind_more{ font-size:14px;}
.ind_ab img{ display:none;}
.ind_ab .ind_ab_1{ float:none; width:100%;}
.ind_ab .ind_ab_2{ float:none; width:100%; padding:0 20px;}
.ind_news1 .ind_np{ display:none;}
.ind_news1 .ind_nm{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_t{ display:none;}
.ind_news_l ul li .ind_news2_m{ float:none; width:100%;}
.ind_bb .ind_bb2{ width:50%;}
.ind_bb{ background-size:cover;}
.ind_bb .ind_bb2 .p2{ font-size:12px; margin-bottom:20px;}
.ind_bb .ind_bb2 .p1{ font-size:14px;}
.bo1,.bo2{ display:none;}
.bo3{ float:none; margin-left:0; width:100%;}
.bo4{ float:none; margin-left:0; width:100%; margin-top:20px;}
.bo4 img{ width:50%; display:block; margin:0 auto;}
.foot .fl{ display:none;}
.foot .pp{ display:block;}
}

/*产品标题*/
.wrapper ul.nnyul { text-align:center;}
.wrapper .nnyul li {
  /*  float: left;*/
    height: 35px;
   
    border: 1px solid #ccc;
    margin: 8px ;
	 padding:0 20px;
	
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #555; display:inline-block;
}
.wrapper .nnyul li.on a {
    color: #e91b1b;
   
}