html { overflow-y:scroll; }
*{margin:0px; padding:0px; word-break : normal;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color:#555355; ;}
a:hover{ color:#e80009;-webkit-transition: color ease 0.5s;}
img{border:none;}
.clear{ clear:both; height:0px; margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:14px;font-family: "Microsoft YaHei",Helvetica ;color: #9b9a98; background:#FFFFFF; }
.fl { float:left}
.fr { float:right}
.recommend h2 a:hover,.recommend h3 a:hover,.through h2 a:hover,.recommend1 h2 a:hover,.foot p a:hover,.fright li p a:hover ,.mj_menu_li_txt a:hover,.brands-list li h2 a:hover,.recommend1 li a:hover,.mj_menu_li_txt a:hover h5,.nleft h3 a:hover,.nleft h2 a:hover,.left h3 a:hover,.left h2 a:hover{ color:#e80009; -webkit-transition: color ease 0.6s;}
#head { width:100%;min-width: 1200px; }
.top { width:1040px; margin:0 auto; height:104px;}
.top p { font-size:16px; margin-top:43px; }
.top p a {color:#4c4948; margin:0px 0px 0 25px;}
.top p a.china { margin-right:25px;}
.top p a:hover { color:#e60012; }
.navbox{height:50px;position:relative;z-index:9; /*background: url(../images/navbg.jpg);*/z-index: 999;background: #fafafa;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;}
.nav{width:1040px;margin:0 auto;height:48px; list-style:none; position:relative;}
.nav li{float:left;height:48px; list-style:none;}
.nav li.last{background:none;}
.nav li:hover span,.nav li .hover {border-bottom:2px solid #e40000; position:relative; z-index:999 }
.nav li { margin:0px 53px 0 0;}
.nav li a span{float:left;line-height:50px; height:50px;font-size:16px;color:#4c4948;cursor:pointer; text-align:center; }
.mj_hover_menu{text-decoration:none; }
.nav li.selected .submenu{display:block; }
.nav li .submenu{display:none;position:absolute;top:51px;left:-71px;box-shadow: 0px 0px 10px 1px #dcdcdc;_background: #fff;_opacity: 0.95; #background: #fff;#opacity: 0.95; background:rgba(255, 255, 255, 0.95); border:1px solid #e4e4e4; overflow:hidden; padding-bottom:30px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;}
.mj_menu_pro_bg ,.mj_menu_news_bg{width:1180px; margin:0 auto; padding-top:15px; }
.mj_menu_news_main{width:1040px; margin:auto; text-align:right; }
.mj_menu_pro_main{margin-left: 70px;}
.mj_menu_pro_li{ float:left;padding-right: 38px;}
.mj_menu_li_txt{font-size:12px; color:#595757;line-height:19px; text-align:left;}
.mj_menu_li_txt h5{ font-size:15px; padding:0px 0 11px 0; color:#353334; margin:0px; font-weight:normal; line-height:22px; }
.mj_menu_li_txt a.hover h5 ,.mj_menu_li_txt a.hover { color:#f20015; border:none;}
.mj_menu_li_txt a{color:#696969; text-decoration:none; font-size:13px;}
.mj_menu_li_txt p { font-size:14px;line-height:26px; height:26px;}
.mj_menu_li_txt p a.hover {color:#f20015; border-bottom:none; }
.mj_menu_news_li{padding:0px 0px; margin-right:0px; float:left; }
.mj_menu_news_img{ text-align:left; color:#4c4948; line-height:30px; margin-left:26px; width:215px;display:inline-block; vertical-align:top;}
.mj_menu_news_img h2 { font-size:14px; line-height:30px; color:#666565 }
.mj_menu_news_img p { line-height:22px; font-size:12px; color:#929292}
.mj_menu_news_img img { width:214px; height:119px;}
.banner,.index-banner{ width:100%; height:545px; background:url(../images/bg2.jpg) repeat-x; position:relative; margin:0;overflow: hidden;min-width: 1200px;}
.www51buycom { width:100%; height:545px; position: relative;}
.www51buycom img { height:545px;}
.www51buycom .slides_container{width:2048px;height:545px; position:absolute; top:0; left:50%; margin-left:-1024px;text-align: center;z-index: 10;}
.www51buycom li{text-align: center;width:2048px;}
.www51buycom .num { overflow:hidden; height: 12px; position: absolute; bottom:34px; left: 48%; zoom:1; z-index:30; }
.www51buycom .num li { width: 12px; height: 12px; line-height: 12px; text-align: center; font-weight: 400; border-radius:50%; font-size:0px; background: #898989; margin-right:6px; cursor:pointer; float: left; }
.www51buycom .num li a{width: 12px; height: 12px;display:block;}
.www51buycom .num li.current { background: #e60012; } /*µ±Ç°Ïî*/
/*上一个 下一个*/
.index-banner .prev,
.index-banner .next {display:none;width: 100px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 222px;z-index: 100;font-size:0;float: left;}
.index-banner .prev { left: 18px; }
.index-banner .next { right: 18px; background-position: right }
.banner .www51buycom{width:2048px;height:545px; position:absolute; top:0; left:50%; margin-left:-1024px;text-align: center;}
#body { width:1040px; margin:0 auto; padding-top:21px;position: relative;z-index: 2;min-height: 600px;}
.recommend { width:329px; min-height:518px; font-size:15px; line-height:22px; }
.recommend h2 { height:42px; /*background:url(../images/tit1.jpg) repeat-x; */font-size:18px; line-height:42px; padding-left:15px; margin-bottom:8px;background: #fafafa;
border-top: 1px solid #eeeeee;}
.recommend h2 a { color:#2f2725; font-weight:normal;}
.recommend img { width:329px; height:183px;}
.recommend h3 { font-size:17px; font-weight:normal; margin:12px 0px 10px 0; }
.recommend h3 a {color:#595757; font-size:17px; width:100%; height:24px; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; display:block;}
.recommend p { margin-bottom:9px; padding-bottom:12px; border-bottom:1px dashed #c9cacb; line-height:24px; min-height:119px; }
.recommend span { float:right;}
.recommend li { line-height:30px;height: 30px;overflow: hidden; font-size:16px;}
.through { width:686px; z-index:99; position:relative; margin-top:26px;}
.through h2 { height:42px; /*background:url(../images/tit1.jpg) repeat-x; */background: #fafafa;
border-top: 1px solid #eeeeee;font-size:16px; line-height:42px; padding-left:15px; margin-bottom:8px;}
.through h2 a { color:#2f2725; font-weight:normal;}
.through li { float:left; width:77px; margin:7px 40px 15px 0;}
.through li img { width:75px; height:75px; }
.through li p { text-align:center}
.through li p { color:#787878; font-size:14px; line-height:30px;}
.through li a:hover p{ color:#e80009;-webkit-transition: color ease 0.5s;}
.recommend1 { width:330px; min-height:174px; font-size:14px; line-height:24px; position:relative; z-index:99; }
.recommend1 h2 { height:42px; /*background:url(../images/tit1.jpg) repeat-x;*/background: #fafafa;
border-top: 1px solid #eeeeee; font-size:16px; line-height:42px; padding-left:15px; margin-bottom:12px;}
.recommend1 h2 a { color:#2f2725; font-weight:normal;}
.recommend1 li { line-height:30px; font-size:16px; padding-left:5px}
.hua { width:1180px; height:141px; background:url(../images/hua.png) no-repeat left bottom; margin:0 auto; position:relative; margin-top:-108px; top:25px;z-index:1;}
/*#foot{width:100%; height:350px; position:relative; overflow:hidden; top:0px; z-index:0}
.footcon { width:1920px; height:350px; position:absolute; left:50%; margin-left:-960px; background:url(../images/foot.png) no-repeat bottom;}
*/
#foot1{width:1180px; margin:0 auto 0 auto; height:331px; position:relative; overflow:hidden; top:-19px; z-index:0; background:url(../images/foot1.png) no-repeat top;}
.foot { width:1040px; margin: 0 auto; padding-top:134px;}
.foot p { font-size:15px;color:#595757; margin-top:49px;}
.foot p a { color:#595757; margin:0px 10px;}
.fright li { float:left; margin-left:21px;}
.fright img{-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;}
.fright a:hover img { box-shadow: 0px 0px 3px rgba(51,51,51,0.5);}
.fright li p { margin:0px 0 0 0; padding:0px; text-align:center}
.fleft img { }
#wrap1 { width:100%; background: url(../images/newlistbg.jpg) repeat-x; min-height:758px;min-width: 1200px;}
#wrap { width:1200px; background: url(../images/wrapbg.png) no-repeat bottom center; margin:0 auto;}
.left { width:220px; margin-top:3px; overflow:hidden; padding-bottom:150px;}
/* .left { width:329px; margin-top:3px; overflow:hidden; padding-bottom:150px;} */
.left h2 { color:#383838; font-size:15px; font-weight:normal;}
.left h2 a,.left h2 span { color:#1c447d;}
.pos h2 { color:#383838; font-size:15px; font-weight:normal;}
.pos h2 a,.pos h2 span { color:#1c447d;}
.left h3 { font-size:32px;font-weight:normal; padding:10px 0 37px 0px; border-bottom:1px solid #e8e8e8;color:#494546;}
.left h3 a,.left h3 span { color:#494546; }
.left ul li { font-size:19px;border-bottom:1px solid #e8e8e8; height:52px; line-height:52px;}
.left ul li a { padding-left:20px; color:#545153}
.left ul li a:hover,.left ul li a.hover { color:#e80113;}
.left ul li a.hover1 { color:#e80113;background:url(../images/icon1.jpg) no-repeat left center ;}
.left1 { width:217px; margin-top:3px; overflow:hidden; padding-bottom:150px;}
.left1 h2 { color:#383838; font-size:15px; font-weight:normal;}
.left1 h2 a,.left1 h2 span { color:#1c447d;}
.left1 h3 { font-size:32px;font-weight:normal; padding:10px 0 37px 0px; border-bottom:1px solid #e8e8e8;color:#494546;}
.left1 h3 a,.left1 h3 span { color:#494546; }
.left1 ul li { font-size:19px;border-bottom:1px solid #e8e8e8; height:52px; line-height:52px;}
.left1 ul li a { padding-left:20px; color:#545153}
.left1 ul li a:hover,.left1 ul li a.hover { color:#e80113}
.right1 { padding-bottom:95px;}
.right1 h4 { font-size:32px;font-weight:normal; padding:10px 0 37px 0px; color:#494546; }
.right1 p { font-size:16px; line-height:25px; }
.right1 img { width:327px; height:182px; border:1px solid #cccccc }
.right1 ul.list { width:1083px; overflow:hidden; position:relative; z-index:999;}
.right1 li.li1 { float:left; width:329px; margin-top:8px; margin-right:25px; margin-bottom:15px;}
.right1 li.li2 { float:left; width:329px; margin-top:40px; margin-right:24px;}
.right1 h3 { font-size:18px; font-weight:normal; line-height:40px; }
.right1 h3 a { color:#505050}
.right1 p { font-size:16px; line-height:26px; height:90px;}
.right1 .detail { padding-top:8px; height:30px;}
.right ,.product,.about{ width:684px; padding-top:45px; margin-left:26px; padding-bottom:30px;}
.right ,.product,.about {color:#555355; }
.right h2 ,.product h2{ font-size:24px; margin:44px 0 23px 0; font-weight:normal; }
.right p ,.product p{ font-size:16px; line-height:25px; }
.right img { width:269px; height:184px; }
.right ul.list { width:880px; overflow:hidden; position:relative; z-index:999;}
.right li.li1 { float:left; width:269px; margin-top:8px; margin-right:24px;}
.right li.li2 { float:left; width:329px; margin-top:40px; margin-right:24px;}
.right h3 { font-size:18px; font-weight:normal; line-height:40px;}
.right p { font-size:16px; line-height:30px;}
.right .detail { padding-top:8px;}
figure {
position: relative;
float: left;
overflow: hidden;
width: 100%;
background: #3085a3;
text-align: center;
cursor: pointer;
margin: 0;
}
figure img {
position: relative;
display: block;
}
figure figcaption {
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure figcaption::before,
figure figcaption::after {
pointer-events: none;
}
figure figcaption,
figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:184px;;
}
figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
figure h2 {
word-spacing: -0.15em;
font-size: 1.2rem;
font-weight: 300;
}
figure h2 span {
font-weight: 800;
}
figure h2,
figure p {
margin: 0;
}
figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
/***** Winston *****/
figure.effect-winston {
background: #3C3C3C;
text-align: left;
}
figure.effect-winston img {
-webkit-transition: opacity 0.45s;
transition: opacity 0.45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-winston figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(triangle.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(0deg);
transform: rotate(45deg);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
figure.effect-winston h2 {
letter-spacing: 2px;
opacity:0;
transition: opacity 0.45s;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-winston h2 span{
font-weight: normal;
font-size: 1rem;
}
figure.effect-winston h2 div{
font-size: 0.9rem;
margin-top: .2rem;
margin-left: 1.4rem;
}
figure.effect-winston p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 8% 8% 0;
}
figure.effect-winston figcaption > a{
-webkit-transform: rotate3d(0,0,1,73deg);
transform: rotate3d(0,0,1,73deg);
margin: -3rem 0 0 -1rem;
}
figure.effect-winston p>a {
margin: 0 10px;
color: #626262;
font-size: 170%;
}
figure.effect-winston p>a:hover,
figure.effect-winston p>a:focus {
color: #009966;
}
figure.effect-winston p>a>i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}
figure.effect-winston:hover img {
opacity: 0.6;
}
figure.effect-winston:hover h2 {
opacity:1;
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-winston:hover figcaption::before {
opacity: 0.7;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
figure.effect-winston:hover p i {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-winston:hover p a:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-winston:hover p a:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
/***** Jazz *****/
figure.effect-jazz{
background: rgba(60, 60, 60, 0.9);
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-jazz figcaption {
}
figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-jazz p,
figure.effect-jazz h2{
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
figure.effect-jazz h2 a { color:#FFFFFF}
figure.effect-jazz h2 a:hover { color:#FFFFFF}
figure.effect-jazz h2 {
letter-spacing: 2px;
padding-top: 25%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-jazz h2 span{
letter-spacing: 0;
font-size:1rem;
}
figure.effect-jazz:hover img {
opacity: 0.2;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-jazz:hover figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.items {
margin: 0 auto;
overflow: hidden;
}
.items li {
position: relative;
width: 29.333%;
height: auto;
margin: 2%;
float: left;
}
.main_box{
/* Important parameters of style start */
position: relative;
overflow: hidden;
/* Important parameters of style end */
/*float: left;
margin-right: 10px;
margin-bottom: 10px;*/
}
.main_box > img{
display: block;
z-index: 10;
}
.main_box > a{
text-decoration: none;
}
.popup{
/* Important parameters of style start */
opacity:0;
text-align: center;
position: absolute;
top:50%;left:50%;
margin-top:-25px;
margin-left:-25px;
z-index: 40;
/* Important parameters of style end */
height: 50px;
width: 50px;
background: #df0100 url(img/up.png) no-repeat center center;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Firefox */
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Safari and Chrome */
box-shadow: 0 0 5px rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=2);
}
.overlayPop{
/* Important parameters of style start */
position: absolute;
top: 0;
left: 0;
display: none;
margin: 0;
/* Important parameters of style end */
background: #000;
}
.user_style3 .popup {
border-radius: 60px;
height: 60px;
width: 60px; background:rgba(168, 168, 168, 0.80);
line-height: 60px;
color: #fff;
font-size: 16px;
}
.user_style3 .overlayPop {
background: #000;
}
.product { padding-top:67px; padding-bottom:125px;}
.product .line { border-bottom:1px dashed #a7a7a7; padding-top:14px; margin-bottom:10px;}
.product h3 { font-size:21px; font-weight:normal; padding-left:35px; background:url(../images/icon2.jpg) no-repeat left center; margin-bottom:13px; margin-top:13px;}
.product img { /*border:1px solid #a7a7a7;*/ margin:14px 0 13px 0;max-width: 100%}
.product p{ line-height:27px;}
.about h2{ font-size:21px; margin:44px 0 0px 0; font-weight:normal; color:#2a2829 }
.about { padding-top:105px; padding-bottom:125px;}
.about h3 { font-size:21px; font-weight:normal; margin-bottom:2px; margin-top:25px;color:#2a2829 }
.about img { margin:12px 0 13px 0;}
.about p{ line-height:27px; font-size:16px; color:#5d5d5d}
.nleft { width:684px; padding-bottom:125px;}
.nleft h2 { color:#383838; font-size:15px; font-weight:normal; margin-top:0px;}
.nleft h2 a,.nleft h2 span { color:#1c447d;}
.nleft h3 { font-size:32px;font-weight:normal; padding: 10px 0 39px 0px; color:#494546; border-bottom: 1px solid #e0e0e0;}
.nleft h3 a { color:#494546; padding-bottom:1px; }
.nleft ul {margin-top: -1px;}
/* Ч¹ûCSS¿ªÊ¼ */
.brands-list { overflow: hidden;}
.brands-list li h2 { font-size:16px; margin-bottom:11px;font-weight: bold; margin-top: 16px;}
.brands-list li .text { width:455px; margin-left:19px; margin-top:-5px;}
.brands-list li .text1 { width:683px; margin-top:-5px;}
.brands-list li .text p,.brands-list li .text1 p{ font-size:16px; line-height:26px; color:#757575;word-break:break-all; word-wrap:break-word; }
.brands-list li .text p span,.brands-list li .text1 p span { margin-top:6px;}
.brands-list li .text p span{position: absolute;right: 0;bottom: 17px;}
.brands-list li img { width:210px; height:139px; }
.brands-list li h2 a {color:#1c1c1c}
.brands-list .list li {width: 684px; margin-top:8px;overflow: hidden;position: relative;}
.brands-list li a { position: relative; display: block; overflow: hidden; cursor: pointer; }
.brands-list li a .title { z-index: 2; position: absolute; bottom: 10px; left: -100%; width: 209px; height: 20px; padding: 0 0 0 10px; color: #f1e8eb; line-height: 17px; background: url(../images/img_caption_bg.png) no-repeat; }
.brands-list li a .shine { z-index: 3; position: absolute; top: 0; left: 0; width: 209px; height: 138px; background: url(../images/shine_brands.png) no-repeat -209px 0; }
.brands-list li a .title { _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/img_caption_bg.png');
}
.brands-list li a .shine { _background: none; }
.brands-list li { padding-bottom:14px;
border-bottom:1px solid #e0e0e0;
margin-bottom: 16px;}
/* Ч¹ûCSS½áÊø */
.nright { width:329px; padding-top:109px;}
.year {/*background:url(../images/rightbg.jpg) repeat-x;*/ padding:23px 19px 15px 19px;margin-bottom: 53px;
background-image: -webkit-linear-gradient(#f2f2f2, #fff);
background-image: -o-linear-gradient(#f2f2f2,#fff);
background-image: linear-gradient(#f2f2f2, #fff);
}
.year h2 { font-size:19px; font-weight:normal; color:#656565; padding-bottom:11px; border-bottom:1px solid #e0e0e0}
.year li { background:url(../images/icon3.jpg) no-repeat left center; font-size:17px; height:30px; line-height:30px; padding-left:13px; }
.year ul { padding-top:10px;}
.year li a {color:#436291 }
.year li a:HOVER,.year li a.hover {color:#e70012;}
.dleft { width:329px; margin-top:-3px; overflow:hidden; padding-bottom:150px;}
.dleft h2 { color:#383838; font-size:15px; font-weight:normal;}
.dleft h2 a { color:#1c447d;}
.dleft h3 { font-size:32px;font-weight:normal; padding:10px 0 37px 0px; border-bottom:1px solid #e8e8e8}
.dleft h3 a { color:#494546; }
.dleft ul li { font-size:19px;border-bottom:1px solid #e8e8e8; height:51px; line-height:51px;}
.dleft ul li a { padding-left:20px; color:#545153}
.dleft ul li a:hover,.dleft ul li a.hover { color:#e80113}
.dleft ul { margin-bottom:26px;}
.media { min-height:132px; background:url(../images/rightbg.jpg) repeat-x; padding:23px 19px 15px 19px; margin-bottom: 53px;
background-image: -webkit-linear-gradient(#efefef, #fff);
background-image: -o-linear-gradient(#efefef, #fff);
background-image: linear-gradient(#efefef, #fff);
}
.media h2 { font-size:19px; font-weight:normal; color:#656565; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e0e0e0}
.media p { font-size:17px; line-height:31px; color:#5d5d5d}
.media a,.media span{color:#436291 }
.dlist .but a{ text-align:center; line-height:40px; width:97px; height:40px; color:#FFFFFF; border:1px solid #a30408; font-size:14px; }
a.hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: url(../images/but.jpg);
}
a.hvr-trim:before {
content: '';
position: absolute;
border: white solid 2px;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
a.hvr-trim:hover:before,a.hvr-trim:focus:before,a.hvr-trim:active:before {
opacity: 1;
}nsform: scale(2);
{}
.dlist li { font-size:16px; border-bottom:1px solid #d5d5d5; overflow:hidden; padding-bottom:10px; padding-top:18px; line-height: 24px;}
.dlist li .text{width: 565px; }
.dlist li .text a {font-weight: bold;}
.dlist li p{ color:#727272; line-height:23px; margin-top: -2px;}
.dlist li .date { font-size:16px; color:#8a8a8a;
/* margin-top:7px; */
line-height: 38px;
}
.dlist {margin-top: 104px;
padding-bottom: 25px;
width: 684px;
/* border-top: 1px solid #e8e8e8; */
}
.dlist1 li{
padding-top: 4px!important;
border: none!important;
line-height: 38px;
}
.news { width:684px;padding-bottom:105px;}
.news h2 { color:#383838; font-size:15px; font-weight:normal; color:#1c447d;}
.news h2 a { color:#1c447d;}
.news h3 { font-size:27px;font-weight:normal; padding:20px 0 36px 0px; color:#494546; }
.news h3 a { color:#494546; }
.news p { font-size:17px; line-height:27px; color:#777777; padding-bottom:15px;text-align:justify;
text-justify:inter-ideograph; }
.news img { margin:0px 0 14px 0;max-width: 100%;}
.nright1 { width:329px; padding-top:107px;}
#myscroll{display:block; width:100%; position:relative;min-height:230px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; list-style-type:none; padding:0; margin:0 0 -30px 0;}
#myscroll ul li{display:block; padding:0; margin:0; width:683px; height:230px; overflow:hidden; margin-bottom:32px;}
#myscroll ul li a{display:block; width:683px; position:relative; height:230px; color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(../images/go.png) right no-repeat; height:40px; width:612px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}
#mybtns{margin:10px; width:100%; display:block; height:42px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);}
#mybtns #right{background-image:url(../images/jt_r.png);}
.zhlist{ margin-bottom:30px; overflow:hidden;}
.zhlist { width:684px; padding-bottom:125px;}
.zhlist h2 { color:#383838; font-size:15px; font-weight:normal; }
.zhlist h2 a,.zhlist span { color:#1c447d;}
.zhlist h3 {color: #494546; font-size:32px;font-weight:normal; padding:10px 0 44px 0px; }
.zhlist h3 a { color:#494546; }
.zhlist li { margin-bottom:30px;}
/*Êó±êÐüÍ£*/
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative; }
.da-thumbs li a{overflow:hidden;}
.da-thumbs li a div{position:absolute;background:#000;width:684px;height:231px;overflow:hidden;background: rgba(0, 0, 0, 0.3);}
.da-thumbs li a div.da-animate{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
/* Initial state classes:*/
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
/* Final state classes:*/
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}
.da-thumbs li a div span{display:block;position:relative; left:596px; top:196px;opacity:1;filter:alpha(opacity=100);}
.home_ad .picScroll-left .bd .da-thumbs li a div span img{width:142px;height:48px;border:0;position:absolute;left:40px;top:60px;}
.value { padding-bottom:105px;}
.value h2 { color:#383838; font-size:15px; font-weight:normal; margin-top:6px;}
.value h2 a,.value h2 span { color:#1c447d;}
.value h3 { font-size:32px;font-weight:normal; padding:9px 0 37px 0px; color:#494546;}
.value h3 a { color:#494546; }
.value h4 { font-size:21px; color:#000000; font-weight:normal; margin:22px 0px 17px 0;}
.value p { font-size:16px; color:#5b595a; line-height:27px;}
.value1 h4{text-align: center;}
.value_about p { padding-bottom:13px; font-size:17px;}
.value .text { width:694px; position:relative; z-index:999; padding-bottom:60px}
.value .part1 h4 { font-size:21px; color:#212121; text-align:left; margin:0px;}
.value .part1 ul { width:1059px; border-bottom:1px solid #cccccc; padding-bottom:28px; position:relative; z-index:9; margin-bottom:15px;}
.box{overflow: hidden;}
.box li{float: left;margin: 0px 19px 0 0;width: 333px;position: relative;}
.box li:nth-child(4n){margin-right: 0;}
.box li>a{display:block;background: #000;}
.box li img{width: 333px;height: 184px;}
.box li p { font-size:16px; color:#949494; margin-top:5px; line-height:23px;}
.box li { margin-top:13px;}
.value .part2 ul { width:1059px;position:relative; z-index:9; margin-bottom:15px;}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:9990;display:none;top:0;left:0; }
.reveal-modal{visibility:hidden;top:100px;left:50%;margin-left:-300px;width:357px;background:#fff url(modal-gloss.png) no-repeat -200px -80px;position:absolute;z-index:9999;padding:105px 80px 75px 80px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal h2{font-size:33px;color:#595757; font-weight:normal;}
.reveal-modal p{padding:0 0 0px 0; font-size:15px; line-height:24px; color:#595757;}
.reveal-modal h3{font-size:24px;color:#595757;padding:60px 0 5px 0; font-weight:normal; border-bottom:1px solid #b0b0b1; margin-bottom:5px; }
.history{color:#42413F;position: relative;z-index: 999;padding-bottom: 8px;}
.history a{color:#42413F;}
.history h2{width: 120px;height: 120px;line-height:120px;border-radius: 50%;background: #f00;color:#fff;font-size:31px;margin:0 auto;text-align: center;}
.history li{padding-left: 100%;position: relative;cursor: pointer;}
.history li a{display:block;height: 100%;width: 100%;border-left: 1px solid #42413F;}
.history li a:hover,.history li a:hover p{color:#f00;}
.history li .title{display:block;font-size:31px;padding-left: 60px;background:url(../images/h_icon2.jpg) no-repeat 7% 24px;padding-top: 10px;}
.history li .title b{font-size: 16px;margin-left: 5px;}
.history li p{font-size:16px;padding-left: 60px;color:auto;padding-bottom: 10px;}
.history .h_r{padding-left: 50%;}
.history .h_l{padding-left: 0;padding-right: 50%;}
.history .h_l a{border-left:none;border-right: 1px solid #42413F;}
.history .h_l .title{padding-left: 0;padding-right: 60px;background:url(../images/h_icon1.jpg) no-repeat 93% 24px;}
.history .h_l p{padding-left: 0;padding-right: 60px;}
.history li .icon{display:block;height: 20px;width: 20px;font-size: 0;background: #f00;border-radius:50%;position: absolute;top:20px;left:50%;margin-left: -10px;}
/*page*/
.page {color:#8e8e8e; position:relative; z-index:999; overflow: hidden;}
/*.page span { border:1px solid #cdcdcd; background:url(../images/pagebg.jpg) repeat-x; padding:0px 15px; line-height:31px; }
.page span a:hover,.page span a.hover { color:#e80009}
.page span.num { border:1px solid #dedede; background:url(../images/pagebg.jpg) repeat-x; padding:0px 10px; line-height:31px; }
*/
.page li{border:1px solid #cdcdcd; background:url(../images/pagebg.jpg) repeat-x; padding:0px 10px;height: 22px; line-height:22px; float: left;font-size:14px;margin:30px 0 0 5px;}
.page li span{color: #e80009;}
.llist {padding-top:105px; padding-bottom:85px; width:702px; }
.llist .ul li { float:left; margin-left:13px;box-shadow: 0px 0px 10px 1px #dcdcdc; margin-bottom:40px; width:221px; height:123px; background:url(../images/leaderbg.jpg) no-repeat; padding-top:18px;}
.llist .ul li p { height:20px; line-height:20px; text-align:center; font-size:17px; line-height:24px ; height:24px;color:#606160; font-weight:lighter}
.llist .ul li p.tit { color:#353432; font-weight:bold;}
.llist .ul li p.but a { color:#FFFFFF}
.llist .ul li p.but { margin-top:20px; margin-right:15px;}
.pro_list_new_tit{font-size:26px; margin-bottom:15px; background:url(../images/leaderbg1.png) repeat-x center;}
.left_sub_nav{padding-left: 3px; margin-left:30px;}
.left_sub_nav a {background:url(../images/icon11.jpg) no-repeat left center ; }
.left_sub_nav a:hover { background:url(../images/icon1.jpg) no-repeat left center ; }
.brands-list .ul li{overflow: hidden;}
.brands-list .ul li h2{font-weight: normal;}
.technology{width: 684px;
margin-top: 104px;
padding-bottom: 0;
border-top: 1px solid #e8e8e8;}
.about h6 {font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #9a9a9a; padding-bottom:10px;}
.hot_tags{ margin-top: 53px;background-image: -webkit-linear-gradient(#f2f2f2, #fff);
background-image: -o-linear-gradient(#f2f2f2,#fff);
background-image: linear-gradient(#f2f2f2,#fff);}}
.hot_tags_con{overflow: hidden;}
.hot_tags_con form {display: inline;}
.hot_tags_con a {margin: 0 15px 0 0; cursor: pointer;float: left;font-size:17px;line-height: 34px;color:#555;}
.hot_tags_con a:hover{color:#e80009;}
.hot_tags_con .item0,.hot_tags_con .item5,.hot_tags_con .item3,.hot_tags_con .item15,.hot_tags_con .item11{font-size:21px;font-weight:500;}
.hot_tags h2 {color: #1c447d;}
.search_list{width: 100%;}
.search_list .list li{width: 100%;}
.search_list .list li .text1{width: 100%;}
/* 活动日历 */
/* 活动日历 */
/* 活动日历 */
/* 活动日历 */
/* 活动日历 */
.huodongrili-year{
font-size: 24px!important;
font-weight: bold!important;
color: #333;
line-height: 1.5;
}
.huodongrili-month{
font-size: 16px!important;
color: #333;
line-height: 1.5;
}
.huodongrilitime{
width: 60px;
}
.huodongrilitext{
width: 600px;
padding: 10px;
border: 1px solid #e0e0e0;
border-radius: 10px;
}
.brands-list-rili {
overflow: hidden;
}
.brands-list-rili li h2 {
font-size: 16px;
margin-bottom: 11px;
font-weight: bold;
margin-top: 16px;
}
.brands-list-rili li .text {
width: 455px;
margin-left: 19px;
margin-top: -5px;
}
.brands-list-rili li .text1 {
/* width: 683px; */
margin-top: -5px;
}
.brands-list-rili li .text p,
.brands-list-rili li .text1 p {
font-size: 16px;
line-height: 26px;
color: #757575;
word-break: break-all;
word-wrap: break-word;
}
.brands-list-rili li .text p span,
.brands-list-rili li .text1 p span {
margin-top: 6px;
}
.brands-list-rili li .text p span {
position: absolute;
right: 0;
bottom: 17px;
}
.brands-list-rili li img {
width: 210px;
height: 139px;
}
.brands-list-rili li h2 a {
color: #1c1c1c
}
.brands-list-rili .list li {
width: 684px;
margin-top: 8px;
overflow: hidden;
position: relative;
}
.brands-list-rili li a {
position: relative;
display: block;
overflow: hidden;
cursor: pointer;
}
.brands-list-rili li a .title {
z-index: 2;
position: absolute;
bottom: 10px;
left: -100%;
width: 209px;
height: 20px;
padding: 0 0 0 10px;
color: #f1e8eb;
line-height: 17px;
background: url(../images/img_caption_bg.png) no-repeat;
}
.brands-list-rili li a .shine {
z-index: 3;
position: absolute;
top: 0;
left: 0;
width: 209px;
height: 138px;
background: url(../images/shine_brands.png) no-repeat -209px 0;
}
.brands-list-rili li a .title {
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/img_caption_bg.png');
}
.brands-list-rili li a .shine {
_background: none;
}
.brands-list-rili li {
padding-bottom: 14px;
/* border-bottom: 1px solid #e0e0e0; */
margin-bottom: 16px;
}
.touzizhe_nav_con_box{float: right;width: 800px;}
.touzizhe_nav_con_box .pic{width: 430px;overflow: hidden;max-height: 210px;float: left;margin-right: 30px;}
.touzizhe_nav_con_box .pic img{width: 100%;}
.touzizhe_nav_con_box .tz_contact_box{text-align: left;line-height: 36px;font-size: 16px;}
/* 投资者保护引导页 */
/* 投资者保护引导页 */
/* 投资者保护引导页 */
/* 投资者保护引导页 */
.wrap{
width: 1040px;
margin: 0 auto;
overflow:hidden;
}
.touzizhetitle{
margin-top: 20px;
height: 30px;
font-size: 18px;
color:#ff4553;
border-bottom: 1px solid #ff4553;
}
.touzizhetitle a{
color:#ff4553;
}
.touzizhetitle b{
float: left;
}
.touzizhetitle span{
float: right;
font-size: 14px;
}
.touzizhe{
font-size: 32px;
font-weight: normal;
padding: 10px 0 37px 0px;
color: #494546;
}
.fl{
float: left;
}
.fr{
float: right;
}
.full-screen-btn{
display: none!important;
}
.cmfb-btn{
display: none!important;
}
.stock{
position: relative;
}
.white{
position: absolute;
top: 0;
left: 770px;
width: 178px;
height: 57px;
background-color: #ffffff;
}
.touzizhetell{
/* border: 2px solid #ff4553; */
/* border-radius: 10px; */
}
.touzizhetell .tz_contact_box{
/* padding-left: 20px; */
/* padding: 20px 0 20px 20px; */
}
.touzizhetell .tz_contact_box p{
display: flex;
flex-direction: row;
align-items: center;
align-content: flex-start;
}
.touzizhetell .tz_contact_box i{
display: flex;
flex-direction: row;
align-items: center;
align-content: flex-start;
padding-right: 4px;
}
.touzizhetellbgd{
background-image: url(../images/touzizhetell.png);
background-repeat: no-repeat;
}
.touzizhetellbgd-fen{
width: 100%;
height: 100%;
/* padding-left: 20px; */
padding: 20px 0 20px 20px;
background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(254,247,247, 1));
}
/* 2023.4.20 公益基金会联系我们开始 */
.foundation h6 {
font-size: 18px;
color: #333;
padding: 10px 0;
}
.foundation-aboutus {
width: 200px;
height: 300px;
background: #F53D4C;
padding: 20px 28px;
}
.foundation-aboutus>h2 {
/* width: 64px; */
height: 40px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
line-height: 19px;
}
.foundation-aboutus ul {
font-size: 14px;
color: #FFFFFF;
line-height: 16px;
/* display: flex; */
}
.foundation-aboutus ul li {
height: 60px;
line-height: 26px;
}
.foundation-aboutus ul li h3 {
display: flex;
}
.foundation-aboutus ul li h3::before {
padding-right: 4px;
}
.foundation-aboutus ul li:nth-child(1) h3::before {
content: url(../images/foundationmeil.png);
}
.foundation-aboutus ul li:nth-child(2) h3::before {
content: url(../images/foundationcall.png);
}
.foundation-aboutus ul li:nth-child(3) h3::before {
content: url(../images/foundationcz.png);
}
.foundation-aboutus ul li:nth-child(4) h3::before {
content: url(../images/foundationlocation.png);
}
.foundation-aboutus ul li span {
padding-left: 20px;
display: inline-block;
}
.foundation-map {
width: 418px;
height: 340px;
object-fit: cover;
padding-left: 8px;
}
/* 2023.4.20 公益基金会联系我们结束 */