/*Tongyong*/
@charset"utf-8";
*{margin:0px;padding:0px;}
ul,ul li{list-style:none; line-height:22px; margin:0px; padding:0px;}
img{border:none}
a{text-decoration:none;}
html{overflow:-moz-scrollbars-vertical;}
.cls{clear:both}
a:link{ color:#000000}
a:hover{color:#d20001}
a:visited{color:#000000}
.play{ display:none;}

/*Basic*/
body{font-size:12px;font-family:Arial, Helvetica, sans-serif,"ËÎÌå";color:#000000;margin:0px; padding:0px; background:#fff}
/*input*/
.go{width:207px; height:19px; background:url(../images/input.gif) no-repeat;}
.putone{width:179px; height:15px;border:none; border:0px;padding-left:3px; line-height:15px; font-size:11px;}
.puttwo{width:146px; height:15px; border:#cdcdcd 1px solid;}
.sign{width:72px; height:21px; background:url(../images/sign.gif) no-repeat; border:0px;}
.login{width:72px; height:21px; background:url(../images/login.gif) no-repeat; border:0px;}
.goto{background:url(../images/arrow.gif) no-repeat; border:0px; border:none; width:20px; height:16px; cursor:pointer;}

/*Main*/
.wrap{width:920px; margin:0 auto; padding-bottom:25px; background:#fff;}
.wrap .head{width:920px; height:50px;padding-top:25px; padding-bottom:25px; clear:both;}
.wrap .head .logo{width:197px; height:50px; background:url(../images/logo.jpg) no-repeat; float:left}
.wrap .head .search{width:210px; height:50px; float:right; text-align:right;}
.wrap .nav{width:920px; height:42px; background:url(../images/nav1.gif) left bottom no-repeat; text-align:center}
.wrap .nav .menu{width:915px; height:21px; padding-left:5px}
.wrap .nav .menu li{float:left; height:21px;color:#454a58;}
.wrap .nav .menu li a{color:#454a58;}
.hide{ display:none;}
.wrap .nav #nav{width:700px; height:21px;line-height:21px;}
.wrap .nav #nav ul{}
.wrap .nav #nav li{ float:left; height:21px; line-height:21px;}
.wrap .nav #nav li a{float:left;color:#fff;padding-left:10px; padding-right:10px;height:21px; line-height:21px;}
.wrap .nav #nav li a:hover{display:block; height:21px; line-height:21px; font-weight:bold }
.wrap .nav .menu li.home{width:118px; height:21px; text-align:center; line-height:21px;}
.wrap .nav .menu li.home a:hover{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li.homes{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li.product{width:118px; height:21px; text-align:center; line-height:21px;}
.wrap .nav .menu li.product a:hover{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li.quality{width:118px; height:21px; text-align:center; line-height:21px;}
.wrap .nav .menu li.quality a:hover{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li#qualitys{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li#qualitys a{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li.ship{width:118px; height:21px; text-align:center; line-height:21px;}
.wrap .nav .menu li.ship a:hover{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li.work{width:118px; height:21px; text-align:center; line-height:21px;}
.wrap .nav .menu li.work a:hover{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .nav .menu li.newss{width:118px; height:21px; text-align:center; line-height:21px;}
.wrap .nav .menu li.newss a:hover{width:118px; height:21px; text-align:center; line-height:21px; background:url(../images/quality_over.gif) no-repeat; color:#FFFFFF; font-weight:bold; display:block}
.wrap .adv{width:920px; height:240px; padding-top:10px; padding-bottom:10px;}
.wrap .main{width:920px; padding-bottom:0px; margin:0 auto; background:#fff}
.wrap .main .m_left{
	float:left;
	width:224px;
	text-align:center;
	background-image: url(../images/vedio_2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.wrap .main .m_left .log{
	padding-top:15px;
	padding-bottom:10px;
	background-image: url(../images/vedio_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.wrap .main .m_left .vedio{background:url(../images/vedio_2.jpg) left top repeat-y;}
.wrap .main .m_left .list{width:206px;border-top:#ffffff 1px solid; padding-top:10px; margin:0 auto;}
.wrap .main .m_left .list ul{ padding:0px; text-align:center}
.wrap .main .m_left .list ul li{width:206px; height:38px; text-align:left; line-height:38px;color:#7a7b75; border-bottom:#a5a5a5 1px dashed;}
.wrap .main .m_left .list ul li img{ float:left; padding-left:8px;}
.wrap .main .m_left .list ul li a{color:#7a7b75;}

.wrap .main .m_left .list ul li a:hover{width:206px; height:38px; background:url(../images/bg_list.gif) no-repeat; cursor:pointer; display:block; color:#444a56;}
.wrap .main .m_right{float:right; width:680px;}
.wrap .main .m_right .rone{width:680px; height:167px; clear:both}
.wrap .main .m_right .rone ul{float:left;}
.wrap .main .m_right .rone ul li{padding-left:2px; width:168px;}
.wrap .main .m_right .rone ul li.aone{width:168px; height:22px; background:url(../images/list_1.gif) no-repeat; text-indent:5px;color:#454a58;}
.wrap .main .m_right .rone ul li.atwo{width:168px; height:101px; text-align:center; padding:0px; }
.wrap .main .m_right .rone ul li.athr{width:158px; height:34px; padding:5px; background:url(../images/list_3.gif) center bottom no-repeat; line-height:15px; color:#FFFFFF;}
.wrap .main .m_right .rone ul li.athr a{color:#fff}
.wrap .main .m_right .rtwo{width:680px; height:140px; clear:both}
.wrap .main .m_right .rtwo .newone{float:left;width:210px; height:130px;}
.wrap .main .m_right .rtwo .newone .title{color:#999999; font-size:12px; font-weight:bold;height:30px; line-height:30px;}
.wrap .main .m_right .rtwo .newone .about{width:210px; height:100px; color:#aaa89e; line-height:16px;}
.wrap .main .m_right .rtwo .newone .about .mmm{ width:200px; text-align:right;}
.wrap .main .m_right .rtwo .newone .about .mmm a{color:#aaa89e;}
.wrap .main .m_right .rtwo .newtwo{float:left;width:220px; height:130px; padding-left:10px;}
.wrap .main .m_right .rtwo .newtwo .title{color:#999999; font-size:12px; font-weight:bold;height:30px; line-height:30px;}
.wrap .main .m_right .rtwo .newtwo .about{width:210px; height:100px; color:#aaa89e;}
.wrap .main .m_right .rtwo .newtwo .about a{color:#aaa89e;}
.wrap .main .m_right .rtwo .newtwo .about li{ line-height:22px;  border-bottom:#aaa89e 1px dotted; clear:both}
.wrap .main .m_right .rtwo .newtwo .about li a:hover{color:#454a58;}
.wrap .main .m_right .rtwo .newtwo .about li .tits{float:left;}
.wrap .main .m_right .rtwo .newtwo .about li .dates{float:right;}
.wrap .main .m_right .rtwo .newthree{float:left;width:220px; height:130px; padding-right:8px;}
.wrap .main .m_right .rtwo .newthree .titles{color:#999999; font-size:12px; font-weight:bold;height:30px; line-height:30px;}
.wrap .main .m_right .rtwo .newthree .abouts{width:220px; height:100px;color:#aaa89e;}
.wrap .main .m_right .rtwo .newthree .abouts a{color:#aaa89e;}
.wrap .main .m_right .rtwo .newthree .abouts li{ line-height:22px;  border-bottom:#aaa89e 1px dotted; clear:both}
.wrap .main .m_right .rtwo .newthree .abouts li a:hover{color:#454a58;}
.wrap .main .m_right .rtwo .newthree .abouts li .tits{float:left}
.wrap .main .m_right .rtwo .newthree .abouts li .dates{float:right;}
.wrap .foot{width:920px;height:20px; background:url(../images/bg_foot.gif) left center no-repeat; }
.wrap .foot ul{float:left;}
.wrap .foot li{float:left; height:20px; line-height:20px;}
.wrap .foot li.l1{width:150px; text-align:center}
.wrap .foot li.l2{width:770px; text-align:left;color:#FFFFFF;}

/*about*/
.wrap .aboutus{width:920px; padding-bottom:15px; padding-top:15px; margin:0 auto;}
.wrap .aboutus .m_left{float:left;width:224px; text-align:center;}
.wrap .aboutus .m_left .tree{ padding-bottom:10px; width:224px;}
.wrap .aboutus .m_left .tree .title{color:#d20001; font-size:18px; text-indent:12px; border-bottom:#fff 1px solid; text-align:left; height:40px; line-height:40px; background:#f6f6f6;}
.wrap .aboutus .m_left .tree .lister{width:224px;}
.wrap .aboutus .m_left .tree .lister ul{width:224px;}
.wrap .aboutus .m_left .tree .lister ul li{width:224px; line-height:30px;text-indent:30px;border-bottom:#fff 1px solid; background:#f6f6f6 url(../images/arrow1.gif) 10px 10px no-repeat; text-align:left}
.wrap .aboutus .m_left .tree .lister ul li a{color:#000000;}
.wrap .aboutus .m_left .tree .lister ul li a.hs12{color:#d20001}
.wrap .aboutus .m_left .tree .lister ul li a:hover{width:224px; height:30px; line-height:30px;display:block;text-indent:20px; color:#d20001;background:#ededed url(../images/arrow1.gif) 10px 10px no-repeat;text-indent:30px;}
.wrap .aboutus .m_left .tree .lister ul li.gg{width:224px; height:30px; line-height:30px;display:block;text-indent:20px; color:#d20001;background:#ededed url(../images/arrow1.gif) 10px 10px no-repeat;text-indent:30px;}
.wrap .aboutus .m_left .tree .lister ul li.gg a{color:red}
.wrap .aboutus .m_left .tree .lister ul ul{ padding-top:8px; padding-bottom:15px; background:#ededed}
.wrap .aboutus .m_left .tree .lister ul li ul li{ height:20px; line-height:20px;background:#ededed url(../images/arrow3.gif) 35px center no-repeat;text-indent:40px; border:0px;}
.wrap .aboutus .m_left .tree .lister ul li li a{color:#000000;}
.wrap .aboutus .m_left .tree .lister ul li li a.hs11{color:#d20001}
.wrap .aboutus .m_left .tree .lister ul li ul li a:hover{ height:20px; line-height:20px;background:url(../images/arrow3.gif) 35px center no-repeat;text-indent:40px;display:block;}
.wrap .aboutus .m_left .list{width:224px;padding-top:10px; margin:0 auto;}
.wrap .aboutus .m_left .list ul{ padding:0px; text-align:center}
.wrap .aboutus .m_left .list ul li{width:224px; height:38px; text-align:left; line-height:38px;color:#7a7b75; border-bottom:#a5a5a5 1px dashed;}
.wrap .aboutus .m_left .list ul li img{ float:left; padding-left:8px;}
.wrap .aboutus .m_left .list ul li a{color:#7a7b75;}
.wrap .aboutus .m_left .list ul li a:hover{width:224px; height:38px; background:url(../images/bg_list.gif) no-repeat; cursor:pointer; display:block; color:#444a56;}
.wrap .aboutus .m_right{float:right; width:682px;}
.wrap .aboutus .m_right .banner{width:682px; height:165px; padding-bottom:5px;}
.wrap .aboutus .m_right .ctitle{width:682px; height:27px; background:url(../images/bg_title.gif) left bottom no-repeat; line-height:27px; text-indent:5px;}
.wrap .aboutus .m_right .cinfo{width:682px; line-height:20px; font-weight:normal;}
.wrap .aboutus .m_right .cinfo h2{width:682px; padding-top:25px;font-size:12px; font-weight:bold; color:#d20001; background:url(../images/red.gif) 5px 32px no-repeat; text-indent:20px;}
.wrap .aboutus .m_right .cinfo .newsone{width:682px; height:100px; padding-top:15px; padding-bottom:15px;}
.wrap .aboutus .m_right .cinfo .newsone .n1{width:672px; min-height:100px; background:#f6f6f6; padding:5px 5px 0 5px; line-height:16px; font-size:11px;}
.wrap .aboutus .m_right .cinfo .newsone .n1 .more{color:#d20001; text-align:right; width:670px;line-height:30px;}
.wrap .aboutus .m_right .cinfo .newstwo{ padding:20px 0px 20px 0px; width:672px;}
.wrap .aboutus .m_right .cinfo .newstwo ul{width:682px;}
.wrap .aboutus .m_right .cinfo .newstwo ul li{ float:left; height:20px; line-height:20px;}
.wrap .aboutus .m_right .cinfo .newstwo ul li.q1{width:607px;}
.wrap .aboutus .m_right .cinfo .newstwo ul li.q2{width:75px;text-align:right}
.wrap .aboutus .m_right .cinfo .newspage{ height:30px; line-height:30px;text-align:right;}
.wrap .aboutus .m_right .cinfo .newspage .shuzhi{ background:url(../images/shuzhi.gif) 2px center no-repeat;}
.wrap .aboutus .m_right .cinfo .newspage .shuzhi a{ color:#ffffff}
.wrap .aboutus .m_right .cinfo .pic{width:682px;}
.wrap .aboutus .m_right .cinfo .pic ul{ padding-top:10px; padding-bottom:10px;}
.wrap .aboutus .m_right .cinfo .pic ul li{ float:left; width:158px; height:137px; text-align:center; padding-left:6px; padding-right:6px; background:url(../images/pic_bg.gif) center top no-repeat;}
.wrap .aboutus .m_right .cinfo .pic ul li dt{ text-align:center; height:30px; line-height:30px;}
.wrap .aboutus .m_right .cinfo .pic ul li img{width:151px; height:99px; padding-top:3px;}
.wrap .aboutus .m_right .cinfo .bl12{color:#666666; font-weight:bold; width:80px; padding-left:10px; border:#ccc 1px solid;  height:25px; line-height:25px; display:block;}
.wrap .aboutus .m_right .cinfo .bl12:hover{ background:#f6f6f6; color:#d20001;height:25px; line-height:25px; display:block;width:80px; }
/*text-style*/
.pad5{padding-right:5px;color:#7b7a75;}
.pad10{border-bottom:#ffffff 1px solid}
.pad15{color:#7b7a75;}
.pad80{ padding-left:145px; line-height:20px;}
.r12{color:#d20001; font-size:11px;}
.h12{color:#999999; font-size:11px;}
.rq{color:#999999; font-size:11px;}
.r14{color:#d20001; font-size:14px; line-height:30px;}
.r10{color:#d20001; font-size:11px; text-decoration:underline;}

