@charset "gb2312";
html{margin:0px; padding:0px; z-index:1;-webkit-text-size-adjust:none;overflow-x:hidden}
body{color:#363636;margin:0px;padding:0px; font-size:12px; font-family:ËÎÌå; background:#ffffff}
a{font-size:12px; color:#363636; text-decoration:none;}
a:hover{font-size:12px; text-decoration:none;color:#d60c17}
a {
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    
}
p{padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal;}
dl,dt,dd,ul,li{margin:0px; padding:0px; list-style-type:none;}
img{border:0px; margin:0px; padding:0px;}
em{font-style:normal}
.red {color:#ff0000}
.fl {display:inline;float:left}
.fr {display:inline;float:right}
.clear {clear:both;}
.yahei,.yahei a,.yahei a:link,.yahei a:visited {font-family:΢ÈíÑźÚ,Microsoft YaHei,\5FAE\8F6F\96C5\9ED1;}
.box {clear:both;width:1110px;margin:0 auto;overflow:hidden}

.box840 {clear:both;width:840px;margin:0 auto;overflow:hidden}
.header_wrap{background:url(../images/menubg.jpg) repeat-x }
.header {height:93px; }
.header_logo{ margin-top:0px;}
.header .header_lang {padding-top:15px;overflow:hidden}
.header .header_lang a {padding-left:20px;margin-right:15px; color:#FFF}
.header .header_lang a.lang_ch {background:url(../images/lang_ch.jpg) left center no-repeat;}
.header .header_lang a.lang_en {background:url(../images/lang_en.jpg) left center no-repeat;}
.header .header_lang a.lang_es {background:url(../images/lang_es.jpg) left center no-repeat;}
.header .header_lang a.lang_alb {background:url(../images/lang_alb.jpg) left center no-repeat;}

.menu {height:40px;width:650px;margin:0 auto; margin-left:110px; float:left;position:relative;}
/*.menu  a {color:#000;font-size:14px;display: block;float:left;height:93px;position:relative; margin-left:40px; line-height:93px;}
.menu  a.on {color:#de3131;background:url(../images/menu_onbg.jpg) top}*/

.menu ul {}
.menu li {display:inline;float:left;height:93px;position:relative; margin-left:40px; line-height:93px;  }
.menu li a { font-size:14px;}
.menu li a:hover { font-size:14px;}
.menu li.on { background:url(../images/menu_onbg.jpg) bottom no-repeat !important}
.menu li.on a {color:#de3131; font-size:14px;}
 .shop{ display: block; width: 80px; background: url(../images/cart_ico.png) no-repeat; float: right; text-indent: 20px; margin-right: 15px; position: relative; z-index: 9999999; font-size: 14px; margin-top: 5px;;}
 .shop:hover{ font-size: 14px;; }

.move-bg{ display:none;position:absolute;left:0;top:0; width:120px; height:40px; background:#4D0B33; z-index:0}

.header_wrap #headlist{width:100%;  height:250px;overflow:hidden;position:absolute;top:93px;overflow:hidden;display:none; background:rgba(200,57,51,0.9); z-index:999; margin:0 auto ; 
 }
@media \0screen\,screen\9 {/* Ö»Ö§³ÖIE6¡¢7¡¢8 */
  .header_wrap #headlist{ background:#c83933;
filter:alpha(opacity=90);  
 }
}


#head1list{ width:500px; margin:0 auto;  display:none;

}
#head1list a {display:block;color:#fff;font-size:14px;line-height:138px; text-align:center; font-family:"΢ÈíÑźÚ"; margin-top:20px; float:left !important; width:70px !important; height:90px; margin-left:40px;}
#head1list a:hover {color:#000}


#head2list{ width:1110px; margin:0 auto; display:none}

#head2list .pro1list .pro1listli{float:left;}
#head2list .pro1list .pro1listli a{display:block;color:#fff;font-size:14px; line-height:30px;  font-family:"΢ÈíÑźÚ"; margin-top:20px;  margin-left:50px; border-bottom:1px solid #FFF}
#head2list .pro1list .pro1listli a:hover{ color:#000; border-bottom:1px solid #000}
.pro2list li{ height:20px;}
.pro2list li a{  border:none !important; line-height:20px; margin-top:5px !important}



#head3list{ width:800px; margin:0 auto; display:none; padding-left:270px;}
#head3list a {display:block;color:#fff;font-size:14px;line-height:138px; text-align:center; font-family:"΢ÈíÑźÚ"; margin-top:20px; float:left !important; width:70px !important; height:90px; margin-left:40px;}
#head3list a:hover {color:#000}


#head4list{ width:900px; margin:0 auto; display:none; padding-left:450px;}
#head4list a {display:block;color:#fff;font-size:14px;line-height:138px; text-align:center; font-family:"΢ÈíÑźÚ"; margin-top:20px; float:left; width:80px; height:90px; margin-left:40px; }
#head4list a:hover {color:#000}


#head5list{ width:900px; margin:0 auto; display:none;padding-left:400px;}
#head5list a {display:block;color:#fff;font-size:14px;line-height:138px; text-align:center; font-family:"΢ÈíÑźÚ"; margin-top:20px; float:left; width:80px; height:90px; margin-left:40px; }
#head5list a:hover {color:#000}

#head6list{ width:1000px; margin:0 auto; display:none;padding-left:750px;}
#head6list a {display:block;color:#fff;font-size:14px;line-height:138px; text-align:center; font-family:"΢ÈíÑźÚ"; margin-top:20px; float:left; width:80px; height:90px; margin-left:40px; }
#head6list a:hover {color:#000}

#head7list{ width:1100px; margin:0 auto; display:none;;padding-left:700px;}
#head7list a {display:block;color:#fff;font-size:14px;line-height:138px; text-align:center; font-family:"΢ÈíÑźÚ"; margin-top:20px; float:left; width:80px; height:90px; margin-left:40px; }
#head7list a:hover {color:#000}




.daohang{ width:1110px; background:rgba(255,255,255,0.7);  height:62px; border:1px solid #cacaca; border-radius:10px;  z-index:99; position:relative; top:-15px; margin:0 auto;
 color:#cacaca; 
       }

@media \0screen\,screen\9 {/* Ö»Ö§³ÖIE6¡¢7¡¢8 */
.daohang{ background:#FFF;filter:alpha(opacity=70);
       } 
}
.daohang .me li{ float:left; margin-right:20px; line-height:60px; margin-left:20px;}
.daohang .me li a{  font-size:16px; color:#333; font-family:"΢ÈíÑźÚ"}
.daohang .me li a:hover{ color:#d60c17  }
.daohang span{ line-height:60px; color:#818181; margin-right:30px;}
.daohang .me .on .level1{ color:#d60c17 }
.daohang .me h3{ position:absolute; display:none; margin-top:-20px}
.daohang .me h3 a{ margin-right:30px;}
.daohang .me h3.on{  display:block}



.def_ptype{ width:100%; background:rgba(255,255,255,0.7);  height:85px; border:1px solid #cacaca; border-radius:10px;  z-index:9999; position:relative; top:-30px;
 color:#cacaca; 
       }

@media \0screen\,screen\9 {/* Ö»Ö§³ÖIE6¡¢7¡¢8 */
.def_ptype{ background:#FFF;filter:alpha(opacity=70);
       } 
}
.def_ptype ul li{ float:left; margin-right:50px; line-height:100px; margin-left:62px;}
.def_ptype ul li a{  font-size:18px; color:#333; font-family:"΢ÈíÑźÚ"}
.def_ptype ul li a:hover{ color:#d60c17  }
.warpgrey{ width:100%; background:#e6e6e6}
.wrapwhite{ width:100%;}
.mainPart {position:relative;   height:380px;clear:both;width:1110px;margin:0 auto; padding:50px;}

.midpic{
display:block; float:left; margin-left:32px	
	}
.midplus{margin-top:30px; display:block; float:left;margin-left:32px	
}
.defabout{ margin-top:30px; }
.defaboutimg{ width:305px; height:180px;  float:left ; }
.defaboutco{ /*width:770px;*/ height:180px; overflow:hidden; margin-left:30px; float:left; line-height:25px;}

.wrapbg{ width:100% ; background:url(../images/b3.jpg);}
.mainPart4{ height:505px;}

.mainPart5{ padding-top:30px;}





.protype
{
	width:253px; height: 481px; border:1px solid #dbdbdb; background:#eaeaea; 
	}
.protypeauto{width:253px; height: auto; border:1px solid #dbdbdb; background:#eaeaea; }
.protype_listauto{ width:243px; height:auto; border:1px solid #dbdbdb; background:#fff; margin-left:3px; margin-top:10px; overflow:hidden; padding-bottom:20px;}

.protype_listauto li{width:232px; height:41px; overflow:hidden; border-bottom:1px dotted #999999; margin-left:3px;  line-height:40px; text-indent:15px;}
.protype_listauto li a{font-size:14px;}


.index_products {width:260px;}
.protype_title{ margin-top:20px; margin-left:10px;}
.chtitle{ font-family:"΢ÈíÑźÚ"; color:#333; font-size:16px; }
.chtitle2{ font-family:"΢ÈíÑźÚ"; color:#709a72; font-size:16px; }
.entitle{ font-family:"΢ÈíÑźÚ"; color:#999; font-size:12px; line-height:25px}

.protype_list{ width:243px; height:418px; border:1px solid #dbdbdb; background:#fff; margin-left:3px; margin-top:10px; overflow:hidden}
.protype_list li{width:232px; height:41px; overflow:hidden; border-bottom:1px dotted #999999; margin-left:3px;  line-height:40px; text-indent:15px;}
.protype_list li a{font-size:14px;}
.pro{width:825px; height:483px; overflow:hidden; margin-left:30px;}
.pro_title{ height:30px; width:100%; border-top:3px solid #dcdcdc ;border-bottom:3px solid #dcdcdc; padding-top:5px; }
.rightmore{ display:block; float:right; margin-top:2px; margin-right:5px;}
.pro_list{
 width:825px; height:443px;
	}
.prolist dl{ width:170px; height:200px; float:left; margin-top:15px; margin-right:20px; margin-left:15px;}
.prolist dl dt{width:168px; height:168px; border:1px solid #d0d0d0;}

.prolist dl dd{ text-align:center;  }
.prolist dl dd a{ font-size:12px; font-weight:bold; font-family:"΢ÈíÑźÚ"; line-height:30px;  }

.pro_list2{
 width:825px; height:auto;
	}
.pro_list2 dl{ width:170px; height:200px; float:left; margin-top:15px; margin-right:20px; margin-left:15px;}
.pro_list2 dl dt{width:168px; height:168px; border:1px solid #d0d0d0;}

.pro_list2 dl dd{ text-align:center;  }
.pro_list2 dl dd a{ font-size:12px; font-weight:bold; font-family:"΢ÈíÑźÚ"; line-height:30px;  }

.pro_list3{
 width:825px; height:auto;
	}
.pro_list3 dl{ width:170px; height:200px; float:left; margin-top:15px; margin-right:20px; margin-left:15px;}
.pro_list3 dl dt{width:168px; height:168px; border:1px solid #d0d0d0;}

.pro_list3 dl dd{ text-align:center;  }
.pro_list3 dl dd a{ font-size:12px; font-weight:bold; font-family:"΢ÈíÑźÚ"; line-height:30px;  }



.mainPart2{ margin-top:70px; height:400px; overflow:hidden}
.defdownProduct  li{ width:185px; overflow:hidden; float:left; font-family:"΢ÈíÑźÚ";margin-right: 45px; }
.defdownProduct  li:last-child{margin-right: 0px;}
.defdownProduct  li .t1{ font-size:14px; color:#000;  display:block; height:215px; 

}
.defdownProduct  li .t1 span { margin-left:10px; margin-top:10px; display:block;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;}
.defdownProduct  li .t1 span font{ color:#999; font-size:12px;}
.defdownProduct  li .t1 img{ position:relative; z-index:99; width: 185px; height: 185px; }
.defdownProduct  li .t1 div{width:185px; height:185px; background:#F00; opacity:0; display:block; position:relative; margin-top:-185px; z-index:9;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.defdownProduct  li .t1:hover div{ opacity:0.6;z-index:999;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.defdownProduct  li .t1:hover span font{ color:#fff}
.defdownProduct  li .t1:hover span{ color:#fff; margin-top:-30px; z-index:99999; position:relative; display:inherit; overflow:hidden;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
	
	 }

.defdownProduct2 li{ clear:both; line-height:25px; margin-left:10px;}





.mainPart3{ height:455px; background:#e6e6e6;padding-bottom:30px; }


.index_news{
	width:253px; height:240px; border:1px solid #c8c8c8;
	}
.news_title{ border-bottom:1px solid #cccccc ; margin-top:10px; width:90%; margin-left:10px; padding-bottom:5px; }
.index_news_bd { width:350px; overflow:hidden; float:left; margin-right:30px;}
.index_news_bd ul{ height:280px ;}
.index_news_bd p{ height:30px; border-bottom:1px solid #999; width: 100%; font-size:16px;}
.index_news_bd li {width:100%;height:78px;overflow:hidden; margin-top:15px;}
.index_news_bd li .photo {width:78px;height:70px;overflow:hidden; }
.index_news_bd li .photo img {width:78px;height:70px;}
.index_news_bd li .con {width:250px;padding-left:18px;color:#000000;overflow:hidden}
.index_news_bd li .con .tit {clear:both;}
.index_news_bd li .con .tit a {color:#000;font-weight:bold; font-size:14px;}
.index_news_bd li .con .tit a:hover{color:#00a1e9}
.index_news_bd li .con .date { color:#c06167}
.index_news_bd li .con .info {clear:both;padding-top:5px;line-height:13px;overflow:hidden}
.rig{ margin-right:0px; }
.profile{width:825px; height:483px; overflow:hidden; margin-left:30px;}
.profile_l{ width:255px; height:225px; margin-top:20px; }
.profile_img{ border:5px solid #e6e6e6}
.link_style1{ display:block; background:url(../images/list_ico1.jpg) no-repeat; text-align:right; width:70px; float:left; margin-left:20px; margin-top:10px;}
.profile_r{ width:535px; height:auto; float:left;margin-top:20px; margin-left:20px; line-height:22px;}

.projectwrap{background:url(../images/project_bg.jpg) repeat-x; margin-top:20px; height:558px;}

.products_nav {width:260px;overflow:hidden}
.products_nav li {width:124px;height:31px;border:1px solid #bfbfbf;vertical-align:top;margin-bottom:3px;line-height:31px;overflow:hidden; float:left; margin-left:3px;}
.products_nav li a {display:block;background:#fff;padding-left:10px;}
.products_nav li h2 {clear:both;width:100%;height:31px;}
.products_nav li.on a {background:#00a1e9;color:#fff}
.products_nav li.n8.on h2 {background:#00a1e9}

.products_nav_hd {height:35px;font-size:14px;color:#000; font-weight:bold; width:203px; text-indent:10px; background:#e9e9e9; line-height:30px; margin-left:2px; }
.products_nav_me {width:210px;overflow:hidden}
.products_nav_me li {width:200px;height:31px;border:1px solid #bfbfbf;vertical-align:top;margin-bottom:3px;line-height:31px;overflow:hidden;  margin-left:3px;}
.products_nav_me li a {display:block;background:#fff;padding-left:10px;}
.products_nav_me li h2 {clear:both;width:100%;height:31px;}
.products_nav_me li.on a {background:#00a1e9;color:#fff}
.products_nav_me li.n8.on h2 {background:#00a1e9}

#def_link{ margin-top:10px; overflow:hidden; line-height:30px; margin:20px auto;}
.subtitle3{ height:30px; font-size:12px; text-indent:10px;  }
#def_link ul{  float:left}
#def_link ul li{ float:left; margin-left:10px;   overflow:hidden; color:#CCC}
#def_link ul li a{color:#CCC}
#def_link ul li a:hover{color:#fff}


.footer_wrapdef{width:100%;clear:both;border-top:1px solid #cccccc;margin-top:60px; height:550px; background:#4c4c4c;}
.footer {overflow:hidden;}
.footer_leftdef{width:320px; margin-left:145px; margin-top:80px;}
.footer_leftdef p{ margin-top:10px;}

.footer_rightdef {width:360px;text-align:left;color:#5d5d5d;line-height:20px;overflow:hidden; margin-left:128px;margin-top:80px;}
.footer_linkdef{ height:64px; border-bottom:1px solid #8c8c8c;border-top:1px solid #8c8c8c; line-height:64px; margin-top:30px; padding-left:128px; }
.footer_linkdef a{ display:block; float:left; color:#ccc;margin-right:130px;  font-family:"΢ÈíÑźÚ"; font-size:14px; }
.footer_linkdef a:hover{ color:#fff }


.footer_wrap{width:100%;clear:both;border-top:1px solid #cccccc;margin-top:60px; height:295px; background:#4c4c4c !important ; padding-top:25px; overflow:hidden;}
.footer_left{width:320px; }
.footer_left p{ margin-top:5px;}
.footer_right {width:560px !important;text-align:left;color:#5d5d5d;line-height:20px; margin-left:128px; }
.footer_link{ height:64px; border-bottom:1px solid #8c8c8c;border-top:1px solid #8c8c8c; line-height:64px; margin-top:30px; padding-left:148px; }
.footer_link a{ display:block; float:left; color:#ccc; margin-right:130px; font-family:"΢ÈíÑźÚ"; font-size:14px; }
.footer_link a:hover{ color:#fff }





.footer_wrap {width:100%;clear:both;background:#e1e1e1;border-top:1px solid #cccccc;margin-top:60px;overflow:hidden}

.footer_logo {padding-left:5px;}
.foot_link{ width:100%; height:45px; text-align:center; background:#cccccc; line-height:40px; }
.footer_con {color:#5d5d5d;line-height:20px;margin-left:25px;overflow:hidden}

.footer_right {width:275px;text-align:left;color:#5d5d5d;line-height:20px;overflow:hidden}

.banner {height:180px;overflow:hidden}
.procenter_banner {background:url(../images/procenter_banner.jpg) center top no-repeat;}
.provip_banner {background:url(../images/provip_banner.jpg) center top no-repeat;}



.proBox {padding-top:20px;}

.proleft {width:210px;overflow:hidden}
.abourright {width:100%;overflow:hidden;   min-height:250px;}


.proright {width:920px;overflow:hidden}
.pro_bigtit {height:55px;border-bottom:1px solid #ddd;overflow:hidden}
.pro_bigtit p.chtit {font-size:18px;color:#008dce}
.pro_bigtit p.entit {color:#bababa}
.pro_list {width:100%;clear:both;overflow:hidden}
.pro_list li {width:168px;height:168px;float:left;text-align:center; margin-left:15px; margin-right:20px;margin-top:20px; margin-bottom:20px;boverflow:hidden}
.pro_list li img {width:168px;height:168px;margin-bottom:10px;}
.pro_list li a {display:block;clear:both}
.pro_list li.on {background:url(../images/showbig.png) no-repeat;}

.down_list {width:100%;clear:both;overflow:hidden; padding-top:30px;}
.down_list li{ width:700px; height:30px; text-indent:30px; }
.down_list li span{ float:right}




/*.productset p{ font-size:18px; border-bottom:1px solid #ccc; margin-top:30px; font-family:"΢ÈíÑźÚ"; line-height:40px; margin-bottom:20px;}
*/
.productset ul li{ width:240px; height:415px; overflow:hidden; float:left; margin-right:48px; margin-bottom:20px}
.productset ul li img{ width:240px; height:215px; }
.productset ul li a{ font-size:16px; font-weight:bold; font-family:"΢ÈíÑźÚ"; margin-top:20px; display:block}
.productset ul li span{ height:60px; line-height:20px; margin-top:5px;overflow: hidden;display: block;}




.AR_Title{
	wdith:100%; height:auto; clear:both; overflow:hidden; margin:0 auto

}
.AR_Title h1{
	clear:both; font-size:40px; font-family:Arial, Helvetica, sans-serif; color:#909090; font-style:italic
}
.AR_Title h2{
	clear:both; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#DDDDDD; 
}
.AR_Title h3{
	clear:both; font-size:24px; line-height:45px; color:#000;  font-family:"΢ÈíÑźÚ";text-align:center;margin:0 auto
	
}
.AR_Title h4{
	clear:both; font-size:12px; line-height:25px; color:#b29837;  font-family:"΢ÈíÑźÚ";text-align:center;margin:0 auto
	
}
#updownpage{ width:100%; border-top:1px dotted #666666; padding-top:30px;}
.photolist{
 	width:760px; height:auto; overflow:hidden; float:left;
}

.photolist ul li{
	width:225px; height:257px; overflow:hidden; float:left;text-align:center; margin-left:15px; margin-right:10px; margin-top:15px;
}
.photolist ul li dl dt{
	width:225px; height:225px; overflow:hidden; text-align:center;
}
.photolist ul li dl dt img{
	width:225px; height:225px;
}

.photolist ul li dl dd{
	width:225px; height:32px; overflow:hidden; text-align:center; line-height:32px; text-align:center;
}


/*****ÐÂÎÅÖÐÐÄ******/
.newsbox {padding-top:10px; margin:10px auto;}
.news_banner {clear:both;background:url(../images/news_banner.jpg) center top no-repeat;}
.news_left {width:273px;overflow:hidden; }
.news_item {clear:both;}
.news_item .pic {width:261px;height:176px;background:#fff;padding:5px;border:1px solid #e5dccf;overflow:hidden}
.news_item .pic img {width:261px;height:176px;vertical-align:top;}
.news_item .tit {width:100%;clear:both;padding-top:15px;text-align:center}
.news_item .tit a {font-weight:bold;font-size:14px;}
.news_item .info {width:100%;clear:both;padding-top:12px;color:#777;line-height:20px;}
.news_item .other {width:100%;clear:both;padding-top:10px;}
.news_item .other span.date {color:#b2973a}
.news_item .other span.view {width:70px;height:27px;background:#525252;text-align:center;line-height:27px;overflow:hidden}
.news_item .other span.view a {color:#fff}

.news_list_tit {clear:both;}
.news_list_tit span.entit {font-size:40px;font-family:Arial, Helvetica, sans-serif;color:#909090; }
.news_list_tit span.chtit {font-size:20px;padding-left:5px; color:#0099FF;}
.news_list_tit strong{
	clear:both; font-size:16px; color:#999999; font-family:Arial, Helvetica, sans-serif; width:566px; display:block; line-height:32px; font-weight:normal; margin-bottom:0px;
}
.news_list_con {width:100%;overflow:hidden; margin-left:140px; }
.news_list_con li { width:840px; height:150px; clear:both;border-bottom:1px dotted #666666;overflow:hidden; margin-top:25px;}

.news_list_con li span.date {color:#b2973a}
.news_list_con li img{ width:120px; height:120px; float:left; border:1px solid #CCC}
.news_list_con li div{ float:left; margin-left:20px; width:690px; }
.news_list_con li a { font-size:18px; font-weight:bold; font-family:"΢ÈíÑźÚ"}
.news_list_con li div p{ margin-top:30px; text-indent:30px;}


.video_List{  overflow:hidden}
.video_List li{ width:520px; height:340px; float:left; margin-left:5px; margin-right: 40px; margin-bottom: 50px }
.video_List li.pic{ width:320px; height:420px; float:left; margin-left:5px; margin-right: 55px; margin-bottom: 70px }
.video_List li.pic h3{text-align: center; line-height: 30px;}
.video_List li img{ width:510px; height:300px; border:1px solid #999; padding:10px;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.video_List li img.pic{ width:320px; height:420px; border:1px solid #999; padding:10px;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.video_List li img:hover{ background:#F30;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
 }
.video_List li p{ text-align:center; margin-top:10px;}

.news_page {text-align:center; height:32px; line-height:32px; color:#333333; margin-top:10px; margin-left:10px;}
.news_page  a{
	font-size:12px; color:#333333;
}


.AR_Content{
	width:100%; height:auto; line-height:24PX; margin-top:30PX; font-size: 14px;;
}

.AR_Content1{
	width:100%; height:auto; line-height:24PX; margin-top:15PX; overflow:hidden;font-size: 14px;;
}

#LoginBox{
	width:550px; height:auto; overflow:hidden; margin:10px auto; float:left; margin:29px auto auto 145px;
}
.log_txt{
	width:279px; height:32px; line-height:32px; font-size:14px; color:#333333; border:1px solid #999999; background:#FFFFFF;
}


#faqbox { margin-left:50px;}
#faqbox .faqline{ line-height:30px; height:30px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}




/*Ê×Ò³²úÆ··ÖÀàÌØЧ*/

.tooltip{
	display:inline;
	position:relative;
	color:#CCC;
	z-index: 999; 
	}
.tooltip-content{
	position:absolute;
	z-index: 9999;
	width:100px;
	height:100px;
	border-radius:50%;
	background:#fff;
	left:50%;
	margin-left:-50px;
	bottom:100%;
	margin-bottom:20px;
	text-align:center;
	padding-top:20px;padding-left:16px;

	cursor: default;
	pointer-events: none;
	opacity:0;
	}

.tooltip-style3 .tooltip-content{
	-webkit-transform:translate3d(0,10px,0) rotate3d(0,1,0,90deg);
	-moz-transform:translate3d(0,10px,0) rotate3d(0,1,0,90deg);
	-ms-transform:translate3d(0,10px,0) rotate3d(0,1,0,90deg);
	-o-transform:translate3d(0,10px,0) rotate3d(0,1,0,90deg);
	transform:translate3d(0,10px,0) rotate3d(0,1,0,90deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	-ms-transition: opacity 0.3s, -ms-transform 0.3s;
	-o-transition: opacity 0.3s, -ms-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	}
.tooltip-style3 .tooltip-content i{
	-webkit-transform: scale3d(0,0,1);
	-moz-transform: scale3d(0,0,1);
	-ms-transform: scale3d(0,0,1);
	-o-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
	}
.tooltip-style3 .tooltip-content i{
	-webkit-transform: scale3d(0,0,0);
	-moz-transform: scale3d(0,0,0);
	-ms-transform: scale3d(0,0,0);
	-o-transform: scale3d(0,0,0);
	transform: scale3d(0,0,0);
	}

.tooltip:hover .tooltip-content,
.tooltip:hover .tooltip-content i{
	opacity:1;
	pointer-events: auto;
	-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
	-moz-transform:translate3d(0,0,0) scale3d(1,1,1);
	-ms-transform:translate3d(0,0,0) scale3d(1,1,1,);
	-o-transform:translate3d(0,0,0) scale3d(1,1,1);
	transform:translate3d(0,0,0) scale3d(1,1,1);
	}
.tooltip-content::after{
	content:'';
	display:block;
	position:absolute;
	width:30px;
	height:24px;
	left:50%;
	margin-left:-15px;
	top:100%;
	margin-top:-10px;
	background:url(../images/tooltip1.svg) no-repeat center center;
	background-size:100%;
   
    }



.clearfix:before, .clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }



.more{ display:block; width:130px; height:40px; background:#c6c6c6; color:#000; border-radius:5px; font-size:14px; line-height:40px;  margin:0 auto; text-indent:30px}
.more:hover{ background:#c6c6c6; font-size:14px;  color:#000; text-indent:50px  }


.inptext{ width:315px; height:36px; background:#d6d6d6; border:none;position: relative;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inptext:focus{ background:#FFF}
.inptexterea{ width:315px; height:90px; background:#d6d6d6; border:none;resize: none;position: relative;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inptexterea:focus{ background:#FFF}
.inpsubmit{width:315px; height:35px;}
button,button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

button {
  background: none;
  border: 3px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  
  position: relative;
  text-transform: uppercase;
  cursor:pointer;
}

button::before,
button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

button:hover {
  color: #2ecc71;
  background:#FFF
}
/* BUTTON 5 */
.inpsubmit {
  overflow: hidden;
}

.inpsubmit::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.inpsubmit:hover:after {
  height: 100%;
  width: 135%;
}







.inptext2{ width:315px; height:36px; background:#fff; border:none;position: relative; border:1px solid #d6d6d6; margin-bottom:10px;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inptext2:focus{ background:#F5F5F5}
.inptexterea2{ width:315px; height:90px; background:#fff; border:none;resize: none;position: relative;border:1px solid #d6d6d6; margin-bottom:10px;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inptexterea2:focus{ background:#F5F5F5}
.inpsubmit2{width:315px; height:35px; background:#CCC; }
button,button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

button {
  background: none;
  border: 3px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  
  position: relative;
  text-transform: uppercase;
  cursor:pointer;
}

button::before,
button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

button:hover {
  color: #2ecc71;
  background:#FFF
}
/* BUTTON 5 */
.inpsubmit2 {
  overflow: hidden;
}
.inpsubmit2:hover {
  color: #fff;
  background:#999
}


.inpsubmit2::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.inpsubmit2:hover:after {
  height: 100%;
  width: 135%;
}






.re{ margin-right:0px !important}



.List_page {
 MARGIN: 3px;  TEXT-ALIGN: center; padding:7px;  margin-top: 50px;;
}
.List_page A {
	
 MARGIN: 2px;  COLOR: #828a7f; border-radius:3px; padding:5px 10px;
background:#eeeeee; font-family:"΢ÈíÑźÚ"; font-size:14px;
	}
.List_page A:hover {
 COLOR: #fff;  BACKGROUND-COLOR: #3c4852
}

.List_page SPAN.current {
 FONT-WEIGHT: bold;  MARGIN: 2px;  COLOR: #fff;BACKGROUND-COLOR: #29c06d;font-family:"΢ÈíÑźÚ"; padding:6px 10px; border-radius:3px; 
}
.List_page SPAN.disabled {
BORDER: #eee 1px solid;  MARGIN: 2px;  COLOR: #ddd; padding:5px 10px;border-radius:3px;
	}
	
	
	
	
<!--²úÆ·Ïêϸҳ·Å´ó¾µ-->	
.lanrenzhijia{ width:100%; height:auto;  overflow:hidden; }
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.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);}
/*ͼƬСͼԤÀÀÁбí*/
.spec-preview{width:445px;height:445px;border:1px solid #DFDFDF; float:left; overflow:hidden}
.spec-scroll{ float:left;margin-top:10px;width:445px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"ËÎÌå";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{ position:relative;width:445px;height:65px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:100%;height:65px;margin:0 auto;text-align:center;}
.spec-scroll .items ul li{ display:inline;width:70px;text-align:center; margin-left:5px;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
	
	


.ProDetail {width:100%;clear:both;overflow:hidden}
.ProDetail_show {clear:both;overflow:hidden; margin-top:-445px; margin-left:20px; height:440px; }

.ProDetail_show .con {width:446px;overflow:hidden}
.ProDetail_show .con .tit {clear:both;text-align:center;height:42px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:42px;font-size:20px;color:#000000;overflow:hidden}
.ProDetail_show .con .info {clear:both;height:270px;margin-top:20px;line-height:24px;color:#929090;overflow:hidden}
.ProDetail_show .con .price {clear:both;color:#ffffff;width:216px;height:66px;background:url(../images/pro_price.jpg) left top no-repeat;overflow:hidden}
.ProDetail_show .con .price .price_bd {padding:15px 0 0 18px;}
.ProDetail_show .con .price strong {font-size:40px;font-weight:normal}
.ProDetail_info {clear:both;padding-top:45px;overflow:hidden}
.ProDetail_info_hd {height:30px;line-height:30px;background:url(../images/prodetail_line.jpg) left bottom no-repeat;overflow:hidden}
.ProDetail_info_hd p.tit {font-size:16px;color:#575757;padding-left:5px;}
.ProDetail_info_bd {clear:both;width:100%;padding:20px 0;line-height:22px;color:#424242;overflow:hidden}


.prorecommand{ width:162px; height:565px; }
.prorecommand p{ width:100%; height:46px; background:#dadada; border:1px solid #c7c7c7 ; font-size:16px; line-height:45px; text-align:center; font-family:"΢ÈíÑźÚ"}
.prorecommand ul li{ margin-top:10px;width:160px; height:160px;}
.prorecommand ul li img{ border:1px solid #c7c7c7}




<!--tabs begin-->

/*tabs*/
.tabs{
	width: 100%;
	margin: 0 auto;

	border: 1px solid #cccccc; 
 
}
.tabs ul{background: #eeeeee; overflow: hidden; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.tabs li {
	float: left; 
	
}

.tabs li a {
	display: block;
	padding: 17px 30px;
	
	text-decoration: none;
	color: #000; width: auto;  border-left: 1px solid #ccc; border-right: none; 
}

.tabs li a:hover {
	background: linear-gradient(#d6d6d6, #fff); !important;;
	color: #000
}

#tabs_container {
	padding: 10px;
	overflow: hidden;
	position: relative;
	background: #fff;
	zoom: 1;
	font-size: 2.5rem;
	
	padding-bottom: 2rem;
	border: 1px solid #cccccc; border-top: none;
}
/*#tabs_container img{max-width: 1000px;}*/

#tabs_container:first-child {
	float: left;
	margin-right: 40px;
	zoom: 1;
  overflow: hidden;
	 
}


.transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;

	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);

	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.tabulous_active {
	background: linear-gradient(#d6d6d6, #fff); 
	color: #000 !important; 
	border-bottom: 1px solid #fff;
	
}

.tabulousclear {
	display: block;
	clear: both;
}



<!--tabs end-->


.joblist{float: left; width: 255px; border: 1px solid #000000; overflow: hidden;}
.joblist li{ margin-top:5px; }
.joblist li a{ display:block;color: #fff; font-size: 14px;background: #595959;width: 255px;height: 50px; line-height: 50px; text-indent: 20px;}
.joblist li a:hover{ background: #000;}


<!--ÊÓƵ begin-->

.jp-video {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;

	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,.3);
	box-shadow:0px 0px 20px rgba(0,0,0,.3);
	background:#000;
}
.jp-video-360p {
	width:570px;
	margin: 100px auto;
}
.jp-video-full {
	width:480px;
	height:270px;
	position:static !important; 
	position:relative;
}
.jp-video-full .jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

.jp-video-full .jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}

.jp-video-full .jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
}


.jp-interface {
	position: relative;
	width:100%;
	height: 35px;

	background-image: -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: -moz-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: -o-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: -ms-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f2f2f2', EndColorStr='#d1d1d1');

	-webkit-box-shadow:
		inset 0px 1px 0px #f7f7f7,
		inset 0px -1px 0px #e2e2e2;
	-moz-box-shadow:
		inset 0px 1px 0px #f7f7f7,
		inset 0px -1px 0px #e2e2e2;
	box-shadow:
		inset 0px 1px 0px #f7f7f7,
		inset 0px -1px 0px #e2e2e2;
}

div.jp-controls-holder {
	clear: both;
	width:570px;
	margin: 0 auto;
	
	position: relative;
	overflow:hidden;
}

a.jp-play,
a.jp-pause {
	width:40px;
	height:35px;
	float:left;
	text-indent:-9999px;
	outline:none;
}

a.jp-play {
	background: url(../images/sprite.png) 0 0 no-repeat;
}

a.jp-pause {
	background: url(../images/sprite.png) -40px 0 no-repeat;
	display: none;
}

#separator {
	background-image:url(../images/separator.png);
	background-repeat:no-repeat;
	width: 2px;
	height: 35px;
	float:left;
	margin-top: 7px;
	margin-right: 10px;
}

.jp-progress {
	background: #706d6d;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);

	width:280px;
	height:10px;
	float:left;
	margin-top: 13px;
}

.jp-seek-bar {
	width:0px;
	height:100%;
	cursor: pointer;
}

.jp-seeking-bg {
	background:#575555;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar {
	background: url(../images/play-bar.png) left repeat-x;
	width:0px;
	height:10px;
	position:relative;
	z-index: 9999;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar span {
	position:absolute;
	top: -3px;
	right: -12px;

	background:url(../images/handle.png) no-repeat center;
	width: 16px;
	height: 17px;
}

.jp-current-time,
.jp-duration {
	font-size:11px;
	font-family:Arial;
	color:#444444;
	margin-top: 12px;
	float:left;
}
.jp-current-time {
	float: left;
	display:inline;
}
.jp-duration {
	float: left;
	display:inline;
	text-align: right;
}
.jp-video .jp-current-time {
	margin-left:10px;
}
.jp-video .jp-duration {
	margin-right:10px;
}
.time-sep {
	float:left;
	margin: 13px 3px 0 3px;

	font-size:11px;
	font-family:Arial;
	color:#444444;
}


.jp-video a.jp-mute,
.jp-video a.jp-unmute {
	text-indent:-9999px;
	float:left;
	
	height: 35px;
	outline:none;
}

.jp-mute {
	float:left;
	background: url(../images/sprite.png) -80px 0 no-repeat;
	margin-top: 1px;
	margin-left: -10px;
	width: 35px;
}

a.jp-unmute {
	background: url(../images/sprite.png) -115px 0 no-repeat;
	margin-top: 1px;
	margin-left: -13px;
	display: none;
	width: 38px;
}

.jp-volume-bar {
	float:left;
	margin-top: 13px;
	margin-right: 10px;
	overflow:hidden;
	width:70px;
	height:10px;
	cursor: pointer;

	background: #706d6d;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
}

.jp-volume-bar-value {
	background: rgba(112,109,109.01);
	width:0px;
	height:10px;
	position: relative;
}

.jp-volume-bar-value span {
	position:absolute;
	top: 0px;
	right: 0px;

	background:url(../images/volume.png) no-repeat center;
	width: 11px;
	height: 10px;
}

.jp-full-screen {
	background: url(../images/sprite.png) -150px 0 no-repeat;
	float:left;
	width: 40px;
	height: 35px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
}

.jp-restore-screen {
	background: url(../images/sprite.png) -150px 0 no-repeat;
	float:left;
	width: 40px;
	height: 35px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
	
}
<!--ÊÓƵ end-->





.left_case_list{position:fixed; z-index:9999; overflow:visible;  top:300px; _position: absolute; _top: expression((documentElement.scrollTop+180) + "px"); display:table;width:56px; right:0; display:none}

.left_case_list .case_class_a_list{width:56px; display:table;}

.left_case_list .case_class_a_list ul li{position:relative;background:url(../images/touming_02.png) repeat-y;height:56px; margin-bottom:1px;}

.left_case_list .case_class_a_list ul li .pull_down2{position:absolute;left:-150px;top:0;}

.left_case_list .case_class_a_list ul li .selected{position:absolute;left:-150px;top:0;}

.left_case_list .case_class_a_list ul li .pull_down2 a{width:150px;height:56px; display:block; line-height:56px; text-align:center; color:#FFF; font-size:14px; font-family:"΢ÈíÑźÚ","Arial"; background:url(../images/left18.png) right no-repeat;padding:0;}

.left_case_list .case_class_a_list ul li a{width:56px;height:32px; display:block; line-height:16px; padding:12px 0; text-align:center; color:#FFF; font-size:12px; font-family:"΢ÈíÑźÚ","Arial"}


.right_contact_img { position:fixed; z-index:999999; overflow:visible; top:280px;right:0px;  _position: absolute; _top: expression((documentElement.scrollTop+203) + "px"); height:170px; width:56px; }

.right_contact_img ul li{width:56px;height:56px; margin-bottom:1px; position:relative;}

.right_contact_img ul .last{margin-bottom:0px;}

.right_contact_img ul li .pull_down2{position:absolute;right:-201px;top:0;width:180px;height:56px;}
.right_contact_img ul li .pull_down2 a{width:201px;height:56px; display:block;}
.right_contact_img ul li .qq{ background-image:url(../images/qq_03.png);}
.right_contact_img ul li .dianhua{ background-image:url(../images/phone_03.png);}
.right_contact_img ul li .weixin{ background-image:url(../images/weixin1.png); height:112px}

.right_contact_img ul li .pull_down2 .ding{position:absolute;width:48px; left:23px;top:0px;}

.right_contact_img ul li .pull_down2 .yi{position:absolute;width:48px; left:88px;top:0px;}
.foot_gotop {position:fixed; z-index:100; overflow:hidden; bottom:34px;_position: absolute; _top: expression((documentElement.scrollTop-34) + "px"); height:47px; width:46px; right:10px; display:none}

.foot_gotop a { background:url(../images/gotop.png) left top no-repeat; display:block; height:47px; width:46px;}





.foot_qp {position:fixed; z-index:100; overflow:hidden; bottom:90px;_position: absolute; _top: expression((documentElement.scrollTop-90) + "px"); height:47px; width:46px; right:10px; }

.foot_qp a { background:url(../images/qp_btn.png) left top no-repeat; display:block; height:47px; width:46px;}

.foot_tcqp a { background:url(../images/tcqp.png) left top no-repeat;}




.downloadpic{ float:left; width:130px; margin-right:30px;}
.downinfo{ float:left; width:420px; padding-right:40px; border-right:1px #333333 dotted ; height:135px; padding-top:10px }
.downinfo span{ margin-top:10px; color:#ad9639; display:block}
.downinfo p{ margin-top:10px;}
.downbtn{ float:left; padding-left:55px; padding-top:30px;}


@media(max-width:1066px ){
.header_wrap{width:1110px; }
.wrapplaybox{width:1110px;}
.warpgrey{width:1110px; }

	.wrapbg{width:1110px; }
	.footer_wrap{width:1110px; }
	.footer_wrapdef{width:1110px; }
.banner{width:1110px; }
	}






.h-banner {width: 100%; min-width: 1000px;margin: 0 auto; position: relative;overflow: hidden; }
.h-banner .bd  {margin: 0 auto; position: relative; z-index:0; overflow: hidden; }
.h-banner .bd ul {width: 100% !important;}
.h-banner .bd li {width: 100% !important; height:600px;  text-align: center;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}
.h-banner .bd li  .link{display:block;width:1000px;margin:0 auto;height:100%;position:relative;}
.h-banner .bd li  .link a{display:block;height:40px;width:140px;line-height:38px;text-align:center;font-size:14px;position:absolute;bottom:0;right:180px;*right:178px;color:#666;}
.h-banner .bd li  .link i{font-family:"simsun";font-size:20px;font-style:normal;line-height:20px;height:20px;position:absolute;top:11px;left:24px;display:block;}
.h-banner .hd { text-align:center;z-index:1; height:40px;line-height:40px;width:180px; position:absolute; left:43%;bottom:30px;}
.h-banner .hd li { cursor: pointer; display: inline-block; zoom:1; width: 10px; height: 10px; margin: 0 5px;  overflow: hidden;*display:inline;*margin:15px 5px;line-height: 9999px;background:#d1d1d1;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.h-banner .hd li.on{ background:#da251e; }
.h-banner  .btn{position:absolute;top:50%;width:60px;height:80px;margin-top:-40px;display:block;z-index:1;font-family:"simsun";color:#fff;font-size:90px;line-height:80px;text-align:center}
.h-banner  .prev{left:2%;}
.h-banner  .next{right:2%}