﻿/* boby */
*{margin:0;  padding:0; }

/*通用代码*/
.container{position:relative;width:1100px;margin:0px auto;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainTitle_line{border-top: 1px solid #ddd;text-align: center; margin: 0px 0 0;}
.mainTitle_line_bg{ background:url(../images/m_pro_tit_bg.png) no-repeat center top;text-align: center; margin: 0px 0 10px 0;}

.mainTitle{position: relative;display: inline-block;font-size: 26px;line-height: 44px;top: -22px;padding: 0 22px; color: #303030; }
.main_more{ width:130px; margin: 0 auto; padding-top:10px;}
.main_more_ico{ padding:10px 5px;}
.main_more_text{ font-size:14px; line-height:25px; padding:5px 5px; border:1px solid #ccc; color:#666;}
.main_more_text:hover{ border:1px solid #FF6600; color:#fff; background:#FF6600;cursor:pointer;}
.main_more_text{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .mainContent{ clear:both;}
.hidd1{ display:block;}
.hidd{ display:none;}

.crumbs{padding-top:80px;position:relative;height:284px;background:url(../images/news.jpg) repeat-x;background-position:center bottom;border-bottom:1px solid #e0e0e0;}

.main{padding:20px 0 30px 0;}
.main .maxTitle{position:relative;line-height:34px;}
.main .maxTitle span{position:relative;z-index:1;padding-right:18px;background:#fff;color:#333;font-size:24px;}
.main .maxTitle .sub{position:absolute;top:18px;width:100%;height:1px;width:100%;background:#d6d6d6;}





/*内页二级导航*/

.main .caseInfo{color:#666;font-size:14px;line-height:25px;padding:10px 0 20px 0;}
.main .mainHead .content{padding:0px 20px 20px 20px; text-align:center; }
.main .mainHead .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}



.fld{ display:none;}
.nydh-1{ margin:0 auto;}
.nydh-1 li{ float:left;}
.nydh-1 a{ float:left;font-size:15px; padding:5px 30px; border:1px solid #ccc; margin:0px 10px; line-height:25px; border-radius:3px;}
.nydh-1 a:hover,.nydh-1 a.currclass{color:#fff; background:#004A8B;}



/*图片方大 */
.news-img{ float:right; width:100%; overflow:hidden;}
.news-img img{transition:all 1.8s; -webkit-transition:all 1.8s; }
.news-img img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }


/*一级导航*/

.header_box{ width:100%; height:105px;}


.header_box_top{padding:2px 0 2px 0;background:#2c2c2c; text-align:right;}
.header_box_top_text{ position:relative;}
.header_box_top_text span{ color:#a3a1a1; position:absolute; top:2px; right:145px;}
.header_box_top_text,.header_box_top_text a{ margin:0px 10px;}


.m_logo{ float:left;}
.container .headerLogo{position:absolute;top:2px;left:0px;}



-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);}
.header .nav .child .childContent .childContentLi:hover{background:#004A8B;color:#fff;}

.wapNavPointer{display: none;position:absolute;top:30px;right:3px;cursor:pointer;}
.navChildLanguage{position:absolute;top:13px;right:3px;cursor:pointer;}
.wapLanguage{display:none;position:absolute;top:35px;right:120px;}
.wapLanguage .language{padding:0 14px;color:#999999;font-size:28px;line-height:28px;display:inline-block;*display:inline;*zoom:1;}
.wapLanguage .language.on{color:#7D2F8D;}
.wapLanguage .language.cn{border-right:3px solid #bababa;}
.wapNavBtn{display:none;position:absolute;top:38px;right:32px;cursor:pointer;}

.menu_box{ padding:0px 0px;}
.menu_box .search{float:right; width:19px; height:19px;  margin-top:25px; margin-right:15px;}
.menu_box .searchContent{position:absolute;bottom:-80px;right:0px;padding:25px; z-index:99999;  display:none;  background-color: #f2efef;border-bottom:1px solid #dcdadb;border-left:1px solid #dcdadb;}
.searchk{position:relative;margin-top:0px;width:300px;height:30px;background:#fff;}
.seachIcon{cursor:pointer;}
.searchk .seachText{width:260px;color:#999999;font-size:12px;padding:0 0 0 6px;line-height:1;margin:0;border:0;height:30px;}
.searchk .btn{cursor:pointer;position:absolute;top:0;right:0;width:30px;height:30px;text-align:center;line-height:30px;background:#474747;}
.searchk .btn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.searchk .btn:hover{background:#000;}
.searchk .btn img{ vertical-align:middle; padding-top:5px;}


.head_menu{ float:right; margin-top:0px; margin-right:10px; position:relative; z-index:9999}
.head_menu ul li{ position:relative; width:100px; float:left; margin:0px 5px;  }

.head_menu ul li .navf{ width:100px; height:72px; position:relative; overflow:hidden; text-align:center; cursor:pointer;}
.head_menu ul li .navf span{ display:block;width:100px; height:72px; position:absolute; left:0;cursor:pointer;}
.head_menu ul li .navf .navcurbg{ top:-72px; background:url(../images/menu_bg01.png) no-repeat center 56px #2B3357;}
.head_menu ul li .navf .navon{ top:-72px;  font:15px/72px "微软雅黑"; color:#fff; opacity:1;filter:Alpha(opacity=100);cursor:pointer;}
.head_menu ul li .navf .navcur{ top:0; font:15px/72px "微软雅黑";color:#000;opacity:0.8;filter:Alpha(opacity=80);cursor:pointer; font-weight: normal;}
.head_menu ul li.hover .navf .navcurbg{top:0;}
.head_menu ul li.hover .navf .navon{top:0;}
.head_menu ul li.hover .navf .navcur{ top:-72px;}
.head_menu ul li .nav-son{ display:none; position:absolute; height:59px; left:0; top:72px;  background:#2B3357;border:none; }
.head_menu ul li .nav-son .choose{ float:left; width:113px;height:59px;background:url(../../img/head_menu_bg03.png) no-repeat right center;font:14px/59px "微软雅黑";color:#fff; text-align:center;}
.head_menu ul li .nav-son ul{ float:left;}
.head_menu ul li .nav-son ul li{ float:left; width:84px; height:59px; margin-left:10px; text-align:center;font:13px/59px "微软雅黑"; color:#fff; position:relative; overflow:hidden;border:none;letter-spacing:1px; }
.head_menu ul li .nav-son ul li span{display:block;width:84px; height:59px; position:absolute; left:0; opacity:0.9;filter:Alpha(opacity=90);}
.head_menu ul li .nav-son ul li .nav-soncur{ top:-59px;}
.head_menu ul li .nav-son ul li .nav-sonon{ top:0;}
.head_menu ul li .nav-son ul li a{ color:#fff;}
.head_menu ul li .nav-son ul li.on{ background:url(../../img/head_menu_bg04.png) no-repeat center;}
.head_menu ul li .nav-son ul li.on .nav-soncur{ top:0;}
.head_menu ul li .nav-son ul li.on .nav-sonon{ top:-59px;}

/*视频*/
.vedioHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:4;}
.vedioContent{display:none;position:fixed;top:50%;left:50%;width:650px;height:450px;margin:-260px 0 0 -335px;z-index:5;background:#fff;padding:20px 20px 50px 20px;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;}
.vedioContent iframe{width:100% !important;height:100% !important;}
.vedioContent .vedioClose{position:absolute;bottom:18px;right:24px;cursor:pointer;}



/*左侧分类*/
.cpxn{width:1100px;margin:0 auto;}
.cpxn-l{float:left;width:250px; padding-bottom:20px;}
.cpxn-l li a{width:250px;height:50px;line-height:50px;text-indent:15px;display:block;background:#efefef;border-bottom:1px #fff solid;font-size:14px;color:#737373;transition:all 0.2s linear; position:relative;}
.cpxn-l li a span{ background:url(../images/home_ico_pro.png) no-repeat right top; position:absolute; right:25px; top:20px; width:7px; height:12px;}

.cpxn-l li a:hover{background:#294986;color:#fff;}
.cpxn-l li a:hover span{background:url(../images/home_ico_pro1.png) no-repeat right top;}
.cpxn-l li a:hover,.cpxn-l li.currclass a{background:#294986;color:#fff;}


.cpxn-r{width:800px;padding:15px;float:right;border:1px #ddd solid;}
.cpxn-r1{line-height:55px;font-size:18px;color:#484646;border-bottom:1px #ddd solid;}
.cpxn-r1 span{float:right;color:#737373;font-size:12px;}
.cpxn-r1 span a{margin:0 3px;font-size:12px;color:#737373;}
.cpxn-r1 span a:hover{color:#9859a5;}


.cpxn-lt{font-size:16px;color:#5e5e5e;border-bottom:1px #ddd solid;padding:20px 0px 15px 0px;}
.cpxn-ld{margin-top:20px;}
.cpxn-ld a{display:block;}
.cpxn-ld-1 img{width:248px;border:1px #ddd solid; height:182px;transition:all 0.2s linear; padding:15px;}
.cpxn-ld a:hover img{box-shadow: 0 0 10px 1px #aaa;}
.cpxn-ld-2{text-align:center;color:#b6b6b6;padding:20px 0px 5px 0px;}
.cpxn-ld-3{text-align:center;color:#666;font-size:13px;line-height:30px;}




.cpxn-r2{width:770px;margin:0 auto; margin-top:25px;}
.cpxn-r2 .sp-horizontal .sp-previous-arrow{left:0px;}
.cpxn-r2 .sp-horizontal .sp-next-arrow{right:0px;}

.cpxn-r3{padding:15px 5px;}
.cpxn-r3-1{font-size:14px;color:#2e2e2e;line-height:30px; padding-top:0px;}
.cpxn-r3-1 img{ max-width:100%; max-height:100%;}
.cpxn-r3-1 p{ font-size:14px;}


.cpxn-r4{padding:15px 5px;}
.cp-4t{border-bottom:1px #eee solid; padding-bottom:20px;min-height:180px;}
.cp-4t h3{float:left;padding:0px 20px;height:180px;line-height:170px; background:url(../images/m_wenhua_line.jpg) no-repeat right 20px; height:180px;text-align:center;color:#333;font-size:18px;margin-right:10px;}
.cp-4t .text_1{ float:left; font-size:13px; line-height:25px; width:400px;}
.cp-4t .pic{ float:right; margin-top:45px;}
.cp-4t .pic img{ max-width:100%; max-height:100%;}
.cp-4t li.sd15{background:#e7e7e7;}
.cp4-d{padding:0 10px;padding-top:20px;display:none;}
.cp4-d.cp4-block{display:block;}
.cp4-d,.cp4-d div{font-size:14px;line-height:36px;}
.cp-4l{display:none;}


/*底部*/
.footer{clear:both;width:100%; background:#303030; padding:20px 0px 20px 0px;}

.foot_top_left{ float:left; width:580px;}
.foot_top_left li{ float:left;  text-align:left; margin:30px 40px;width:100px; height:159px;}
.foot_top_left li h2 { color:#ddd; font-size:13px;line-height:30px; font-weight: 700;  }
.foot_top_left li a:hover{ color:#fff;}
.foot_top_left li ul { float:left; }
.foot_top_left li ul li{ margin: 0px; float:left;  background:none; height:25px; color:#999; }
.foot_top_left li ul li a{ line-height:30px;  float:left; color:#a4a1a1; font-size:12px;}
.foot_top_left li ul li a:hover{ float:left; color:#fff; }

.foot_top_contact{ float:left; width:250px; margin-top:28px;}
.foot_top_contact h2 { color:#ddd; font-size:13px;line-height:30px; font-weight: 700;  }
.foot_top_text{ color:#a4a1a1; font-size:12px;line-height:25px;}
.foot_top_text P{color:#a4a1a1;}

.foot_right{ float:right; margin:50px 0px 0px 0px;}
.foot_right p{ text-align:center; line-height:40px; color:#ccc; font-size:12px;}

.footer01{clear:both;width:100%; background:#232323;height:60px;}

.foot_text { color:#999; padding-top:15px; text-align:center; font-size:12px;}
.foot_text a:hover{ color:#999;}



/* 效果CSS开始 */
#box_r{ width:70px; height:auto; position:fixed; right:10px; top:200px; z-index:9999;}
#float li p[data-v-3498646e]{ color:#fff; margin-top:5px;}

#float li[data-v-3498646e] {
	height:70px;
	width:70px;
	background:#fff;
	text-align:center;
	position:relative;
	margin-top:1px
}

#float li:hover[data-v-3498646e] {
	background:#ba1418;
}


#float li .iconfont[data-v-3498646e] {
	color:#fff;
	font-size:40px;
	display:block
}
#float li>a[data-v-3498646e] {
	font-size:14px;
	text-decoration:none;
	color:#fff
}


#float .wechat[data-v-3498646e] {
	background:#0d71ca;
}
#float .wechat a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .wechat img[data-v-3498646e] {
	width:23px;
	height:26px
}


#float .zixun[data-v-3498646e] {
	background:#0d71ca;

}
#float .zixun a[data-v-3498646e] {
	display:inline-block;
	margin:10px auto 5px
}
#float .zixun img[data-v-3498646e] {
	width:23px;
	height:26px
}


.popup[data-v-3498646e] {
	display:none;
	position:absolute;
	left:-139px;
	top:0;
	width:139px
}

.wechat:hover .popup[data-v-3498646e] {
	display:inline-block
}
.wechat:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}


.zixun:hover .popup[data-v-3498646e] {
	display:inline-block
}
.zixun:hover .popup img[data-v-3498646e] {
	width:100%!important;
	height:100%!important
}

/* 表单定义 */
.input{BACKGROUND-COLOR:#f4f4f4; border:1px solid #ccc;font-size:12px;line-height:30px; height:30px; }
.input_sub1{ width:120px; height:40px; background: #6FBFC1; border:none; margin-top:10px; font-family:"微软雅黑"; color:#fff; font-size:16px; margin-right:20px;}
.input_sub2{  width:120px; height:40px; background: #ccc; margin-top:10px;border:none; font-family:"微软雅黑"; color:#666;font-size:16px;}


.page_td{border:1px solid #ccc; padding:0px 5px; line-height:20px; }
.page_tdbg{border:1px solid #CCCCCC;background:#ccc; padding:0px 5px;}
.inputpage{ BORDER:1px #ffffff solid; width:24px; height:20px;}
.input_sub{background:url(../images/g_tijiao03.jpg) no-repeat left;width:117px;height:40px;border:none;}

.number001{  margin:0 auto; text-align:center;}

.page_tda{border:1px solid #CCCCCC; background:#F4F4F4;  width:20px; height:28px; text-align:center; float:left; padding:0px 5px; margin:0px 2px;  line-height:28px; }
.page_tdbga{border:1px solid #CCCCCC;width:28px; height:28px;margin:0px 2px; float:left; line-height:28px; background:#f4f4f4; }
.inputpagea{border:1px #ffffff solid;width:28px; height:28px;}

.page_td0{  width:30px; height:30px; background:url(../images/a01.png) no-repeat 1px  #333; margin:0px 10px; float:left;}
.page_td0 a{ display:block;width:30px; height:30px; background:url(../images/a01.png) no-repeat #333;}
.page_td0 a:hover{ background:url(../images/a01.png) no-repeat #DD0000;}
.page_td1{ width:30px; height:30px; background:url(../images/a02.png) no-repeat 3px  #333;margin:0px 10px; float:left;}

.page_td1 a{ display:block;width:30px; height:30px; background:url(../images/a02.png) no-repeat 3px #333;}
.page_td1 a:hover{ background:url(../images/a02.png) no-repeat 3px #DD0000;}


.yeshu{float: left;width:800px; margin:20px auto 10px auto;}

/*在线留言*/

.ordetext{ clear:both; margin:0 auto;text-align:center; line-height:250%; width:960px; }
.ordefont{line-height:55px; text-align:center; width:100px; float:left; height:55px;color:#333; padding:5px 0px;font-weight: normal;}
.orderight{line-height:35px; width:300px; float:left; height:35px;text-align:left; border:1px solid #ccc;  padding:5px 20px; margin:10px 0px;}
.orderight_yanzheng{line-height:24px; width:531px; float:left; height:30px;text-align:left;}
.input_box{float:left;border:none;background: none;padding:10px 0 0 10px;width:770px;font-family:"微软雅黑"; color:#999; }
.orderight_cont{width:800px;height:190px;float:left; text-align:left;margin-left:0px;border:1px solid #ccc; background:#fff; margin-top:15px;}
.mess_cotent{ clear:both; width:960px; height:40px; text-align:center; background:#581815;margin:5px auto;}
.mess_tijiao{width:80px;height:55px;margin:0 auto;}
.input_box_tijiao{float:left;border:none;background: none;padding:20px 0 0 20px;*padding:20px 0 0 10px;color:#5d958f;font-weight:bold;}
.input_facd{BACKGROUND-COLOR:#fff; border:1px solid #ccc;font-size:14px;line-height:40px; height:40px; padding-left:10px;font-family:"微软雅黑"; color:#999;}

.yanzheng{ float:left;  width:1060px; margin-left:40px;}
.input_sub_01{  color:#fff; border:none; background:none; font-size:18px; line-height:40px; font-family:"微软雅黑";}


.som-img{display:none;}
.fldc{display: block;}
.allpic{ padding-top:0px; display:block; position:relative; z-index:1;}
.allpic img{width:100%;}
.allpic H4{ font-size:20px; color:#fff; font-weight:normal;}
.allpic H5{ font-size:12px; color:#fff; font-weight:normal; padding-top:5px;}

.b_footer{ display:none;}

.tt_footer{ display:none}


.prater{background:#fff; border-top:1px solid #ddd; padding:20px 0px;}
.prater .container{height:50px; margin:0 auto;}

.liuyan{ padding:0px 0; text-align:center; width:690px; margin:0 auto;}
.liuyan_kefu{ width:200px; height:40px; line-height:40px;  float:left; margin:0px 10px;}
.liuyan_kefu01{ width:200px; height:40px; line-height:40px; float:left; margin:0px 10px; }
.liuyan_tel{ font-size:25px; font-family: Arial, Helvetica, sans-serif; color:#878382; letter-spacing:normal; background:url(../images/m_tel.jpg) no-repeat right 4px; padding-top:4px;font-style:oblique; padding-right:30px;}
.liuyan_kefu a{ color:#fff; font-size:16px;background:#ff6600; display:block;}
.liuyan_kefu a:hover{ color:#ff6600; font-size:16px;border:1px solid #ff6600; background:#FAFAFA; display:block;}
.liuyan_kefu01 a{ color:#ff6600;font-size:16px; border:1px solid #ff6600; display:block;background:#FAFAFA;}
.liuyan_kefu01 a:hover{ color:#fff; font-size:16px; background:#ff6600; display:block;}


@media (max-width: 639px) {




.hidd1{ display:none;}
.hidd{ display:block;}


.header_meitong{position:relative;height:60px; width:100%; margin:0 auto; border-bottom:1px solid #ccc; }
.top{ width:100%;}

.logo_pic{ float:left; margin:1% 1%; width:70px; height:50px;}


.top .tele_phone{ position:absolute; right:20%; top:20px; color:#333;line-height:15px; text-align:left; z-index:2; letter-spacing:2px; padding-left:5px; font-size:18px;}
.top .tele_phone a{ color:#666;}


.m_map_bg{ width:100%; height:100%;}


.header .nav .child .menu_pro{ display:none;}

.container{width:96%;}
.header{height:50px !important;}
.header .container{width:100%;}
.header .headerLogo{top:14px !important;left:10px;width:120px;}
.header .nav .navTop{display:none !important;}

.header .nav{display:none;top:50px;right:0px;width:100%;height:auto !important;background:#fff;padding-bottom:10px;}
.header .nav .child{float:none;width:90%;text-align:left;margin:0 auto;color:#333333;background-color: #f9f9f9; border-left:1px solid #dadada;
 border-right:1px solid #dadada;border-bottom:1px solid #dadada;height:auto !important;line-height: 35px !important;}
.header .nav .child:nth-child(2){border-top:1px solid #dadada;}
.header .nav .child .title{font-size:12px;color:#666;padding:0 2%;display: inherit;}
.header .nav .child .childContent{display:none;position:relative;top:0px !important;width:100%;}
.header .nav .child .childContent .childContentLi{padding:0 4%;color:#666;font-size:12px;height:35px;line-height:35px;border-top:1px solid #dadada;border-bottom:0px;}
.header .nav .navChildLanguage{display:none;}
.header .nav .navChildSearch{display:none;}
.header .list{display:none !important;}
.header .searchContent{display:none !important;}
.wapNavPointer{display:block;top:3px;right:3px;}
.wapNavBtn{display:block;top:19px;right:16px;width:24px; z-index:6; position:fixed;}
.wapLanguage{display:block;top:17px;right:50px; position:fixed; z-index:6; }
.wapLanguage .language{padding:0 2px;font-size:14px;line-height:14px;}
.wapLanguage .language.cn{border-right:1px solid #bababa;}

.mainTitle{font-size: 16px;line-height: 30px;top: -15px;padding: 0 15px; }
.main_more{ padding-top:0px;}
.main_more_text{ font-size:13px; line-height:20px;}

.footer{ display:none;}
.allpic{ padding-top:0px;}

.footer01{ display:none;}

.b_footer{ display:block; width:100%; height:65px; background:-webkit-gradient(linear,0% 46%, 100% 25%, from(#6F6D6E), to(#6F6D6E), color-stop(0.5,#2C2929))}
.b_footer .tt{float:left; width:33.33%; padding-top:0px; display:inline-block;text-align:center;height:65px; }
.b_footer .tt1{float:left; width:33.33%; padding-top:0px; display:inline-block;text-align:center; }
.b_footer .tt a{ font:12px/22px "微软雅黑"; color:#eee; display:inline-block;padding-top:40px;width:100%; height:auto !important; }

.b_footer a.menu1{ background:url(../images/menu_05.png) no-repeat center 10px; }
.b_footer a.menu2{  background:url(../images/004.png) no-repeat center 10px;}
.b_footer a.menu3{  background:url(../images/002.png) no-repeat center 10px;}
.b_footer a.menu4{  background:url(../images/003.png) no-repeat center 10px;}





.tt_footer{
display: block; clear:both;position:fixed; bottom:0;  width:100%;background:url(../images/m_fot_bg.jpg) repeat-x bottom ; height:93px; 
}
.tt_footer ul{ 
width:100%;  
list-style:none;
}
.tt_footer ul li h2{ padding-top:35px; font-size:12px; font-weight:normal;}
.ixfooter_li{
width:20%; 
float:left;
text-align:center; 
overflow:hidden;
margin-top:35px;
color:#fff;
 height:60px;
font-size:12px;
}
.m_ixfooter_li{
width:20%; 
float:left;
text-align:center; 

margin-top:35px;
color:#fff;
 height:60px;
font-size:12px;
}
.ixfooter_li img {
	height:3em;
}
.footer_01{ background:url(../images/z_m_f_01.png) no-repeat center top; }
.footer_02{ background:url(../images/z_m_f_02.png) no-repeat center top; }
.footer_03{ background:url(../images/z_m_f_03.png) no-repeat center top;}
.footer_04{ background:url(../images/z_m_f_04.png) no-repeat center top; }


.footer_05{ background:url(../images/z_m_f_04.png) no-repeat center top; }


/* menu */
.menu{ display:block;
width:20%; 
float:left;
text-align:center; 

margin-top:30px;
color:#fff;
 height:60px;
font-size:12px;background:url(../images/menu.png) no-repeat; position:relative;}
*html .menu{display:block;position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:340px;}

.menu .box{width:200px;height:253px;position:absolute;top:-88px;left:-30px;display:none;}
.menu .box a{background:url(../images/m1.png) no-repeat;position:absolute;}
.menu .box a:hover{background:url(../images/m2.png) no-repeat;}
.menu .box .t1{background-position:0px 0px;width:58px;height:59px;left:-50px;top:70px;}
.menu .box .t2{background-position:0px -80px;width:88px;height:59px;left:10px;top:15px;}
.menu .box .t3{background-position:0px -150px;width:58px;height:70px;left:84px;top:10px;}
.menu .box .t4{background-position:0px -230px;width:58px;height:59px;left:136px;top:60px;}
.menu .box .t5{background-position:0px -320px;width:58px;height:57px;left:74px;top:189px;}
.menu .box .t6{background-position:0px -400px;width:50px;height:54px;left:3px;top:185px;}
.menu .box .t1:hover{background-position:0px 0px;}
.menu .box .t2:hover{background-position:0px -80px;}
.menu .box .t3:hover{background-position:0px -160px;}
.menu .box .t4:hover{background-position:0px -240px;}
.menu .box .t5:hover{background-position:0px -320px;}
.menu .box .t6:hover{background-position:0px -400px;} 


.allpic_text{position: absolute; z-index:99999; width:100%; text-align:center; top:80px;}


.main{padding:0px 0 10px 0;}


.yeshu{ width:100%;}



.fld{width:200px;height:45px;line-height:45px;margin:0 auto;text-align:center;font-size:14px;color:#fff;background:#7e308e;border-radius:2px 2px 0px 0px;margin-top:20px; display:block;}
.nydh-1{float:none;}
.nydh-1 a{ float:none;display:block;margin:0px;height:40px;line-height:40px;font-size:14px; border:none;width:170px; padding:5px 0px 5px 30px; background:#eee;text-align:left;border-radius:0; }
.nydh-1 a:hover,.nydh-1 a.currclass{color:#fff;background:#004A8B;}


.main .maxTitle span{font-size:18px;}

.pc-img{display:none;}
.som-img,.fld{display:block;}


.cpxn-r4{padding:5px 5px;}
.cp-4t{border-bottom:none; padding:0px 0px;min-height:auto;}
.cp-4t h3{float:none;padding:0px 0px;height:50px;line-height:50px; background:none; height:50px;text-align:left;color:#333;font-size:16px;margin-right:0;}
.cp-4t .text_1{ float:none; font-size:13px; line-height:25px; width:100%;}
.cp-4t .pic{ float:none; margin-top:10px;}

.cp-4l{display:none;}

/*在线留言*/

.ordetext{ line-height: normal; width:99%; margin-left:1%; float:none; }
.ordefont{line-height:40px; text-align:right; width:20%;  height:40px;color:#333; margin:5px 0px; padding:0;font-weight: normal; float:left;}
.orderight{line-height:40px; width:70%; height:40px;text-align:left; margin:5px 0px; padding:0% 1%; float:left; }
.orderight_yanzheng{line-height:40px; width:70%; float:left; height:40px;text-align:left;margin-left:0;}
.input_box{float:left;border:none;background: none;padding:0px;width:100%;font-family:"微软雅黑"; color:#999; }
.orderight_cont{width:72%;height:100px;float:left; text-align:left;margin-left:0px;border:1px solid #ccc; background:#fff; margin-top:15px;}
.mess_cotent{float:left; width:100%; height:40px; text-align:center; background:#581815;margin:5px 0px 0px 0px;}
.mess_tijiao{width:80px;height:55px;margin:0 auto;}
.input_box_tijiao{float:left;border:none;background: none;padding:20px 0 0 20px;*padding:20px 0 0 10px;color:#5d958f;font-weight:bold;}
.input_facd{BACKGROUND-COLOR:#fff; border:1px solid #ccc;font-size:13px;line-height:35px; height:35px; font-family:"微软雅黑"; color:#999; padding:0; margin:0; }

.yanzheng{  float:none;width:90%; margin-left:5%;}
.input_sub_01{  color:#fff; border:none; background:none; font-size:18px; line-height:40px; font-family:"微软雅黑";}


.allpic H4{ font-size:16px;}

.cpxn{width:100%;margin:0 auto;}


.cpxn-r{width:100%;padding:10px 0;float:none;}
.cpxn-r1{line-height:30px;font-size:16px; text-align:center;}
.cpxn-r1 span{ display:none;}
.cpxn-r2{width:100%;}
.cpxn-r3{padding-left:10px;}
.cpxn-r3:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}











}


@media (min-width: 640px) and (max-width:1023px ) {

.header .nav .child .menu_pro{ display:none;}

.container{width:96%;}
.header{height:50px !important;}
.header .container{width:100%;}
.header .headerLogo{top:14px !important;left:10px;width:120px;}
.header .nav .navTop{display:none !important;}

.header .nav{display:none;top:50px;right:0px;width:100%;height:auto !important;background:#fff;padding-bottom:10px;}
.header .nav .child{float:none;width:90%;text-align:left;margin:0 auto;color:#333333;background-color: #f9f9f9; border-left:1px solid #dadada;
 border-right:1px solid #dadada;border-bottom:1px solid #dadada;height:auto !important;line-height: 35px !important;}
.header .nav .child:nth-child(2){border-top:1px solid #dadada;}
.header .nav .child .title{font-size:13px;color:#666;padding:0 2%;display: inherit;}
.header .nav .child .childContent{display:none;position:relative;top:0px !important;width:100%;}
.header .nav .child .childContent .childContentLi{padding:0 4%;color:#666;font-size:12px;height:35px;line-height:35px;border-top:1px solid #dadada;border-bottom:0px;}
.header .nav .navChildLanguage{display:none;}
.header .nav .navChildSearch{display:none;}
.header .list{display:none !important;}
.header .searchContent{display:none !important;}
.wapNavPointer{display:block;top:3px;right:3px;}
.wapNavBtn{display:block;top:19px;right:16px;width:24px; z-index:6; position:fixed;}
.wapLanguage{display:block;top:17px;right:50px; position:fixed; z-index:6; }
.wapLanguage .language{padding:0 2px;font-size:14px;line-height:14px;}
.wapLanguage .language.cn{border-right:1px solid #bababa;}

.mainTitle{font-size: 18px;line-height: 40px;top: -20px;padding: 0 20px; }
.main_more{ padding-top:0px;}
.main_more_text{ font-size:14px; line-height:20px;}

.footer{ display:block;}
.foot_top_left{ display:none;}
.allpic{ padding-top:50px;}

.footer01{ display: block;}



/* menu */
.menu{ display:block;
width:20%; 
float:left;
text-align:center; 

margin-top:30px;
color:#fff;
 height:60px;
font-size:12px;background:url(../images/menu.png) no-repeat; position:relative;}
*html .menu{display:block;position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:340px;}

.menu .box{width:200px;height:253px;position:absolute;top:-88px;left:-30px;display:none;}
.menu .box a{background:url(../images/m1.png) no-repeat;position:absolute;}

.menu .box a:hover{background:url(../images/m2.png) no-repeat;}
.menu .box .t1{background-position:0px 0px;width:58px;height:59px;left:-50px;top:70px;}
.menu .box .t2{background-position:0px -80px;width:88px;height:59px;left:10px;top:15px;}
.menu .box .t3{background-position:0px -150px;width:58px;height:70px;left:84px;top:10px;}
.menu .box .t4{background-position:0px -230px;width:58px;height:59px;left:136px;top:60px;}
.menu .box .t5{background-position:0px -320px;width:58px;height:57px;left:74px;top:189px;}
.menu .box .t6{background-position:0px -400px;width:50px;height:54px;left:3px;top:185px;}
.menu .box .t1:hover{background-position:0px 0px;}
.menu .box .t2:hover{background-position:0px -80px;}
.menu .box .t3:hover{background-position:0px -160px;}
.menu .box .t4:hover{background-position:0px -240px;}
.menu .box .t5:hover{background-position:0px -320px;}
.menu .box .t6:hover{background-position:0px -400px;} 




.main{padding:0px 0 10px 0;}


.yeshu{ width:100%;}



.fld{width:200px;height:45px;line-height:45px;margin:0 auto;text-align:center;font-size:16px;color:#fff;background:#7e308e;border-radius:2px 2px 0px 0px;margin-top:20px; display:block;}
.nydh-1{float:none;}
.nydh-1 a{ float:none;display:block;margin:0px;height:40px;line-height:40px;font-size:14px; border:none;width:170px; padding:5px 0px 5px 30px; background:#eee;text-align:left;border-radius:0; }
.nydh-1 a:hover,.nydh-1 a.currclass{color:#fff;background:#004A8B;}


#partnersI {padding-left:0px; clear:both; width:100%;}
#partnersI .links li{width:17%;height:auto !important; margin:2% 1%;}
#partnersI .links li img{ width:100%; height:auto !important;}
#partnersI .links li .fontW{width: 100%;height: 100%;}
#partnersI .links li .fontW span{top:40px;width: 100%;font-size: 12px;left:50%;margin-left: -50%;}


.main .maxTitle span{font-size:18px;}

.pc-img{display:none;}
.som-img,.fld{display:block;}


/*在线留言*/

.ordetext{ line-height: normal; width:99%; margin-left:1%; float:none; }
.ordefont{line-height:40px; text-align:right; width:20%;  height:40px;color:#333; margin:5px 0px; padding:0;font-weight: normal; float:left;}
.orderight{line-height:40px; width:70%; height:40px;text-align:left; margin:5px 0px; padding:0% 1%; float:left; }
.orderight_yanzheng{line-height:40px; width:70%; float:left; height:40px;text-align:left;margin-left:0;}
.input_box{float:left;border:none;background: none;padding:0px;width:100%;font-family:"微软雅黑"; color:#999; }
.orderight_cont{width:72%;height:100px;float:left; text-align:left;margin-left:0px;border:1px solid #ccc; background:#fff; margin-top:15px;}
.mess_cotent{float:left; width:100%; height:40px; text-align:center; background:#581815;margin:5px 0px 0px 0px;}
.mess_tijiao{width:80px;height:55px;margin:0 auto;}
.input_box_tijiao{float:left;border:none;background: none;padding:20px 0 0 20px;*padding:20px 0 0 10px;color:#5d958f;font-weight:bold;}
.input_facd{BACKGROUND-COLOR:#fff; border:1px solid #ccc;font-size:13px;line-height:35px; height:35px; font-family:"微软雅黑"; color:#999; padding:0; margin:0; }

.yanzheng{  float:none;width:90%; margin-left:5%;}
.input_sub_01{  color:#fff; border:none; background:none; font-size:18px; line-height:40px; font-family:"微软雅黑";}
}


@media (min-width: 1024px) and (max-width:1439px ) {

.header .nav .navTop{height:2px; }
.header .nav .child .title{font-size:14px;}
.navChildLanguage{top:10px;}

/*通用代码*/
.container{width:960px;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.main{padding:20px 0 30px 0;}
.main .maxTitle{position:relative;line-height:34px;}
.main .maxTitle span{position:relative;z-index:1;padding-right:18px;background:#fff;color:#333;font-size:20px;}
.main .maxTitle .sub{position:absolute;top:18px;width:100%;height:1px;width:100%;background:#d6d6d6;}


.mainTitle{font-size: 22px;line-height: 30px;top: -15px;padding: 0px 15px; }
.main_more{ padding-top:0px;}
.main_more_text{ font-size:13px; line-height:20px;}


.foot_top_left{ float:left; width:450px;}
.foot_top_left li{ float:left;  text-align:left; margin:30px 20px;width:100px; height:159px;}
.foot_top_left li h2 { color:#ddd; font-size:13px;line-height:30px; font-weight: 700;  }
.foot_top_left li a:hover{ color:#fff;}
.foot_top_left li ul { float:left; }
.foot_top_left li ul li{ margin: 0px; float:left;  background:none; height:25px; color:#999; }
.foot_top_left li ul li a{ line-height:30px;  float:left; color:#a4a1a1; font-size:12px;}
.foot_top_left li ul li a:hover{ float:left; color:#fff; }



.nydh-1 a{ font-size:14px;}

.yeshu{width:100%;}







/*左侧分类*/
.cpxn{width:960px;margin:0 auto;}
.cpxn-l{float:left;width:200px; padding-bottom:20px;}
.cpxn-l li a{width:200px;height:50px;line-height:50px;text-indent:15px;display:block;background:#efefef;border-bottom:1px #fff solid;font-size:14px;color:#737373;transition:all 0.2s linear; position:relative;}
.cpxn-l li a span{ background:url(../images/home_ico_pro.png) no-repeat right top; position:absolute; right:25px; top:20px; width:7px; height:12px;}

.cpxn-l li a:hover{background:#294986;color:#fff;}
.cpxn-l li a:hover span{background:url(../images/home_ico_pro1.png) no-repeat right top;}
.cpxn-l li a:hover,.cpxn-l li.currclass a{background:#294986;color:#fff;}

.cpxn-r{width:700px;}



.allpic H4{ font-size:18px;}



}







/*底部圆圈发光*/
 .map-imgwrapper {
	display:inline-block;
    *display:inline;
    *zoom:1;
	position:relative;
	vertical-align:top
}
 .map-imgwrapper .point-area {
	position:absolute;
	width:80px;
	height:80px;
	visibility:visible;
	opacity:1
}
 .map-imgwrapper .point-area .dot10,  .map-imgwrapper .point-area .dot20,  .map-imgwrapper .point-area .dot40 {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%
}

 .map-imgwrapper .point3 {
	top:105px;
	left:466px
}
 .map-imgwrapper .point3 .dot10:after {
	animation:ripple 4s ease-out 2.7s infinite
}
 .map-imgwrapper .point3 .dot10:after,  .map-imgwrapper .point3 .dot20:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #4a90e2;
	opacity:0
}
 .map-imgwrapper .point3 .dot20:after {
	animation:ripple 4s ease-out 3.6s infinite
}
 .map-imgwrapper .point3 .dot40:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #4a90e2;
	opacity:0;
	animation:ripple 4s ease-out 4.5s infinite
}




.map-imgwrapper .point2 {
	top:103px;
	left:542px
}
 .map-imgwrapper .point2 .dot10:after {
	animation:ripple 4s ease-out 2.7s infinite
}
 .map-imgwrapper .point2 .dot10:after,  .map-imgwrapper .point3 .dot20:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #4a90e2;
	opacity:0
}
 .map-imgwrapper .point2 .dot20:after {
	animation:ripple 4s ease-out 3.6s infinite
}
 .map-imgwrapper .point2 .dot40:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #4a90e2;
	opacity:0;
	animation:ripple 4s ease-out 4.5s infinite
}



.map-imgwrapper .point1 {
	top:60px;
	left:505px
}
 .map-imgwrapper .point1 .dot10:after {
	animation:ripple 4s ease-out 2.7s infinite
}
 .map-imgwrapper .point1 .dot10:after,  .map-imgwrapper .point3 .dot20:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #4a90e2;
	opacity:0
}
 .map-imgwrapper .point1 .dot20:after {
	animation:ripple 4s ease-out 3.6s infinite
}
 .map-imgwrapper .point1 .dot40:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #4a90e2;
	opacity:0;
	animation:ripple 4s ease-out 4.5s infinite
}



.map-imgwrapper .point0 {
	top:164px;
	left:507px
}
 .map-imgwrapper .point0 .dot10:after {
	animation:ripple 4s ease-out 2.7s infinite
}
 .map-imgwrapper .point0 .dot10:after,  .map-imgwrapper .point0 .dot20:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #f6a623;
	opacity:0
}
 .map-imgwrapper .point0 .dot20:after {
	animation:ripple 4s ease-out 3.6s infinite
}
 .map-imgwrapper .point0 .dot40:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:50%;
	border:2px solid #f6a623;
	opacity:0;
	animation:ripple 4s ease-out 4.5s infinite
}


 .map-img {
	width:705px;
	height:403px
}


@keyframes ripple {
0% {
opacity:0;
transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity:0;
	transform:scale(1)
}

/*animate*/

@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
@-moz-keyframes rotateYOpacityAn{
0%{ -moz-transform: translateX(-80px);opacity:0;}
80%{ -moz-transform: translateX(20px);}
100%{ -moz-transform:translateX(0); opacity:1;}
}
@-webkit-keyframes rotateYOpacityAn {
0%{ -webkit-transform: translateX(-80px);opacity:0;}
80%{ -webkit-transform: translateX(20px);}
100%{ -webkit-transform:translateX(0); opacity:1;}
}
@-o-keyframes rotateYOpacityAn{
0%{ -o-transform: translateX(-80px);opacity:0;}
80%{ -o-transform: translateX(20px);}
100%{ -o-transform:translateX(0); opacity:1;}
}



@media (min-width: 1440px) and (max-width:1920px ) {

}
