@import url('color.css');

* { margin: 0; padding: 0; }
body { font-family: Microsoft Yahei,Arial,Verdana,Sans-Serif; font-size: 15px; line-height: 24px; min-width: 1200px; color: #333;background:#f5f5f5; }


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; }
*/
input, select, button { -webkit-appearance: none; appearance: none; }


/*清除浮动代码*/
.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 }
.clearfloat { zoom: 1 }

.clearfix { *zoom: 1 }
.clearfix:after { visibility: hidden; clear: both; display: block; content: "."; height: 0 }

/* 默认宽度为1200px */
.con { width: 1200px; margin: 0 auto; }

/* 当屏幕宽度大于1500px且小于等于1700px时，宽度为1400px */
@media (min-width: 1501px) and (max-width: 1700px) {
    .con { width: 1400px; }
}

/* 当屏幕宽度大于1700px时，宽度为1600px */
@media (min-width: 1701px) {
    .con { width: 1600px; }
}

.top { height: auto; }
.toplogo { padding: 10px 0; height:100px;overflow:hidden;}
.toplogo .logo { float: left; width:400px;}
.toplogo .logo img{height:100px;margin-top:5px;}

.toplogo .topad { float: left; width: calc(100% - 800px); text-align:center; }

.headsearch {  padding: 10px 0; width: 332px; margin:0 auto; margin-top:20px; overflow:hidden;}
.headsearch .s_text { width: 260px; height: 40px; outline: medium; border: 1px solid var(--nav-bg); 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(--nav-bg); color:var(--nav-color); cursor: pointer; border: 0; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


.toplogo .user { width: 400px; height: 30px; float: right;  padding-top:35px;text-align:right;}
.toplogo .user a{font-size:15px;}
.toplogo .user .bell{line-height:30px;height:30px;}
.toplogo .user .bell span{padding:0 5px;background:var(--nav-bg);border-radius:5px;text-align:center;color:var(--nav-color);font-size:16px;width:80px;display:block;float:right;margin-left:20px;}
.toplogo .user .bell span:hover{background:var(--nav-hover);}


.topnav { width: 100%; height: 50px; background:var(--nav-bg);position:absolute;z-index:999;min-width:1200px;}
.topnavheight{height:50px;}
.topnav .nav { height: 50px; overflow: hidden; margin: 0 auto; line-height: 50px; }
.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 25px; font-size:16px;}
.topnav .nav ul li a:hover { height: 50px; display: block; background:var(--nav-hover); text-decoration: none; }
.topnav .nav ul li a.hover { height: 50px; display: block; background: var(--nav-hover); text-decoration: none; }


.top .adTop{width: 1200px;margin: 0 auto; padding-top:10px;}
.foot .adbottom{width:1200px;margin:0 auto;}
.foot .adbottom img{width:1200px;object-fit:cover;border-radius:5px;}


.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:20px;}
.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(--border-bg); }
.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-bg); background:var(--nav-bg); color:var(--nav-color); }