@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
h1{font-size:18px}
h2{font-size:1pc}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:Courier New,Courier,monospace}
small{font-size:9pt}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:after,q:before{content:''}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;border:none}
html{font-size:62.5%; /* 10รท16=62.5% */}
body,button,input,select,textarea{font-size:14px;font-size:1.4em ; /* 12รท10=1.2 */font-family: '微软雅黑';}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}
.fl{float:left;}
.fr{float:right;}
ul,li{list-style:none;}
.container{width: 641px; margin: 0 auto;}
.container-s{width: 94%; margin: 0 auto;}
.cl{clear: both;}
.c{*zoom:1;}
.c:after{content: ' '; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}

/*公共头部*/
.head{ width: 100%; position: fixed; top: 0px; z-index: 222; background: #fff;border-bottom:1px solid #ddd;height:5rem}
.head .logo{width:80%;margin: 0.6rem 0;}
.menu{width: 8.5%;margin-top:1rem; position: relative;}
.menu-list{position: absolute; width: 500%;right: 0;margin-top: 1rem;z-index: 100;}
.menu-list li a{display: block;font-size: 1.25rem; line-height:350%; color: #fff;text-align: center; font-family: "Microsoft YaHei";}

/*banner*/
.banner img{max-width: 100%;}

/*栏目标题*/
.title{margin-bottom: 0.5rem;}
.title h2{margin-top: 2.1875rem;font-size: 1.875rem;line-height: 100%;color: #000;}
.title em{font-size: 1.125rem;line-height: 100%;color: #666; text-transform: uppercase;}

/*栏目按钮*/
.more{display: block;width: 100%;border: solid 1px #0171C8;font-size: 1.25rem; line-height:240%;color: #0171C8;}
.more:hover{background: #0171C8;color: #fff;}

/*关于我们*/
.about p{font-size: 1.125rem;line-height: 200%;text-indent: 2em;margin-bottom: 1.375rem;}

/*产品专区*/
.pro-list{overflow: hidden;width: 103%;margin: 1rem auto 1.375rem;}
.pro-list li{float: left;width: 46%;margin-right: 4%;position: relative;margin-bottom: 1.5rem;background: #fff;}
.pro-list li img{display: block;width: 100%;height:140px; border: solid 1px #f7f7f7; border-bottom: none;}
.pro-list li .detail{background: #f7f7f7;padding-left: 10%;padding-bottom: 8%;}
.pro-list li .pro-name{font-size: 1.25rem;line-height: 180%;color: #333; text-align:center;}
.pro-list li .btn-group{width: 100%;}
.pro-list li input{display: block;float: left;font-size: 1rem;line-height: 180%;color: #fff;border:none;border-radius: 3px; width: 45%;margin-right: 2%;background: #0171C8;}
.pro-list li .more-btn{background: #333;}

/*新闻动态*/
.news-list{margin-bottom: 1.75rem;}
.news-list li{border-bottom: solid 1px #f0f0f0;}
.news-list li strong{display: block;margin-top: .4rem; font-weight: normal;font-size: 1.25rem;line-height: 150%;color: #757575;}
.news-list li span{display: block; font-size: 1rem;color: #b4b3b3; line-height: 100%;padding-bottom: .8rem;margin-top: 0.4rem;}
.news-list li strong:hover{color: #0171C8;}

/*客户案例*/
.case-list{overflow: hidden;width: 103%;margin: 1rem auto 0 auto;}
.case-list li{float: left;width: 46%;margin-right: 4%;margin-bottom: 1.5rem; }
.case-list li a{display: block;}
.case-list li img{display: block;width: 100%;border-bottom: none;}
.case-list li .case-name{width: 100%;font-size: 1.2rem;line-height: 220%; color: #333;background: #f9f9f9;}
.zw{height: 54px;}

/*底部*/
.foot{background: #000;margin-top: 2.5rem;padding: 1.25rem 0 1.5rem;}
.foot p{font-size: 1.25rem;line-height: 180%;color: #787878;}
.foot p a{color: #787878;}
.footer{position: fixed; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: #0171C8;z-index:9999}
.foot-nav{width: 33.3%; float: left;}
.foot-nav-2{background: #000;}
.footer .foot-nav-bg{display: inline-block; width: 40%;  height: 54px; line-height: 54px; text-align: center;}
.footer .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:42%;}
.footer .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:42%;}
.footer .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:42%;}
.footer a{display: inline-block; width:60%; font-size: 1.25rem; line-height: 54px; color: #fff;}

/*内页子栏目*/
.sub-nav{overflow: hidden;width: 103%;margin: 2rem 0 1.5rem;}
.sub-nav li{float: left;width:47%;margin-right: 3%;margin-bottom: 2%;}
.sub-nav li a{display: block;  font-size: 1.125rem;line-height: 240%;color: #333;background: #f2f2f2;text-align: center;}
.sub-nav li.on a{background: #0171C8;color: #fff;}
.sub-nav li:hover a{background: #0171C8;color: #fff;}

/*内页主内容区*/
.ny-title{border-bottom: solid 1px #e2e2e2;margin-bottom: 1.25rem;}
.ny-title h2{display: inline-block; font-size: 1.875rem;font-weight: bold; line-height: 180%;color: #000;}
.ny-title em{display: inline-block;font-size: 1.125rem;line-height: 100%;color: #c8c8c8; text-transform: capitalize;}
.ny-main {margin-top:0.5rem;min-height:250px;}
.ny-main .tel{color: #000;line-height: 200%;}
.ny-main .tel em{font-size: 1.4rem;font-weight: bold; color: #c60d1d;}
.ny-main .consult{display: block;width: 100%;margin-bottom: 1.25rem; font-size: 1.25rem;line-height: 240%;color: #fff;text-align: center; background-color: #c60d1d;}

/*产品专区*/
.hezuo-list{overflow: hidden;width: 103%;margin: 1rem auto 1.375rem;}
.hezuo-list li{float: left;width: 46%;margin-right: 4%;position: relative;margin-bottom: 1.5rem;background: #fff;}
.hezuo-list li img{display: block;width: 100%;height: auto; border: solid 1px #f7f7f7; border-bottom: none;}
.hezuo-list li .detail{background: #f7f7f7;text-align: center;padding:5px 0;}
.pro-name{color:#666}

/*内页子栏目*/
.ctitle1{overflow: hidden;width: 100%;margin:0.6rem auto;  }
.ctitle1 li{float: left; width:48%; margin-bottom: 2%;margin:1%}
.ctitle1 li a{display: block;  font-size: 1.5rem;line-height: 240%;color: #333;background: #f2f2f2;text-align: center;}
.ctitle1 li.on a{background: #0171C8;color: #fff;}
.ctitle1 li:hover a{background: #0171C8;color: #fff;}
.ctitle1 .ctitle2{padding-left: 5%;    background: #FDFDFD; border: 1px solid #EFEFEF;  *zoom:1; display: none;}
.ctitle1 .ctitle2:after{content: ""; display: block; height: 0; clear: both;}
.ctitle1 .ctitle2 li{ height: 3rem; }
.ctitle1 .ctitle2 li a{float: left;  font-size: 1.4rem; line-height: 3rem; color: #414141; text-align: center; background: transparent;}
.ctitle1 .ctitle2 li.on2 a{color: #017dc4;}
.ctitle1 .ctitle2 li:hover a{color: #017dc4; }

.ny-name em{display:block; font-size: 1.875rem; line-height: 180%;color: #000; text-align: center; margin-bottom: 0.5rem;}


.head-zw{ margin-top:5.3rem;}
.i-menu-list li{ float: left;  display: block; width:32%; margin:0.5%;}
.i-menu-list li a{ font-size: 1rem; color: #fff; display: block;padding: 0.6rem; border-radius: 5%; background: #0171C8;}

#nr-container {width: 100%;margin-top: 5px;}
/*#nr-container img{height: 150px;*height: 150px;}*/
#nr-container .list {overflow: hidden;padding-top: 5px;}
#nr-container .proList_pic {border: 1px solid #f2f2f2;margin-bottom: 20px;overflow: hidden;}
#nr-container .proList_pic img {height: 160px;}
#nr-container .proList_pic .name {line-height: 30px;padding: 5px 0 10px ;font-size: 15px;text-align: center;}
#nr-container .proList_pic .desc {height: 50px;line-height: 25px;font-size: 14px;color: #999;padding-left: 10px;}
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:1px solid #eee;text-align:center;}
.pagelist a,
.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}
/* 新闻页列表 */
#nr-container .art-list{border-bottom:1px dashed  #eee;}
#nr-container .art-list .artlist_pic .name{line-height: 20px;font-size:14px;padding:5px 15px;background:url(img/dot.html) no-repeat 15px center;padding-left:35px;}
#nr-container .art-list .artlist_pic .time{font-size:13px;color:#666;}
#nr-container .art-list .artlist_pic .name a:hover{text-decoration: underline;color: #f30}
/*内容页*/
#nr-container .returnbt{padding:5px;text-align: center;}
#nr-container .returnbt input{padding:2px 15px;background:#333;color:#fff;border: none;cursor: pointer;}
#nr-container .nr-title {text-align: center;font-size: 18px;padding: 5px 0;}
#nr-container .nr-info {text-align: center;font-size: 14px;padding: 5px 0;background: #f8f8f8;border: 1px solid #f2f2f2;margin-top: 10px;}
#nr-container .nr-content {margin-top:25px;overflow:hidden;}
#nr-container .nr-content .prev{margin-top:30px;line-height: 25px;}
#nr-container .nr-content .next{margin-top:5px;line-height: 25px;}
#nr-container .pic_list{margin-right:10px;float: left;}
#preview {float: none;text-align: center;}
@media (min-width: 768px) and (max-width: 979px) {
  #nr-container img {
    height: 140px;
    *height: 140px;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  #nr-container img {
    height: 120px;
    *height: 120px;
  }
}
@media (max-width: 414px) {
  #nr-container img {
    height: 100px;
    *height: 100px;
  }
}

/* 客户反馈 */
.feedback{width:auto;margin:0 auto;}
.feedback dl{overflow: hidden;padding:5px 0;}
.feedback dd{overflow: hidden;}
.feedback dt.fdtitle{font-weight: normal;font-size: 14px; float: left;width:25%;}
.feedback dd .fdinput{float:left;width:90%;line-height: 2rem;font-size: 1.2rem;}
.feedback dd .fdtext{width:90%;height:80px;float:left; font-size: 1.2rem;line-height: 1.8rem;}

.feedback dd .fdsub,.feedback dd .fdres{font-size: 1.2rem; border-radius: 3px;padding:2px 20px;margin-left:10px;line-height:20px;color:#fff;cursor: pointer;font-family: "微软雅黑"}
.feedback dd .fdsub{margin-left:90px; border:1px solid #f50; background:#f60;}
.feedback dd .fdres{border:1px solid #282828; background:#444;}
 .feedback .codeimg{float:left;margin-left:5px;cursor:pointer;border:1px solid #ddd; width:33%; height:28px;}
/*vaildate*/
#yzform label.error{position:absolute;padding:3px 15px;background: #f8f8f8;border:1px solid #ddd;margin-left:25px;font-weight: normal;color:#f30;border-radius: 3px;}