html{ overflow-x:auto; overflow-y:auto;}
*{ margin: 0; padding: 0; }
ul,ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'Microsoft yahei'; font-size:12px; }
code, kbd, pre, samp {font-family:'Microsoft yahei';}
a{ text-decoration: none; color:#393838;}
a:hover{color:#ba1d42; cursor:pointer;}
img{ max-width:100%; border:0;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none;}
*,*:before,*:after {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}

.pz_top{ /*position:fixed; z-index:9999;*/ width:100%; /*min-width:1200px;*/ background:#fff;}
.pz_main{ float:left; width:100%; /*min-width:1200px;*/ /*margin-top:66px;*/ margin-top:-8px;}
.pz_down{ float:left; width:100%; /*min-width:1200px;*/}
.fixed{position:fixed; z-index:9999;left:0; top:0;}
/*top*/
.c_0100_1{ float:left; width:100%; padding:0 50px; padding-top:5px; border-bottom:3px solid #f1f1f3;}
.logo{ float:left; padding:8px 0 0 0;}
.right{ float:right; margin-right:5px;}
.right span{ float:left; color:#545454; line-height:60px; font-size:14px; margin-right:15px;}
.right i{ float:left; width:37px; height:37px; margin:10px 0 0 10px; position:relative; z-index:1111;}
.right i .pf_img{ position:absolute; z-index:11; width:37px; height:37px; left:0; top:0; display:none;}
.right i:hover .pf_img{ display:block;}
.right i .pf_ewm{ position:absolute; z-index:111; right:-15px; top:38px; width:97px; height:103px; background:url(images/img_3.png) no-repeat; display:none;}
.right i .pf_ewm img{ float:left; margin:16px 0 0 8px;}
.right i:hover .pf_ewm{ display:block;}

.c_0100_4{display: inline-block; width:100%; padding:0 50px; height:40px; background:#fff;}
.c_0100_2{ float:left;}
.t_0100{ float:left; margin:12px 0 0 0; height:14px; border-left:4px solid #9f9f9f; font-size:14px; color:#767676; padding-left:10px; line-height:14px;}
.t_0100 a{ color:#767676;}
.t_0100 a:hover{ color:#2381eb; text-decoration:underline;}


/*妗堜緥鍒嗙被*/
.select{ float:right; z-index:11; right:50px; top:66px; line-height:40px; font-size:14px; color:#545454; height:40px;display:none }
.select a{ float:left; width:117px; background:#eff0f2 url(images/top1.png) no-repeat 84px center; color:#545454;padding-left:20px;}
.classify{ float:left; width:100%; padding:0 50px 30px 50px; background:#eff0f2; /*display:none;*/}
.title1{ position:absolute; z-index:11; color:#3c3c3c; font-size:14px; left:0; top:0px; line-height:32px;}
.right_list{ float:right; width:100%; line-height:32px; margin-top:20px; position:relative; padding-left:94px;}
.right_list a{ float:left; width:191px; color:#626060; font-size:14px;}
.right_list a.hover,
.right_list a:hover{ color:#2381eb; text-decoration:underline;}

.color{ float:left}
.color span{ float:left; width:47px;}
.color span a{color:#626060; max-width:47px; font-size:14px;}
.color span a.hover,
.color span a:hover{ color:#2381eb; text-decoration:underline;}
.color i{ float:left; width:20px; height:20px; margin-top:5px;}
.color i a,.color i a:hover{max-width:20px; float:left; width:20px; height:20px; text-decoration:none;}
/*.color i a.rad{  background-color:#ff0000;}*/
/*.color i a.yellow{ float:left; width:20px; height:20px; background:#ffff00}
.color i a.blue{ float:left; width:20px; height:20px; background:#0033ff}
.color i a.gray{ float:left; width:20px; height:20px; background:#cccccc}
.color i a.black{ float:left; width:20px; height:20px; background:#000000}
.color i a.green{ float:left; width:20px; height:20px; background:#66cc00}
.color i a.brown{ float:left; width:20px; height:20px; background:#663333}
.color i a.violet{ float:left; width:20px; height:20px; background:#663399}*/


/*main*/
.list_pro{ margin:0 auto; width:1803px;}


/* wrapper */
.list_pro{ margin:0 auto; width:100%; padding:0 50px;}
#wrapper{width:100%; float:left;}
#container{position:relative; width:100%; margin:0 auto 25px;padding-bottom:10px;}
.grid{/*width:14.666666667%;*/ width:280px; /*min-height:300px;*/ min-height:178px; border:1px solid #f2f2f2; background:#fff;/*margin:20px 1%;*/font-size:12px;float:left; position:relative; z-index:11; overflow:hidden;}
.grid{-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.pf_75{ position:absolute; z-index:11; width:75px; height:39px; background:#2381eb url(images/img_5.png) no-repeat 47px center; opacity:0; right:0; top:0;}
.pf_75 span{ float:left; margin-left:14px; color:#dfe9fb; font-size:14px; line-height:39px;}
/*.grid:nth-child(6n){ margin-right:0;}*/
.grid .meta{text-align:left; margin-left:5%; width:90%; color:#4b4a4a; overflow:hidden;}
.grid .meta a{ float:left; width:100%; height:40px; line-height:40px; font-size:16px; color:#4b4a4a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.grid .meta.meta1{ border-top:1px dashed #999;}
.grid .meta.meta1 a{width:auto; height:auto; padding:5px 0; }
.grid .meta.meta1 a img{width:20px; height:25px; display:block;}
.grid .meta.meta1 a.a1{float:right;}


.grid .imgholder img{width:100%;background:#ccc;display:block;background:url(images/loding.gif) no-repeat center;}
.grid .imgholder img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;}
.grid:hover .imgholder img{  max-width:110%; width:110%; margin-left:-5%; margin-top:-5%;}
.grid:hover{box-shadow:0 0 10px rgba(10,10,10,0.2);-moz-box-shadow:0 0 10px rgba(10,10,10,0.2);-webkit-box-shadow:0 0 10px rgba(10,10,10,0.2);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease; z-index:15;}
.grid:hover .pf_75{opacity:1; -webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;}

.more{ color:#3a3939; font-size:16px; width:110px; margin:0 auto; padding-bottom:99px;}
.more a{ color:#3a3939;}
.more img{ vertical-align:middle;}

/*down*/
.c_0100_3{ float:left; width:100%; background:#3f3f3f; height:63px; padding:0 50px;}
.down_logo{ float:left; padding-top:15px;}
.coy{ float:right; color:#858383; line-height:63px;}

/*鐧婚檰*/
.w_557{ margin:auto; width:557px; }
.c_557{ float:left; width:557px; height:383px; background:rgba(255,255,255,0.07); margin-top:40%;}
.logo_lain{ float:left; width:100%; text-align:center; margin-top:43px;}
.text{ float:left; width:100%; padding:2% 5%; text-align:center; color:#fff; font-size:16px; line-height:24px;}

.c_252{ margin:0 auto; width:252px;}
.pass{ float:left; width:252px; height:48px; margin-top:14px; background:#fff; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px; box-shadow:0 0 20px rgba(249,245,190,0.6);-moz-box-shadow:0 0 20px rgba(249,245,190,0.6);-webkit-box-shadow:0 0 20px rgba(249,245,190,0.6);}
.pass .img{ float:left; width:44px; text-align:center; height:25px; margin:12px 0 0 10px; border-right:1px solid #cccccc;}
.pass .c_178{ float:left; width:178px; text-indent:10px; height:25px; margin-top:12px; line-height:25px; border:none;}
.buttom{ float:left; width:252px; height:48px; text-align:center; line-height:48px; color:#fff; cursor:pointer; font-size:16px; background:#2381eb; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px; border:none; margin-top:14px;}


@media screen and (max-width:767px) {
.pz_top{  min-width:100%;}
.pz_main{ min-width:100%;}
.pz_down{ min-width:100%;}

.c_0100_1{ float:left; width:100%; padding:0 5%; padding-top:5px;}
.logo{ float:left; width:388px;  padding:8px 0 0 0;}
.right{ float:right; margin-right:5px;}
.right span{ float:left; color:#545454; line-height:40px; font-size:14px; margin-right:0;}
.right i{ float:left; width:27px; height:27px; margin:8px 0 0 5px; position:relative; z-index:1111;}
.right i .pf_img{ position:absolute; z-index:11; width:27px; height:27px; left:0; top:0; display:none;}

.classify{ float:left; width:100%; padding:0 5% 30px 5%; background:#eff0f2; display:none}
.classify .title1{ float:left; width:100%; z-index:11; color:#3c3c3c; font-size:14px; height:32px; line-height:32px; position:inherit;}
.right_list{ float:left; width:100%; line-height:32px; margin-top:20px; padding-left:0;}

.right_list a{ float:left; max-width:33.33333333%; color:#626060; font-size:14px;}

.c_0100_4{ width:100%; padding:0 5%; height:30px; background:#fff; }
.c_0100_2{ float:left;}
.t_0100{ float:left; margin:7px 0 0 0; height:14px; border-left:2px solid #9f9f9f; font-size:12px; color:#767676; padding-left:5px; line-height:14px;}
.t_0100 a{ color:#767676;}
.t_0100 a:hover{ color:#2381eb; text-decoration:underline;}
.select{ float:right; line-height:30px; font-size:12px; color:#545454; height:30px; display:block;}
.select a{ float:left; width:80px; background:#eff0f2 url(images/top1.png) no-repeat 60px center; color:#545454;padding-left:5px;}


.list_pro{ margin:0 auto; width:100%; padding:0 5%;}

.more{ color:#3a3939; font-size:16px; width:110px; margin:0 auto; padding-bottom:30px;}
/*down*/
.c_0100_3{ float:left; width:100%; background:#3f3f3f; height:auto; padding:0 5%;}
.down_logo{ float:left; padding-top:15px;}
.coy{ float:right; color:#858383; line-height:24px; padding:10px 0;}

/*鐧婚檰*/
.w_557{ margin:auto; width:400px; }
.c_557{ float:left; width:400px; height:383px; background:rgba(255,255,255,0.07); margin-top:20%;}

}
@media screen and (max-width:414px) {
.pz_main{ min-width:100%; }
.logo{ float:left; padding:8px 0 0 0; width:288px;}
.c_0100_4{ width:100%; padding:0 5%; /*height:60px;*/ background:#fff; }
.c_0100_2{ float:left;}
.t_0100{ float:left; margin:7px 0 0 0; height:14px; border-left:2px solid #9f9f9f; font-size:12px; color:#767676; padding-left:5px; line-height:14px;}
.t_0100 a{ color:#767676;}
.t_0100 a:hover{ color:#2381eb; text-decoration:underline;}
.select{ float:right; line-height:30px; font-size:12px; color:#545454; height:30px; /*margin-top:9px;*/}
.select a{ float:left; width:80px; background:#eff0f2 url(images/top1.png) no-repeat 60px center; color:#545454;padding-left:5px;}

.right_list a{ float:left; max-width:50%; color:#626060; font-size:14px;}

/*鐧婚檰*/
.w_557{ margin:auto; width:300px; }
.c_557{ float:left; width:300px; height:383px; background:rgba(255,255,255,0.07); margin-top:20%;}
}


.logo{ float:left; padding:8px 0 0 0; max-width:186px;}
.text_h_31{ float:left; margin-left:14px; padding-left:14px; border-left:1px solid #d1d1d1; height:31px; color:#888888; font-size:22px; line-height:31px; margin-top:14px;}
@media screen and (max-width:767px) {
.logo{ float:left; max-width:150px;  padding:8px 0 0 0;}
.text_h_31{ float:left; margin-left:10px; padding-left:10px; color:#888888; font-size:16px; line-height:31px; margin-top:10px;}
}

@media screen and (max-width:360px) {
.logo{ float:left; max-width:130px;  padding:8px 0 0 0;}
.text_h_31{ float:left; margin-left:10px; padding-left:10px; color:#888888; font-size:14px; line-height:31px; margin-top:8px;}
}




.searchbox{float:right;  margin-top:7px;}
.searchbox .searchnum{float:left; font-size:14px; margin-right:15px; line-height:28px; }
.searchbox .searchnum span{padding:0 3px; color:#2381eb; font-weight:bold;}
.searchbox .searchform{float:left; border:1px solid #999; padding:3px 5px;}
.searchbox .searchform .input_1{float:left; line-height:20px; font-size:14px; border:none; width:120px; margin-right:3px; }
.searchbox .searchform .input_2{float:left; width:20px; height:20px; background:url(/templates/cn/images/searchbtn.png) no-repeat center center; background-size:16px 16px;  border:none;}
.line{display:none;}
@media screen and (max-width:767px) {
.line{display:block; width:100%; float:left;}
.c_0100_4{height:auto !important; }
.searchbox{ margin:4px 0;}
.searchbox .searchnum{font-size:12px;}
.searchbox .searchform .input_1{font-size:12px; line-height:16px; width:90px;}
.searchbox .searchform .input_2{width:18px; height:18px; background:url(/templates/cn/images/searchbtn.png) no-repeat center center; background-size:14px 14px; }
}