/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#fff; background:#474747;background-size: cover;}
a{color:#fff;}
.img_list_3011 ul li span:hover{ color: #f63; text-decoration:underline }
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1188px; margin:0 auto;}
.headerbg{ background:#606060}
.header{ height:140px; 	}
.logo{ float: left;height:140px; 	}
.logo img{height:140px; 	}
.header_middle{ float:left; width:700px; margin-top:20px; text-align:right}
.header_middle img{ width:400px;}
.header_right{ float: right; text-align:center;}
.header_right .ewm{ margin-top:10px;}
.header_right .ewm img{ width:80px;}
.header_right span{ font-size:18px; color:#fff; display:block;  margin-top:10px;    height: 29px;    margin-left: -24px;}
.header_right span img{ width:30px;} 



/*menu*/
.menubg{ background:#333333;height:50px;line-height:50px;}
.nav{ height:50px; line-height:50px;}
.menu{height:50px;line-height:47px; float:left;position:absolute;z-index:999;}
.menu ul li{ float:left; position:relative; padding:0 45px;width: 137px;}
.menu ul li dl{ background:#232222; width:100%; position:absolute; left:0px; top:47px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;text-align: center;}
.menu ul li dl dd{ line-height:28px;/*border-bottom:#ddd dotted 1px;*/ margin:3px 0px; }
.menu ul li dl dd a{ font-size:15px; color:#807c7c; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#F63;}
.menu ul li dl dd:hover{ background:#2b2b2b;}
.menu a{ font-size:20px;color:#d2d2d2; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu .on{color:#fff; border-bottom:3px solid #F63;}
a.menu_hover{color:#fff;}
.menu_down span{ display:block;}
.menu_left{ float:left; width:900px;}


.mui-mbar-tabs{position: fixed;right: 0;bottom:300px;    z-index: 9;height: 100%;}
.quick_links_panel{width: 50px;position: absolute;background: #000;z-index: 2;top: 75%;right: 0;}

.quick_links{position:absolute;top:70%;left:0;margin-top:-100px;*margin-top:-220px;	background:#656565;z-index:2;width:50px;}
.quick_links_min .quick_links_panel{right:280px;}
.quick_links li{position:relative;display:block;left:0;top:0px;}

.quick_links a:hover, .quick_links a.current,.quick_toggle a:hover{background:#ff6633;text-decoration:none;}

.quick_links i.setting{width:50px;height:50px;background:url(../images/wx.png) center no-repeat; display:block;}
.quick_links i.top{width:50px;height:50px;background: url(../images/TOP.png) center no-repeat; display:block;}
.quick_links i.qq{width:50px;height:50px;background: url(../images/QQ.png) center no-repeat; display:block;}
.quick_links i.map{width:50px;height:50px;background:url(../images/qq.png) center no-repeat;display:block;}
.quick_links i.dianhua{width:50px;height:50px;background:url(../images/dianhua.png) center no-repeat;display:block;}
.ibar_login_box{width:148px;height:148px; text-align:center;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:5px 0 0 5px;border:1px solid #ccc;	border-right:none;z-index:3;position:absolute;top:-50px;left:-149px;	display:none;}

.quick_links li{position: relative;display: block;left: 0;top: 0px;}
.quick_links_panel a{display: block;line-height: 20px;width: 50px;height: 50px;text-decoration: none;color: #d8d8d8;overflow: hidden;background: #656565;position: relative;overflow: hidden;top: 0;left: 0px;z-index: 1;margin: 0;padding: 0;}
.mp_tooltip{height:50px;line-height:50px;width:152px;position:absolute;z-index:2;left:-181px;top:0;background:#656565;color:#fff;text-align:center;display:block;visibility:hidden; font-family:"微软雅黑"; font-size:13px;}
.mp_tooltip a{height:50px;line-height:50px;width:152px;text-align:center;display:block;}
.quick_links_panel .icon_arrow_right_black{position:absolute;right:-4px;top:15px;width:4px;height:7px;	overflow:hidden;}




.search{ border:1px solid #999;background: #333333; width:188px; height:28px; line-height:28px; float:right; overflow:hidden; position:relative; margin-top:10px; border-radius:28px;}
.input_text{ height:28px; line-height:28px; background:none; width:160px; position:absolute; left:0px; top:0px; text-indent:10px;}
.input_button{ position:absolute; right:0px; top:0px;  background:url(../images/head_icon.png) center no-repeat; width:30px; height:28px; cursor:pointer;}

.con1_left{ width:368px; float:left; background:#606060; padding:10px;}
.con1_left h2{ font-size:20px; text-align:center; margin-top:10px; padding-bottom:10px;}
.con1_left .video{ width:368px;height:295px;}

.con1_right{ float:right; width:800px;}
/*banner_01*/
.banner_01{ width:800px;height:361px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:800px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:800px; height:360px;}
.banner_01 .btnBg { width:800px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:800px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

.con2 { margin-top:10px;background:#606060; position:relative; border-top:1px solid #494949; border-bottom:1px solid #494949; padding:15px 0px;}
.con2 h2{ text-align:center; font-size:18px; color:#fff; margin-bottom:10px;}

.scroll_03{ position:relative; }
.scroll_03 .hd .prev{ display:block;  width:35px; height:166px; background:url(../images/left2.gif) no-repeat; position:absolute; right:12px; top:-41px;	} 
.scroll_03 .hd .next{ display:block;  width:35px; height:166px; background:url(../images/left1.gif) no-repeat; position:absolute; left:5px; top:-41px;} 
.scroll_03 .bd{ margin-left:42px;}
.scroll_03 .bd li{ float:left; width:173px; overflow:hidden; margin:0 5px; position:relative;}
.scroll_03 .bd li .img{ height:132px; }
.scroll_03 .bd li span{height:25px;line-height:25px;font-size:13px;color:#fff;text-align:center;opacity:0.5;background:#333;border-top:1px solid #aaa; position:absolute; bottom:0px; left:0px; width:100%;}
.scroll_03 .bd li .img table tr td{ height:132px;}
.scroll_03 .bd li .img table tr td img{ width:173px; height:132px;}


.con3{ margin-top:10px;}
.slideTxtBox_01{ width:400px; float:left;}
.slideTxtBox_01 .hd{ height:30px; line-height:30px;}
.slideTxtBox_01 .hd ul li { width:398px; display:block; padding-left:5px; float:left; font-size:16px;text-indent: 11px;}
.slideTxtBox_01 .hd ul li em{font-size: 12px;color: #ccc;display: inline-block;font-style: normal;margin-left: 5px;}
.slideTxtBox_01 .hd ul li.on{ background:#606060;}
.slideTxtBox_01 .bd{ background:#606060; padding:0px 10px; padding-bottom:15px; width:383px}
.slideTxtBox_01 .bd ul li{ padding-top:15px; height:98px;}
.slideTxtBox_01 .bd ul li img{ width:135px; height:98px;}
.slideTxtBox_01 .bd ul li .r{ float:right; width:233px;}
.slideTxtBox_01 .bd ul li .r h3{font-size: 17px;line-height: 18px;}
.slideTxtBox_01 .bd ul li .r span{ display:block;font-size: 13px;color: #c4c4c4;line-height: 20px;height: 60px;overflow: hidden;}
.about{ background:#606060; float:left; width:378px; margin-left:5px; height:271px;}
.about h2{ color:#fff; padding:4px; font-weight: normal; font-size:16px; text-indent: 11px;}
.about em{ font-size:12px; color:#ccc; display:inline-block; font-style:normal; margin-left:5px;}
.about span{display:block; line-height:20px; padding:5px;}
.slideTxtBox_02{ float:right; width:403px;}
.slideTxtBox_02 .hd{ height:30px; line-height:30px;}
.slideTxtBox_02 .hd ul li {width:398px; display:block; padding-left:5px; float:left; font-size:16px;text-indent: 11px;}
.slideTxtBox_02 .hd ul li em{font-size: 12px;color: #ccc;display: inline-block;font-style: normal;margin-left: 5px;}

.slideTxtBox_02 .hd ul li.on{ background:#606060;}
.slideTxtBox_02 .bd{ background:#606060; padding:0px 10px; padding-bottom:15px;}
.slideTxtBox_02 .bd ul li{ padding-top:15px; height:98px;}
.slideTxtBox_02 .bd ul li img{ width:135px; height:98px;}
.slideTxtBox_02 .bd ul li .r{ float:right; width:233px;}
.slideTxtBox_02 .bd ul li .r h3{font-size: 17px;line-height: 18px;}
.slideTxtBox_02 .bd ul li .r span{ display:block;font-size: 13px;color:#c4c4c4;line-height: 20px;height: 60px;overflow: hidden;}

/*slideTxtBox_01*/


.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}
.con5 { margin-top:5px; padding-bottom:5px; }
.con5 h2{ text-align:center; font-weight:normal; font-size:18px; padding-top:5px;}
.con5 dl dd{ float:left; width:297px; margin-left:0px; background:#606060}
.slideBox{ width:290px; height:300px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; margin-top:12px;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:49px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:296px; height:300px; }





.slideBox1{ width:290px; height:300px; overflow:hidden; position:relative;  }
.slideBox1 .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0; margin-top:12px;   }
.slideBox1 .bd ul li{ position:relative;}
.slideBox1 .bd ul span{ display:block; height:49px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox1 .bd img{ width:290px; height:300px; }







.slideBox2{ width:290px; height:300px; overflow:hidden; position:relative;  }
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0; margin-top:12px;   }
.slideBox2 .bd ul li{ position:relative;}
.slideBox2 .bd ul span{ display:block; height:49px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox2 .bd img{ width:290px; height:300px; }






.slideBox3{ width:290px; height:300px; overflow:hidden; position:relative;  }
.slideBox3 .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox3 .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox3 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0; margin-top:12px;   }
.slideBox3 .bd ul li{ position:relative;}
.slideBox3 .bd ul span{ display:block; height:49px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox3 .bd img{ width:290px; height:300px; }










.r{ float:right; width:420px;}


.con4 { margin-top:10px; margin-bottom:10px;}
.con4  ul { width:1196px;}
.con4  ul li{ width:285px; float:left; text-align:center; font-size:20px; padding:3px; margin-right:8px; background:#606060}
.con4  ul li img{ width:96%; margin-top:10px;}
.con4 h2{ text-align:center;}
.footbg{ background:#606060;}
.foot{ padding:40px 0px;;}
.foot_left{ float:right; width:200px;margin-right: 163px;   }
.foot_left span{ display:block; margin-top:10px; text-align:center; width:150px;}
.foot_middle { float:right; width:257px;font-size: 15px;    line-height: 1.5;    margin-top: -25px;    margin-right: -420px;}
.foot_middle h4{font-size: 14px;color: #fff;line-height: 22px; font-weight:normal}
.foot_middle img{margin-bottom: 20px;}
.foot_right{ widows:788px;}
.foot_right h2{font-size: 22px;line-height: 32px;color: #999;border-bottom: 1px solid #fff; text-align:center;margin-bottom: 20px;}
.foot_right ul li{ float:left; width:100px; margin-left:30px;}
.foot_right ul li a{ display:block; line-height:30px; text-align:center;}
.foot1 { text-align:center; padding:20px 0px;}







.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{ background-color:#606060; min-height:400px; margin-top:30px;    margin-bottom: 5px;}

.inside_left{ width:220px; float:left;}
.inside_left  dl{ background:#333; padding-bottom:20%;}
.inside_left  dl dt{ border-bottom: none;text-align: center;font-size: 21px;color: #D8D6D6;line-height: 60px;height: 44px;overflow: hidden;margin-bottom: 10px;/*background: #000;*/font-weight: 600;}
.inside_left  dl dd{width: 100%;	margin-left: 0%;margin-top: 14px;}
.inside_left dl dd a{ display:block; padding-left:30px; font-size:16px;text-align: center;line-height: 35px;width: 100%;overflow: hidden;height: 35px;padding: 0;transition: 0.2s;}
.inside_left  dl .on {color:#075DE1;	background: #1b1919;width: 100%;	margin-left: 0%;margin-top: 14px;}
.inside_left  dl dd:hover{color:#F63;	background: #1b1919;width: 100%;	margin-left: 0%;margin-top: 14px;}
.inside_left  dl dd a:hover{color:#F63}
.inside_left dl .hover a{ background:#324483; color:#F63;border-bottom: 1px solid #ccc;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:930px; float:right; margin-top: 12px; }
.inside_right span{ font-size: 16px;font-weight: 700;color: #9F9E9E;}
.inside_con{ padding:10px 0;}
.yuedu span{ font-size:12px;    font-style: normal;color: #fff;margin-right: 10px;}





/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 









/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}


