Skip to content

Commit

Permalink
init
Browse files Browse the repository at this point in the history
  • Loading branch information
CoomCon committed Aug 4, 2019
0 parents commit ea39e49
Show file tree
Hide file tree
Showing 67 changed files with 3,254 additions and 0 deletions.
68 changes: 68 additions & 0 deletions Assets/css/reset.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}
/*通用父子盒子嵌套浮动问题解决,开始*/
.clear {
margin: 0px auto;
width: 100%;
height: 1px;
font-size: 1px;
clear: both;
background: none;
overflow: hidden;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/*通用父子盒子嵌套浮动问题解决,结束*/
/*间隙层开始*/
.space_hx { /*横向间隙*/
clear: both;
width: 100%;
height: 20px;
font-size: 1px;
overflow: hidden;
}
.space_zx { /*纵向间隙*/
float: left;
width: 10px;
font-size: 1px;
overflow: hidden;
}
/*间隙层结束*/
87 changes: 87 additions & 0 deletions Assets/css/responsive.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
@media screen and (max-width:1020px){
.head,.nav_bg .nav_c ,.i_prom,.i_news li,.friend,.scd .title,.scd .about,.s_pro,.scd .pro_l,.pro_l ul,.pro_d,.i_news,.news{width:740px;}
.head .logo , .head .logo img{ width:415px; height:62px;}
.nav_c .search{ width:236px;}
.nav_c .search .text{ width:170px;}
.nav_c .nav{ width:500px;}
.nav_c .nav li{ width:100px;}
.b_head h6{ font-size:30px;}
.i_prom .lei{ width:180px;}
.i_prom .lei ul{ width:160px;}
.i_prom .i_prol,.mainPhoto ,.mainPhoto .go, .mainPhoto .go li{ width:528px;}
.mainPhoto .go li ul li{margin:17px 0 0 13px !important;}
.i_news li .tu, .i_news li .tu img{ width:366px; height:170px;}
.i_news li .wen{ width:346px; padding:0 10px 0; height:170px;}
.frd_m li , .frd_m li img{ width:180px; height:75px;}
.marqueeleft li{ height:175px;}
.marqueeleft li .pic , .marqueeleft li .pic img{ width:280px; height:175px;}
.pro_l .p_lei a{ padding:0px 40px;}
.pro_l ul li{ width:240px;}
.pro_l ul li img{ width:240px; height:145px;}
/*.pro_d .pro_da dt{ width:319px; height:219px;}
.pro_d .pro_da dt img{ width:289px; height:219px;}*/
.pro_d .pro_da dd{ width:360px;}
.news dl dd{ width:480px;}
.pro_d .pro_da dt{ width:365px;}
}
@media screen and (max-width:770px) {
.head,.nav_bg .nav_c ,.i_news,.i_prom,.i_news li,.friend,.scd .title,.scd .about,.s_pro,.scd .pro_l,.pro_l ul,.pro_d,.news{width:480px;}
.head{ height:auto;}
.head .h_tel{ float:left; margin-bottom:20px; margin-left:15px;}
.nav_bg,.nav_bg .nav_c{ height:auto;}
.nav_c .search{ width:480px; margin-bottom:10px;}
.nav_c .search .text{ width:420px;}
.nav_c .nav li{ height:45px; line-height:45px; font-size:15px; width:96px;}
.i_prom .lei , .i_prom .lei ul{ width:100%; height:auto; margin:0px; margin:0px auto;}
.i_prom .lei ul li{ width:96%; float:left; margin:0 2%;}
/*.i_prom .i_prol{ width:460px; margin:0px auto; height:auto; margin-top:20px;}*/
.i_prom .i_prol{ margin-top:20px !important;}
.i_prom .i_prol,.mainPhoto ,.mainPhoto .go, .mainPhoto .go li{ width:460px; margin:0px auto; height:830px;}
.mainPhoto .go li ul li img{ width:222px; height:230px;}
.mainPhoto .go li ul li{ width:222px;margin: 15px 0 6px 5px !important;}
.i_news li .tu, .i_news li .tu img{ width:480px; height:222px;}
.i_news li .wen{ width:460px;}
.frd_m li{ margin-right:5px;}
.frd_m li, .frd_m li img{ width:235px; height:97px;}
.marqueeleft li .pic, .marqueeleft li .pic img{ width:252px; height:157px;}
.marqueeleft li{ height:157px;}
.pro_l ul li img{ width:230px; height:139px;}
.pro_l ul li{ width:230px; margin-right:10px !important;}
.pro_d .pro_da dt{ width:100%; height:auto; border:0px;}
/*.pro_d .pro_da dt img{ width:100%; height:auto;}*/
.pro_d .pro_da dd{ width:100%; margin-top:20px; border-bottom:1px solid #ddd; padding-bottom:30px;}
.news dl{ border-bottom:1px dashed #ddd;}
.news dl dd{ width:100%; margin-bottom:15px; margin-top:5px;}
#preview{ margin:0px auto; margin-bottom:20px;}
.zoomdiv,.pro_d .pro_da dt .bigimg,.jqZoomPup{ display:none !important;}
}
@media screen and (max-width:510px) {
.head,.nav_bg .nav_c ,.i_news,.i_prom,.i_news li,.friend,.scd .title,.scd .about,.s_pro,.scd .pro_l,.pro_l ul,.pro_d,.news{width:320px;}
.head .logo, .head .logo img{ width:320px; height:47px;}
.head .h_tel{ width:305px;}
.head .h_tel dt img , .head .h_tel dt{ width:35px; height:35px;}
.head .h_tel dd{ width:259px;}
.head .h_tel dd div{ font-size:16px; height:20px; line-height:20px;}
.nav_c .search{ width:280px; float:left;}
.nav_c .search .text{ width:215px;}
.nav_c{ position:relative;}
.nav_c .nav{ display:none;}
.nav_c .nav_m{ display:block;}
.i_prom .i_prol,.mainPhoto ,.mainPhoto .go, .mainPhoto .go li{ width:300px; margin:0px auto; height:515px;}
.mainPhoto .go li ul li img{ width:144px; height:148px;}
.mainPhoto .go li ul li{ width:48%; height:148px; margin:10px 1% !important;}
.i_news li .tu, .i_news li .tu img{ width:144px; height:148px;}
.i_news li .wen{ width:300px;}
.foot{ width:320px; margin:0px auto;}
.foot .f_nav{ margin-bottom:10px;}
.frd_m li, .frd_m li img{ width:155px; height:63px;}
.s_pro{ padding:0px;}
.pro_l .p_lei a{ padding:0 20px;}
.pro_l ul li{ width:320px; margin:0px !important; margin-bottom:15px !important;}
.pro_l ul li img{ width:320px; height:193px;}
#preview,#spec-n5,.jqzoom{ width:320px;}
.jqzoom{ height:250px;}
.jqzoom img{ width:320px; height:242px;}
#spec-list div,#spec-list{ width:290px !important;}
#spec-list div{ margin-left:0px;}
}
203 changes: 203 additions & 0 deletions Assets/css/thems.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,203 @@
body{
font-family: "Microsoft Yahei";
text-align: center;
font-size: 14px;
color: #0000FF;
padding: 0;
margin: 0;
background-color: #FFFFFF;
}
input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}
/*头部*/
.head{ width:1000px; margin:0px auto; height:95px;}
.head .logo{ width:465px; height:70px; float:left; margin-top:13px;}
.head .logo img{ width:465px; height:70px; vertical-align:top;}
.head .h_tel{ width:317px; float:right; margin-top:22px; position:relative}
.head .h_tel .lang{ width:100%; height:18px; line-height:18px; text-align:right; font-size:12px; color:#444; position:absolute; right:0px; top:3px;}
.head .h_tel .lang a{ color:#444;}
.head .h_tel .lang a:hover{ color:#4448ff;}
.head .h_tel dt{ width:48px; height:48px; float:left;}
.head .h_tel dt img{ width:48px; height:48px; vertical-align:top;}
.head .h_tel dd{ width:261px; float:left; margin-left:8px; text-align:left;}
.head .h_tel dd div{ height:30px; line-height:30px; font-size:18px; color:#D10B00;}
.head .h_tel dd p{ font-size:14px; color:#000000;}
.head .h_tel dd p span{ margin-left:10px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.nav_bg{ width:100%; height:52px; background:#4448ff;}
.nav_bg .nav_c{ width:1000px; height:52px; margin:0px auto;}
.nav_c .search{ width:326px; height:36px; background:#fff; float:right; position:relative; margin-top:8px;}
.nav_c .search .text{ width:258px; height:36px; line-height:36px; position:absolute; left:0px; top:0px; padding:0px 5px; border:0px; background:none;}
.nav_c .search .btn{
width: 68px;
height: 36px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
border: 0px;
z-index: 99;
font-size: 14px;
color: #FFFFFF;
background-color: #0000FF;
}
.nav_c .nav{ width:645px; float:left;}
.nav_c .nav li{ width:120px; height:52px; text-align:center; line-height:52px; float:left; font-size:16px; color:#FFFFFF;}
.nav_c .nav li a{ font-size:16px; color:#FFF;}
.nav_c .nav li.now , .nav_c .nav li:hover{
background-color: #000066;
}
.nav_c .nav_m{ display:none; position:relative; width:100%;}
.nav_m .n_icon{ display:block; width:22px; height:18px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:10px; top:17px; z-index:9999; cursor:pointer;}
.nav_m ul{ width:100%; border-top:2px solid #fff; display:none; clear:both;}
.nav_m ul li{ width:100%; height:38px; line-height:38px; border-bottom:1px dashed #ddd; text-align:left;}
.nav_m ul li a{ display:block; width:94%; height:38px; line-height:38px; padding:0px 3%; color:#fff;}
.nav_m ul li:hover{background:#2A6B1D;}
/*幻灯片*/
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto; position:relative; z-index:99;}
/*幻灯片*/
.hui_bg{ width:100%; background:#E7E7E7; box-shadow:0px 1px 5px #ddd inset;}
.b_head{ width:100%; text-align:center; padding:50px 0;}
.b_head h6{ font-size:40px; color:#5B5B5B; font-weight:normal;}
.b_head h6 span{ color:#211a79;}
.b_head p{ font-size:14px; color:#969696; margin-top:10px;}
.i_prom{ width:1000px; margin:0px auto; padding:10px 0 100px;}
.i_prom .lei{ width:200px; float:left; background:#FFF; border:1px solid #ddd; height:571px; overflow:hidden;}
.i_prom .lei .title{ width:100%; height:40px; line-height:40px; background:#44488F; font-size:18px; color:#FFFFFF;}
.i_prom .lei ul{ width:180px; margin-left:10px;}
.i_prom .lei ul li{ width:100%; text-align:center; border-bottom:1px solid #ddd;}





.i_prom .lei ul li a{ display:block;height:40px; line-height:40px;font-size:12px; color:#393939;}
.i_prom .lei ul li a:hover{ color:#44488F;}
.i_prom .lei ul li ul{ width:100%; border-top:1px solid #ddd; margin-left:0px; display:none;}
.i_prom .lei ul li ul li{ width:100%; border-bottom:1px dashed #ddd;}



.i_prom .i_prol{ width:760px; height:551px; border:1px solid #ddd; float:right; background:#FFF; overflow:hidden; padding:10px;}
.slidegrid {float: left;position: relative;overflow: hidden;}
.slideitems {width: 2000000em !important;position: absolute;}
.slideitems li {float: left;}
.mainPhoto {width:760px; height:551px;margin: 0 auto;position: relative;overflow: hidden}
.mainPhoto .go {width:760px; height:551px;position: relative;left:0px;overflow: hidden}
.mainPhoto .go li {width:760px; height:551px; margin:0px !important; margin-right:5px;overflow: hidden}
.i_prom .i_prol ul{ width:100%;}
.mainPhoto .go li ul li{ width:244px; height:252px; float:left; margin:15px 0 0 7px !important; position:relative;}
.mainPhoto .go li ul li img{ width:244px; height:252px; vertical-align:top;}
.mainPhoto .go li ul li .title{ width:100%; height:37px; line-height:37px; text-align:left; background:url(../images/bg_a.png) repeat; position:absolute; left:0px; bottom:0px; z-index:99;}
.mainPhoto .go li ul li .title p{ width:90%; height:37px; line-height:37px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#FFF; margin-left:5%;}
.mainPhoto .go li ul li a:hover .title p{ color:#328622;}





.i_news{ width:1000px; margin:0px auto; padding-bottom:100px;}
.i_news li{ width:1000px; margin:0px auto; margin-bottom:8px;}
.i_news li .wen{ width:466px; height:180px; padding:10px 15px 0; position:relative; background:#F3F3F3;}
.i_news li .wen h5{ width:100%; height:60px; line-height:60px; position:relative; font-weight:normal;}
.i_news li .wen h5 p{ width:70%; height:60px; line-height:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i_news li .wen h5 p a{ font-size:14px; color:#357F05;}
.i_news li .wen h5 span{ display:block; text-align:center; position:absolute; right:0px; top:0px; font-size:14px; color:#A4A4A4;}
.i_news li .wen .des{ width:100%; height:80px; line-height:175%; overflow:hidden; font-size:12px; color:#595959;}
.i_news li .wen .more{
display: block;
width: 24px;
height: 24px;
text-align: center;
position: absolute;
right: 0px;
bottom: 0px;
background-color: #44488F;
}
.i_news li .wen .more img{ width:11px; height:11px; vertical-align:top; margin-top:6px;}
.i_news li .tu , .i_news li .tu img{ width:496px; height:190px; vertical-align:top;}
.i_news li.one .tu{ float:right;}
.i_news li.one .wen{ float:left;}
.i_news li.two .tu{ float:left;}
.i_news li.two .wen{ float:right;}
.friend{ width:1000px; margin:0px auto; padding-bottom:100px;}
.frd_m{ width:100%;}
.frd_m li{ width:480px; height:260px; float:left; margin-right:6px; margin-bottom:9px; box-shadow:1px 1px 3px #ccc;}
.frd_m li img{ width:480px; height:260px; vertical-align:top;}
.foot{ width:100%; padding:80px 0; text-align:center; border-top:1px solid #ddd;}
.foot .f_nav{ width:100%; line-height:200%; color:#3B3B3B;}
.foot .f_nav a{ font-size:12px; color:#3B3B3B; margin:0 10px; display:inline-block; *display:inline; zoom:1;}
.foot .f_nav a:hover{ color:#367F05;}
.foot p{ font-size:12px; color:#656565; line-height:200%;}
.banner img{ width:100%; height:auto; vertical-align:top;}
.scd{ width:100%; margin:0px auto; padding-bottom:80px;}
.scd .title{ width:1000px; margin:0px auto; position:relative;}
.scd .title .line{ width:100%; height:1px; background:#ddd; position:absolute; left:0px; top:70px; z-index:1;}
.scd .title .t_name{ display:inline-block; *display:inline; zoom:1; background:#FFF; position:relative; margin:0px auto; z-index:2; padding:10px; vertical-align:top; margin-top:30px;}
.scd .title .t_name h6{ font-size:22px; color:#211a79; font-weight:normal;}
.scd .title .t_name p{ font-size:14px; color:#8D8D8D;}
.scd .about{ width:1000px; margin:0px auto; text-align:left; padding:30px 0; font-size:14px; color:#909090; line-height:175%;}
.s_pro{ width:1000px; margin:0px auto; padding:50px 0; text-align:left;}
.s_pro .mar_m {width:2000000em;}
.marqueeleft {height:205px;width:100%;overflow: hidden;}
.marqueeleft ul {float: left;}
.marqueeleft li {float: left;display: inline;height:205px;overflow: hidden; margin-right:7px;}
.marqueeleft li .pic {display: block;overflow: hidden;width:328px;height:205px;}
.marqueeleft li .pic img{width:328px;height:205px;vertical-align:top;}
.scd .pro_l{ width:1000px; margin:0px auto;}
.pro_l .p_lei{ padding:30px; text-align:center;}
.pro_l .p_lei a{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; border-right:1px dashed #ccc; padding:0px 60px; font-size:16px; color:#2D2D2D; margin-bottom:10px;}
.pro_l .p_lei a.now , .pro_l .p_lei a:hover{ color:#D60000;}
.pro_l ul{ width:1000px; margin:0px auto;}
.pro_l ul li{ width:325px; float:left; margin:10px 10px 10px 0;}
.pro_l ul li img{ width:325px; height:197px; vertical-align:top;}
.pro_l ul li a{ font-size:14px; color:#212121;}
.pro_l ul li a:hover{ color:#328622;}
.pro_l ul li .name{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.pages{ width:100%; padding:20px 0; text-align:center;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:26px; line-height:26px; border:1px solid #ddd; margin:0px 1px; font-size:13px; color:#333; padding:0px 9px; text-align:center;}
.pages a:hover , .pages a.now{ color:#FFF; border:1px solid #328622; background:#328622;}
.pro_d{ width:1000px; margin:0px auto; padding:30px 0 20px; text-align:left;}
.pro_d .pro_da{ width:100%;}
.pro_d .pro_da dt{ width:435px; height:265px; float:left; border-right:1px dashed #ddd;}
/*.pro_d .pro_da dt img{ width:350px; height:265px; vertical-align:top;}*/
.pro_d .pro_da dd{ width:475px; float:right;}
.pro_d .pro_da dd h1{ font-size:16px; color:#000000; margin-bottom:40px; line-height:175%; font-weight:normal;}
.pro_d .pro_da dd .des{ width:100%; font-size:14px; color:#777777; line-height:175%;}
.pro_d .pro_ctn{ width:100%; margin-top:20px; font-size:14px; color:#707070; line-height:175%;}
.news_d{ width:100%; text-align:left; line-height:200%; border-top:1px solid #ddd; padding-top:30px;}
.news_d h3{ width:100%; text-align:center; padding:10px 0; margin-bottom:20px; line-height:150%;}
.news_d .des{ width:100%; padding:0px 0 10px; font-size:13px; color:#999; text-align:center;}
.news_d .n_ctn{ padding:20px 0; border-top:1px dashed #ddd; min-height:250px; line-height:175%;}
.news_d .w_dx{ width:100%; margin-top:50px; padding-top:10px;}
.news_d .w_dx p{ width:98%; height:22px; line-height:22xp; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.news_d .w_dx p a{ color:#666;}
.news_d .w_dx p a:hover,.news dl dd .tilte a:hover,.news dl dd .more a:hover{ color:#D60000;}
.news{ width:1000px;}
.news dl{ width:100%; margin-top:15px;}
.news dl dt , .news dl dt img{ width:240px; height:165px; float:left; vertical-align:top;}
.news dl dd{ width:745px; float:right; text-align:left;}
.news dl dd .tilte{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd .tilte a{ font-size:15px; color:#333;}
.news dl dd .des{ width:100%; height:90px; font-size:13px; color:#666; line-height:180%; overflow:hidden;}
.news dl dd .more{ width:100%; height:25px; line-height:25px; margin-top:10px;}
.news dl dd .more a{ display:inline-block; *display:inline; zoom:1; width:90px; height:25px; line-height:25px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background:#ddd; text-align:center; color:#777;}
.pro_d .pro_da dt{ height:365px;}
#preview{ float:none; margin-left:0px;text-align:center; width:365px;}
.jqzoom{ width:350px; height:270px; position:relative;}

.zoomdiv{ left:859px; height:330px; width:330px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../plugins/pro/images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../plugins/pro/images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0; overflow:hidden;}
.jqzoom img{ width:350px; height:265px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.pro_d .pro_da dt .bigimg{width:529px;height:401px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move; width:120px !important; height:120px !important;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:8px; *margin-left:0; width:310px !important;}
Binary file added Assets/images/bg_a.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Assets/images/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Assets/images/more.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Assets/images/nav_ico.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Assets/images/tel.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 2 additions & 0 deletions Assets/js/jquery-1.8.3.min.js

Large diffs are not rendered by default.

Loading

0 comments on commit ea39e49

Please sign in to comment.