@import url('color.css');

* { margin: 0; padding: 0; }

body {
    font-family: Microsoft Yahei,Arial,Verdana,Sans-Serif;
    font-size: 15px;
    background: url(../images/bg.gif);
    line-height: 24px;
    min-width: 1200px;
    color: #333;   
}


li { list-style-type: none; }
img { border: 0; }
a { color: #333; text-decoration: none; }
a:hover { color:var(--nav-hover); }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.con { margin: 0 auto; width: 1200px; }

.adTop { width: 1200px; margin: 0 auto; padding-top: 10px; }


.top { height: auto; }
.toplogo { padding: 10px 0; height:80px;}
.toplogo .logo { float: left; width:300px;}
.toplogo .logo img{height:60px;margin-top:10px;}

.toplogo .topad { float: left; width: 620px; text-align:center; }

.headsearch {  padding: 10px 0; width: 332px; margin:0 auto; margin-top:10px; overflow:hidden;}
.headsearch .s_text { width: 260px; height: 40px; outline: medium; border: 1px solid var(--border) ; border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:10px ;line-height: 33px; float: left; }
.headsearch .s_sub { width: 60px; height: 42px; background:var(--border) ;font-size:15px; color:var(--font-bold);cursor: pointer; border: 0; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


.toplogo .user { width: 280px; height: 32px; line-height:32px; float: right;  padding-top:24px;}
.toplogo .user a{font-size:16px;}
.toplogo .user ul{float:right }
.toplogo .user ul li{margin-left:20px;float:left;position:relative;}
.toplogo .user ul li i{margin-right:5px;font-size:20px;}

.toplogo .user ul li span{padding:0 10px;background:var(--border);border-radius:5px;text-align:center;color:var(--font-bold);font-size:15px;display:block;float:right;}
.toplogo .user ul li span:hover{background:var(--nav-hover);color:var(--nav-color);}

.toplogo .user ul li img{width:32px;height:32px;border-radius:16px;position: relative; z-index: 11;}
.toplogo .user .out{ display:none; position: absolute;width:150px;left:-118px; top: 40px; text-align:center; z-index: 100000; background:var(--border-bg); border: 1px solid var(--border);border-radius:5px;  }
.toplogo .user .out .item { line-height: 35px; border-bottom: 1px solid var(--border); }
.toplogo .user .out .item a{font-size:15px;display:block;}
.toplogo .user .out .item i{font-size:15px;margin-right:10px;}



.topnav { width: 100%; height: 40px; background:url(../images/nav_bg.gif);position:absolute;z-index:999;min-width:1200px;}
.topnavheight{height:40px;}
.topnav .nav { width: 1200px; height: 40px; overflow: hidden; margin: 0 auto; line-height: 40px; }
.topnav .nav ul { }
.topnav .nav ul li { float: left; font-weight: bold; margin-right:10px; }
.topnav .nav ul li a { color:var(--nav-color); height: 40px; display: block; float: left;  padding:0px 15px; }
.topnav .nav ul li a:hover { color:var(--nav-color); height: 40px; display: block; background: var(--nav-hover) ; text-decoration: none; }
.topnav .nav ul li a.hover { color: var(--nav-color); height: 40px; display: block; background: var(--nav-hover) ; text-decoration: none; }




.foot { width: 100%; height: auto; margin-top: 20px; padding-bottom: 70px; }
.foot .nav { padding-top: 20px; width: 880px; float: left; }
.foot .nav .list { padding-bottom: 10px;font-size:16px; }
.foot .nav .list a {padding-right:15px;}
.foot .nav .text { line-height: 30px; font-size: 14px; color:var(--font-light); }
.foot .nav .text p { display: flex; align-items: center; }

.foot .wx { width: 320px; float: right; overflow: hidden; font-size: 12px; padding-top: 10px;text-align:right; }
.foot .wx a { width: 80px; padding: 5px;  display: block; float: right; height: 100px; margin-left: 10px; text-align: center; line-height: 20px; }
.foot .wx a:hover { background: var(--font-hover); }
.foot .wx a img { height: 80px; }


/*侧飘*/
.rightmenu { position: fixed; right:10px; bottom: 40%; z-index: 999; display: block;background:var(--border); border-radius:5px;}
.rightmenu .wx { position: relative; width: 100px; height: 100px;}
.rightmenu .wx img { width: 80px; height: 80px; margin: 10px; }

.rightmenu .backtop { cursor: pointer;display:none;}
.rightmenu .backtop img{width:80px;margin-left:10px;}

/*** effect zoom in ***/

.img-zoom-in img , .lot1 img, .lot2 img, .lot3 img
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.img-zoom-in:hover img , .lot1:hover img, .lot2:hover img, .lot3:hover img
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}


.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video iframe,
.video object,
.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*** effect zoom in ***/

.pic img { transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.pic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) }

/*分页控件*/
.pagelist { clear: both; margin-top: 50px; margin-bottom: 30px; height: 30px; text-align: center; }
.pagelist ul { list-style-type: none; }
.pagelist li { display: inline; }
.pagelist li a { padding: 8px 15px; border: 1px solid var(--border); margin-right: 10px; border-radius:5px;}
.pagelist li:hover a, .pagelist li.hover a { border: 1px solid var(--nav-hover) ; background:var(--nav-hover) ; color:var(--nav-color); }