body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {border: 0 none;font-family:"Microsoft YaHei";margin: 0;padding: 0;}
img {border: 0 none;vertical-align: middle;}
ul { list-style: outside none none;}
body { font-family:"微软雅黑"; font-size:12px;}
a {text-decoration: none;}
a:active, a:hover { outline: 0 none;}
.clear{clear:both;display: block;font-size:0; height:0;line-height:0;overflow: hidden;}

.top{ width:640px; margin:0px auto 10px; height:5px; background:#ca110e;}

.anniu {border-radius:7px;
    -moz-user-select:none;
    background:#ca110e;
    border:1px solid transparent;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:13px;
    font-weight:normal;
    line-height:2em;
    padding:4px 12px;
    vertical-align:middle;
    white-space:nowrap;
    width:78px;
  }
.anniu:hover {border-radius:7px;
    -moz-user-select:none;
    background:#94100e;
    border:1px solid transparent;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-size:13px;
    font-weight:normal;
    line-height:2em;
    padding:4px 12px;
    vertical-align:middle;
    white-space:nowrap;
    width:78px;
  }
/*process*/
.process{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:41px; padding:10px;}
.processlist{ }
.processlist ul{ width:103%; overflow:hidden;}
.processlist ul li{ float:left; width:30.7%; margin:0px 15px 15px 0px; height:180px; background:#fafafa;border-radius:2px;}
.processlist ul li h1{ font-size:14px; text-align:center;font-weight:normal; line-height:35px;}
.processlist ul li img{ width:98%; height:auto;border-radius:2px;} 
.processlist ul li a{ background:#fafafa; color:#555; display:block;}
.processlist ul li a:hover{ background:#ca110e; color:#fff; display:block;}



.prolist{ width:100%; display:block; margin:0px; padding:10px 0 0px; overflow:hidden}
.prolist li a{ float:left; display:block; width:30%;border-radius:2px; background:#f5f5f5;height:34px;line-height: 34px; margin:0 1% 2% 2%; text-align:center; color:#333}
.prolist li a:hover{ float:left; display:block; width:30%;border-radius:2px; background:#d11011; height:34px;line-height: 34px; margin:0 1% 2% 2%;text-align:center; color:#fff}

@media (min-width:320px){
.header{ width:100%; margin:0 auto 10px; background:#fff;}
.mip-left{ width:100%; float:left;}
.mip-right{ width:40%; float:right; display:none;}
.logo_nav { margin:20px 0 0;}
.logo_nav span a { background:#e20202; color:#fff; display:block; font-size:12px; width:78px;}
.logo_nav a { background:#e6e6e6; border-right:1px solid #fafafa;
    color:#333; display:block; float:left; line-height:30px; text-align:center; width:100px;}

.nav{ background:#3d3e40; height:55px; width:100%; margin:0 auto;}
.navlist{ width:100%; margin:0 auto;}
.navlist ul{}
.navlist ul li{ float:left; text-align:center; font-size:12px; line-height:50px; width:19.75%;border-right: 1px solid #646567;}
.navlist ul li a{ color:#fff; background:#3d3e40; border-bottom:5px solid #3d3e40; display:block;}
.navlist ul li a:hover{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li a.hover1{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li:last-child{border-right:none;}

.content{ padding:12px 0px 0px; width:100%; margin:0 auto;}
.servcer{border-radius:2px; border:1px solid #eee;font-size:12px; height:60px; overflow:hidden; color:#666;line-height:28px; background:url(../images/m_index_03.png) no-repeat 10px 14px #fff; line-height:22px; padding:10px 10px 10px 60px;}
.servcer strong{ color:#fb1516;}

.products{ width:100%; margin:0 auto;}
.protop{ margin:0 auto; padding:10px 0px 0px;}
.protit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.protit h3{ font-size:14px; color:#fff; font-weight:bold; padding-left:15px; line-height:42px;}
.protit span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.protit span a{ color:#fff; font-size:12px; font-weight:normal; padding-right:15px;}
.protit span a:hover{ text-decoration:underline; color:#FFFF00;}

.proshow{margin:8px 0 0 0; background:#fff; border-radius:2px;border:1px solid #eee; padding:12px 0px 12px 0px;}
.proul{ display:block; overflow:hidden}
.proul li{ float:left; display:block;text-align:center;width:92%; margin:0 6px 0 13px; height:320px; overflow:hidden;}
.proul a{background:#fafafa;display:block;margin:5px 0px; padding:0px 0 10px 0;position:relative}
.proul a:hover{background:#fafafa; display:block;}
.proul .proimg { display:inline-block; margin:0px auto;overflow:hidden; width:100%;}
.proul li img { width:100%; height:auto;}

.proul h1{ position:absolute;font-size:14px; color:#fff; top:185px; left:0px; height:35px; line-height:35px;width:100%; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); text-overflow:ellipsis;white-space:nowrap;}
.proul h1 a:hover{ color:#ca110e;} 
.proul p{ height:70px; padding:4px 10px 0px 10px; color:#777; line-height:24px; font-size:12px;overflow:hidden}

.footer{ background:#000; height:120px; padding:20px 0 20px 0; color:#fff; margin:10px auto 0; text-align:center; line-height:24px;}
.footer-cen{ width:100%; margin:0 auto;}
.footer-left{ width:100%; float:left;}
.footer-left p{ width:100%; text-align:center; line-height:28px; color:#fff;}
.footer-left p a{ color:#fff; text-decoration:underline;}

#menu{position:fixed;bottom:0px;width:100%;z-index:999; background:#ca110e; height:50px; text-align:center; padding:10px 0 0 0; }

.tel{ margin:0 auto; width:100%; float:right; line-height:50px; padding-left:250px; font-size:26px; color:#fff; font-weight:bold; background:url(../images/m_index_05.png) no-repeat scroll center;}
.tel img{ vertical-align:middle; width:100%;}
.tel a{ color:#fff;}
/*nypro*/
.nypro{ width:100%; margin:0 auto; height:auto; padding:10px 0px;}
.nyprotop{ margin:0 auto; padding:0px;}
.nyprotit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.nyprotit h3{ background:url(../images/wz.png) no-repeat scroll left center; margin-left:13px;font-size:14px; color:#fff; font-weight:bold; padding-left:25px; line-height:42px;}
.nyprotit h3 a{color:#fff;}
.nypromain{ margin:40px 0 0 0;border-radius:2px; border:1px solid #eee; background:#fff; padding:15px; line-height:24px; color:#555}
.nypromain p{ font-size:12px; line-height:28px; color:#77;}
.zih3{ text-align:center; font-size:16px; border-bottom:1px #ddd solid; padding-bottom:10px; line-height:30px; margin-bottom:20px;} 
.ziimg{ text-align:center; padding:0px 0 20px 0;}
.ziimg img{width:100%; overflow:hidden;margin:0px; padding:0px;} 
table{border:1px solid #f0efef;border-collapse:collapse;margin:0 auto;text-align:center;line-height:35px; width:100%;}
table td{ border: 1px solid #f0efef;}
tr:nth-child(1){ background:#ccc; color:#fff;}

/*about*/
.about{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:30px; padding:20px;}
.about p{ line-height:30px; font-size:12px; color:#777;}

/*contactus*/
.about strong{ font-size:13px; color:#333;}
.zitext{ margin:12px 0 0 0;border-radius:2px;border:1px solid #eee; background:#fff; padding:15px; line-height:24px; color:#555}
.zitext p{ font-size:14px; color:#333; font-weight:600; margin:30px auto 15px;}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, 
.form-input:focus, input[type="text"]:hover, input[type="email"]:hover, textarea:hover, 
.form-input:hover { background:#fff; border-color:#ca110e; font-size:12px; }
input[type="text"], input[type="email"], textarea, .form-input {
    border:1px solid #ccc;
    border-radius:2px;
    box-shadow:0 0 3px transparent;
    color:#777;
    margin:0 0 15px;
    padding:10px;
    width:92%;
    font-size:12px;
   }

/*new*/
.new{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:30px; padding:20px;}
.newmain{}
.newmain ul li { background:#fff; height:88px; line-height:24px;border-bottom:1px dotted #ccc; margin-bottom:10px;}
.newmain a:hover { background:#fefefe; color:#b80002;}
.wenzhang{ color:#333; font-size:14px; font-weight:bold; line-height:30px;overflow:hidden;text-overflow:ellipsis;搜索
white-space:nowrap;}
.wenzhang2 { line-height:24px; color:#777; height:50px; overflow:hidden;}
.wenzhang span { color:#555; float:right; font-size:12px; font-weight:normal;}
.page{margin:20px 0 0; padding:6px 0 10px; text-align:center;}
.disabled{border:1px solid #dddddd; color:#000; margin:0 2px; padding:5px 8px; font-size:11px;}
.page a{border:1px solid #dddddd; color:#ca110e; margin:0 2px; padding:5px 8px;font-size:11px;}
.page .current{background:#ca110e; border:1px solid #ca110e; color:#fff; margin:0 1px; padding:5px 8px;font-size:11px;}

/*process*/
.process{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:41px; padding:10px;}
.processlist{ }
.processlist ul{ width:100%; overflow:hidden;}
.processlist ul li{ float:left; width:100%; margin:0px 15px 15px 0px; height:260px; background:#fafafa;border-radius:2px;}
.processlist ul li h1{ font-size:14px; text-align:center;font-weight:normal; line-height:35px;}
.processlist ul li img{ width:98%; height:auto;border-radius:2px;} 
.processlist ul li a{ background:#fafafa; color:#555; display:block;}
.processlist ul li a:hover{ background:#ca110e; color:#fff; display:block;}

}


@media (min-width:360px){
.header{ width:100%; margin:0 auto 10px; background:#fff;}
.mip-left{ width:100%; float:left; }
.mip-right{ width:48%; float:right; display:none;}
.logo_nav { margin:20px 0 0;}
.logo_nav span a { background:#e20202; color:#fff; display:block; font-size:12px; width:78px;}
.logo_nav a { background:#e6e6e6; border-right:1px solid #fafafa;
    color:#333; display:block; float:left; line-height:30px; text-align:center; width:100px;}
.nav{ background:#3d3e40; height:55px; width:100%; margin:0 auto;}
.navlist{ width:100%; margin:0 auto;}
.navlist ul{}
.navlist ul li{ float:left; text-align:center; font-size:12px; line-height:50px; width:19.75%;border-right: 1px solid #646567;}
.navlist ul li a{ color:#fff; background:#3d3e40; border-bottom:5px solid #3d3e40; display:block;}
.navlist ul li a:hover{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li a.hover1{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li:last-child{border-right:none;}

.content{ padding:12px 0px 0px; width:100%; margin:0 auto;}
.servcer{border-radius:2px; border:1px solid #eee;font-size:12px; height:60px; overflow:hidden; color:#666;line-height:28px; background:url(../images/m_index_03.png) no-repeat 10px 14px #fff; line-height:22px; padding:10px 10px 10px 60px;}
.servcer strong{ color:#fb1516;}

.products{ width:100%; margin:0 auto;}
.protop{ margin:0 auto; padding:10px 0px 0px;}
.protit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.protit h3{ font-size:14px; color:#fff; font-weight:bold; padding-left:15px; line-height:42px;}
.protit span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.protit span a{ color:#fff; font-size:12px; font-weight:normal; padding-right:15px;}
.protit span a:hover{ text-decoration:underline; color:#FFFF00;}

.proshow{margin:8px 0 0 0; background:#fff; border-radius:2px;border:1px solid #eee; padding:12px 0px 12px 0px;}
.proul{ display:block; overflow:hidden}
.proul li{ float:left; display:block;text-align:center;width:43.7%; margin:0 6px 0 13px; height:220px; overflow:hidden;}
.proul a{background:#fafafa;display:block;margin:5px 0px; padding:0px 0 10px 0;position:relative}
.proul a:hover{background:#fafafa; display:block;}
.proul .proimg { display:inline-block; margin:0px auto;overflow:hidden; width:100%;}
.proul li img { width:100%; height:auto;}

.proul h1{ position:absolute;font-size:14px; color:#fff; top:83px; left:0px; height:35px; line-height:35px;width:100%; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); text-overflow:ellipsis;white-space:nowrap;}
.proul h1 a:hover{ color:#ca110e;} 
.proul p{ height:70px; padding:4px 10px 0px 10px; color:#777; line-height:24px; font-size:12px;overflow:hidden}

.footer{ background:#000; height:120px; padding:20px 0 20px 0; color:#fff; margin:10px auto 0; text-align:center; line-height:24px;}
.footer-cen{ width:100%; margin:0 auto;}
.footer-left{ width:100%; float:left;}
.footer-left p{ width:100%; text-align:center; line-height:28px; color:#fff;}

#menu{position:fixed;bottom:0px;width:100%;z-index:999; background:#ca110e; height:50px; text-align:center; padding:10px 0 0 0; }

.tel{ margin:0 auto; width:100%; float:right; line-height:50px; padding-left:250px; font-size:26px; color:#fff; font-weight:bold; background:url(../images/m_index_05.png) no-repeat scroll center;}
.tel img{ vertical-align:middle; width:100%;}
.tel a{ color:#fff;}

/*process*/
.process{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:41px; padding:10px;}
.processlist{ }
.processlist ul{ width:105%; overflow:hidden;}
.processlist ul li{ float:left; width:45.7%; margin:0px 15px 15px 0px; height:155px; background:#fafafa;border-radius:2px;}
.processlist ul li h1{ font-size:14px; text-align:center;font-weight:normal; line-height:35px;}
.processlist ul li img{ width:98%; height:auto;border-radius:2px;} 
.processlist ul li a{ background:#fafafa; color:#555; display:block;}
.processlist ul li a:hover{ background:#ca110e; color:#fff; display:block;}
}


@media (min-width:480px){
.header{ width:100%; margin:0 auto 10px; background:#fff;}
.mip-left{ width:60%; float:left; }
.mip-right{ width:39%; float:right; display:block;}
.logo_nav { margin:15px 0 0;}
.logo_nav span a { background:#e20202; color:#fff; display:block; font-size:11px; width:65px;}
.logo_nav a { background:#e6e6e6; border-right:1px solid #fafafa;
    color:#333; display:block; float:left; line-height:30px; text-align:center; width:65px;}
.nav{ background:#3d3e40; height:55px; width:100%; margin:0 auto;}
.navlist{ width:100%; margin:0 auto;}
.navlist ul{}
.navlist ul li{ float:left; text-align:center; font-size:14px; line-height:50px; width:19.83%;border-right: 1px solid #646567;}
.navlist ul li a{ color:#fff; background:#3d3e40; border-bottom:5px solid #3d3e40; display:block;}
.navlist ul li a:hover{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li a.hover1{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li:last-child{border-right:none;}

.content{ padding:12px 0px 0px; width:96%; margin:0 auto;}
.servcer{border-radius:2px; border:1px solid #eee;font-size:12px; height:60px; overflow:hidden; color:#666;line-height:28px; background:url(../images/m_index_03.png) no-repeat 10px 14px #fff; line-height:22px; padding:10px 10px 10px 60px;}
.servcer strong{ color:#fb1516;}

.products{ width:96%; margin:0 auto;}
.protop{ margin:0 auto; padding:10px 0px 0px;}
.protit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.protit h3{ font-size:14px; color:#fff; font-weight:bold; padding-left:15px; line-height:42px;}
.protit span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.protit span a{ color:#fff; font-size:12px; font-weight:normal; padding-right:15px;}
.protit span a:hover{ text-decoration:underline; color:#FFFF00;}

.proshow{margin:8px 0 0 0; background:#fff; border-radius:2px;border:1px solid #eee; padding:12px 0px 12px 0px;}
.proul{ display:block; overflow:hidden}
.proul li{ float:left; display:block;text-align:center;width:45%; margin:0 6px 0 13px; height:260px; overflow:hidden;}
.proul a{background:#fafafa;display:block;margin:5px 0px; padding:0px 0 10px 0;position:relative}
.proul a:hover{background:#fafafa; display:block;}
.proul .proimg { display:inline-block; margin:0px auto;overflow:hidden; width:100%;}
.proul li img { width:100%; height:auto;}

.proul h1{ position:absolute;font-size:14px; color:#fff; top:120px; left:0px; height:35px; line-height:35px;width:100%; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); text-overflow:ellipsis;white-space:nowrap;}
.proul h1 a:hover{ color:#ca110e;} 
.proul p{ height:70px; padding:4px 10px 0px 10px; color:#777; line-height:24px; font-size:12px;overflow:hidden}

.footer{ background:#000; height:120px; padding:20px 0 20px 0; color:#fff; margin:10px auto 0; text-align:center; line-height:24px;}
.footer-cen{ width:95%; margin:0 auto;}
.footer-left{ width:100%; float:left;}
.footer-left p{ width:100%; text-align:center; line-height:28px; color:#fff;}

#menu{position:fixed;bottom:0px;width:100%;z-index:999; background:#ca110e; height:50px; text-align:center; padding:10px 0 0 0; }

.tel{ margin:0 auto; width:100%; float:right; line-height:50px; padding-left:250px; font-size:26px; color:#fff; font-weight:bold; background:url(../images/m_index_05.png) no-repeat scroll center;}
.tel img{ vertical-align:middle; width:100%;}
.tel a{ color:#fff;}

/*contactus*/
input[type="text"], input[type="email"], textarea, .form-input {
    border:1px solid #ccc;
    border-radius:2px;
    box-shadow:0 0 3px transparent;
    color #777;
    margin:0 0 15px;
    padding:10px;
    width:95%;
    font-size:12px;
   }
   
/*process*/
.process{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:41px; padding:10px;}
.processlist{ }
.processlist ul{ width:105%; overflow:hidden;}
.processlist ul li{ float:left; width:46%; margin:0px 15px 15px 0px; height:200px; background:#fafafa;border-radius:2px;}
.processlist ul li h1{ font-size:14px; text-align:center;font-weight:normal; line-height:35px;}
.processlist ul li img{ width:98%; height:auto;border-radius:2px;} 
.processlist ul li a{ background:#fafafa; color:#555; display:block;}
.processlist ul li a:hover{ background:#ca110e; color:#fff; display:block;}
}


@media (min-width:560px){
.header{ width:90%; margin:0 auto 10px; background:#fff;}
.mip-left{ width:55%; float:left; }
.mip-right{ width:45%; float:right;}
.logo_nav { margin:15px 0 0;}
.logo_nav span a { background:#e20202; color:#fff; display:block; font-size:12px; width:75px;}
.logo_nav a { background:#e6e6e6; border-right:1px solid #fafafa;
    color:#333; display:block; float:left; line-height:30px; text-align:center; width:75px;}

.nav{ background:#3d3e40; height:55px; width:90%; margin:0 auto;}
.navlist{ width:100%; margin:0 auto;}
.navlist ul{}
.navlist ul li{ float:left; text-align:center; font-size:14px; line-height:50px; width:19.83%;border-right: 1px solid #646567;}
.navlist ul li a{ color:#fff; background:#3d3e40; border-bottom:5px solid #3d3e40; display:block;}
.navlist ul li a:hover{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li a.hover1{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li:last-child{border-right:none;}

.content{ padding:12px 0px 0px; width:90%; margin:0 auto;}
.servcer{border-radius:2px; border:1px solid #eee;font-size:12px; height:60px; overflow:hidden; color:#666;line-height:28px; background:url(../images/m_index_03.png) no-repeat 10px 14px #fff; line-height:22px; padding:10px 10px 10px 60px;}
.servcer strong{ color:#fb1516;}

.products{ width:90%; margin:0 auto;}
.protop{ margin:0 auto; padding:10px 0px 0px;}
.protit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.protit h3{ font-size:14px; color:#fff; font-weight:bold; padding-left:15px; line-height:42px;}
.protit span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.protit span a{ color:#fff; font-size:12px; font-weight:normal; padding-right:15px;}
.protit span a:hover{ text-decoration:underline; color:#FFFF00;}

.proshow{margin:8px 0 0 0; background:#fff; border-radius:2px;border:1px solid #eee; padding:12px 0px 12px 0px;}
.proul{ display:block; overflow:hidden}
.proul li{ float:left; display:block;text-align:center;width:45%; margin:0 6px 0 13px; height:270px; overflow:hidden;}
.proul a{background:#fafafa;display:block;margin:5px 0px; padding:0px 0 10px 0;position:relative}
.proul a:hover{background:#fafafa; display:block;}
.proul .proimg { display:inline-block; margin:0px auto;overflow:hidden; width:100%;}
.proul li img { width:100%; height:auto;}

.proul h1{ position:absolute;font-size:14px; color:#fff; top:135px; left:0px; height:35px; line-height:35px;width:100%; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); text-overflow:ellipsis;white-space:nowrap;}
.proul h1 a:hover{ color:#ca110e;} 
.proul p{ height:70px; padding:4px 10px 0px 10px; color:#777; line-height:24px; font-size:12px;overflow:hidden}

.footer{ background:#000; height:120px; padding:20px 0 20px 0; color:#fff; margin:10px auto 0; text-align:center; line-height:24px;}
.footer-cen{ width:95%; margin:0 auto;}
.footer-left{ width:100%; float:left;}
.footer-left p{ width:100%; text-align:left; line-height:28px; color:#fff;}

#menu{position:fixed;bottom:0px;width:100%;z-index:999; background:#ca110e; height:50px; text-align:center; padding:10px 0 0 0; }

.tel{ margin:0 auto; width:100%; float:right; line-height:50px; padding-left:250px; font-size:26px; color:#fff; font-weight:bold; background:url(../images/m_index_05.png) no-repeat scroll center;}
.tel img{ vertical-align:middle; width:100%;}
.tel a{ color:#fff;}

/*nypro*/
.nypro{ width:90%; margin:0 auto; height:auto; padding:10px 0px;}
.nyprotop{ margin:0 auto; padding:0px;}
.nyprotit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.nyprotit h3{ background:url(../images/wz.png) no-repeat scroll left center; margin-left:13px;font-size:14px; color:#fff; font-weight:bold; padding-left:25px; line-height:42px;}
.nyprotit h3 a{color:#fff;}
.nypromain{ margin:40px 0 0 0;border-radius:2px; border:1px solid #eee; background:#fff; padding:15px; line-height:24px; color:#555}
.nypromain p{ font-size:12px; line-height:28px; color:#77;}
.zih3{ text-align:center; font-size:16px; border-bottom:1px #ddd solid; padding-bottom:10px; line-height:30px; margin-bottom:20px;} 
.ziimg{ text-align:center; padding:0px 0 20px 0;}
.ziimg img{width:100%; overflow:hidden;margin:0px; padding:0px;} 
table{border:1px solid #f0efef;border-collapse:collapse;margin:0 auto;text-align:center;line-height:35px; width:100%;}
table td{ border: 1px solid #f0efef;}
tr:nth-child(1){ background:#ccc; color:#fff;}

/*process*/
.process{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:41px; padding:10px;}
.processlist{ }
.processlist ul{ width:105%; overflow:hidden;}
.processlist ul li{ float:left; width:46%; margin:0px 15px 15px 0px; height:213px; background:#fafafa;border-radius:2px;}
.processlist ul li h1{ font-size:14px; text-align:center;font-weight:normal; line-height:35px;}
.processlist ul li img{ width:98%; height:auto;border-radius:2px;} 
.processlist ul li a{ background:#fafafa; color:#555; display:block;}
.processlist ul li a:hover{ background:#ca110e; color:#fff; display:block;}
}


@media (min-width:640px){
.header{ width:640px; margin:0 auto 10px; background:#fff;}
.mip-left{ width:50%; float:left;}
.mip-right{ width:44%; float:right;}
.logo_nav { margin:20px 0 0;}
.logo_nav span a { background:#e20202; color:#fff; display:block; font-size:12px; width:78px;}
.logo_nav a { background:#e6e6e6; border-right:1px solid #fafafa;
    color:#333; display:block; float:left; line-height:30px; text-align:center; width:100px;}


.nav{ background:#3d3e40; height:55px; width:640px; margin:0 auto;}
.navlist{ width:100%; margin:0 auto;}
.navlist ul{}
.navlist ul li{ float:left; text-align:center; font-size:15px; line-height:50px; width:19.85%;border-right: 1px solid #646567;}
.navlist ul li a{ color:#fff; background:#3d3e40; border-bottom:5px solid #3d3e40; display:block;}
.navlist ul li a:hover{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li a.hover1{ color:#fff; background:#000; border-bottom:5px solid #ca110e; display:block;}
.navlist ul li:last-child{border-right:none;}

.content{ padding:12px 0px 0px; width:640px; margin:0 auto;}
.servcer{border-radius:2px; border:1px solid #eee;font-size:12px; color:#666;line-height:28px; background:url(../images/m_index_03.png) no-repeat 10px 14px #fff; line-height:22px; padding:10px 10px 10px 60px;}
.servcer strong{ color:#fb1516;}


.products{ width:640px; margin:0 auto;}
.protop{ margin:0 auto; padding:10px 0px 0px;}
.protit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.protit h3{ font-size:14px; color:#fff; font-weight:bold; padding-left:15px; line-height:42px;}
.protit span{ float:right; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.protit span a{ color:#fff; font-size:12px; font-weight:normal; padding-right:15px;}
.protit span a:hover{ text-decoration:underline; color:#FFFF00;}

.proshow{margin:8px 0 0 0; background:#fff; border-radius:2px;border:1px solid #eee; padding:12px 0px 12px 0px;}
.proul{ display:block; overflow:hidden}
.proul li{ float:left; display:block;text-align:center;width:30%; margin:0 6px 0 13px; height:245px; overflow:hidden;}
.proul a{background:#fafafa;display:block;margin:5px 0px; padding:0px 0 10px 0;position:relative}
.proul a:hover{background:#fafafa; display:block;}
.proul .proimg { display:inline-block; margin:0px auto;overflow:hidden; width:100%;}
.proul li img { width:100%; height:auto;}

.proul h1{ position:absolute;font-size:14px; color:#fff; top:110px; left:0px; height:35px; line-height:35px;width:100%; background:rgba(0, 0, 0, 0.6)!important;
filter:Alpha(opacity=60); text-overflow:ellipsis;white-space:nowrap;}
.proul h1 a:hover{ color:#ca110e;} 
.proul p{ height:70px; padding:4px 10px 0px 10px; color:#777; line-height:24px; font-size:12px;overflow:hidden}

.footer{ background:#000; height:110px; padding:20px 0 20px 0; color:#fff; margin:10px auto 0; text-align:center; line-height:24px;}
.footer-cen{ width:640px; margin:0 auto;}
.footer-left{ width:100%; float:left; padding-left:10px;}
.footer-left p{ width:100%; text-align:left; line-height:28px; color:#fff;}

#menu{position:fixed;bottom:0px;width:100%;z-index:999; background:#ca110e; height:50px; text-align:center; padding:10px 0 0 0; }

.tel{ margin:0 auto; width:950px; float:right; line-height:50px; padding-left:250px; font-size:26px; color:#fff; font-weight:bold; background:url(../images/m_index_05.png) no-repeat scroll center;}
.tel img{ vertical-align:middle; width:100%;}
.tel a{ color:#fff;}

/*nypro*/
.nypro{ width:640px; margin:0 auto; height:auto; padding:10px 0px;}
.nyprotop{ margin:0 auto; padding:0px;}
.nyprotit{ width:100%; float:left; background:#ca110e; height:42px;border-radius:2px;}
.nyprotit h3{ background:url(../images/wz.png) no-repeat scroll left center; margin-left:13px;font-size:14px; color:#fff; font-weight:bold; padding-left:25px; line-height:42px;}
.nyprotit h3 a{color:#fff;}
.nypromain{ margin:40px 0 0 0;border-radius:2px; border:1px solid #eee; background:#fff; padding:15px; line-height:24px; color:#555}
.nypromain p{ font-size:12px; line-height:28px; color:#77;}
.zih3{ text-align:center; font-size:16px; border-bottom:1px #ddd solid; padding-bottom:10px; line-height:30px; margin-bottom:20px;} 
.ziimg{ text-align:center; padding:0px 0 20px 0;}
.ziimg img{width:100%; overflow:hidden;margin:0px; padding:0px;} 
table{border:1px solid #f0efef;border-collapse:collapse;margin:0 auto;text-align:center;line-height:35px; width:100%;}
table td{ border: 1px solid #f0efef;}
tr:nth-child(1){ background:#ccc; color:#fff;}
/*contactus*/
.about strong{ font-size:13px; color:#333;}
.zitext{ margin:12px 0 0 0;border-radius:2px;border:1px solid #eee; background:#fff; padding:15px; line-height:24px; color:#555}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, 
.form-input:focus, input[type="text"]:hover, input[type="email"]:hover, textarea:hover, 
.form-input:hover { background:#fff; border-color:#ca110e; font-size:12px; }
input[type="text"], input[type="email"], textarea, .form-input {
    border:1px solid #ccc;
    border-radius:2px;
    box-shadow:0 0 3px transparent;
    color:#777;
    margin:0 0 15px;
    padding:10px;
    width:96%;
    font-size:12px;}
   
/*new*/
.new{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:30px; padding:20px;}
.newmain{}
.newmain ul li { background:#fff; height:88px; line-height:24px;border-bottom:1px dotted #ccc; margin-bottom:10px;}
.newmain a:hover { background:#fefefe; color:#b80002;}
.wenzhang{ color:#333; font-size:14px; font-weight:bold; line-height:30px;}
.wenzhang2 { line-height:24px; color:#777;}
.wenzhang span { color:#555; float:right; font-size:12px; font-weight:normal;}
.page{margin:20px 0 0; padding:6px 0 10px; text-align:center;}
.disabled{border:1px solid #dddddd; color:#000; margin:0 2px; padding:5px 10px;}
.page a{border:1px solid #dddddd; color:#ca110e; margin:0 2px; padding:5px 10px;}
.page .current{background:#ca110e; border:1px solid #ca110e; color:#fff; margin:0 1px; padding:5px 10px;}
/*process*/
.process{border-radius:2px; border:1px solid #eee;line-height:28px; margin-top:41px; padding:10px;}
.processlist{ }
.processlist ul{ width:103%; overflow:hidden;}
.processlist ul li{ float:left; width:30.7%; margin:0px 15px 15px 0px; height:180px; background:#fafafa;border-radius:2px;}
.processlist ul li h1{ font-size:14px; text-align:center;font-weight:normal; line-height:35px;}
.processlist ul li img{ width:98%; height:auto;border-radius:2px;} 
.processlist ul li a{ background:#fafafa; color:#555; display:block;}
.processlist ul li a:hover{ background:#ca110e; color:#fff; display:block;}

}