/*��ҳbanner*/
.neiyebanner{ width:100%; height:300px; float:left;}
.neiyebanner ul{ width:100%; float: left;}
.neiyebanner ul li{ width:100%; height:300px;float:left; text-align:center; overflow:hidden;}
.neiyebanner ul li img{ width:1920px; height:300px; position: absolute; left:50%; margin-left:-960px;}



/*��ҳ*/
.neiye{ margin-top:10px;}


/*��ҳ���*/

.neiye .l{ width:219px; float:left; margin-top:25px;}
.neiye .l .name{ width:219px; height:60px; float:left; background:url(../images/pro_name.png) no-repeat; line-height:60px; font-size:32px; font-weight:bold; text-align:center; color:#fff;}

.neiye .l .sortall{ width:217px; float:left; border-left:#0551B6 1px solid; border-right:#0551B6 1px solid; border-bottom:#0551B6 5px solid; padding:20px 0px;}

.neiye .l .sortall .sort{ width:210px; height:32px; float:left; margin-left:3px; border-bottom:#737373 1px dashed;background:url(../images/pro_sorta.png) 25px 13px no-repeat;}
.neiye .l .sortall .sort .sorta{ line-height:32px; float:left; text-indent:38px; color:#666;}
.neiye .l .sortall .sort:hover .sorta{ text-indent:38px; color:#0551b6}
.neiye .l .sortall .sort:hover{ border-bottom:#0551b6 1px dashed;}

.neiye .l .cont{ float:left; margin-top:30px; display: none;}

.neiye .l .sortall p{ display:block; width:100%; float:left; line-height:30px;}
.neiye .l .sortall b{ display:block; width:100%; float:left; font-size:14px; text-align:center;}
.neiye .l .sortall p font{ display:block; width:60px; float:left; margin-left:6px;}
.neiye .l .sortall p em{ display:block; width:144px; float:left; font-style:normal; text-align:left;}
.neiye .l .sortall a{ color:#666}
.neiye .l .sortall a:hover{ color:#1A3CA7}

.neiye .l .sortall #lli{ border-bottom:#0551b6 1px dashed;}
.neiye .l .sortall #lli .sorta{ text-indent:38px; color:#0551b6}

/*��ҳ�Ҳ�*/

.neiye .r{ float:right; width:750px; overflow:hidden; min-height:300px; margin-top:10px;}
.neiye .r h3{ width:100%; height:30px; line-height:30px; float:left; border-bottom:#D9D9D9 1px solid; margin-bottom:20px; margin-top:9px;}
.neiye .r h3 span{ width:300px; height:30px;line-height:30px; float:left; overflow:hidden;font-size:18px; color:#333; text-align:left;}
.neiye .r h3 div.position{ float:right; font-weight:normal; line-height:30px;  color:#333;}
.neiye .r h3 div.position a{ color:#3B1909;}
.neiye .r h3 div.position a:hover{ text-decoration:underline;}

/*����*/
.page{ width:100%; height:60px; line-height:60px; float:left; text-align:center;}
.page a{ margin:0px 10px; color:#333}
.page a:hover{ color:#0679CC}
.page em{ font-weight:bold; letter-spacing:10px;}
.page .met_page_l{ width:100%; height:30px; line-height:30px; float:left; overflow:hidden; text-align:left;}
.page .met_page_r{ width:100%; height:30px; line-height:30px; float:left; overflow:hidden; text-align:left;}

/*��ҳ*/

.about{ width:98%; float:left; line-height:25px; color:#666; font-size:14px; text-align:left; margin-left:1%; min-height:300px;}
.about img{ max-width:100%;}


/*����б�*/
.albumlist{ width:100%; float:left;}
.albumlist .alb_li{ width:230px; float:left; margin-left:15px; margin-bottom:10px;}
.albumlist .alb_li img{ width:228px; overflow:hidden; border:#ccc 1px solid; float:left;}
.albumlist .alb_li p{ display:block; width:100%; height:30px; line-height:30px; float:left; text-align:center; color:#666; font-size:14px; overflow:hidden;}


/*���*/
.album{ width:100%; float:left;}
.album .name{ width:100%; line-height:30px; float:left; font-size:20px; text-align:center; font-weight:bold; color:#333}
.album .pic{ width:100%; float:left;}
.album .pic img{ width:80%; margin:30px 10%;}
.album .info{ width:100%; float:left; line-height:30px; color:#666; font-size:14px; text-align:left;}
.album .back{ width:100%; height:60px; line-height:60px; float:left; text-align:center; font-size:14px; color:#333}
.album .back a{ color:#333}
.album .back a:hover{ color:#0679CC}

.album .time{ width:100%; height:50px; line-height:50px; float:left; border-bottom:#ccc 1px solid; margin-bottom:10px; text-align:center;}
.album .time font{ color:#f00}

/*��Ʒ�б�*/
.productlist{ width:100%; float:left;}
.productlist .pro_li{ width:230px; float:left; margin-left:15px; margin-bottom:10px;}
.productlist .pro_li img{ width:228px; height:171px; float:left; border:#ccc 1px solid;}
.productlist .pro_li p{ display:block; width:100%; height:30px; line-height:30px; float:left; text-align:center; color:#666; font-size:14px; overflow:hidden;}
.productlist .pro_li:hover img{ border:#0679CC 1px solid;}
.productlist .pro_li p a{ color:#333}
.productlist .pro_li:hover p a{ color:#0679CC}

/*��Ʒ*/
.pro{ width:100%; float:left;}

	#tsShopContainer{ width:100%; margin:20px auto;}
	#tsShopContainer img{ width:80%; margin:0px 10%;}

	#showproduct .showproduct_t .showproduct_r{ width:360px; float:right; margin-top:5px;}
	#showproduct .showproduct_t .showproduct_r p{ display:block; width:100%; line-height:50px; float:left; color:#333; font-size:18px;}

.pro .r{ width:100%; float:left;}
.pro .name{ width:100%; line-height:40px; float:left; font-size:20px; font-weight:bold; color:#333; text-align:center;}
.pro .desc{ width:100%; line-height:25px; float:left; font-size:14px; color:#666; margin-left:25px; margin-top:15px; text-align:left;}

.pro .back{ width:340px; height:60px; line-height:60px; float:left; text-align:center; font-size:14px; color:#666; margin-left:25px; margin-top:15px;}
.pro .back a{ color:#333}
.pro .back a:hover{ color:#0679CC}
.pro .info{ width:100%; float:left; line-height:30px; color:#666; font-size:14px;}
.pro .info .info_t{ width:718px; height:30px; line-height:30px; float:left; overflow:hidden; margin-bottom:10px; margin-top:10px;}
.pro .info .info_t p{ padding:0px 30px; float:left; background:#6391DF; cursor:pointer; color:#fff;}
.pro .info .info_f{ width:718px; float:left; text-align:left; min-height:50px;}
.pro .info .info_f img{ max-width:658px; margin:20px;}
.pro .info  table{border-collapse: collapse;border: none;}
.pro .info   td{ border: solid #ccc 1px;}


/*�����б�*/
.newslist{ width:100%; float:left;}
.newslist .news_li{width:100%; float:left; border-bottom:1px dashed #ccc;}
.newslist .news_li .news_title{width:94%; float:left; margin:0px 3%; display:block; line-height:40px; overflow:hidden; height:40px; text-align:left; text-indent:20px;font-size:14px; font-weight:bold; color:#333}
.newslist .news_li .news_title:hover{ color:#0679CC}
.newslist .news_li .news_cont{width:94%; float:left; margin:0px 3%; line-height:25px;float:left; color:#666; text-align:left;}
.newslist .news_li span{width:94%; float:left; margin:0px 3%; display:block; height:30px; line-height:30px; float:left; text-indent:20px; padding:0px;color:#999;}



/*��Ƶ�б�*/
.videolist .album{ width:80%; margin:5px 10%;}
.videolist .album img{ width:60%; float:left; margin:0px 20%}
.videolist .album p{ display:block; width:80%; margin:0px 10%; line-height:40px; height:40px; overflow:hidden; text-align:center;}
.videolist .album p a{ color:#4D4D4D}
.videolist .album p a:hover{ color:#0D99E0}
.videolist p{ display:block; width:80%; margin:0px 10%; line-height:40px; height:40px; overflow:hidden;}
.videolist p a{ color:#333}
.videolist p a:hover{ color:#0679D5}

.video{ width:96%; float:left; margin:20px 2%;}
.video img{ max-width:100%;}

/*���������б�*/
.newslist .cjwt_li{width:100%; float:left; border-bottom:1px dashed #ccc;}
.newslist .cjwt_li .cjwt_title{ float:left; display:block; line-height:40px; width:100%; overflow:hidden; height:40px; font-size:14px; font-weight:bold; text-align:center;}
.newslist .cjwt_li .cjwt_cont{ width:100%; line-height:25px; float:left; color:#666; text-align:left;}
.newslist .cjwt_li .cjwt_title .name,.newslist .cjwt_li .cjwt_cont .name{ color:#E0BB69; float:left;}
.newslist .cjwt_li .cjwt_title .info,.newslist .cjwt_li .cjwt_cont .info{ width:680px; float:left;}


/* �ͻ�����*/
 #infocontent{float:left;width:680px; height:650px;margin-left:100px; background:url(../images/gbook.jpg) right bottom no-repeat;}
       #infocontent ul li.first
        {
            border-top: 1px solid #DFDFDF;
        }
       #infocontent ul li.last
        {
            border: none;
        }
      #infocontent  ul p
        {
            float: left;
            margin: 0;
            width: 480px;
        }

       #infocontent ul li
        { clear: both;
           height:60px;
            width:450px;
            height:50px;
            overflow:hidden;
            
        }

        
       #infocontent ul li input[type="text"], ul input[type="password"]
        {text-indent:10px;
            width:330px;
            height:30px;
            position:relative;
            border:solid 1px #d5d4d4;
            -moz-border-radius:2px;
            -webkit-border-radius:5px;
            float:right;
        }
       #infocontent ul input.required 
        {
            border: solid 1px #f00;
        }


.bnt_bonus:hover,.bnt_blue:hover,.bnt_blue_1:hover,.bnt_blue_2:hover,.bnt_blue_3:hover,.bnt_blue_4:hover {
	color: #fff
		 border: solid 1px #f00;
background-color:#e6323a;cursor:pointer
}

.bnt_blue_1 {
	line-height: 22px;
	font-size: 12px
	 border: solid 1px #e6323a;
}

.bnt_blue_2 {
	width: 100px;
	padding: 5px 10px
}

.bnt_blue_3 {
	width: 156px;
	font-size: 18px;
	padding: 13px 21px
}

.bnt_blue_4 {
	width: 180px;
	font-size: 14px;
	padding: 10px 20px
}
