.head{position:relative;z-index:99;width:100%}
.banner{position:relative;z-index:1;width:100%;height:560px}
.banner ul{position:relative;margin:0 auto}
.banner ul li,.banner ul li img,.banner ul{width:100%;height:560px}
.banner ul li{position:absolute;left:0px;top:0px;display:none;background-position:center top;background-repeat:no-repeat}
.banner dl{position:absolute;right:50%;bottom:15px;}
.banner dl dd{float:left;width:13px;height:13px;margin-right:10px;cursor:pointer;background:url(../images/num_21.png) no-repeat center center;text-indent:-99999px}
.banner dl dd.on{background:url(../images/num_2.png) no-repeat center center;}


.nav{width:100%;background:url(../images/nav_bg.png) no-repeat center top;height:75px;position:absolute;top:0px;left:0;z-index:999}
.nav ul{float:right;margin-top:25px;}
.nav ul li{float:left;width:120px;text-align:center;height:50px;}
.nav ul li a {display:block;text-decoration:none;color:#fff;height:50px;line-height:50px;font-size:14px;text-transform:uppercase}
.nav ul li a:hover {text-decoration:none;display:block;background:url(../images/nav_hover.png) no-repeat center top}


.imain{padding:30px 0;background:#f5f5f5}
.ifl{ width:50%;}
.m_wrap{padding:0 30px;}
.m_wrap dt{ padding:0 0 20px 0 ;}
.m_wrap dt span{ font-size:18px;}
.m_wrap dt span.c1{ color:#f84445;padding-right:10px;}
.m_wrap dt span.c2{ color:#9c9c9c; font-family:Tahoma, Geneva, sans-serif;}
.m_wrap dt a.more{ background:url(../images/hyfm_pic18.jpg) right center no-repeat; padding-right:10px; margin-top:10px; float:right; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif;}
.m_wrap dt a.more:hover{ background:url(../images/hyfm_pic17.jpg) right center no-repeat; color:#f84445;}
.m_wrap dd .box{}
.m_wrap dd .box img{max-width:100%}
.m_wrap dd .box .p1{ font-size:16px; color:#777; padding-top:10px;}
.m_wrap dd .box .p2{ font-size:12px; color:#777;}
.m_wrap dd .box .p3{ font-size:13px; color:#9c9c9c; line-height:20px; border-top:#f5f5f5 1px solid; margin-top:10px; padding-top:10px;}
.m_wrap dd .box1{ height:112px;}
.m_wrap dd .box1 .img{ float:left; width:188px;}
.m_wrap dd .box1 .img img{max-width:100%}
.m_wrap dd .box1 .con{ float:right; width:320px; }
.m_wrap dd .box1 .con .p1 a{ font-size:14px; color:#333; padding:0 0 10px 0;}
.m_wrap dd .box1 .con .p2 a{ color:#9c9c9c; line-height:18px;height:55px;overflow:hidden}
.m_wrap dd .list{ border-top:#ececec 1px solid; margin-top:15px; padding-top:5px;}
.m_wrap dd .list a{ display:block; color:#777; line-height:30px;height:30px;overflow:hidden}
.m_wrap dd .list a:hover{color:#f84445;}
.m_wrap dd .list a span{ color:#9c9c9c; padding-right:25px;}
.m_wrap dd .list a:hover span{color:#f84445;}


.title { text-align:center;margin-top:30px;}
.title h2 { font-size:26px; color:#f84445; line-height:50px; font-weight:600;}
.title h2 font { color:#666; display:inline-block; margin-left:10px;font-weight:600;}
.title h3 { font-weight:400; font-size:12px; color:#9c9c9c; line-height:26px; background:url(../images/h3.png) no-repeat center; text-transform:uppercase;}

.page_list2 ul { overflow: hidden;margin:10px 20px }
.page_list2 ul li { width: 25%; margin-bottom: 10px; float: left; }
.case_img img,.page_list2 ul li .img label{max-width:100%;width:270px;height:205px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.page_list2 ul li a:hover .case_img img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}    
.page_list2 ul li .list { margin: 10px; }
.page_list2 ul li .img { position: relative; overflow: hidden; }
.page_list2 ul li .img label{ width:60px; height:1px; background:#fff;display:block;  margin:5px auto;}
.page_list2 ul li:hover .img label{ width:5px;}
.page_list2 ul li a:hover .img { opacity:1;filter:alpha(opacity=100) }

.page_list2 ul li .img .img {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; position: absolute; top: 0%; left: 0; bottom: 0; display: table; opacity:0;filter:alpha(opacity=0); width: 100%; background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f000000', endColorstr='#5f000000'); }
.page_list2 ul li .img .img span {padding:30% 0;color:#fff;font-size:15px; vertical-align: middle; margin: 0 auto; text-align: center; display: table-cell; }
.page_list2 ul li .text {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; line-height: 20px; background: #fff; padding: 15px 20px; }
.page_list2 ul li .text h4 { font-weight: normal; padding-right: 40px; background: url(../images/icon2.png) no-repeat right center;  color:#2d251b;}
.page_list2 ul li .text span { margin-left: 10px; font-size: 12px; color: #909090; }
.pmore { text-align: center; margin: 20px 0; }
.pmore a { display: inline-block; line-height: 35px; font-size: 15px; width: 132px; text-align: center; border-radius: 30px; border: 1px solid #d2d2d2; color: #adadad; }
.pmore a:hover { border-color: #f84445;color:#fff;background: #f84445; }

.foot {background:#515151;padding-top:40px;}
.ftop {padding-bottom:20px;}
.ftop .fl {width:720px;}
.ftop .fl h3 {font-size:20px;color:#FFFFFF;line-height:36px;}
.ftop .fl p {font-size:12px;color:#c5c5c5;padding-left:25px;line-height:28px;background:left 5.5px no-repeat;background-size:18px 17px;}
.ftop .fl p.p1 {background-image:url(../images/ic7.png);}
.ftop .fl p.p2 {background-image:url(../images/ic8.png);}
.ftop .fl p.p3 {background-image:url(../images/ic9.png);}
.ftop .fl p.p4 {background-image:url(../images/ic10.png);}
.ftop .fl p.p5 {background-image:url(../images/ic11.png);}
.ftop .fl p.p1 b {margin-left:20px;}
.ftop .fl p.p2 em {margin-left:20px;padding-left:25px;display:inline-block;vertical-align:top;background:url(../images/ic11.png) left 5.5px no-repeat;background-size:18px 17px;}
.ftop .mid {float:left;width:400px;margin-left:20px;margin-top:30px;}
.ftop .mid h3 {font-size:16px;color:#7e7e7e;line-height:28px;}
.ftop .mid h3 a {display:inline-block;vertical-align:top;color:#FFFFFF;}
.ftop .mid h3 a:hover {text-decoration:underline;}
.ftop .mid h3 em {display:inline-block;vertical-align:top;margin:0 3%;}
.ftop .mid p {font-size:14px;line-height:24px;margin-top:20px;color:#d5d5d5;}
.ftop .mid p a {display:inline-block;vertical-align:top;color:#D5D5D5;margin-right:3%;}
.ftop .mid p a:hover {color:#FFFFFF;text-decoration:underline;}
.ftop .fr {margin-top:10px;}
.ftop .fr .ewm {float:right;width:105px;text-align:center;}
.ftop .fr .ewm p {color:#FFFFFF;text-align:center;font-size:16px;line-height:38px;}
.ftop .fr .ewm2 {float:right;}
.copyright {line-height:55px;font-size:14px;color:#8f8f8f;background:#424242;}
.copyright a {color:#8f8f8f;}
.copyright a:hover {color:#FFFFFF;text-decoration:underline;}
.appdown .w1200 {max-width:1200px;}


#ny_con{background:#f5f4f4;padding:20px 0;overflow:hidden}
.left{float:left;width:268px;}
.right{float:right;width:840px; border:1px solid #e8e8e8; background:#ffffff;padding:10px 30px;}
.left h3{height:22px; background:url(../images/h3_bg01.jpg) no-repeat; font-size:14px; color:#3388d8; padding:10px 0 0 15px; border-bottom:1px solid #dae9f8;}
.left table{ width:210px; margin:0 auto;}
.left .but01{ width:64px; height:24px; border:none; background:url(../images/but_bg01.jpg) no-repeat;}
/*.left input{ height:16px; background:url(../images/input_bg01.jpg) repeat-x; border:1px solid #a9d9f4; width:150px;}*/
.left .bottom{ background:url(../images/bottom_bg01.jpg) no-repeat; height:6px; overflow:hidden;line-height:0;font-size:0}

.left .cate{}
.cate .cate_bt{ background:url(../images/cate_bj.jpg) no-repeat; height:53px;  font-size:16px; font-weight:bold; line-height:45px; padding-left:55px;color:#333;}
.cate .cate_nr{ border:1px solid #dfdfdf; border-top:none; border-bottom:none; width:260px; margin:0 auto;}
.cate_nr li{ width:249px; margin:0 auto; height:45px;}
.cate_nr li a{ background:url(../images/cate_bj3.jpg) no-repeat; width:249px; height:40px; line-height:32px; display:block;padding-left:25px;}
.cate_nr li a:hover{background:url(../images/cate_bj2.jpg) no-repeat; width:249px; height:40px; line-height:32px; display:block;}
.cate_nr li a.cursor{background:url(../images/cate_bj2.jpg) no-repeat; width:249px; height:40px; line-height:32px; display:block;}
.cate_b{ text-align:center;}
.lxwm{}
.lxwm .lxwm_bt{color:#333; background:url(../images/cate_bj4.jpg) no-repeat; height:53px; font-size:16px; font-weight:bold; line-height:45px; padding-left:55px;}
.lxwm .lxwm_nr{ border:1px solid #dfdfdf; border-top:none; border-bottom:none; width:230px; margin:0 auto; line-height:25px;padding:15px;}


.n_location{width:100%;  box-sizing: border-box; padding-left: 30px; float:left;color:#999; font-size:14px;line-height:36px; margin-bottom:20px;background:url(../images/nav_line.jpg) no-repeat 10px center;border-bottom:#f5f5f5 1px solid}
.n_location a{ color:#333;}
.n_location a:hover{ color:#000; text-decoration:underline;}
.n_location a.n_h{ position:relative;}

.n_location i{ color:#999; padding:0 5px;}
.n_company{ width:100%; float:left; margin-bottom: 30px;}
.n_company p{font-size:16px; line-height:26px; margin-top:0; margin-bottom: 12px;}



.prolist ul { overflow: hidden;margin:10px 20px }
.prolist ul li { width: 33.33333%; margin-bottom: 10px; float: left; }
.case_img img,.prolist ul li .img label{max-width:100%;width:270px;height:205px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.prolist ul li a:hover .case_img img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}    
.prolist ul li .list { margin: 10px; }
.prolist ul li .img { position: relative; overflow: hidden; }
.prolist ul li .img label{ width:60px; height:1px; background:#fff;display:block;  margin:5px auto;}
.prolist ul li:hover .img label{ width:5px;}
.prolist ul li a:hover .img { opacity:1;filter:alpha(opacity=100) }

.prolist ul li .img .img {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; position: absolute; top: 0%; left: 0; bottom: 0; display: table; opacity:0;filter:alpha(opacity=0); width: 100%; background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f000000', endColorstr='#5f000000'); }
.prolist ul li .img .img span {padding:33.333% 0;color:#fff;font-size:15px; vertical-align: middle; margin: 0 auto; text-align: center; display: table-cell; }
.prolist ul li .text {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; line-height: 20px; background: #fff; padding: 15px 10px; }
.prolist ul li .text h4 { font-weight: normal; padding-right: 40px; background: url(../images/icon2.png) no-repeat right center;  color:#2d251b;}
.prolist ul li .text span { margin-left: 10px; font-size: 12px; color: #909090; }


.inside-page {width:100%;padding-top:100px;padding-bottom:120px;text-align:center;}
.inside-page a,.inside-page span {border:1px solid #CBCBCB;color:#666;display:inline-block;padding:0 10px;line-height:25px;height:27px;margin:0 5px;}
.inside-page a:hover,.inside-page .hover,.inside-page span {color:#fff;background-color:#f84445;border-color:#f84445;}
.inside-page {padding-top:70px;padding-bottom:90px;}



.white {
	color: #FFF;
}
a.white:link {
	color: #FFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFF;
	text-decoration: none;
}


.news-list li {padding:20px 0;border-bottom:1px solid #f5f5f5;float:left;}
.news-list li .txt {float:left;}
.news-list li .txt .titlse {font-size:16px;line-height:18px;overflow:hidden;}
.news-list li .txt .titlse a {color:#333;}
.news-list li .txt .content {margin-top:10px;font-size:12px;color:#ADADAD;line-height:22px;height:44px;overflow:hidden;}
.news-list li .txt .read-more {margin-top:20px;display:block;width:135px;border:1px solid #ADADAD;font-size:12px;color:#ADADAD;text-align:center;height:23px;line-height:23px;}
.news-list li:hover .txt .titlse a {color:#f84445;}
.news-list li:hover .txt .read-more {color:#fff;background-color:#f84445;border:1px solid #f84445;border-left:1px solid #f84445;}

.news-show {padding-bottom:90px;}
.news-show img {max-width:100%;max-height:100%;}
.news-show .titlwe {text-align:center;line-height:30px;}
.news-show .titlwe h1 {padding-top:40px;padding-bottom:20px;font-weight:normal;color:#f84445;font-size:24px;}
.news-show .titlwe .info {border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;font-size:12px;line-height:30px;color:#888;}
.news-show .titlwe .info .date {margin:0 15px;}
.news-show .content {padding-top:40px;color:#555;}
.news-show .page-change {margin-top:70px;}
.news-show .page-change > a {overflow:hidden;display:block;width:400px;height:34px;line-height:34px;color:#999;padding-left:16px;border-left:2px solid transparent;background-color:#f5f5f5;}
.news-show .page-change > a:hover {background-color:#f84445;color:#fff;border-left:2px solid #E60011;}
.news-show .page-change .prev {float:left;}
.news-show .page-change .next {float:right;}
.news-show .related-news {margin-top:60px;}
.news-show .related-news .related-title span {border-bottom:1px solid #f84445;line-height:28px;display:inline-block;height:29px;color:#f84445;font-size:16px;text-transform:uppercase}
.news-show .related-news .related-list {margin-top:30px;}
.news-show .related-news .related-list a {border-bottom:#DBDBDB 1px solid;display:block;width:100%;height:32px;position:relative;line-height:32px;padding-left:28px;padding-right:28px;overflow:hidden;color:#a9a9a9;}
.news-show .related-news .related-list a .titlwe {line-height:32px;text-align:left;float:left;height:32px;width:750px;color:#666;overflow:hidden;}
.news-show .related-news .related-list a:before {content:"";display:inline-block;width:4px;height:5px;background:url(../images/related-arrow.png) no-repeat 0 0;position:absolute;left:13px;top:14px;}
.news-show .related-news .related-list a:hover {color:#fff;background-color:#f84445;}
.news-show .related-news .related-list a:hover .titlwe {color:#fff;}


.formGround{padding:0 0 0 175px;position: relative;}
.formGround .label{position: absolute;width: 150px;top:0;bottom: 0;left: 0;margin:auto;color: #545454;font-size: 16px;height: 20px}
.formGround .erweimaDiv .picture{margin-right: 160px;vertical-align: top;}
.formGround .mapBtn{line-height: 168px;}
.formGround .mapBtn img{position: relative;display: inline-block;margin-right: 5px;top:5px;}
.message{padding:0 0 58px;position: relative;}
.message ul li{padding:15px 0px;border-bottom: 1px solid #e8e8e8;position: relative;color: rgba(84,84,84,.8);}}
.message .formGround .label{padding-left: 18px;height: 52px;line-height: 52px;bottom: auto}
.message .formGround .label ins{position: absolute;width: 15px;left: 0;height: 100%;top:0;background-position: left center;background-repeat: no-repeat;background-image: url(../images/7icon02.png);}
.message .formGround .inputCtl{box-sizing:border-box;background-color: #F5F5F5;line-height: 52px;height: 52px;border: none;width: 100%;padding:0 10px;}
.message .btnCtrl{background-color: #f84445;line-height:90px;height:90px;border: none;width: 100%;text-align: center;font-size: 22px;color: rgba(255,255,255,.8);margin-top: 30px;cursor:pointer;}
.message .btnCtrl:hover{background-color: #d7191a;}
.message .formGround .textareaCtrl{box-sizing:border-box;background-color: #F5F5F5;line-height:170%;height: 197px;border: none;width: 100%;padding:10px;resize: none;}
.mapConDiv{position: fixed;width: 100%;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,.7);z-index: 99999;}

#preview{ float:left; text-align:center; width:300px;border:1px solid #ccc;padding:10px}
.jqzoom{ width:300px; height:219px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}

#spec-n5{width:300px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ float:left; overflow:hidden;margin-top:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:70px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:38px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:300px;height:300px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:600px;height:600px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:38px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative;}
#spec-list div{ margin-top:0}

.proright{float:right;width:485px;position:relative}
.proright h3{font-size:16px;border-bottom:#ddd 1px dashed;color:#f84445;line-height:50px;margin-bottom:10px;font-weight:bold}
.proright p{line-height:30px}
.proright p b{padding-right:10px}
a.returen{position:absolute;right:0;top:10px;background:#444;border-radius:5px;height:30px;line-height:30px;padding:0 15px;text-align:center;color:#fff;text-transform:uppercase}

.procont img {}
.procont{line-height:30px}


.proDt-xp{border-bottom:1px solid #f84445;height:35px;margin-top:20px;width:100%;}
.proDt-xp b{display:block;width:100px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#fff;background:#f84445 ;}
.proDt-vont{line-height:30px;overflow:hidden;padding:10px 0}
