@charset "utf-8";
/* CSS Document */


*{margin:0 auto; outline:none}
body{margin:0; padding:0; color:#676262; font-family:microsoft yahei,Arial, Helvetica, sans-serif; font-size:12px; }
ul,ol,li,dl,dt,dd,p{margin:0; padding:0; list-style:none}
h1, h2, h3{font-family:microsoft yahei; font-weight:normal; font-size:12px;}
img{border:0}
a{color:#676262; text-decoration:none; margin:0px; padding:0px;}
a:hover{color:#ff6f3a; text-decoration:none}
.clear{ clear:both;}

.top{width:1100px; height:128px;	margin:0 auto;	margin-top:5px;	font-family: "microsoft yahei", Arial, Helvetica, sans-serif; position:relative; z-index:10;}
.logo{ width:254px; height:82px; float:left;}
.logo img{ width:254px; height:82px;}
.topSearch{ width:500px; height:80px; float:left;}
.in{width:371px; height:40px; float:left; position:relative; left:42px; top:11px; background:url(../images/systemImg/search_bg.jpg) no-repeat left center;}
.in p.inA{position:absolute; top:0; left:10px}
.in p.inA input{width:338px; height:36px; line-height:36px; border:none; background:none;}
.in p.inB{position:absolute; top:0; right:0}
.in p.inB input{width:29px; height:36px; cursor:pointer; border:none; background:none;}
.inSize{ position:relative; left:42px; top:15px; overflow:hidden; float:left; clear:both; width:100%;}
.inSize a{ color:#acacac; margin-right:10px;}
.inSize a:hover{ color:#ff6f3d;}
.topRight{ /*width:327px; float:right;*/ margin-top:20px; position:absolute; right:0px;}
.tell{ text-align:right; font-weight:bold;}
.tell .phone{ color:#e50112;}
.tell img{ width:100px;}
.topRight p{ width:100px; height:30px; line-height:30px; float:right; text-align:right; margin-top:10px; font-size:13px;}
.topRight p span{ color:#ff6f3d;}

.nav{ width:1100px; height:46px; margin:0 auto; background:black;margin-top:10px;}
.navList{ width:1100px; height:46px;}
.productClass{ width:190px; height:46px; line-height:46px; margin-left:20px; float:left; text-align:left; background:url(../images/systemImg/procucClass_bg.jpg) no-repeat 130px center;}
.productClass a{ color:#fff; font-size:16px; }
.navList li{ width:110px; height:46px; line-height:46px; float:left; text-align:center; position:relative;}
.navList .on{ width:110px; height:46px; line-height:46px; float:left; overflow:hidden; text-align:center; background:#f05f32;}
.navList li:hover{background:#f05f32; float:left; display:block;}
.navList li a:link,.navList li a:hover,.navList li a:visited{ color:#fff; font-size:16px;}
.navList li ul{ position:absolute; top:46px; left:0; display:none;}
.navList li:hover ul{ display:block;}
.navList li ul li{ background:#ff6f3a;}
.navList li ul.product li{ width:130px;}

.i_leftnav_bannar{ width:1100px; margin:0 auto; position:relative; z-index:1;}
.i_leftnav{ width:210px; float:left; border:#f39f83 solid 1px; border-top:none; padding-top:1px; height:558px; overflow:hidden;}
.i_leftnav h2{ width:188px; height:39px; line-height:40px; border-bottom:1px solid #d4d4d4; background:url(../images/systemImg/last.jpg) no-repeat 180px center; padding-left:20px; overflow:hidden;}

/*.i_leftnav li{ width:188px; height:39px; line-height:40px; border-bottom:1px solid #d4d4d4; background:url(../images/systemImg/last.jpg) no-repeat 180px center; padding-left:20px; overflow:hidden;}
.i_leftnav .i_leftnav_last{width:188px; height:39px; border:none; line-height:40px; background:url(../images/systemImg/last.jpg) no-repeat 180px center; padding-left:20px; }
*/
.i_leftnav li a{ width:180px; height:39px; font-size:14px; display:block;}
.i_bannar{ width:878px; float:right; margin-top:10px; overflow:hidden;}
.bigBannar{ width:878px; height:375px;}
.bigBannar img{ width:878px; height:375px;}

.banner{width:878px;height:375px; float:right; margin-bottom:10px; overflow:hidden; position:relative;}
.banner img{width:878px; height:375px}

.bannerImgs{ position:relative;}
.bannerImgs li{ position:absolute; left:0; top:0;}
.bannerIndex{ position:absolute; bottom:8px; right:8px;}
.bannerIndex li{ display:block;background:url(../images/systemImg/dot2.png) no-repeat;  width:8px; height:8px; float:left; overflow:hidden; line-height:10px; vertical-align:middle; text-align:center; margin-left:5px;  font-family:Arial; font-size:11px; color:#000; cursor:pointer}
.bannerIndex li.show{color:#fff;font-weight:bold; background:url(../images/systemImg/dot1.png) no-repeat;}
.smallPic{ width:890px; margin-top:10px; overflow:hidden; position:relative;}
.smallPic .prev{ width:12px; height:20px; background:url(../images/systemImg/small_prev.png) no-repeat; position:absolute; left:10px; top:70px; cursor:pointer; z-index:3;}
.smallPic .prev:hover{background:url(../images/systemImg/small_prev_hover.png) no-repeat;}
.smallPic .next{width:12px; height:20px; background:url(../images/systemImg/small_next.png) no-repeat; position:absolute; right:20px; top:70px; cursor:pointer; z-index:3;}
.smallPic .next:hover{background:url(../images/systemImg/small_next_hover.png) no-repeat;}
.smallPic ul{ height:166px; overflow:hidden;}
.smallPic ul li{width:210px; height:164px; float:left; margin-right:9px; border:1px solid #dfdfdf; position:relative;}
.smallPic ul li span{ position:absolute; bottom:1px; width:210px; text-align:center;}
.smallPic ul li img{ width:210px; height:164px;}
.displayWindow{ width:1100px; margin:0 auto; margin-top:10px; height:668px; overflow:hidden;}
.displayWindow_title{ width:1100px; padding-bottom:3px; border-bottom:1px solid #d7d7d7;}
.displayWindow_title p{ font-size:16px; font-weight:bold; padding-left:20px;}
.bigImages{ width:100%; margin-top:10px; float:left; overflow:hidden;}
.bigImages li{  margin:0 10px 10px 0; position:relative;}
.bigImages li:nth-child(4n){
	margin-right: 0;
}
.bigImages .big{ width:546px; height:311px; overflow:hidden; float:left;}
.bigImages .big img{ width:546px; height:311px;}
.bigImages .small{
	width: 264px;
    height: 308px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;}
.bigImages .small img{ width:100%; height:100%;}
.bigImages .last{ margin-right:0;}
.pic{ width:836px; margin-top:10px; float:left; overflow:hidden;}
.pic img{ width:268px; height:311px; float:left; margin-right:10px;}
.smallImages{ width:266px; float:left; margin-top:10px; margin-left:10px;}
.smallImages .small1{ width:266px; height:180px; overflow:hidden;}
.smallImages .small1 img{ width:266px; height:180px;}
.smallImages .big1{ width:266px; height:252px; overflow:hidden; margin-bottom:10px; margin-top:10px;}
.smallImages .big1 img{ width:266px; height:252px;}

.smallImages li{ position:relative;}
.bigImages li span,.smallImages li span{ position:absolute; left:10px; top:10px;}

.sizeGroup{ width:1098px; height:210px; background:url(../images/systemImg/sizeGroup_bg.jpg) repeat-x left center; margin:0 auto; margin-top:10px; border:1px solid #dadada;}
.i_about{ width:286px; height:160px; border-right:1px dashed #bfbfbf; float:left; padding:15px 40px; margin-top:10px;}
.i_about_title{ width:286px; height:30px; overflow:hidden;}
.i_about_title h2{ font-size:18px; color:#363636; font-weight:normal; color:#404042;}
.i_about p{ width:285px; height:135px; overflow:hidden; text-align:justify;}
.i_about p a{ font-size:12px; height:28px; line-height:28px; padding-bottom:3px; border-bottom:1px solid #dfdfdf; color:#57575f;}
.i_about p a:hover{color:#ff6f3a;}
.news{ width:286px; height:160px; border-right:1px dashed #bfbfbf; float:left; padding:15px 39px; margin-top:10px;}
.news_title{ width:285px; height:30px; overflow:hidden;}
.news_title h2{ font-size:18px; color:#363636; font-weight:normal; color:#404042;}
.news_list{ width:286px;}
.news_list li{ width:276px; height:28px; line-height:28px; overflow:hidden; float:left; border-bottom:1px dashed #dfdfdf; background:url(../images/systemImg/list_bg.jpg) no-repeat left center; padding-left:10px;}
.news_list li a{ color:#57575f;}
.news_list li a:hover{color:#ff6f3a;}
.news_list li span{ float:right; color:#ff6f3d;}
.downlad{ width:284px; height:160px; float:left; padding:15px 39px; margin-top:10px;}
.downnlad_title{ width:286px; height:30px; overflow:hidden;}
.downnlad_title h2{ font-size:18px; color:#363636; font-weight:normal; color:#404042;}
.downlad_list{ width:286px;}
.downlad_list li{ width:276px; height:28px; line-height:28px; overflow:hidden; float:left; border-bottom:1px dashed #dfdfdf;  background:url(../images/systemImg/list_bg.jpg) no-repeat left center; padding-left:10px;}
.downlad_list li a{ color:#57575f;}
.downlad_list li a:hover{color:#ff6f3a;}

.footer{ width:100%; height:54px; line-height:54px; background:url(../images/systemImg/footer_bg.jpg) repeat-x left center; vertical-align:middle; margin-top:15px;}
.foot_size{ width:1100px; margin:0 auto;}
.footer_nav{ width:500px; float:left; text-align:left; font-size:13px;}
.footer_nav a{color:#a4a4a4; margin-right:15px;}
.footer_nav a:hover{color:#ff6f3d;}
.footer_copyright{ width:500px; float:right; text-align:right; color:#a4a4a4; font-size:14px;}




.insidePages{ width:1100px; margin:0 auto; position:relative; z-index:1;}
.p_left{ width:211px; float:left;}
.p_leftnav{ width:210px;  border:#f39f83 solid 1px; border-top:none;}
.p_leftnav .List{ width:210px;}
.p_leftnav .List li ul{ display:none;}

.p_leftnav .List h2{width:188px; padding:10px 0; border-top:1px solid #d4d4d4;padding-left:20px; display:block;}
.p_leftnav .List h2 a{ width:188px; display:block; font-size:14px;}
.p_leftnav .List .small{ width:208px; overflow:hidden; padding:0px; margin:0px;}
.p_leftnav .List .small h2{background:url(../images/systemImg/classlist_hover_onbg.jpg) no-repeat left -6px; margin:0px;}
.p_leftnav .List .small h2.nosub{background:url(../images/systemImg/classlist_hover_nosub_onbg.jpg) no-repeat left -6px; margin:0px;}
.p_leftnav .List .small h2 a{ width:208px; display:block; color:#ff6f3d;}
.p_leftnav .List .smallList{ width:188px; margin:0; padding-left:20px; overflow:hidden;}
.p_leftnav .List .small .smallList{ width:188px; margin:0; padding-left:20px; overflow:hidden; display:block;}
.p_leftnav .List .smallList h3{ width:178px; height:35px; line-height:35px;  background:none; border:none; padding-left:10px; display:block; background:url(../images/systemImg/classList_bg.jpg) no-repeat left center;}
.p_leftnav .List .smallList h3 a{ width:178px; height:35px; line-height:35px; display:block; color:#9d9d9d; font-size:12px;}
.p_leftnav .List .smallList h3 a:hover{ color:#ff6f3d;}
.p_leftnav .List .smallList .on h3 a{ color:#ff6f3d;}

.contact{ width:198px; border:1px solid #ebebeb; margin-top:10px; padding:3px 6px;}
.contact_title{ width:176px; height:30px; line-height:30px; background:#f6f7fb; padding:0 10px;}
.contact_title h3{ font-size:15px; font-weight:normal;}
.contact_size{ width:180px; padding:10px 8px;}
.contact p{ line-height:24px;}

.p_right{ width:878px; float:right; margin:10px 0 10px;}
.currentPosition{height:24px; line-height:24px; text-align:left;}
.Options{margin-top:10px; border:1px solid #e8e8e8; padding:10px;}
.Options_title{/*height:40px;*/ line-height:40px; background:#f6f7fb; padding-left:17px;}
.Options_title h3{ font-size:15px; color:#746d63; font-weight:normal;}
.Options_conten{padding:10px;}

.Options_conten_Choice{ border-bottom:1px solid #dfdfdf;}
.Options_conten_left{ width:150px; text-align:right; float:left; padding:10px 0; overflow:hidden;}
.Options_conten_left h3{ font-size:15px; font-weight:bold;}
.Options_conten_right{width:650px; padding:10px 10px; float:right; }
.Options_conten_right ul{ width:640px;}
.Options_conten_right ul li{ float:left; white-space:nowrap; margin-right:30px;}
.Options_conten_right ul li a{ font-weight:normal;}
.Options_conten_right ul li a.on{ color:#ff6f3a;}

.null{ width:858px; height:5px; background:#fff; position:relative; bottom:0px; z-index:999; margin-top:-15px;}


.productList{ width:878px; text-align:center; margin-top:10px; *margin-top:20px; overflow:hidden;}
.productList_ul{ width:904px; margin:0 auto; overflow:hidden;}
.productList_ul li{ width:200px; height:328px; float:left; margin-bottom:10px; margin-right:26px; text-align:center; overflow:hidden;}
.productList_ul li P{ width:200px; height:60px; padding-top:5px;}
.productList_ul li img{ width:196px; height:225px; border:2px solid #fff;}
.productList_ul li img:hover{ border:2px solid #ececec;}
.productList_ul li span{ width:200px; height:70px; line-height:20px; overflow:hidden; margin-top:10px;}
.productList_ul li:hover{float:left; margin-bottom:10px; text-align:center; overflow:hidden;}
.productDetails{ width:878px; float:right; overflow:hidden; margin-top:10px; *margin-top:20px;}


.a_leftnav{ width:208px; float:left; margin-top:10px; border:1px solid #ff6f3d; }
.a_leftnav_title{ width:184px; height:40px; line-height:40px; padding-left:20px; font-size:15px; color:#ff6f3d;}
.a_leftnav ul{ width:184px;padding-left:20px; border-top:1px solid #dfdfdf;}
.a_leftnav ul li{ width:174px; height:30px; line-height:30px; background:url(../images/systemImg/list_bg.jpg) no-repeat left center; padding-left:10px;}
.a_leftnav ul .a_leftnav_on a{color:#ff6f3d;}


.right_conten{width:878px; float:right; margin:10px 0 10px; border:1px solid #cccccc;}
.right_conten_size{ width:858px; padding:10px 0; overflow:hidden;}
.right_conten_size p{ line-height:24px; margin-bottom:20px;}


.right_conten_size_list{ width:858px;}
.right_conten_size_list li{ width:848px; height:35px; line-height:35px; padding-left:10px; float:left; background:url(../images/systemImg/classlist_bg.jpg) no-repeat left center; border-bottom:1px dashed #dfdfdf;}
.right_conten_size_list li span{ color:#999; float:right;}

.right_conten_size_title{ width:858px; overflow:hidden; text-align:center; padding-bottom:5px; border-bottom:1px solid #ff6f3d; margin-bottom:10px;}
.right_conten_size_title h1{ width:858px; font-weight:normal; font-size:16px; float:left; height:40px; line-height:40px; overflow:hidden;}
.right_conten_size_title sapn{ width:858px;; text-align:center; float:right; height:30px; line-height:30px; overflow:hidden;}
.last_next{ width:858px; height:35px; line-height:35px; overflow:hidden; position:relative; bottom:10px;}
.last{ width:425px; float:left;}
.next{ width:425px; float:right;}


.pagecontainer{ position:absolute; top:300px; right:30px; width:370px; top:345px;}
.pages{text-align:center;margin:10px;height:22px; line-height:22px; clear:both;}
.pages a{display:inline-block; padding:0px 6px; color:#000; margin-right:4px;}
.pages a span{margin:auto 2px; cursor:pointer}
.pages a.normal{}
.pages a:link,pager:visited{ text-decoration:none}
.pages a:hover{text-decoration:none; color:#ff0000;}
.pages a.selectedpage{color:#ff0000; font-weight:bold; text-decoration:none; border:none;}
.pages a.selectedpage:hover{}
.pages a.prevpage{}
.pages a.disabled span{color:#ddd; cursor:inherit; text-decoration:none}
.pages a.disabled{}
.pages a.disabled:hover{}

.required{ color:Red;}