@charset "gb2312";
/* CSS Document */
html, body, ul, li, p, ol { padding: 0; margin: 0; }
body { font-size: 14px; font-family: "Microsoft yahei", "微软雅黑"; color: #333; background-color: #fff; }
ul, li { list-style-type: none; text-transform: capitalize; }
.clear { width: 100%; height: 0; clear: both; line-height: 0; font-size: 0; margin: 0 auto; padding: 0; }
.clear10 { width: 100%; height: 10px; clear: both; line-height: 0; font-size: 0; margin: 0 auto; padding: 0; }
.clear15 { width: 100%; height: 10px; clear: both; line-height: 0; font-size: 0; margin: 0 auto; padding: 0; }
a { text-decoration: none; color: #333; }
img { display: inline-block; }

#zSlider{ position: relative; margin:0px auto; width: 100%; height: 683px; }
#picshow,#picshow_img{ width: 100%; height: 683px; }
#picshow_img li { width: 100%; height: 683px; display:none; background-position: center 0; background-repeat: no-repeat; }
#select_btn { position: absolute; left: 50%; bottom: 30px; margin-left: -129px; width: 258px; height: 4px; }
#select_btn li{ width: 80px; height: 4px; margin: 0 3px; float: left; cursor:pointer; background-color:#fff; }
#select_btn li:hover{ background-color:#e50014;}
#select_btn li.current{ background-color:#e50014;}
.banner-img { position: absolute; left: 50%; top: 270px; margin-left: 280px; width: 214px; }
.top { position: absolute; top: 23px; left: 50%; z-index: 999; margin-left: 300px; width: 180px; height: 16px; line-height: 16px; }
.top a { color: #fff; padding: 0 6px; font-size: 12px; }
.top img { vertical-align: text-top; }
.nav-wrap { position: absolute; top: 66px; left: 0; z-index: 999; width: 100%; height: 80px; background: url("http://www.wintures.com/images/top-bg.png") repeat 0 0; }
.nav { position: relative; width: 1150px; height: 98px; margin: 0 auto; background-color: #c6ddef; }
.nav .logo { width: 432px; height: 98px; float: left; margin-left: -36px; }
.nav .logo img { border: 0; }
.nav>ul { width: 730px; float: right; }
.nav>ul>li { width: 111px; float: left; }
.nav>ul>li>a.on ,.nav>ul>li>a:hover { height: 95px; overflow: hidden; font-weight: bold; border-bottom: 3px #c51f27 solid; }
.nav>ul>li>a { display: block; color: #2f2522; line-height: 95px; font-size: 17px; text-align: center;  }
.mainlevel>ul { position: absolute; width: 1150px; top: 98px; display: none; }
.product-nav { left: 0; width: 1150px; height: 38px; line-height: 38px; text-align: center; background: url("../images/nav-fbg.png") repeat 0 0; }
.product-nav a { color: #fff; margin: 0 9px; }

.div-1-wrap { width: 100%; height: 360px; background-color: #f1f1f1; margin-top: 45px; margin-bottom: 45px; }
.div-1 { width: 980px; margin: 0 auto; }
.title-a { height: 40px; line-height: 40px; font-size: 16px; margin-bottom: 10px; }
.title-a b { float: left; }
.title-a b span { color: #1f60c5; padding-left: 5px; }
.title-a a { float: right; font-size: 14px; }
.video { width: 326px; padding-top: 30px; height: 330px; float: left; margin-right: 20px; }
.video-in { width: 326px; }
.news { width: 320px; padding: 30px 20px; height: 300px; float: left; background-color: #e6e6e6; margin-right: 30px;  }
.headline { height: 80px; border-bottom: 1px dashed #ccc; }
.headline a { font-size: 16px; line-height: 28px; color: #df0428; font-weight: bold; }
.headline p { line-height: 20px; }
.news-ul { margin-top: 10px; }
.news-ul li { padding-left: 8px; height: 27px; line-height: 27px; background: url("../images/square1.png") no-repeat 0 center; }
.news-ul li span { float: right; }
.addr { width: 240px; padding-top: 30px; height: 330px; float: left;}
.addr-in p { line-height: 35px; }
.blue1 { color: #1f60c5; font-size: 15px; }
.red { color: #ed3338; font-size: 15px; }

.div-2 { width: 1020px; height: 60px; margin: 0 auto 50px; }
.div-2 a { display: block; width: 320px; height: 40px; padding: 10px 0;  line-height: 20px; text-align: center; margin: 0 10px; font-weight: bold; float: left; color: #fff; font-size: 16px; }
.div-2 a span { font-size: 14px; font-weight: normal; }
.lei-a { background-color: #5687d4; }
.lei-b { background-color: #e58e1a; }
.lei-c { background-color: #ed3338; }
.lei-a:hover { background-color: #6096ea; }
.lei-b:hover { background-color: #f5a234; }
.lei-c:hover { background-color: #fc4e53; }

.div-3 { width: 1000px; margin: 0 auto; }
.title-b { margin-bottom: 20px; }
.title-b b { display: block; text-align: center; color: #df0428; font-size: 30px; font-weight: normal; }
.title-b b span { color: #333; font-size: 20px; font-weight: bold; letter-spacing: 3px; }
.title-b b h1 { color: #333; font-size: 20px; font-weight: bold; letter-spacing: 3px; display : inline}
.title-b a { float: right; margin-top: -10px; }
.pro-box img { display: block; border: 1px #ccc solid; }
.pro-a { position: relative; float: left; width: 298px; height: 508px; }
.pro-b { position: relative; float: left; width: 332px; height: 245px; margin-left: 18px; margin-bottom: 18px; }
.shadow { position:absolute; left: 0; bottom: 0; width: 100%; height: 35px; background-color: #000; filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }
.pro-title { position:absolute; left: 0; bottom: 0; width: 100%; height: 35px; line-height: 35px; text-indent: 1em; color: #fff; z-index: 99; font-size: 15px; }
.pro-info { position:absolute; left: 10%; bottom: 60px; display: none; width: 80%; line-height: 25px; text-indent: 2em; color: #fff; z-index: 99; font-size: 14px; }
.pro-a:hover .shadow ,.pro-b:hover .shadow { height: 100%;
    transition: height 1s;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
}
.pro-a:hover .pro-info ,.pro-b:hover .pro-info {
    display: block;
}

.div-4-wrap { width: 100%; background-color: #f1f1f1; height: 80px; padding: 20px 0 80px; }
.div-4 { width: 980px; margin: 0 auto; }
.div-4-t { width: 100px; height: 40px; float: left; margin: 20px; font-size: 15px; font-weight: bold; background-color: #e60002; border-radius: 5px; line-height: 40px; text-align: center; color: #fff; }
.links { width: 820px; float: right; }
.links a { display: inline-block; font-size: 16px; line-height: 40px; color: #1f60c5; padding-right: 20px; }

.foot-wrap { width: 100%; background-color: #3a3e4a; padding: 15px 0; }
.foot-in { width: 1030px; margin: 0 auto; }
.foot { width: 320px; padding: 0 15px; float: left;}
.foot img { display: block; margin: -80px auto 20px; }
.foot div { color: #fff; line-height: 24px; text-align: center; }
.foot-a { width: 310px; padding: 15px; float: left; }
.foot-a b { display: block; font-size: 16px; line-height: 40px; color: #fff; font-weight: normal;
    border-bottom: 1px #666 solid; padding-left: 10px; }
.foot-a p { padding: 15px 0; }
.foot-a p a { display: inline-block; margin-right: 15px; color: #aaa; margin-bottom: 6px; }
.foot a { color: #999;}