﻿.MenuList@charset "utf-8";
html{ font-family: "微软雅黑";font-size:1.2em; }
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; color:#414446; width:100%;/*  min-width:1365px;  */width:expression((documentElement.clientWidth < 1365) ? "1365px" : "100%" ); zoom:1;font-family:"微软雅黑"}
ul,li,form, dl,dt,dd, div,aside,figcaption,article,h1,h2,h3,h4,h5,h6,p,i,em{ font-style:normal;padding: 0px; margin: 0px;list-style:none;color:#000;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666666; font-size:12px; font-family:"微软雅黑"}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ vertical-align:top;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.fr{ float:right;}
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}

.wrapper{ width:1280px; margin:0 auto; position:relative;}


/*Top*/
.Top{ width:100%; height:167px; background:url(../images/header_bg.png) center top no-repeat; position:relative; z-index:20;}
.logo{ width:312px; height:138px; position:absolute; left:28px; top:15px;}
.hot{ color:#4e4e4e; height:14px; width:439px; line-height:22px; position:absolute; left:366px; top:48px;font-size: 12px}
.hot a{ display:inline-block; padding:0 5px; color:#4e4e4e;}

.serach{ position:absolute; right:310px; top:40px; background:#FFF; width:170px; height:15px;border:1px #e4e4e4 solid; border-radius:3px; padding:10px 15px;}
.serach .inputs{height:15px; line-height:15px;width:185px; color:#CCC; }
.serach .btns{ width:16px; height:17px; position:absolute; right:15px; display:block; background:url(../images/search_icon.png) no-repeat; top:10px;}

.tell{ width:257px; height:19px; position:absolute; right:0; top:48px;}

.MainNav{ width:950px; height:53px; background:url(../images/nav_bg.png) center no-repeat; position:absolute; right:0; bottom:0;}
.MainNav li{ float:left;position: relative;}
.MainNav li>a{ display:block; line-height:53px; padding:0 25px; font-size:18px; color:#4d5c01;}
.MainNav li>a:hover{ color: #3388FF;}


.MainNav .smenu{display: none;position:absolute;top:0px;left:0px;position: relative;width:165px;background:#ABCE03;}
.MainNav .smenu dd{}
.MainNav .smenu dd>a{display: block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;height: 50px;text-align: center;line-height: 50px;color: black;font-size: 16px;padding:0;}
.MainNav .smenu dd>a:hover{color: #3388FF;}


/*Top*/

/*Banner*/
.HomeBan{width:100%; margin:0 auto; height:530px;  z-index:1; position:absolute; top:0; left:0;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important;}
.HomeBan .bd li{ width:100% !important;height:530px; background-size: 100% 530px;}
.HomeBan .bd li a{ display:block; width:100% !important;/* height:665px; */height:530px;}
.HomeBan .hd{ width:100%;  position:absolute; z-index:4; bottom:45px; left:0; height:10px; line-height:10px; text-align:center;}
.HomeBan .hd ul{ width:1280px; margin:0 auto;} 
.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; text-align:center; margin:0px 5px;overflow:hidden;line-height:999px; background:#c0c0bf; border-radius:10px;}
.HomeBan .hd ul .on{ background:#043f85;}



.subBan{width:100%; margin:0 auto; height:530px;  z-index:1; position:absolute; top:0; left:0;}


/*Banner*/

/*container*/
.container{ margin-top:350px;/* margin-top:500px; */}
.Area{ width:1200px; padding:0 40px 30px; min-height:500px;}
.A_left{ width:600px; float:left; background:url(../images/a_l_bg.png) 310px 50px no-repeat; padding-top:50px;}
.A_L_title{ height:50px; background:url(../images/a_l_title.png) left center no-repeat; padding-left:40px; margin:5px 0 50px;}
.A_L_title h2{ font-size:24px; color:#3e3e3e; line-height:36px;}
.A_L_title h2 span{ color:#abce03;}
.A_L_title h2 p{ font-size:12px; color:#c4c4c4; line-height:14px; font-weight:normal;}
.A_left .bd{ width:600px;}
.A_left .bd ul{ width:160px; text-align:left; margin-right:15px; float:left;}
.A_left .bd ul li{ height:45px; line-height:45px; border-bottom:1px #e0e0e0 dotted;}
.A_left .bd ul li a{ color:#2e2e2e;font-size: 14px;}
.A_left .bd ul li a:hover{color: #3388FF;}
.A_left .bd img{ display:block; float:left; width:414px; height:315px;}

.A_right{ width:600px; float:left; background:url(../images/a_r_bg.png) 363px top no-repeat;}
.A_R_title{ height:50px; background:url(../images/a_r_title.png) left center no-repeat; padding-left:40px; margin:55px 0 50px;}
.A_R_title h2{ font-size:24px; color:#3e3e3e; line-height:36px;}
.A_R_title h2 span{ color:#abce03;}
.A_R_title h2 p{ font-size:12px; color:#c4c4c4; line-height:14px; font-weight:normal;}
.A_right .bd ul{ width:110px; text-align:left; margin-right:13px; float:left;}
.A_right .bd ul li{ height:45px; line-height:45px; border-bottom:1px #e0e0e0 dotted;}
.A_right .bd ul li a{ color:#2e2e2e;font-size: 14px;}
.A_right .bd ul li a:hover{color: #3388FF;}
.A_right .bd img{ display:block; float:left; width:477px; height:315px;}

.Brea{ width:1200px; height:532px; padding:120px 40px 0;  background:url(../images/b_bg.png) center top no-repeat; position:relative;}
.Brea li{ float:left;}
.Brea li h2{ font-size:20px; color:#3e3e3e; text-align:center; padding:35px 0 20px;}
.Brea li h2 span{ color:#abce03;}
.Brea li i{ display:block; width:31px; height:2px; background:#abce03; margin:0 auto 20px;}
.Brea li p{ color:#999; line-height:24px; text-align:center;}
.Brea li .a{ display:block; width:32px; height:32px; background:url(../images/b_more.png) center no-repeat; margin:10px auto 0;}
.Brea li.B_li1{ width:418px; height:443px; background:url(../images/b_li1_bg.png) left 233px no-repeat;}
.Brea li.B_li2{ width:470px; height:443px; background:url(../images/b_li2_bg.png) left 233px no-repeat;}
.Brea li.B_li2 img{ display:block; margin-left:-55px; width:422px;}
.Brea li.B_li3{ width:420px; height:443px; background:url(../images/b_li3_bg.png) left 233px no-repeat; position:absolute; right:0px; top:120px;}
.Brea li.B_li3 img{ display:block; margin-left:-55px; width:420px;}


.Crea{ width:1200px; padding:50px 40px; background:url(../images/crea_bg.png) 320px 10px no-repeat;}
.C_title{ height:50px; background:url(../images/c_title.png) left center no-repeat; padding-left:40px; margin:5px 0 10px;}
.C_title h2{ font-size:24px; color:#3e3e3e; line-height:36px;}
.C_title h2 span{ color:#abce03;}
.C_title h2 p{ font-size:12px; color:#c4c4c4; line-height:14px; font-weight:normal;}

.Cbd{ height:64px; padding:15px 0; background:#f6f6f6;}
.Cbd li{ float:left; width:206px; height:64px; margin:0 17px;}





/*container*/

/*Bottom*/
.Bottom{ background:#d2d2d2;   width:1280px; padding-top:20px;}
.foot{ padding:0 40px 5px; width:1200px;}
.f_left{ width:65%; float:left; padding-left:4%; border-right:1px #737b85 solid;}
.f_left dl{ float:left; margin-right:50px; text-align:left;}
.f_left dl dt a{ font-size:14px; color:#737b85; font-weight:bold;}
.f_left dl dd a{ color:#000; line-height:30px; display:block;font-size:14px;}
.f_left .t{ display:none;}
.f_right{ width:30%; float:right; text-align:center;}
.f_right img{ /*display:block;*/ /*margin:0 auto;*/}
.Copyright{ width:62%; /*border-top:1px #505760 solid;*/ height:65px; line-height:30px; margin:10px auto 0; text-align:center; color:#737b85; m}
.BLinklist{  border-top:1px #505760 solid; text-align:center; padding:15px 10px; line-height:20px;}
.BLinklist em{ padding:0 5px; color:#737b85;}
.BLinklist a{ color:#737b85;}

/*Bottom*/

.Contain{ width:1200px; padding:40px; margin-top:370px;}
/*SildeBar*/
.SildeBar{ width:200px; float:left;}
.SildeBar h2{ font-size:27px; color:#211614; font-weight:normal; margin-bottom:30px;}
.SildeBar h2 span{ color:#abce03;}
.SildeBar h2 p{ color:#d5d5d5; font-size:12px; text-transform:uppercase; font-family:Arial;}
.MenuList{ width:200px; height:auto; background:url(../images/slidebar_bg.png) center no-repeat; padding:30px 0;}
.MenuList li{ line-height:50px; position:relative; z-index:5;}
.MenuList li a{ display:block; line-height:50px; font-size:14px; color:#666; padding-left:30px;}
.MenuList li a.navA:hover,.MenuList li.onmenu a.navA{ border-left:3px #159ee5 solid; color:#159ee5; background:#FFF;}
.MenuList li dl{ position:absolute; top:0px; padding:15px 10px; left:200px; border:1px solid #f3f4f2; border-left:0;background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/ display:none; min-height:50px; height:50px; height:auto !important;}
.MenuList li dl dd{ position:relative; width:180px;}
.MenuList li dl dd a{ line-height:24px; padding-left:10px;}
.MenuList li dl dd a:hover{ color:#159ee5;}

.MenuLista{ width:200px; height:380px; background:url(../images/slidebar_bgj.png) center no-repeat; padding-top:30px;margin-top:15px;}
.MenuLista li{ line-height:50px; position:relative; z-index:5;}
.MenuLista li a{ display:block; line-height:50px; font-size:14px; color:#666; padding-left:30px;}
.MenuLista li a.navA:hover,.MenuList li.onmenu a.navA{ border-left:3px #159ee5 solid; color:#159ee5; background:#FFF;}
.MenuLista li dl{ position:absolute; top:0px; padding:15px 10px; left:200px; border:1px solid #f3f4f2; border-left:0;background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80); background:#fff;/*实现IE背景透明*/ display:none; min-height:50px; height:50px; height:auto !important;}
.MenuLista li dl dd{ position:relative; width:180px;}
.MenuLista li dl dd a{ line-height:24px; padding-left:10px;}
.MenuLista li dl dd a:hover{ color:#159ee5;}

#dd150{width: 150px;}

/*SildeBar*/

.MainContent{ width:960px; float:right;}
.Current{ width:100%; height:52px; line-height:52px; color:#bdbdbd; text-align:right; margin-bottom:30px;}
.Current a{ display:inline-block; color:#bdbdbd; padding:0 5px;}
.Current span{ color:#159ee5;}


.Content{}

.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:24px;}


.pro_pic li{ width:222px; height:213px; float:left; margin:0 24px 40px 0;}
.pro_pic li a{ display:block; height:100%; width:100%;}
.pro_pic li img{ width:222px; height:170px;}
.pro_pic li p{ height:43px; line-height:43px; font-size:14px; color:#4d4d4d; background:#f6f6f6; text-align:center;}
.pro_pic li a:hover p{ /*background:#159ee5;*/ color:#159ee5;}
.case li { height:250px;}
.case li p{ height:59px;  padding:15px 0 15px 15px; line-height:23px; text-align:center; overflow:hidden;background: #FFFFFF;}

.pro_dis li{ width:880px; height:326px; background:#f6f6f6; margin-bottom:40px; position:relative;}
.pro_dis li h2{ font-size:18px; font-weight:bold; color:#4d4d4d; padding:35px 0 35px 0px;}
.pro_dis li p{font-size:14px; color:#4d4d4d; padding:0px 0 35px 0px;}
.pro_dis li img{ display:block; float:left; }
.pro_dis li .dis_detal{ width:340px; height:100%; padding-left:30px; float:left;}

.pro_rel{ width:100%; border-top:1px #e2e2e2 solid; text-align:center;width:100%;float: right;}
.pro_rel h2{ width:200px; height:50px; font-size:18px; color:#4d4d4d; line-height:18px; font-weight:normal; margin:0 auto; background:#FFF; margin-top:-15px;}
.pro_rel h2 span{ font-size:12px; color:#e2e2e2; display:block; line-height:14px;}
.pro_rel ul{}
.pro_rel li{ width:194px; height:180px; float:left; margin-right:58px;}
.pro_rel li p{ line-height:40px; font-size:14px; color:#4d4d4d;}

.pro_dis1{ width:100%; min-height:500px; position:relative;}
.pro_dis1 h2{ font-size:27px; color:#211614; font-weight:normal; width:300px; height:50px; position:absolute; left:0; top:-75px;}
.pro_dis1 h2 span{ color:#abce03;}
.pro_dis1 h2 p{ color:#d5d5d5; font-size:12px; text-transform:uppercase; font-family:Arial;}
.pro_dis1_box{ width:100%; padding-bottom:30px;}
.pro_dis1_box1{ border-top:1px #e1e1e1 solid;padding-bottom:45px;width: 1007px;float: right;}

.pro_dis1_left{ width:580px;/* width:600px; */ float:left; margin-right:30px;/* margin-right:70px; */margin-top:30px;}
.pro_dis1_left .hd{ width:600px; height:87px; background:#f0f0f0; padding:10px 0; position:relative;}
.pro_dis1_left .hd #spec-list{ width:540px; margin:0 auto;}
.pro_dis1_left .hd li{ width:135px; height:89px; float:left;}
.pro_dis1_left .hd li img{ border:1px #FFF solid; }
.pro_dis1_left .hd .prev,.pro_dis1_left .hd .next{ display:block; width:12px; height:23px; position:absolute; top:50%; margin-top:-12px; cursor:pointer;}
.pro_dis1_left .hd .prev{ background:url(../images/prev.png) center no-repeat; left:15px;}
.pro_dis1_left .hd .next{ background:url(../images/next.png) center no-repeat; right:15px;}
.pro_dis1_left .bd{width:580px;/*  width:598px; */ height:360px; border:1px #d8d8d8 solid; overflow:hidden; margin-bottom:5px; }
.pro_dis1_left .bd p{ text-align:center; height:38px; line-height:38px; background:#eae9e9; font-size:16px; color:#4d4d4d;}

.pro_dis1_right{ width:400px; float:left;}
.pro_dis1_right h3{ font-size:20px; font-weight:bold; color:#4d4d4d; padding:35px 0;}
.pro_dis1_right p{ font-size:14px; color:#4d4d4d; padding-bottom:25px;}
.pro_dis1_right a{ display:block; width:145px; height:50px; background:#abce03; text-align:center; line-height:50px; color:#FFF; font-size:18px; font-weight:bold;}

.pro_dis1_box1 h3{ font-size:20px; font-weight:bold; color:#4d4d4d; height:75px; line-height:75px;}
.pro_dis1_box1_intro{ padding:60px 40px; width:1120px; background:#f9f9f9 url(../images/pro_dis_bg.png) 990px 200px no-repeat;}
.pro_dis1_box1_intro p{ color:#666666; line-height:24px;}


.case_dis { }
.case_dis  h2{ font-size:18px; color:#4d4d4d; font-weight:normal; padding-bottom:30px;text-align:center;}
.case_dis p{ color:#666; line-height:24px;}
.case_dis img{ display:block; margin:20px 0;}

.news li{ width:100%; padding-bottom:30px; border-bottom:1px #f3f3f3 solid; margin-bottom:30px;}
.news li img{ display:block; padding:5px; border:1px #f3f3f3 solid; float:left;}
.news li dl{ width:722px; float:right;}
.news li dl dt{ height:18px; line-height:18px; position:relative; margin-bottom:15px;}
.news li dl dt a{ display:block; color:#4d4d4d; font-size:14px; font-weight:bold;}
.news li dl dt span{ display:block; line-height:18px; color:#bebab8; position:absolute; right:0; top:0;}
.news li dl dd{ color:#666; line-height:24px;}
.news li dl dd a{ display:block; width:90px; height:25px; line-height:25px; text-align:center; color:#FFF; background:#00a2f4; margin-top:30px;}


.news_list_top{ width:100%; padding-bottom:30px; border-bottom:1px #f3f3f3 solid;}
.news_list_top img{ display:block; float:left;}
.news_list_top dl{ width:600px; float:right;}
.news_list_top dl dt{ height:65px; line-height:24px; position:relative; margin-bottom:15px;}
.news_list_top dl dt a{ display:block; width:520px; padding-left:80px;color:#4d4d4d; font-size:14px; font-weight:bold;}
.news_list_top dl dt span{ display:block; width:65px; height:65px; background:#00a2f4; border-radius:2px; color:#FFF; text-align:center; font-size:32px; position:absolute; left:0; top:0; line-height:40px;}
.news_list_top dl dt span i{ display:block; width:65px; height:25px; background:#0082c4; line-height:25px; font-size:15px; color:#FEFEFE;}
.news_list_top dl dd{ color:#151515; line-height:24px; font-size:14px; position:relative; width:100%;}
.news_list_top dl dd a{ display:block; width:90px; height:25px; line-height:25px; text-align:center; color:#FFF; background:#00a2f4; margin-top:20px; position:absolute; right:0; top:0;}

.news_list li{ height:35px; line-height:35px; border-bottom:1px #e5e5e5 dotted; position:relative;}
.news_list li a{ color:#666;}
.news_list li span{ display:block; line-height:35px; position:absolute; right:0; top:0; color:#bcbbbb;}
.contactsider{ padding:30px 10px;}
.contactsider p{ color:#666; height:18px; line-height:18px; padding-left:35px; margin-bottom:30px;}
.contactsider p.p1{ background:url(../images/icon1.png) left center no-repeat;}
.contactsider p.p2{ background:url(../images/icon2.png) left center no-repeat;}
.contactsider p.p3{ background:url(../images/icon3.png) left center no-repeat;}
/*pages*/
.pagas{ width:100%; padding:50px 0; text-align:center;}
.pagas a{ display:inline-block; padding:2px 15px; margin:0 5px; color:#999; border:1px #999 solid;}
.pagas a:hover,.pagas .a_cur{ background:#00a2f4; border:1px #00a2f4 solid; color:#FFF;}
/*pages end*/

/*display*/
.news_arc .title{text-align:center; margin-bottom:35px;}
.news_arc h1{ font-size:22px; color:#5b5b5b; line-height:42px; font-weight:normal;}
.news_arc .title p{ color:#999; line-height:26px;}
.news_arc .news_bd{ padding:0 15px 50px;}
.news_arc .news_bd p{ text-indent:24px; line-height:26px; color:#000; font-size:14px;}
.ft { padding:20px 0 0; border-top:1px solid #ddd; }
.ft li{ font-size:14px;}
.ft li a{ color:#999;}

/*display*/


.iw_poi_title {color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content {font: 12px arial, sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}
/*sitemap*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}



/*放大*/
.zoomdiv{ z-index:8; position: absolute; top: 1px; left:0px; text-align:center; display: none; background: url(../images/loading.gif) #fff no-repeat center center; overflow: hidden; border:1px solid #ddd;} /*设置高清图片*/
.bigimg{width:1266px; height:886px;} /*设置高清图片的大小*/
.jqZoomPup{z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; border:1px solid #aaa; background:#fff 50% top no-repeat; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:move;} /*放大镜在图片上的效果*/




#leftbox{position: absolute;left:-33px;}