body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,img {margin:0;padding:0;}
img {border:0}
ol,ul {list-style:none}
input{outline: none;border:none;}
html {_overflow-y:scroll;}
/*****锛侊紒椤甸潰閫氱敤css鏍峰紡瀹氫箟寮€濮�******/
html,body{min-width: 1200px;font-family: "Microsoft YaHei";_width:expression(document.body.clientWidth < 1200 ? "1200px" : "auto");}
/* body鐨刢ss瀹氫箟:杩欓噷瀹氫箟椤甸潰涓婁笅宸﹀彸杈硅窛锛岄〉闈㈣儗鏅鑹诧紝婊氬姩鏉￠鑹叉牱寮� */
body{
    font-family: "寰蒋闆呴粦";    /*鏂囧瓧瀛椾綋瀹氫箟 */
	font-size: 14px;    /*鏂囧瓧澶у皬瀹氫箟 */
	color: #333; /*鏂囧瓧棰滆壊瀹氫箟 */
	min-width:1200px; 
	line-height:30px;
}
/* 缃戠珯瓒呴摼鎺ss閫氱敤璁剧疆 */
a{text-decoration: none; color:#333} /* 閾炬帴鏃犱笅鍒掔嚎,鏈変负underline */ 
a:hover{text-decoration: none;} /* 榧犳爣鍦ㄩ摼鎺ヤ笂 */ 
.textover{text-overflow:ellipsis;white-space:nowrap;}
.fl{float:left;}
.fr{float:right;} 
.hide{display: none}
.backcolor{background:#0062b3;}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}
/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*娓呴櫎娴姩*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*娓呴櫎娴姩*/
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.wrap{ width:1200px; margin:0 auto; height:auto;}
/*琛ㄦ牸鏍峰紡瀹氫箟 */ 
checkbox{border: 0px;}/*閫夋嫨妗嗘牱寮忓畾涔� */ 
.input{ border:1px solid #ccc; height:20px;line-height:20px} 
ul,li{ list-style:none}

/*public*/
body{max-width: 1920px;margin: 0 auto;}

/*瀛愰〉闈anner*/
.subbanner{ width:100%; height:300px; margin:0 auto; background:#cfcfcf}

/*澶撮儴*/
.toparea{ width:100%; height:33px; margin:0 auto; border-top:4px solid #0062b3; border-bottom:1px solid #d8d8d8}
.toparea ul{ width:1200px; height:33px; margin:0 auto}
.toparea ul li{ float:left; height:33px; line-height:33px; font-size:13px; color:#666666}
.toparea ul li.tel{ display:block; float:right;background:url(../images/tel.png) 0 center no-repeat; text-indent:26px; line-height:33px; font-size:13px; color:#666}
.toparea ul li.tel span{ line-height:33px; font-size:18px; color:#0062b3; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

/*logo*/
.heading{ width:100%; height:120px; margin:0 auto; }
.heading .main{ width:1200px; height:120px; margin:0 auto}
.heading .main .logo{ display:block; float:left}
.heading .main .logo p{ font-size:25px; color:#0062b3; font-weight:bold; line-height:45px; padding-top:22px}
.heading .main .logo span{ font-size:18px; color:#e60d17; line-height:25px;text-transform : uppercase}

/*瀵艰埅*/
.navbg{ width:550px; height:120px; display:block; float:right}
.navbg ul{ width:550px; height:120px; margin:0 auto}
.navbg ul li{ float:left}
.navbg ul li a{ width:110px; height:120px; display:block; text-align:center; line-height:120px; font-size:16px; color:#333; float:left;}
.navbg ul li a:hover{ width:110px; height:120px; display:block; text-align:center; line-height:120px; font-size:16px; color:#fff; float:left; background:#0062b3}
.navbg .nav_on{color: #fff;background:#0062b3}


.mainbanner{width:100%; height:478px; margin:0 auto; background:#cfcfcf}
.subbanner{ width:100%; height:300px; margin:0 auto; background:#cfcfcf; display:block; text-align:center; overflow:hidden}

/*瀛愰〉闈anner*/
.flexslider{ width:1920px;height:100%;position:relative;left: 50%;margin-left: -960px;overflow:hidden; min-width:1000px;}
.slides{position:relative;z-index:1;}
.slides li{height:100%;}
.slides li img{width: 100%; margin:0 auto; display:block;}


/*鎼滅储*/
.link{ width:100%; height:70px; margin:0 auto; background:#fff}
.link ul{ width:1200px; height:70px; margin:0 auto;}
.link ul li{ float:left; height:70px}
.link ul li p{line-height:70px;width:795px; height:70px; color:#444;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-weight: bold; font-size:15px}
.link ul li a{line-height:70px; color:#444; font-weight:100}
.bannerfo{ width:303px;height:70px; position:relative}
.bannerfo dl dt{ display:inline}
.bannerfo dl .inputbox{ position:absolute; left:0; top:19px; width:261px; height:33px; background:url(../images/search1.jpg) no-repeat 0 0}
.bannerfo dl .inputbox input{ width:231px; height:33px;padding:0 15px;color:#888; line-height:33px; font-size:14px; border: none; background:url(../images/search1.jpg) no-repeat 0 0}
.bannerfo dl .menuser{ position:absolute; left:261px; top:19px; width:42px; height:33px; display:block;background: url(../images/search2.jpg) no-repeat 0 0; }
.bannerfo dl .menuser input{width:42px; height:33px;background: url(../images/search2.jpg) no-repeat 0 0;}


/*浜у搧鐣岄潰*/
.cpframe{ width:100%; height:auto; margin:0 auto; }
.cpframe .title{ display:block; text-align:center; background: url(../images/arraw.jpg) center top no-repeat #efefee; height:130px;}
.cpframe .title p{ font-size:24px; line-height:35px; color:#3f3f3f; font-weight:bold; padding-top:42px}
.cpframe .title .dec{ width:250px; height:2px; margin:0 auto; background:#dddddd; margin:5px auto}
.cpframe .title span{ font-size:14px; line-height:25px; color:#3f3f3f; font-family:Arial, Helvetica, sans-serif}
.cpframe .content{ width:1200px; height:auto; margin:0 auto;margin-top:50px; }
.cpframe .content .cplist{ display:block; text-align:center; margin-bottom:30px}
.cpframe .content .cplist a{ padding:8px 35px;height:40px; background:#eeeeee; color:#444444; font-size:16px; margin:8px; line-height:40px;border-radius:30px}
.cpframe .content .cplist a:hover{background:#0062b3; color:#fff; font-size:16px; line-height:40px;}

.cpframe .content .cpdisplay{ width:105%; height:auto; margin:0 auto}

.proimg{ width:390px; height:300px; display:block; text-align:center; line-height:40px;float:left; margin:12px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.proimg img{ max-width:100%; height:260px;}
.proimg:hover{ background:#0062b3; color:#fff}

/*妯悜banner*/
.feature{ width:100%; height:auto; margin:40px auto 0; background:url(../images/bg1.jpg) repeat; padding-top:35px; padding-bottom:35px}
.feature .main{ width:1200px; height:205px; margin:0 auto; position:relative}
.feature .main img{ position: absolute; left:0; top:0; width:361px; height:199px; border:3px solid #fff}
.feature .main .txt1{ position:absolute; left:426px; top:0; font-size:22px; line-height:39px; color:#fff; font-weight:bold}
.feature .main .txt2{ position:absolute; left:426px; top:100px; width:780px; height: auto; display:block; text-align:center; background:#0074d4; padding-top:15px; padding-bottom:15px }
.feature .main .txt2 p{ font-size:18px; color:#fff100; font-weight:bold; line-height:35px}
.feature .main .txt2 span{ font-size:19px; color:#ffffff;line-height:35px}
.deca{ width:100%; height:8px; margin:0 auto; background:url(../images/bg2.jpg) repeat-x 0 0}

/*feature*/
.choose{ width:1200px; height:auto; margin:60px auto 0; }
.choose .head{ width:1200px; height:53px; background:url(../images/choose.jpg) center top no-repeat; margin-bottom:65px}
.choose .main .content{ width:1100px; height:auto; margin:0 auto}
.frame1{ width:275px; height:205px; float:left; background:url(../images/line.png) right 15px no-repeat; display:block; position:relative}
.frame1 .circle{ width:135px; height:122px; padding-top:13px; display:block; text-align:center; background:url(../images/circle.png) no-repeat 0 0; position:absolute; left:70px; top:0}
.frame1 .circle img{ width:109px; height:109px;transform: rotate(0deg);transition: transform 1s linear;}
.frame1 .txt{ position:absolute; left:0; top:144px; width:275px; height:auto; line-height:25px; text-align:center; font-size:17px; color:#191919}
.frame1 .txt span{line-height:20px; text-align:center; font-size:14px; color:#a5a5a5}
.frame1:hover .circle{ width:135px; height:122px; padding-top:13px; display:block; text-align:center; background:url(../images/circle1.png) no-repeat 0 0; position:absolute; left:70px; top:0}
.frame1 .circle:hover img{transform: rotate(360deg);}

/*鍏徃绠€浠�*/
.about{ width:100%; min-height:695px; margin:75px auto 0; background:url(../images/bg_gsjj.jpg) center top no-repeat;}
.about .title{ display:block; text-align:center; height:95px;}
.about .title p{ font-size:18px; line-height:25px; color:#131313; padding-top:20PX}
.about .title span{ font-size:18px; line-height:25px; color:#454545; font-family:"Times New Roman", Times, serif}
.about .content{width:1200px; height:auto; margin:40px auto 0;}
.about .content .leftblock{display:block; float:left; width:670px; height: auto}
.about .content .leftblock .titlea{ font-size:24px; color:#fff; font-weight:bold; line-height:30px;}
.about .content .leftblock .dec{ width:30px; height:2px; background:#fff; margin:18px 0}
.about .content .leftblock .contenta{ font-size:15px; line-height:28px; color:#ffffff; height:220px; display:block; overflow:hidden}
.about .content .leftblock .more{width:180px; height:45px; display:block; text-align:center; line-height:45px; background:#fff; color:#0062b3; font-size:18px;border-radius:30px; margin:30px 0 30px 0}
.about .content .leftblock .more:hover{ background:#fe9a00; color:#fff;}
.about .content .leftblock .contentb{ width:105%}

.framea{ width:206px; height:153px; border:2px solid #fff; display:block; text-align:center; overflow:hidden; float:left; margin-right:20px;}
.framea img{display: block;width:206px;height:153px;transform: scale(1);transition: all 1s ease-out;}
.framea:hover img{transform: scale(1.2);}

.about .content .rightblock{ display:block; float:right; width:488px; height:auto}

/*鏂伴椈閮ㄥ垎*/
.newsframe{ width:1120px; height:auto; margin:0 auto; margin-top:-60px; background:#fff;padding:25px 40px 50px}
.leftnews{ display:block; float:left; width:1000px; height:auto}
.leftnews .head{ width:1120px; height:35px; border-bottom:1px solid #cccccc}
.leftnews .head .more{font-size:13px; line-height:35px; color:#444444; float:right;} 
.eh2{height:35px;width:140px;}
.eh2 ul{list-style:none;margin:0px;text-align:center;padding:0px; width:300px}
.eh2 li{height:35px;line-height:35px;float:left;display:block;cursor:pointer;width:140px;text-align:center;color:#333333;background:#eeeeee;font-size:18px;text-align:center;margin-right:10px;}
.eh2 .active{height:35px;line-height:35px;float:left;display:block;cursor:pointer;width:140px;text-align:center;color:#fff;text-align:center;font-size:18px;background:#0062b3;margin-right:10px;}
.leftnews .content{ margin-top:30px;}

.topframe{ width:1120px; height:162px; margin:0 auto}
.topframe .leftimg{ display:block; float:left; margin-right:36px; width:242px; height:162px; overflow:hidden}
.topframe .leftimg img{display: block;width:242px;height:162px;transform: scale(1);transition: all 1s ease-out;}
.topframe .leftimg:hover img{transform: scale(1.2);}
.topframe .righttxt{ display:block; float:right; width:840px; height:auto}
.topframe .righttxt p{width:840px; height:35px;line-height:35px; color:#0062b3; font-weight:bold; font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.topframe .righttxt p a{ line-height:35px; color:#0062b3; font-weight:bold;}
.topframe .righttxt span{ font-size:13px; line-height:26px; color:#666666; height:130px; display:block; overflow:hidden}

.bottomframe{ width:103%; height:auto; margin:0 auto}
.bottomframe ul li{ float:left; width:500px; height:40px; border-bottom:1px dotted #cfcfcf; margin-right:15px}
.bottomframe ul li a{ width:400px; height:40px; display:block; float:left; background:url(../images/icon.jpg) 0 center no-repeat; text-indent:15px; font-size:14px; color:#666666; line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.bottomframe ul li span{height:40px; width:100px; display:block; text-align:right; overflow:hidden; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888888}

.rightnews{ display:block; float:right; width:340px; height:auto}
.rightnews .title{ height:35px; width:340px; border-bottom:1px solid #cccccc}
.rightnews .title p{ float:left; padding-left:30px; padding-right:30px; background:#0062b3; font-size:18px; color:#fff; line-height:35px}
.rightnews .title a{ float:right; font-size:13px; line-height:35px; color:#444444}
#quelistho{ width:340px; height:385px; margin-top:30px; overflow:hidden;}
.quedage{ height:80px; width:340px; display:block; margin:15px 0}
.quedage .quebt{ width:340px; height:30px; line-height:30px; background: url(../images/wen.png) no-repeat 0 center; text-indent:32px;overflow:hidden; display:block; font-size:15px; color:#333 }
.quedage .content{width:308px; height:50px; font-size:13px; line-height:25px; background: url(../images/da.png) no-repeat 0 5px; padding-left:32px; overflow:hidden;}
.quedage .content,.quedage .content *{ color:#666666; font-size:13px; line-height:25px}


/*搴曢儴*/
.foot{ width:100%; height:auto; margin:0 auto; background:#34373e; padding-top:25px}
.foot .main{ width:1200px; height:auto; margin:0 auto; padding-bottom:42px; border-bottom:1px solid #535760}
.foot .main .navigation{ width:352px; height:auto;display:block; float:left; margin-right:32px;}
.foot .main .navigation .title{ font-size:18px; color:#b4b5b7; line-height:40px;}
.foot .main .navigation a{ width:120px; height:40px; display:block; float:left; border-bottom:1px solid #4e5056; margin-right:56px; text-indent:12px; line-height:40px; color:#b4b5b7; font-size:14px}
.foot .main .contact{ width:500px; height:auto; display:block; float:left; }
.foot .main .contact .title{ font-size:18px; color:#b4b5b7; line-height:40px;}
.foot .main .contact .content{ font-size:14px; line-height:30px; color:#b4b5b7}
.foot .main .ewm{ width:292px; height: auto; display:block; float:right}
.foot .main .ewm .title{ font-size:18px; color:#b4b5b7; line-height:40px;}
.foot .main .ewm .content{}
.foot .maina{ display:block; text-align:center; height:45px; line-height:45px; font-size:14px; color:#b4b5b7}
.foot .maina a{line-height:45px; font-size:14px; color:#b4b5b7}


/*瀛愰〉闈骇鍝佸睍绀�*/
.frame2{width:283px; height:288px; display:block; float:left; margin:10px; position:relative; background:url(../images/bg_cp.jpg) no-repeat left bottom #f5f5f5}
.frame2 .topimg{ width:283px; height:212px; display:block; overflow:hidden; text-align:center}
.frame2 .topimg img{ max-width:283px;height:212px;transform: scale(1);transition: all 1s ease-out;}
.frame2 p{width:283px; height:76px;line-height:76px; font-size:18px; color:#fff; text-indent:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.frame2:hover .topimg img{transform: scale(1.2);}

.mainframe{ width:1200px; height:auto; margin:35px auto}


/*ny_left menu_list*/
.ny_left{ width:260px;margin-bottom:40px}
.menu_list{margin: 0 0 30px 0;}
.menu_list .list_title{height:50px; display:block; text-indent:2em}
.menu_list .list_title p{font-size: 18px; color:#fff; line-height:50px; font-weight:100}
.menu_list .list_title span{color:#c1d7f1;font-size:14px; margin-left:5px; font-weight:100}

.menu_list .m_1{border:1px solid #d1d1d1; border-top:none;  border-bottom:none;}
.menu_list .m_1>li{line-height: 48px;font-size: 14px;background: #f8f8f8 ;overflow: hidden;border-bottom: 1px solid #d2d2d2;border-top: 2px solid #fff;position: relative;}
.menu_list .m_1>li>a{border-left:6px solid #f1f1f1;  height: 48px;color: #525252;font-weight: bold;padding-left: 32px;display: block;}
.menu_list .m_1>li>a.active,.menu_list .m_1>li:hover>a{border-left: 6px solid #0062b3;color: #0062b3}
.menu_list .m_1>li .menu_btn{position: absolute;width: 50px;height: 48px;background:url(../images/public/ny_left_ico.png) no-repeat center;top: 0;right: 0;cursor: pointer;}
.menu_list .m_1>li .menu_btn_active{background:url(../images/public/ny_left_ico_active.png) no-repeat center;}
.menu_list .m_1>li .menu_btn:hover{background-color:#f9f9f9 }
.menu_list .m_2{display: block;}
.menu_list .m_2>li{line-height: 36px;background: #fff;border-bottom: 1px dashed #ccc}
.menu_list .m_2>li:last-child{border-bottom: none}
.menu_list .m_2>li:first-child{border-top:1px solid #ccc}
.menu_list .m_2>li a{display: block;padding-left: 38px;font-size: 13px;}
.menu_list .m_2>li a.active,.menu_list .m_2>li a:hover{color: #0062b3; font-weight:bold}

/*ny_left slider_contact*/
.slider_contact{width:100%;  color:#333333;}
.slider_contact .list_title{ font-size:18px; line-height:50px; color:#FFF;text-indent:2em; background:#0062b3}
.slider_contact .list_title strong{ font-weight:normal; color:#d0ffde; font-size:14px; padding-left:5px;}
.slider_contact .contact{padding: 70px 9px 20px;border:1px solid #d1d1d1; border-top:none;line-height:26px; position:relative;background:#f8f8f8 url(../images/public/contactbg.jpg) no-repeat 20px 20px; }
.slider_contact .contact .telsp{ position:absolute;top: 12px;left: 73px;height:48px;color:#5b5b5b; line-height:24px;font-size:16px}
.slider_contact .contact .telsp em{font-style:normal; font-weight:bold; font-size:18px;display: block;} 

.leftlist{ width:250px; height:auto; display:block; float:left}
.leftlist .title{ width:250px; height: auto; display:block; text-align:center; background:#0062b3; padding-top:15px; padding-bottom:15px}
.leftlist .title p{ font-size:20px; color:#fff; line-height:35px; font-weight:bold; }
.leftlist .title span{ font-size:15px; color:#84dc9f; font-family: Arial, Helvetica, sans-serif; line-height:25px; text-transform:uppercase}
.leftlist .content{ background:#cfcfcf; padding:8px}

.onepro{ width:232px; height:40px; line-height:40px; background:#f5f5f7; border:1px solid #d9dade; margin:0 auto; margin-bottom:8px; text-indent:30px;text-overflow:ellipsis;white-space:nowrap; display:block; overflow:hidden}
.onepro:hover{ background:#900d15; border:1px solid #900d15; color:#fff}


.twopro{ width:232px; height:35px; line-height:35px; margin:0 auto;border-bottom:1px dotted #d9dade;text-indent:42px;text-overflow:ellipsis;white-space:nowrap; display:block; overflow:hidden}

.leftlist .tel{ background: url(../images/tela.png) 23px 20px no-repeat #454545; padding-top:20px; padding-left:75px; padding-bottom:20px}
.leftlist .tel span{ font-size:16px; color:#fff; line-height:25px}
.leftlist .tel p{ font-size:19px; line-height:22px; color:#fff}


.proimg_b{ width:198px; height:304px; background:#efefef;display:block; float:left; margin:12px; text-align:center; line-height:40px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.proimg_b img{ max-width:100%; height:264px;transition: all 0.3s linear 0s;}
.proimg_b:hover img{transform: scale(1.2);}

.proimg_e{ width:213px; height:328px;display:block; text-align:center; line-height:40px; padding:5px; background:#efefef;float:left; margin:0 11px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.proimg_e img{ max-width:100%; height:288px;}
.proimg_e:hover{ background:#dfdfdf}


.child1{ width:359px; height:75px; margin:15px auto; }
.child1 p{ height:28px; background:url(../images/icon2.jpg) 0 center no-repeat; padding-left:30px;width:329px;line-height:28px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; font-size:15px}
.child1 p span{line-height:28px; color:#333333; font-size:15px}
.child1 span{ font-size:12px; line-height:22px; height:44px; display:block; overflow:hidden; color:#666666}







/*position*/
.position_wrap{ border-bottom:1px solid #ccc; margin:0 auto 20px;}
.position{ width:1200px;height:40px; margin:0 auto; line-height:40px; }
.position .span01{ display:block; padding-left:20px;background:url(../images/public/span01.png) no-repeat left center;}

/*right top_share*/
.ny_right{ width:910px; min-height:500px; display:block; float:right}
.ny_right .title{width:910px; height:38px; border-bottom:2px solid #dbdbdb}
.ny_right .title p{ padding-left:12px; padding-right:12px; display:block; float:left; border-bottom:2px solid #0062b3; line-height:38px;font-size:18px; color:#0062b3; font-weight: bold; }
.ny_right .title span{ float:right; line-height:38px;font-size:14px; color:#888; font-weight:100; }
.ny_right .title span a{line-height:38px;font-size:14px; color:#888; font-weight:100; }

.ny_right .content{ margin-top:24px;}
.ny_right .content .titlea{font-size:24px; line-height:40px;font-weight:bold; display:block; text-align:center}
.ny_right .content .bq{ display:block; text-align:center; font-size:14px; color:#888; line-height:40px; background:#f5f5f5; margin:10px auto}

.ny_right .content p{ margin-bottom:10px; font-size:15px}
.ny_right .content p strong{ margin-bottom:10px; font-size:18px; font-weight:bold; color:#0062b3}

.primgpic{ display:block; text-align:center}
.primgpic img{ max-width:100%}

/*.ny_right .top_share{ width:100%; line-height:36px; border-bottom:1px solid #ccc;overflow: hidden; padding-bottom:10px;}
.ny_right .top_share dt{ width:300px;}
.ny_right .top_share dt a{ padding:0 5px;}
.ny_right .top_share dd{}
.ny_right .top_share .bdshare{ display:inline-block;}
*//*prodouct_list*/
.pord_list{ }
.pord_list li{ float:left; width:252px; margin:5px 14px; position:relative;}
.pord_list li img{ width:250px; height:187px; padding:2px; border:1px solid #ccc; }
.pord_list li span{ display:block; line-height:40px; height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.pord_list li .pro_cover{ display:none;width:256px; height:193px; position:absolute; top:0;left:0; text-indent:9999;background:url(../images/public/probgh.png) no-repeat center center;}
.pord_list li:hover .pro_cover{ display:block;font-size: 0}
/*prodouct_listA*/
.proA{border:1px solid #d1d1d1; padding:10px 5px 10px; overflow:hidden;margin-top: 10px;}
.proA .top{ border:1px solid #cccccc; line-height:34px; height:34px; width:97%; margin:0 auto; font-size:16px; position:relative;background: url(../images/public/topbg.jpg) repeat-x scroll 0 0;}
.proA .top span{ background:url(../images/public/topico.png) no-repeat 10px center #3671cf; padding:0 10px; text-indent:30px; display:block; color:#FFF; height:34px; float:left ; line-height:34px;}
.proA .top .more{ position:absolute; right:10px; top:0; font-size:14px;}
.proAul{}
.proAul li{width: 221px;float:left; margin:10px; text-align:center; line-height:25px;}
.proAul li a img{ width: 218px;height:180px; margin:0 auto; border:1px solid #d1d1d1; padding:5px}
.proAul li a span{ display:block; height:25px; line-height:25px; text-align:center; overflow:hidden}
/*prodouct_listB*/
.proB{border:1px solid #d1d1d1; padding:10px 5px 10px; overflow:hidden;margin-top: 10px;}
.proB ul{ }
.proB ul li{ border-bottom:1px dashed #cccccc; margin:10px 10px; min-height:205px;}
.proB ul li a{ display:block; float:left}
.proB ul li a img{width:300px; height:178px; padding:5px; border:1px solid #CCC}
.proB ul li span{ float:left; display:block;width: 375px;color:#FFF; font-size:14px; margin-left:20px;}
.proB ul li span.title{border:1px solid #cccccc; line-height:34px; height:34px; font-size:16px; position:relative;background: url(../images/public/topbg.jpg) repeat-x scroll 0 0;}
.proB ul li span.title i{ background:url(../images/public/ibg.jpg) no-repeat; background-size:100% 100%; text-align:center; width:174px; line-height:34px; display:block; font-style:normal}
.proB ul li span.text{ padding:20px 0; line-height:25px; color:#494949; height:75px; overflow:hidden}
.proB ul li a.more{ display:block; margin-left:20px; line-height:30px; border:1px solid #3671cf; border-radius:10px; padding:0 10px;}

/*list page*/
.page{ width:100%;margin:10px auto; line-height:30px; text-align:right;}
.page span{ display:inline-block; padding:0 10px 0 0;}
.page a.num.select{ padding:3px 10px; color:#fff; background:#0051a3}
.page a.num{ background:#999; padding:3px 10px;}
.page a.num:hover{ padding:3px 10px; color:#fff; background:#0051a3}
/*recommended*/
.recommended{ overflow:hidden; background:#fafafa; padding:20px;border: 1px solid #d1d1d1;}
.recommended h4{ font-size:24px; font-weight:normal;padding-bottom: 10px;}
.recommended ul{ }
.recommended ul li{ width:50%; float:left;height:30px;line-height:30px;overflow: hidden;}
.recommended ul li span{ width: 86px;color:#a8a8a8;display:block; float:left;}
.recommended ul li a{width: 70%; padding:0 0 0 12px;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/*related product*/
.related{ position:relative;margin: 20px auto;background:#fafafa; padding:15px;border: 1px solid #d1d1d1;overflow:hidden; height:370px; width:830px;}
.related .prdList{}
.related h4{ font-size:24px; font-weight:normal;padding: 10px 0 20px 12px;}
.related .hd2{ overflow:hidden;height:30px;text-align: center;}
.related .hd2 ul{overflow:hidden; zoom:1; margin-top:5px; zoom:1; }
.related .hd2 ul li{display: inline-block;*display: inline;zoom:1; width:8px;height:8px;overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/public/prd_off.jpg) no-repeat; }
.related .hd2 ul li.on{ background-position:0 0; background:url(../images/public/prd_on.jpg) }
.related .bd2{ display:block; width:825px; overflow:hidden}
.related .bd2 ul{ overflow:hidden; zoom:1;  }
.related .bd2 ul .prdtitle{ width: 201px !important;height:296px;display:inline; overflow:hidden; position:relative; text-align:center;margin:0 6px; float:left;}
.related .bd2 ul .prdtitle-large{margin:0 5px;}
.related .bd2 ul .prdtitle img{ width:201px; height:266px;border:1px solid #ccc;}



/*show_page*/
.show_page{ margin:20px auto;overflow: hidden;text-align: center;}
.show_page li{ width:50%; float:left;}
/*prodouct_showA*/
.product_showA{ }
.product_showA h1{ font-size:18px; line-height:40px; margin:20px auto;text-align:center; border-bottom:1px solid #ccc;}
.prodA_content{ margin:0 auto 30px; text-align:center;} 
.prodA_content img{ width:500px; margin:0 auto;}
.prodA_content .showA{ width:100%; margin:20px 0; text-align:left; text-indent:2em;}

.case_info{font-weight: normal;font-size: 14px;}
.case_info span{padding: 0 10px;}
/*prodouct_showB*/

.product_showB{ width:100%; display:block; text-align:center}
.product_showB h1{font-size:24px; line-height:40px;font-weight:bold}
.product_showB img{ max-width:100%; margin:20px auto}
.prodB_content{ margin-top:25px}
.prodB_content h1{ background:#f5f5f5; height:40px; font-size:16px; font-weight:bold;line-height:40px; color:#444; text-indent:15px;}
.prodB_content .text_showB{ line-height:30px;}
.prodB_content .text_showB img{ max-width:100%; height:auto}
.prodB_content .text_showB p{ margin-bottom:10px;line-height:30px;}





.top{height:34px; line-height:34px; margin-bottom:0; color:#04891d;background:url(../images/public/topbg.jpg) repeat-x;}
.showB_intro{ padding:15px 15px 0 0;margin-bottom:20px; position:relative;}
.showB_intro .showB_left{ float:left}
.showB_intro .showB_right{ width:480px; padding:0 10px 10px 20px; float:left}
.showB_intro .showB_right .showB_title{ border-bottom:1px dashed #ddd; margin-bottom:10px; line-height:30px; height:30px; overflow:hidden}
.showB_intro .showB_right .showB_text{ line-height:25px;}
.showB_intro .showB_right .rex{ font-size:16px;}
.showB_intro .showB_right .rex span{ font-size:22px; color:#03F}
/*jqzoom*/
.jqzoom{width:363px;height:280px;float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:363px; height:280px; margin:0 auto; vertical-align:middle}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*鍥剧墖灏忓浘棰勮鍒楄〃*/
.showB_preview{width:360px;height:270px;border:1px solid #DFDFDF; display:table}
.showB_scroll{clear:both;margin-top:5px;width:360px; position:absolute;bottom:0px;right:10px;}
.showB_scroll .prev{float:left;margin-right:4px;}
.showB_scroll .next{float:right;}
.showB_scroll .prev,.showB_scroll .next{display:block;font-family:"瀹嬩綋";text-align:center;width:12px;height:36px; line-height:36px; border:1px solid #CCC;margin-top: 14px;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.showB_scroll .items{float:left;position:relative;width:320px;height:71px;overflow:hidden;}
.showB_scroll .items ul{position:absolute;width:999999px;}
.showB_scroll .items ul li{float:left;width: 106px;text-align:center;}
.showB_scroll .items ul li img{border:1px solid #CCC;padding:2px;width:93px;height:65px;}
.showB_scroll .items ul li img:hover{border:2px solid #3671cf;padding:1px;}
/*news_list*/
.news_list{ }
.news_list dl{ width:100%;padding-top:10px;overflow: hidden;}
.news_list dl dt{ width:225px; height:165px; float:left;}
.news_list dl dt img{ width:220px; height:160px; border:1px solid #ccc; display:block;}
.news_list dl dd{width:508px; height:165px; float:right;}
.news_list dl dd h2{ font-size:16px;}
.news_list dl dd h2:hover{ color:#3671cf;}
.news_list dl dd span{ color:#a3a3a3;}


/*鏂伴椈閲岄潰鏍峰紡鐢�*/
.childcc{height:144px; margin:0 auto; padding:30px 20px; border-bottom:1px solid #cfcfcf}
.childcc p{ width:100%; height:30px; line-height:30px;font-size:16px; color:#000; font-weight:bold; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.childcc p a{font-size:16px; color:#000;line-height:30px;}
.childcc .time{height:30px;font-size:13px; color:#999;line-height:30px;}
.childcc span{ font-size:13px; line-height:22px; color:#666; height:44px; display:block; overflow:hidden;}
.childcc .more{ width:120px; height:30px; display:block; text-align:center; background:#888; line-height:30px; color:#fff; margin-top:10px;border-radius:20px;transition: all 0.3s linear 0s;}
.childcc:hover .more{background:#0062b3}
.childcc:hover{ background:#f5f5f5;/*box-shadow: 0 0 8px 4px #f3f3f3;*/}


/*news_lista*/

.news_lista{ }
.news_lista dl{ width:100%;padding-top:10px;overflow: hidden;}
.news_lista dl dd{width:100%; height:165px;}
.news_lista dl dd h2{ font-size:16px;}
.news_lista dl dd h2:hover{ color:#cd0202;}
.news_lista dl dd span{ color:#a3a3a3;}


/*news_show*/
.news_content{ }
.news_content h1{ font-size:18px; line-height:40px; margin:20px auto;text-align:center; border-bottom:1px solid #ccc;}
.news_content .newssp{ display: block;margin: 0 auto;text-align: center; }
.news_content .news_show{width:100%; margin:20px 0; text-align:left;}
.news_content .news_show img{ max-width:100%; height:auto}

.news_page{ margin:20px auto;overflow: hidden;}
.news_page li{ width:405px;float:left; height:40px; line-height:40px; overflow:hidden;padding:0 10px 0 30px;background:#f5f5f5;}
.news_page .pagepre{background:#f5f5f5 url(../images/public/pagepre.png) no-repeat 10px center;} 
.news_page .pagenext{text-align: right;padding-right: 30px; background:#f5f5f5 url(../images/public/pagenext.png) no-repeat 98% center;} 
.news_page .pagepre:hover{ background:#d8d8d8 url(../images/public/pagepre.png) no-repeat 10px center;}
.news_page .pagenext:hover{background:#d8d8d8 url(../images/public/pagenext.png) no-repeat 98% center;}


/*page_show*/
.list_page{ font-size:16px;}
.page_show{/* padding-top:10px;*/}
.page_show p{ margin-bottom:10px; font-size:15px !important; line-height:30px}
.page_show strong{ line-height:30px; font-size:16px; margin-bottom:10px; color:#0062b3}
/*guestbook*/
.guestbook_show{margin:0 auto;}
.guestbook_top{ height:40px; background:#eee; line-height:40px; padding:0 10px 0 17px;}
.guestbook_top .mustwrt{ display:block; float:right;} 
.guestbook_show em{ color:#f00; font-style:normal;}
.guestbook_form .inp_one{ width:180px;height:25px;outline: none;border:1px solid #ccc;padding-left: 4px;}
.guestbook_form .inp_one:focus{border:1px solid #3671cf;}
.guestbook_form{ padding:20px 20px 0;}
.guestbook_form dl{ width:100%; overflow:hidden;line-height:25px; height:25px; padding:10px 0;}
.guestbook_form dt{ width:80px; float:left;}
.guestbook_form dd{ width:510px; float:left; }
.guestbook_form dd span{padding-left:20px}
.guestbook_form dd span i{ color:#F00; padding:0 5px; }
.guestbook_form dd span.quetion{ display:block;}
.guestbook_form .bookdl{ height:180px; overflow:hidden;line-height:20px; padding-bottom:0;}
.guestbook_form .button{width:150px;height:32px; background:#b8b8b8; border:none; margin-right:10px; color:#fff;cursor: pointer;}
.guestbook_form .button:hover{ background:#f1f1f1; color:#555;}
.guestbook_form .form_b{ width: 693px;margin:0 auto;padding:20px 0 0 0;text-align: center;}

.guestbook_title{ padding:20px 20px 0; color:#2a6cd4}
.guestbook_title strong{ color:#f00;}
.guestbook_title b{ padding:0 10px; font-weight:normal;}
.guestbook_cnt{ padding:5px 20px 20px;border-bottom: 1px dashed #ccc}
.guestbook_reply{ color:#f00; background:#f6f6f6; line-height:40px;}

.bookpage{ line-height:40px; text-align:right;}
.search_x{ border:1px solid #d1d1d1; margin-bottom:20px;}
.search_x .top{padding: 0 20px;}
.search_x .xbox{padding: 0 20px;}
.search_x .guestbook_top{ text-indent:25px}
.current2{ width:17px; height:17px; background:#3ab250; border:2px solid #FFF; color:#FFF}
.num{width:17px; height:17px; background:#aaaaaa; border:2px solid #FFF; color:#FFF}
/*download_list*/
.download_list dl{ width:33.3%; float:left;margin-top: 20px;}
.download_list dl dt{ text-align:center;}
.download_list dl dt img{width:80%;height: 240px; margin:0 auto;}
.download_list dl dd{ text-align:center;}
.download_list dl dd h2{line-height: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*search*/
.search_title{font-size: 16px;color: #333;line-height: 40px;font-weight: bold;padding: 0 10px;}
.search_info{float: left;font-size: 16px;line-height: 30px;}
.search_list{font-size: 14px;color: #333}
.search_list li{line-height: 40px;border-bottom: 1px dashed #ccc;padding: 0 10px;}
.search_list li:last-child{border-bottom: none;}
.search_list li  span{float: right;}
.search_cnt{overflow: hidden;margin: 10px 0}
.search_cnt form{display: block;position: relative;overflow: hidden;float: right;}
.search_cnt input.txt{width:120px;height:28px; line-height:28px;color: #a1a1a1; padding:0 30px 0 5px;border:1px solid #ccc; background:none;}
.search_cnt input.btn{position: absolute;top:6px;right:6px;z-index: 9999;background: url(../images/public/btnbg.png) no-repeat 0 0;width: 20px;height: 22px;border:none;display: block;outline: none;cursor: pointer;}

.proimg_a{ width:190px; height:293px; padding:3px; border:1px solid #cfcfcf;display:block; text-align:center; line-height:40px;float:left; margin:8px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.proimg_a img{ max-width:100%; height:253px;}


.week_map {
	position: relative;
	height: 450px;
	max-width: 900px;
	margin-bottom: -5px;
	padding:10px 10px;
	border:#999 dashed 1px;
}
#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
}

.proboxsh{ width:878px; height:auto; border:1px solid #dfdfdf; min-height:421px}
.proshny{ width:838px; height: auto; padding:20px; margin:0 auto}
.proshny img{ max-width:838px;}
.proshny,.proshny *{  font-size:16px; line-height:35px}

.XRegina{ width: 100%;left: 0; top:280px; z-index: 9; display: block; background:url(../images/bg.jpg) repeat }
.XRegina .heada{height:45px; background:#4d4d4d; color:#fff; line-height:45px; font-size:15px;}
.XRegina .heada ul li{ float:left; line-height:45px; font-size:15px; color:#fff; display:block; text-align:center}
.XRegina .heada ul li.li1{ width:20%}
.XRegina .heada ul li.li2{ width:20%}
.XRegina .heada ul li.li3{ width:15%}
.XRegina .heada ul li.li4{ width:15%}
.XRegina .heada ul li.li5{ width:15%}
.XRegina .heada ul li.li6{ width:15%}
.XRegina .contenta{ width:100%; height:auto; background:url(../images/bg.jpg) repeat;line-height:45px; font-size:15px;}
.XRegina .contenta a{ width:100%; height:45px; display:block; color:#333; border-bottom:dotted 1px #CCC}
.XRegina .contenta a:hover{ width:100%; height:45px; display:block; background:#e3f1ff;}

.XRegina .contenta ul li{ float:left; line-height:45px; font-size:15px;display:block; text-align:center}
.XRegina .contenta ul li a{line-height:45px; font-size:15px; color:#333; }
.XRegina .contenta ul li a:hover{line-height:45px; font-size:15px; color:#ca0000; }

.XRegina .contenta ul li.li1{ width:20%; height:45px;}
.XRegina .contenta ul li.li2{ width:20%; height:45px;}
.XRegina .contenta ul li.li3{ width:15%; height:45px;}
.XRegina .contenta ul li.li4{ width:15%; height:45px;}
.XRegina .contenta ul li.li5{ width:15%; height:45px;}
.XRegina .contenta ul li.li6{ width:15%; height:45px;}


.gwd_text{ width:480px; height:30px; border:1px solid #cfcfcf; line-height:30px; font-size:13px; color:#666}

.framebb{width:283px; height:212px; display:block; text-align:centerl; float:left; margin:10px; position:relative}
.framebb .topimg{ width:283px; height:212px; display:block;overflow:hidden}
.framebb .topimg img{display: block; max-width:100%;height:212px;transform: scale(1);transition: all 1s ease-out;}
.framebb .frame{ display:none}

.framebb:hover .topimg img{transform: scale(1.2);}
.framebb:hover .frame{display: block; text-align:center;width:283px;height:162px; padding-top:50px;position: absolute;top: 0;left: 0;background: url(../images/deca.png) repeat}
.framebb:hover .frame p{font-size:18px; line-height:35px; color:#fff}
.framebb:hover .frame .more{ width:100px; height:30px; margin:0 auto; margin-top:20px; border:1px solid #fff; display:block; text-align:center; line-height:30px; font-size:14px; color:#fff}

.mainCon{width: 100%;}
.mainCon ul{ width:105%}
.mainCon li{width:200px;height:200px; background:#efefef;position: relative;float:left; margin:10px; position:relative;}
.mainCon li img{display: block;transition: all 1s ease-out;  transform: scale(1); width:200px;height:200px}
.mainCon li .Pic{display: block;width:200px;height:200px;overflow: hidden; text-align:center}
.mainCon li p{font-size:14px;color:#333; line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block; text-align:center}
.mainCon li:hover img{transform: scale(1.2);}
.mainCon li:hover{box-shadow: 0 0 8px 4px #f3f3f3;}


.cpshow{ width:910px; height:auto; margin:0 auto}
.cpshow .leftpic{ display:block; float:left;display:width:480px; height:360px; overflow:hidden; padding:2px; border:1px solid #cfcfcf}
.cpshow .leftpic img{width:480px; height:360px;transition: all 1s ease-out;  transform: scale(1);}
.cpshow .leftpic:hover img{transform: scale(1.2);}

.cpshow .righttxt{ display:block; float:right; width:410px; height:auto;}
.cpshow .righttxt ul li{ border-bottom:1px dashed #cfcfcf; height:46px; line-height:46px; font-size:14px; color:#666666}
.cpshow .righttxt ul li span{ line-height:46px; font-size:14px; color:#333333}
.cpshow .righttxt ul li .more{ width:120px; height:35px; display:block; text-align:center; line-height:35px; background:#ff6600; color:#fff}

.contentm{ width:100%; height:auto; margin:0 auto; margin-top:30px}
.contentm .title{ width:100%; height:40px; margin:0 auto; border-bottom:1px solid #2687f7}
.contentm .title span{ float:left; padding-left:15px; padding-right:15px; background:#2687f7; line-height:40px; color:#fff; font-size:16px; font-weight:bold}
.contentm .cont{ line-height:30px !important; font-size:14px !important; margin-top:30px}

.proimg_f{ width:420px; height:320px; text-align:center; line-height:40px;float:left; margin:10px; color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
.proimg_f img{ max-width:100%; height:279px;transform: rotate(0deg);transition: transform 1s linear;}
.proimg_f:hover{ background:#0062b3; color:#fff}