body {font-family: "Helvetica Neue"; background: #fff; font-size: 1rem; line-height: 2rem;color: #333;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
/*--- header ---*/
.header{ width: 100%;max-width: 640px; margin: 0 auto; padding: 1rem 0; overflow: hidden;}
.top{ padding: 0 1%; overflow: hidden;}
.logo{ max-width: 80%; float: left; padding: 1rem 0;}
.logo img{max-width: 100%;}
/*--- nav ---*/
.hide{ display: none;}
.top_right{ float: right; width: 40px; max-width: 40px; height: 29px; margin-top: 25px; background: url(../Image/nav.jpg); }
.gb{ float: right; width: 40px; height: 29px; background: url(../Image/nav.jpg); margin-top: 25px;}
.right_menu{ position: fixed; left: 0px; top: 85px; z-index: 9999; overflow: hidden; height: 0; transition: 0.3s all 0s linear;width: 100%;}
.right_menu ul{ width: 100%; box-sizing: border-box; padding: 0 5%;background-color:rgba(255,255,255,0.9); height: 408px; overflow: hidden;}
.right_menu ul li{list-style-type:none; width: 90%; margin: 0 5%; height:50px; text-align: center; line-height: 50px; border-bottom: 1px solid #d6d6d6;}
.right_menu ul li a{ background-size: 20px !important; display:block; width: 100%; color: #6b6b6b; line-height: 50px; text-indent:33px;}
.hei{ height: 408px !important;}
.menu_bj{position: fixed; width: 100%; background-color:rgba(0,0,0,0.5); z-index: 9; height: 100%; }
/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.main{ width: 100%; max-width: 640px; margin: 0 auto; overflow: hidden;}
.m-nav{ width: 98%; margin: 0 auto; padding-top: 20px; overflow: hidden;}
.m-nav li{ width: 25%; float: left; text-align: center; line-height: 28px; margin-bottom: 10px; overflow: hidden;}
.m-nav li img{ max-width: 70%;}
.m-product{ padding: 20px 0; overflow: hidden;}
.m-product .hd{ text-align: center;}
.m-product .hd img{max-width: 90%;}
.m-product .md{ width: 99%; margin: 0 auto; padding: 8px 0;overflow: hidden;}
.m-product .md ul li{ width: 30%; float: left; height: 30px; line-height: 30px; margin: 5px 1.5%; text-align: center; background: #02428c;}
.m-product .md ul li a{ color: #fff;}
.m-product .md ul li a:hover{ color: #f00;}
.m-product .bd{ width: 99%; margin: 0 auto; overflow: hidden;}
.m-product .bd ul li{ width: 45%; float: left; background: #02428c; text-align: center;line-height: 35px; margin: 5px 2.5%;}
.m-product .bd ul li img{ width: 100%;}
.m-product .bd ul li a{ color: #fff;}
.m-product .more{margin-top: 10px; overflow: hidden;}
.m-product .more a{ margin: 0 auto; display: block; width: 25%; text-align: center; height: 40px; line-height: 40px; border: 1px solid #a1a1a1; color: #a1a1a1;border-radius:15px }

.m-news{ width: 98%; margin: 0 auto; padding: 6px 0; overflow: hidden;}
.m-news .hd{text-align: center; padding-bottom: 10px; overflow: hidden;}
.m-news .bd{ width: 98%; margin: 0 auto; border: 1px solid #d5d5d5; overflow: hidden; border-bottom: none;}
.m-news .bd ul li{ width: 100%; height: 126px; padding: 15px 1%; border-bottom: 1px solid #d5d5d5; overflow: hidden;}
.m-news .bd ul li .img{ width: 28%; float: left; height: 96px; overflow: hidden;}
.m-news .bd ul li .img img{ width: 100%; height: 96px;} 
.m-news .bd ul li .txt{ width: 68%; float: right;}
.m-news .bd ul li .txt a{ font-size: 14px; color: #000}

.m-company{ padding:0 1%; background: #02428c; overflow: hidden;}
.m-company .hd{ padding: 20px 0; text-align: center;}
.m-company .md{ text-align: center;}
.m-company .bd{ color: #fff; line-height: 26px; padding: 10px 0;}
.m-company .link{ margin: 15px 0; overflow: hidden;}
.m-company .link a{ margin: 0 auto; display: block; width: 25%; text-align: center; height: 40px; line-height: 40px;background: #ff7e01; color: #fff; border-radius:15px }
/*--- sidebar ---*/
.middle-hd{ padding: 10px 3%; height: 62px; background: url(../Image/inside-hd.jpg) repeat-x; overflow: hidden;}
.home{ float: left;}
.sy{ float: right;}
.m-plist{ padding: 20px 3%; height: 62px; background: url(../Image/m-plist.jpg) repeat-x; overflow: hidden;color: #eb5900; font-size: 14px; font-weight: 700;}
.cname{ float: left; }
.m-plist p{ float: right; text-align: right; }
.s-plist{ width: 98%; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.s-plist li{ width: 22%; float: left; text-align: center; margin: 5px 1.5%; background: #02428c; height: 35px; line-height: 35px; border-radius:10px;}
.s-plist li a{ color: #fff;}

/*--- indise ---*/
.inside{ width: 96%; margin: 0 auto; padding-bottom: 35px; overflow: hidden;}
.n-n{line-height: 260%; padding-top: 8px;}

/*--- footer ---*/
.f-message{ width: 95%; margin: 0 auto; padding-top: 15px; overflow: hidden;}
.f-message .hd{background: #02428c; padding: 20px; overflow: hidden; color: #fff; font-size: 14px;}
.f-message-box{ padding: 15px 0 5px 0; overflow: hidden;}
.f-message-box ul{ border: 1px solid #d7d7d7; width: 99%; margin-bottom: 10px; height: 45px; padding: 8px 0;}
.f-message-box ul .lf{ width: 20%;line-height: 35px; text-align: right; background: url(../Image/xing.jpg) no-repeat left center; float: left;}
.f-message-box ul .lr{ width: 78%; float: left;}
.ff1{ width: 100%;height: 35px; border: none; background: none;line-height: 30px; text-indent: 10px;}
.ff2{ width: 50%;height: 35px; border: none; background: none;line-height: 30px; text-indent: 10px;}
.ff3{ vertical-align: top;}
.ff4{ width: 100%; height: 35px; background: #ac0111; border: none; text-align: center; color: #fff; line-height: 35px; font-size: 14px;}
.f-message .bd{ background: url(../Image/f-tel.jpg) no-repeat left center; text-indent: 30px;}
.f-fav{ width: 95%; margin: 0 auto; padding-top: 10px; overflow: hidden;}
.f-fav .hd{ width: 100%; height: 38px; text-align: center; color: #fff; line-height: 38px; background: #02428c;}
.f-fav .bd ul{ width: 98%; margin: 0 auto; padding: 15px 0;}
.f-fav .bd ul li{ width: 25%; float: left; text-align: center;}
.f-fav .bd ul li img{ max-width: 80%;}
.f-txt{ width: 100%; padding-top: 10px; padding-bottom: 5rem; overflow: hidden;}
.f-txt .hd{ width: 100%; height: 35px;line-height: 35px; text-align: center; color: #fff; background: #02428c;}
.f-txt .hd a{ color: #fff;}
.f-txt .bd{ text-align: center;  padding: 15px 0;}

#end{ width:100%; background: #02428c; height: 5rem; position: fixed; bottom:0; overflow: hidden;}
#end li{ width: 25%; border-right: 1px solid #fff; height: 5rem; padding-top: 1.2rem; float: left; text-align: center; overflow: hidden;}
#end li img{ max-width: 50%;}

/*product*/
#picUL{text-indent:0; overflow:hidden;}
#picUL li{width:50%;  float:left; line-height:26px;  text-align:center;}
#picUL li img{ max-width: 90%; padding: 2px; border: 1px solid #cdcdcd;}
#picUL li img:hover{ border: 1px solid #160102;}

.p-top{text-align: center; color: #f00; font-weight: 700; padding-top: 15px;}
.p-top img{ max-width: 85%;}
.p-content{ width: 98%; margin: 10px auto; border: 1px solid #dedede; overflow: hidden;}
.p-content .title{ width: 100%; height:40px; border-bottom: 1px solid #dedede; overflow: hidden;}
.p-content .title p{ width: 100px; text-align: center; height: 40px;  overflow: hidden; color: #1951ae; font-size: 14px; line-height: 40px; font-weight: 700;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 0; overflow: hidden;}
#prev_next{ width: 98%; margin: 10px auto;  overflow: hidden;}
#prev_next li{ border-bottom: 1px dashed #cdcdcd;}


/*info*/
#newTitle{ width: 95%; margin: 0 auto; padding: 25px 0;  border-bottom: 1px solid #bfebff; color:#f00000; text-align:center;text-align:center;}
#newsContent{ margin: 16px 0;}
#newsInfo{ width: 98%; margin: 0 auto;  border-bottom: 1px dashed #bfebff; line-height: 55px; font-weight:normal; text-align:center; font-size:12px;}
#newsdescription{ width: 95%; margin: 0 auto; padding: 5px 2.5%; border-bottom: 1px solid #bfebff; font-size: 12px; font-weight: normal; margin-bottom: 20px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
.Newstime{float:right;}


/*news*/
#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #304102;}
#indexNews li a{ color: #555; text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{ color: #f00; text-decoration:none;float:left;}
.Newstime{float:right;}
#newTitle{color:#FF0000;font-size:14px;text-align:center;text-align:center;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:0px;font-weight:normal; text-align:center; font-size:12px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 4rem; line-height: 4rem;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:500px; overflow:hidden;}