@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1366px) {
body{text-align:center; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:14px; margin:0px 0px; padding:0px 0px; color:#fff; background:#353535}
.top{clear:both; width:1160px; margin:0px auto;}
.logo{width:254px; float:left; margin:30.5px 0px 0px 453px}
.av{clear:both;}
/* flexslider */
.av .flexslider{position:relative;height:485px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1 }
.av .slides{position:relative;}
.av .slides li{height:485px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; }
.av .flex-control-nav{position:absolute;bottom:20px;z-index:2; left:45%;text-align:center;}
.av .flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 2px;*display:inline;zoom:1; }
.av .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.av .flex-control-nav .flex-active{background-position:0 0;}
.av .flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.av .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}*/
#menu{clear:both; height:43px; padding:3px 0px 0px 0px;background:#212121;}
.menu{width:1160px; margin:0px auto; padding:0px; letter-spacing:2px; text-transform:uppercase; }
#daohang{clear:both; margin-left:-45px}
.tab{position:relative;display:block;float:left;cursor:pointer}
.tab .tablink{position:relative; width:auto; line-height:40px;display:block;height:40px;color:#fff;font-size:14px;z-index:99;float:left; margin:0px 0px 0px 45px}
.tab .tablink a{line-height:40px;color:#fff;text-decoration:none}
.tab:hover{}
.tab:hover .tablink{color:#fff; width:auto; border-bottom:3px solid #1ba6df; text-decoration:none}
.tab:hover .tablink a{color:#fff}
.dropdown:hover .arwlink{color:#000; height:43px}
.dropdown ul{display:none}
.dropdown:hover ul.subnav{position:absolute;display:block;top:43px;left:0px;z-index:9}
.dropdown:hover ul.subnav2{position:absolute;display:block;top:43px;right:-5px;z-index:9}
.subnav{min-width:190px;width:auto; padding-bottom:10px; margin:0px auto 0px 45px; padding:0px 10px}
.subnav a{padding:6px 0 4px 0px;line-height:25px;width:auto; margin:0px auto; font-size:12px; display:block;white-space:nowrap;color:#fff; border-bottom:1px solid #212121}
.subnav a:hover{text-decoration:none;color:#1ba6df}
.dropdown .subnav{color:#fff; background-color:#000; border-top:none;}
.dropdown .subnav2{color:#fff; background-color:#000; border-top:none;}
.dropdown .subnav3{color:#fff; background-color:#000; border-top:none;}
.subnav2{min-width:140px;width:auto; padding-bottom:10px; margin:0px auto 0px 47px; padding:0px 10px}
.subnav2 a{padding:6px 0 4px 0px;line-height:25px;width:auto; margin:0px auto; font-size:12px; display:block;white-space:nowrap;color:#fff; border-bottom:1px solid #212121}
.subnav2 a:hover{text-decoration:none;color:#1ba6df}
.dropdown .subnav2{color:#fff; background-color:#000; border-top:none;}
.subnav3{width:320px; padding-bottom:10px; margin:0px auto 0px 45px; padding:0px 10px}
.overall{clear:both; width:1160px; margin:0px auto; padding:0px 0px 20px 0px; overflow:hidden}
.plist{width:580px; float:left;text-align:center;letter-spacing:2px; }
.pl_top{clear:both; text-transform:uppercase; padding:25px 0px 10px 0px}
.pl_av{clear:both;width:560px; float:left}
.pl_av img{width:560px; height:328px}
.pl_name{clear:both; }
.pl_name h1{font-size:16px; padding:10px 0px 4px 0px; margin:0px; font-weight:normal}
.pl_more{background:url(../images/more02.png) no-repeat right center; width:90px; margin:0px auto; color:#aeaeae}
.pl_top:hover h1{color:#1ba6df}
.pl_top:hover .pl_more{color:#1ba6df}
.pl_top:hover .pl_more{background:url(../images/more03.png) no-repeat right center;}
.pl_pic{clear:both;}
.pl_pic ul{list-style-type:none; padding:0px; margin:0px;}
.pl_pic li{float:left; width:275px; margin:10px 10px 0px 10px;}
.pl_pic li:nth-child(2n+1){margin:10px 10px 0px 0px}
.plp_img img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:275px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 275 ? "275px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.plp_img{display: table-cell;vertical-align: middle;width:275px;height:275px;overflow:hidden;}
.pl_pic li:hover .plp_img img{transform: scale(1.5); }
.plp_name{clear:both; padding:8px 0px;height:34px; overflow:hidden}
.plist:nth-child(2n) .pl_av{float:right}
.plist:nth-child(2n) .pl_pic li{float:left; width:275px; margin:10px 10px 0px 10px;}
.plist:nth-child(2n) .pl_pic li:nth-child(2n){margin:10px 0px 0px 10px}
#footer{clear:both; border-top:3px solid #1ba6df; background:#212121; overflow:hidden; }
.footer{clear:both; width:1160px; margin:0px auto}
.footer .top{clear:both; border-bottom:1px solid #141414; padding:30px 0px 25px 0px; overflow:hidden}
.footer .lump01{float:left; width:220px; text-align:left}
.footer .lump01 .logo2{clear:both}
.footer .lump01 .ilinks{clear:both; padding:15px 0px; overflow:hidden}
.footer .lump01 .ilinks ul{list-style-type:none; padding:0px; margin:0px;}
.footer .lump01 .ilinks li{float:left; margin:0px 17px 0px 0px}
.footer .lump02{float:left; width:260px; text-align:left; overflow:hidden; padding:0px 0px 0px 100px}
.footer .lump02 h1{color:#1ba6df; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; font-size:20px;}
.footer .lump02 ul{list-style-type:none; padding:0px; margin:0px;}
.footer .lump02 li{clear:both; text-align:left}
.footer .lump02 li.i06{background:url(../images/i06.png) no-repeat left center; padding:4px 0px 4px 25px;}
.footer .lump02 li.i07{background:url(../images/i07.png) no-repeat left center; padding:4px 0px 4px 25px;}
.footer .lump02 li.i08{background:url(../images/i08.png) no-repeat left center; padding:4px 0px 4px 25px;}
.footer .lump02 li.i09{background:url(../images/i09.png) no-repeat left 5px; padding:4px 0px 4px 25px;}
.footer .lump03{float:left; width:220px; text-align:left; line-height:26px; padding:0px 0px 0px 100px}
.footer .lump03 h1{color:#1ba6df; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; font-size:20px;}
.footer .lump04{float:right; width:225px; text-align:left; line-height:26px; }
.footer .lump04 h1{color:#1ba6df; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; font-size:20px;}
.footer .lump01 .message{clear:both}
.footer .bottom{border-top:1px solid #303030; height:40px; line-height:40px; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; clear:both; overflow:hidden}
.subav01{clear:both; background:url(../images/subav01.jpg) no-repeat center; height:300px}
.subav02{clear:both; background:url(../images/subav02.jpg) no-repeat center; height:300px}
.subav03{clear:both; background:url(../images/subav03.jpg) no-repeat center; height:300px}
.subwarp{clear:both; width:1160px; margin:0px auto;}
.subadd{clear:both; width:1160px; margin:0px auto; border-bottom:1px solid #2a2a2a; text-align:left; line-height:32px; padding:10px 0px;letter-spacing:2px; text-transform:uppercase; color:#a0a0a0}
.submenu{clear:both; width:1160px; margin:10px auto 0px auto; overflow:hidden;letter-spacing:2px; text-transform:uppercase; display:none }
.submenu ul{list-style-type:none; padding:0px; margin:0px;}
.submenu li{float:left; margin:0px 0px 0px 20px; width:auto; height:35px; line-height:35px; padding:0px 20px; background:#2a2a2a; display:bloc}
.submenu li:nth-child(1){margin-left:0px;}
.submenu li.hover{background:#1ba6df;}
.products{clear:both; padding:10px 0px 30px 0px; overflow:hidden; letter-spacing:2px; }
.products ul{list-style-type:none; padding:0px; margin:0px;}
.products li{float:left; width:275px; margin:10px 0px 0px 20px;k}
.products li:nth-child(4n+1){margin:10px 0px 0px 0px}
.p_img img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:275px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 275 ? "75px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.p_img{display: table-cell;vertical-align: middle;width:275px;height:275px;overflow:hidden;}
.products li:hover .p_img img{transform: scale(1.5); }
.p_name{clear:both; padding:8px 0px}
.p_top{clear:both;}
.p_left{width:500px; margin-right:35px; float:left; text-align:center}
.p_right{float:left; width:625px; text-align:left; line-height:36px}
.p_right h1{font-size:32px; margin:0px; padding:0px 0px 15px 0px; color:#1ba6df; letter-spacing:2px; }
.p_right ul{list-style-type:none; padding:0px; margin:0px;}
.p_right li{clear:both; text-align:left; line-height:26px; padding:3px 0px}
.p_right b{letter-spacing:2px;}
.p_bottom{clear:both}
.p_bottom .title{clear:both; border-bottom:1px solid #1ba6df; overflow:hidden; padding:20px 0px 0px 0px; margin:0px 0px 10px 0px}
.p_bottom .title .left{width:220px; background:#1ba6df; color:#fff;border-radius:10px 10px 0px 0px; height:55px; line-height:55px; font-size:18px; letter-spacing:1px; text-transform:uppercase;}
.p_bottom .content{clear:both; line-height:32px;word-break:break-all;}
pre { white-space: pre-wrap;word-wrap: break-word;}
pre{
white-space:pre-wrap; /* css3.0 */
white-space:-moz-pre-wrap; /* Firefox */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */
}
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}word-break:break-all;
#tsShopContainer{width:500px; height:580px;position:relative; font-size:12px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; height:500px; border:1px solid #ddd}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px; height:500px; width:500px;}
#tsShopContainer #tsPicContainer{width:100%;height:61px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:6px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:6px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:61px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid #ddd;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #1ba6df;margin:0px;}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border:1px solid #ddd;
background:#FFF;
}
.MagicZoomMain {
text-align: center !important;
width: 92px;
}
.MagicZoomMain div {
padding: 0px !important;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader {
font: 10px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #fff;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 0px solid #fff;
background: #ffffff;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
.productsinfo{clear:both; padding:20px 0px 30px 0px}
.news{width:1160px; margin: 0 auto; }
.newslist{width:100%; height:auto; padding:3.2% 3%; margin:30px auto 20px auto; box-sizing:border-box; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background: #313131;}
.newsdate{float: left; width:8%; padding:2% 4% 0 0; text-align: right; font-size: 16px; font-weight: bold; font-family: sans-serif; color:#999; }
.newsdate b{ font-size: 34px; color:#fff; line-height:40px; font-weight:normal}
.newsphoto{float: left; width:20%; height: auto; overflow: hidden;}
.newsphoto img{width: 100%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.newscontent{float: left; width:59%; padding-left:2%; text-align:left; }
.newstitle{ font-size: 20px; font-weight: bold; color: #fff; letter-spacing:2px; text-transform:uppercase; padding:10px 0px 15px 0px}
.news p{margin:0px; margin:0px}
.newstext{ font-size: 15px; line-height:26px; color:#a0a0a0;}
.newsmore{float: right;width:60px; height: 60px; line-height:60px; margin-top:4%; font-size: 20px; color: #2a2a2a; font-family:serif; font-weight: bold; background: #525252; border-radius: 100%; text-align: center; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.newslist:hover{box-shadow: 0 26px 50px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.newslist:hover .newsphoto img{transform: scale(1.05); -webkit-transform: scale(1.05)}
.newslist:hover .newstitle{color:#1ba6df;}
.newslist:hover .newstext{color:#1ba6df;}
.newslist:hover .newsdate{color:#1ba6df;}
.newslist:hover .newsdate b{color:#1ba6df;}
.newslist:hover .newsmore{background: #1ba6df; color:#fff; transform: translateX(6px); -webkit-transform: translateX(6px);}
.clear{ clear:both;}
]
.newsinfo{width:1160px; margin:0px auto; }
.ni_top{clear:both; border-bottom:1px solid #2a2a2a; padding:25px 15px 15px 15px; overflow:hidden}
.ni_top .left{width: calc(100% - 170px);}
.ni_title{clear:both; font-size:24px; color:#fff; text-align:left; line-height:32px; padding:0px 0px 12px 0px}
.ni_sub{clear:both; font-size:16px; color:#999}
.ni_subtitle{float:left; margin:3px 20px 0px 0px}
.ni_icon{width:250px; float:left; margin:0px 0px 0px 0px;}
.ni_icon ul{list-style-type:none; padding:0px; color:#a0a0a0}
.ni_icon li{float:left; margin:0px 15px 0px 0px}
.ni_icon li img{margin:0px 6px 0px 0px}
.ni_top .right{margin:10px 35px 0px 0px; width:135px;letter-spacing:2px; text-transform:uppercase;}
.ni_top .right .more2{ font-size:16px; color:#b2382b; border:1px solid #1ba6df; width:110px; float:right; height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:5px;border-radius:20px }
.ni_top .right .more2 a{color:#1ba6df;}
.ni_top .right .more2:hover,.ni_top .more2:hover a{color:#fff; border:1px solid #1ba6df; background:#1ba6df; display:block;border-radius:20px}
.ni_content{clear:both; background:url(../images/line01.png) repeat-y right; overflow:hidden}
.nic_left{float:left; width:calc(100% - 330px);}
.nicl_content{clear:both; padding:15px 30px 30px 0px;}
.nicl_content img{max-width:900px; height:auto}
.nicl_page{clear:both; color:#1ba6df; text-align:left; padding:20px 15px 30px 0px; line-height:35px; overflow:hidden;border-top:1px solid #2a2a2a; letter-spacing:2px;}
.nicl_page b{color:#fff}
.nic_right{float:right; padding:15px; width:300px}
.nicr_title{font-size:24px; text-align:left; color:#1ba6df; clear:both; padding-bottom:10px;letter-spacing:2px; text-transform:uppercase;}
.nicr_content{clear:both}
.nicr_news ul{list-style-type:none; padding:0px; margin:0px;}
.nicr_news li{clear:both;border-bottom:1px dotted #2a2a2a; font-size:16px; color:#d6d5d5; line-height:18px; padding-top:8px; text-align:left; line-height:26px}
.nicr_news h1{font-size:18px; overflow:hidden; font-weight:normal; padding:0px 0px 10px 0px; margin:0px; color:#fff}
.nicr_news .time{color:#a0a0a0; padding:6px 0px; font-size:14px}
.nicr_news li:hover,.nicr_news li:hover h1,.nicr_news li:hover .time{color:#1ba6df}
.about{clear:both; padding:20px 0px 10px 0px}
.about .title{clear:both;letter-spacing:2px; text-transform:uppercase; text-align:center; font-size:24px;color:#fff; background:url(../images/line02.png) no-repeat center bottom; padding:0px 0px 20px 0px; margin:0px 0px 10px 0px; overflow:hidden}
.about .content{clear:both; padding:5px 0px 10px 0px}
.about .more{padding:10px 0px 20px 0px}
.abanner{height:30px; overflow:hidden; clear:both;}
.aline{border-bottom:1px solid #2a2a2a; overflow:hidden}
.rlzs{clear:both; padding:10px 0px 30px 0px; overflow:hidden; letter-spacing:2px; }
.rlzs ul{list-style-type:none; padding:0px; margin:0px;}
.rlzs li{float:left; width:275px; margin:20px 0px 0px 20px;}
.rlzs li:nth-child(4n+1){margin:20px 0px 0px 0px}
.rlzs li img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:206px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 206 ? "206px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.rlzs li img{width:275px; height:206px}
.wmys{background:url(../images/bg01.jpg) no-repeat center; height: 598px; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.wmys .title{margin:30px 0px 30px 0px; clear:both}
.wmys .content{clear:both; width:1160px; margin:20px auto 0px auto}
.wc_pic{clear:both; text-align:center;}
.wc_pic img{ width:130px; margin-bottom:20px}
.wmys ul{list-style-type:none; padding:0px; margin:0px;}
.wmys li{float:left; text-align:center; width:250px; margin:0px 8px; margin:0px 5px !important;padding:35px 10px 10px 20px; padding:22px 5px 5px 10px !important; line-height:26px; background-color: rgba(0, 0, 0, 0.5); border-radius:20px; height:350px; font-size:13px;}
.wmys li h1{font-weight:normal; padding:0px 0px 10px 0px; margin:0px; font-size:16px; font-size:14px !important; letter-spacing:2px; text-transform:uppercase; line-height:20px; height:40px; overflow:hidden}
.wmys li span{width:50%; display:block; float:left}
.hj{clear:both; padding:10px 0px 30px 0px; overflow:hidden; letter-spacing:2px; }
.hj ul{list-style-type:none; padding:0px; margin:0px;}
.hj li{float:left; width:275px; margin:20px 0px 0px 20px;}
.hj li:nth-child(4n+1){margin:20px 0px 0px 0px}
.hj li img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:206px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 206 ? "206px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.contact{clear:both; overflow:hidden; width:1160px; margin:0px auto}
.contact .title{background:url(../images/i12.png) no-repeat 0px 30px; background-size:70px; text-align:center; font-size:24px; line-height:36px; margin:0px auto; padding:90px 0px 0px 0px;letter-spacing:2px; text-transform:uppercase;}
.contact .content{clear:both; border-bottom:1px dotted #2a2a2a; overflow:hidden; margin-bottom:30px}
.contact .content h1{font-size:36px; color:#fff; padding:40px 0px 30px 0px; margin:0px; text-align:center;letter-spacing:2px; text-transform:uppercase;}
.contact .content ul{list-style-type:none; padding:0px; margin:0px;}
.contact .content li{float:left; width:27%; padding:0px 3%; text-align:center; font-size:18px; border-left:1px solid #d4d4d4; overflow:hidden; height:220px; margin:35px 0px;}
.contact .content li h1{font-size:24px; color:#fff; padding:20px 0px 10px 0px; margin:0px; text-align:center }
.contact .content li:nth-child(1){border-left:none; }
.feedback{clear:both;}
.feedback .title{text-align:center;font-size:20px; letter-spacing:2px; text-transform:uppercase; font-size:36px;color:#1ba6df; font-weight:both}
.feedback .content{clear:both; padding:30px 0px 40px 0px}
input{background:none; outline:none; border:none; font-size:16px;}
textarea{background:none; outline:none; border:none; font-size:16px}
.txt01{border:3px solid #2e2e2e; width:97%; height:40px; line-height:40px; text-indent:15px}
.txt02{border:3px solid #2e2e2e; width:99%; text-indent:15px; padding:10px 0px 0px 0px}
.c_btn{clear:both; width:500px; margin:0px auto}
.c_btn ul{list-style-type:none; padding:0px; margin:0px;}
.c_btn li{ width:40%; margin:0px 5%; float:left;height:45px; line-height:45px; text-align:center; font-size:20px;letter-spacing:2px; text-transform:uppercase;}
.c_btn li:nth-child(1){color:#fff; background:#1ba6df;}
.c_btn li:nth-child(2){color:#fff; background:#212121;}
.c_btn a{color:#fff;}
#pager{clear:both; text-align:center; padding-top:15px; font-style:normal}
#pager em{ font-style:normal}
#pager a{background:#fff; color:#7c7c7c; border:1px solid #dfdfdf; height:32px; line-height:32px; padding:6px 15px; margin:0px 3px;}
#pager span{height:32px; line-height:32px; padding:6px 15px; margin:0px 3px; background:#ea5831; border:1px solid #ea5831; color:#fff}
}
@media only screen and (min-width: 1367px) and (max-width: 1600px) and (min-width: 1367px){
body{text-align:center; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:14px; margin:0px 0px; padding:0px 0px; color:#fff; background:#353535}
.top{clear:both; width:1160px; margin:0px auto;}
.logo{width:254px; float:left; margin:30.5px 0px 0px 453px}
.av{clear:both;}
/* flexslider */
.av .flexslider{position:relative;height:485px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1 }
.av .slides{position:relative;}
.av .slides li{height:485px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; }
.av .flex-control-nav{position:absolute;bottom:20px;z-index:2; left:45%;text-align:center;}
.av .flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 2px;*display:inline;zoom:1; }
.av .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.av .flex-control-nav .flex-active{background-position:0 0;}
.av .flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.av .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
/*.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}*/
#menu{clear:both; height:43px; padding:3px 0px 0px 0px;background:#212121;}
.menu{width:1160px; margin:0px auto; padding:0px; letter-spacing:2px; text-transform:uppercase; }
#daohang{clear:both; margin-left:-45px}
.tab{position:relative;display:block;float:left;cursor:pointer}
.tab .tablink{position:relative; width:auto; line-height:40px;display:block;height:40px;color:#fff;font-size:14px;z-index:99;float:left; margin:0px 0px 0px 45px}
.tab .tablink a{line-height:40px;color:#fff;text-decoration:none}
.tab:hover{}
.tab:hover .tablink{color:#fff; width:auto; border-bottom:3px solid #1ba6df; text-decoration:none}
.tab:hover .tablink a{color:#fff}
.dropdown:hover .arwlink{color:#000; height:43px}
.dropdown ul{display:none}
.dropdown:hover ul.subnav{position:absolute;display:block;top:43px;left:0px;z-index:9}
.dropdown:hover ul.subnav2{position:absolute;display:block;top:43px;right:-5px;z-index:9}
.subnav{min-width:190px;width:auto; padding-bottom:10px; margin:0px auto 0px 45px; padding:0px 10px}
.subnav a{padding:6px 0 4px 0px;line-height:25px;width:auto; margin:0px auto; font-size:12px; display:block;white-space:nowrap;color:#fff; border-bottom:1px solid #212121}
.subnav a:hover{text-decoration:none;color:#1ba6df}
.dropdown .subnav{color:#fff; background-color:#000; border-top:none;}
.dropdown .subnav2{color:#fff; background-color:#000; border-top:none;}
.dropdown .subnav3{color:#fff; background-color:#000; border-top:none;}
.subnav2{min-width:140px;width:auto; padding-bottom:10px; margin:0px auto 0px 47px; padding:0px 10px}
.subnav2 a{padding:6px 0 4px 0px;line-height:25px;width:auto; margin:0px auto; font-size:12px; display:block;white-space:nowrap;color:#fff; border-bottom:1px solid #212121}
.subnav2 a:hover{text-decoration:none;color:#1ba6df}
.dropdown .subnav2{color:#fff; background-color:#000; border-top:none;}
.subnav3{width:320px; padding-bottom:10px; margin:0px auto 0px 45px; padding:0px 10px}
.overall{clear:both; width:1160px; margin:0px auto; padding:0px 0px 20px 0px; overflow:hidden}
.plist{width:580px; float:left;text-align:center;letter-spacing:2px; }
.pl_top{clear:both; text-transform:uppercase; padding:25px 0px 10px 0px}
.pl_av{clear:both;width:560px; float:left}
.pl_av img{width:560px;}
.pl_name{clear:both; }
.pl_name h1{font-size:16px; padding:10px 0px 4px 0px; margin:0px; font-weight:normal}
.pl_more{background:url(../images/more03.png) no-repeat right center; width:90px; margin:0px auto; color:#aeaeae}
.pl_top:hover h1{color:#1ba6df}
.pl_top:hover .pl_more{color:#1ba6df}
.pl_top:hover .pl_more{background:url(../images/more03.png) no-repeat right center;}
.pl_pic{clear:both;}
.pl_pic ul{list-style-type:none; padding:0px; margin:0px;}
.pl_pic li{float:left; width:275px; margin:10px 10px 0px 10px;}
.pl_pic li:nth-child(2n+1){margin:10px 10px 0px 0px}
.plp_img img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:275px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 275 ? "275px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.plp_img{display: table-cell;vertical-align: middle;width:275px;height:275px;overflow:hidden;}
.pl_pic li:hover .plp_img img{transform: scale(1.5); }
.plp_name{clear:both; padding:8px 0px}
.plist:nth-child(2n) .pl_av{float:right}
.plist:nth-child(2n) .pl_pic li{float:left; width:275px; margin:10px 10px 0px 10px;}
.plist:nth-child(2n) .pl_pic li:nth-child(2n){margin:10px 0px 0px 10px}
#footer{clear:both; border-top:3px solid #1ba6df; background:#212121; overflow:hidden; }
.footer{clear:both; width:1160px; margin:0px auto}
.footer .top{clear:both; border-bottom:1px solid #141414; padding:30px 0px 25px 0px; overflow:hidden}
.footer .lump01{float:left; width:220px; text-align:left}
.footer .lump01 .logo2{clear:both}
.footer .lump01 .ilinks{clear:both; padding:15px 0px; overflow:hidden}
.footer .lump01 .ilinks ul{list-style-type:none; padding:0px; margin:0px;}
.footer .lump01 .ilinks li{float:left; margin:0px 17px 0px 0px}
.footer .lump02{float:left; width:260px; text-align:left; overflow:hidden; padding:0px 0px 0px 100px}
.footer .lump02 h1{color:#1ba6df; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; font-size:20px;}
.footer .lump02 ul{list-style-type:none; padding:0px; margin:0px;}
.footer .lump02 li{clear:both; text-align:left}
.footer .lump02 li.i06{background:url(../images/i06.png) no-repeat left center; padding:4px 0px 4px 25px;}
.footer .lump02 li.i07{background:url(../images/i07.png) no-repeat left center; padding:4px 0px 4px 25px;}
.footer .lump02 li.i08{background:url(../images/i08.png) no-repeat left center; padding:4px 0px 4px 25px;}
.footer .lump02 li.i09{background:url(../images/i09.png) no-repeat left 5px; padding:4px 0px 4px 25px;}
.footer .lump03{float:left; width:220px; text-align:left; line-height:26px; padding:0px 0px 0px 100px}
.footer .lump03 h1{color:#1ba6df; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; font-size:20px;}
.footer .lump04{float:right; width:225px; text-align:left; line-height:26px; }
.footer .lump04 h1{color:#1ba6df; padding:0px 0px 8px 0px; margin:0px; font-weight:normal; font-size:20px;}
.footer .lump01 .message{clear:both}
.footer .bottom{border-top:1px solid #303030; height:40px; line-height:40px; text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; clear:both; overflow:hidden}
.subav01{clear:both; background:url(../images/subav01.jpg) no-repeat center; height:300px}
.subav02{clear:both; background:url(../images/subav02.jpg) no-repeat center; height:300px}
.subav03{clear:both; background:url(../images/subav03.jpg) no-repeat center; height:300px}
.subwarp{clear:both; width:1160px; margin:0px auto;}
.subadd{clear:both; width:1160px; margin:0px auto; border-bottom:1px solid #2a2a2a; text-align:left; line-height:32px; padding:10px 0px;letter-spacing:2px; text-transform:uppercase; color:#a0a0a0}
.submenu{clear:both; width:1160px; margin:10px auto 0px auto; overflow:hidden;letter-spacing:2px; text-transform:uppercase; display:none }
.submenu ul{list-style-type:none; padding:0px; margin:0px;}
.submenu li{float:left; margin:0px 0px 0px 20px; width:auto; height:35px; line-height:35px; padding:0px 20px; background:#2a2a2a; display:bloc}
.submenu li:nth-child(1){margin-left:0px;}
.submenu li.hover{background:#1ba6df;}
.products{clear:both; padding:10px 0px 30px 0px; overflow:hidden; letter-spacing:2px; }
.products ul{list-style-type:none; padding:0px; margin:0px;}
.products li{float:left; width:275px; margin:10px 0px 0px 20px;k}
.products li:nth-child(4n+1){margin:10px 0px 0px 0px}
.p_img img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:275px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 275 ? "75px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.p_img{display: table-cell;vertical-align: middle;width:275px;height:275px;overflow:hidden;}
.products li:hover .p_img img{transform: scale(1.5); }
.p_name{clear:both; padding:8px 0px}
.p_top{clear:both;}
.p_left{width:500px; margin-right:35px; float:left; text-align:center}
.p_right{float:left; width:625px; text-align:left; line-height:36px}
.p_right h1{font-size:32px; margin:0px; padding:0px 0px 15px 0px; color:#1ba6df; letter-spacing:2px; }
.p_right ul{list-style-type:none; padding:0px; margin:0px;}
.p_right li{clear:both; text-align:left; line-height:26px; padding:3px 0px}
.p_right b{letter-spacing:2px;}
.p_bottom{clear:both}
.p_bottom .title{clear:both; border-bottom:1px solid #1ba6df; overflow:hidden; padding:20px 0px 0px 0px; margin:0px 0px 10px 0px}
.p_bottom .title .left{width:120px; background:#1ba6df; color:#fff;border-radius:10px 10px 0px 0px; height:45px; line-height:45px; font-size:18px;}
.p_bottom .content{clear:both; line-height:32px;}
/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:500px; height:580px;position:relative; font-size:12px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative; height:500px; border:1px solid #ddd}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px; height:500px; width:500px;}
#tsShopContainer #tsPicContainer{width:100%;height:61px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:6px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:6px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:38px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:61px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid #ddd;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #1ba6df;margin:0px;}
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border:1px solid #ddd;
background:#FFF;
}
.MagicZoomMain {
text-align: center !important;
width: 92px;
}
.MagicZoomMain div {
padding: 0px !important;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader {
font: 10px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #fff;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 0px solid #fff;
background: #ffffff;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
.productsinfo{clear:both; padding:20px 0px 30px 0px}
.news{width:1160px; margin: 0 auto; }
.newslist{width:100%; height:auto; padding:3.2% 3%; margin:30px auto 20px auto; box-sizing:border-box; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background: #313131;}
.newsdate{float: left; width:8%; padding:2% 4% 0 0; text-align: right; font-size: 16px; font-weight: bold; font-family: sans-serif; color:#999; }
.newsdate b{ font-size: 34px; color:#fff; line-height:40px; font-weight:normal}
.newsphoto{float: left; width:20%; height: auto; overflow: hidden;}
.newsphoto img{width: 100%; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.newscontent{float: left; width:59%; padding-left:2%; text-align:left; }
.newstitle{ font-size: 20px; font-weight: bold; color: #fff; letter-spacing:2px; text-transform:uppercase; padding:10px 0px 15px 0px}
.news p{margin:0px; margin:0px}
.newstext{ font-size: 15px; line-height:26px; color:#a0a0a0;}
.newsmore{float: right;width:60px; height: 60px; line-height:60px; margin-top:4%; font-size: 20px; color: #2a2a2a; font-family:serif; font-weight: bold; background: #525252; border-radius: 100%; text-align: center; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.newslist:hover{box-shadow: 0 26px 50px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.newslist:hover .newsphoto img{transform: scale(1.05); -webkit-transform: scale(1.05)}
.newslist:hover .newstitle{color:#1ba6df;}
.newslist:hover .newstext{color:#1ba6df;}
.newslist:hover .newsdate{color:#1ba6df;}
.newslist:hover .newsdate b{color:#1ba6df;}
.newslist:hover .newsmore{background: #1ba6df; color:#fff; transform: translateX(6px); -webkit-transform: translateX(6px);}
.clear{ clear:both;}
]
.newsinfo{width:1160px; margin:0px auto; }
.ni_top{clear:both; border-bottom:1px solid #2a2a2a; padding:25px 15px 15px 15px; overflow:hidden}
.ni_top .left{width: calc(100% - 170px);}
.ni_title{clear:both; font-size:24px; color:#fff; text-align:left; line-height:32px; padding:0px 0px 12px 0px}
.ni_sub{clear:both; font-size:16px; color:#999}
.ni_subtitle{float:left; margin:3px 20px 0px 0px}
.ni_icon{width:250px; float:left; margin:0px 0px 0px 0px;}
.ni_icon ul{list-style-type:none; padding:0px; color:#a0a0a0}
.ni_icon li{float:left; margin:0px 15px 0px 0px}
.ni_icon li img{margin:0px 6px 0px 0px}
.ni_top .right{margin:10px 35px 0px 0px; width:135px;letter-spacing:2px; text-transform:uppercase;}
.ni_top .right .more2{ font-size:16px; color:#b2382b; border:1px solid #1ba6df; width:110px; float:right; height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:5px;border-radius:20px }
.ni_top .right .more2 a{color:#1ba6df;}
.ni_top .right .more2:hover,.ni_top .more2:hover a{color:#fff; border:1px solid #1ba6df; background:#1ba6df; display:block;border-radius:20px}
.ni_content{clear:both; background:url(../images/line01.png) repeat-y right; overflow:hidden}
.nic_left{float:left; width:calc(100% - 330px);}
.nicl_content{clear:both; padding:15px 30px 30px 0px;}
.nicl_content img{max-width:900px; height:auto}
.nicl_page{clear:both; color:#1ba6df; text-align:left; padding:20px 15px 30px 0px; line-height:35px; overflow:hidden;border-top:1px solid #2a2a2a; letter-spacing:2px;}
.nicl_page b{color:#fff}
.nic_right{float:right; padding:15px; width:300px}
.nicr_title{font-size:24px; text-align:left; color:#1ba6df; clear:both; padding-bottom:10px;letter-spacing:2px; text-transform:uppercase;}
.nicr_content{clear:both}
.nicr_news ul{list-style-type:none; padding:0px; margin:0px;}
.nicr_news li{clear:both;border-bottom:1px dotted #2a2a2a; font-size:16px; color:#d6d5d5; line-height:18px; padding-top:8px; text-align:left; line-height:26px}
.nicr_news h1{font-size:18px; overflow:hidden; font-weight:normal; padding:0px 0px 10px 0px; margin:0px; color:#fff}
.nicr_news .time{color:#a0a0a0; padding:6px 0px; font-size:14px}
.nicr_news li:hover,.nicr_news li:hover h1,.nicr_news li:hover .time{color:#1ba6df}
.about{clear:both; padding:20px 0px 10px 0px}
.about .title{clear:both;letter-spacing:2px; text-transform:uppercase; text-align:center; font-size:24px;color:#fff; background:url(../images/line02.png) no-repeat center bottom; padding:0px 0px 20px 0px; margin:0px 0px 10px 0px; overflow:hidden}
.about .content{clear:both; padding:5px 0px 10px 0px}
.about .more{padding:10px 0px 20px 0px}
.abanner{height:30px; overflow:hidden; clear:both;}
.aline{border-bottom:1px solid #2a2a2a; overflow:hidden}
.rlzs{clear:both; padding:10px 0px 30px 0px; overflow:hidden; letter-spacing:2px; }
.rlzs ul{list-style-type:none; padding:0px; margin:0px;}
.rlzs li{float:left; width:275px; margin:20px 0px 0px 20px;}
.rlzs li:nth-child(4n+1){margin:20px 0px 0px 0px}
.rlzs li img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:206px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 206 ? "206px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.rlzs li img{width:275px; height:206px}
.wmys{background:url(../images/bg01.jpg) no-repeat center; height: 598px; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.wmys .title{margin:30px 0px 30px 0px; clear:both}
.wmys .content{clear:both; width:1160px; margin:20px auto 0px auto}
.wmys ul{list-style-type:none; padding:0px; margin:0px;}
.wmys li{float:left; text-align:center; width:21%; margin:0px 3%; padding:7% 3%; line-height:26px; background-color: rgba(0, 0, 0, 0.5); border-radius:20px; height:180px}
.wmys li h1{font-weight:normal; padding:0px 0px 20px 0px; margin:0px; font-size:20px; letter-spacing:2px; text-transform:uppercase;}
.hj{clear:both; padding:10px 0px 30px 0px; overflow:hidden; letter-spacing:2px; }
.hj ul{list-style-type:none; padding:0px; margin:0px;}
.hj li{float:left; width:275px; margin:20px 0px 0px 20px;}
.hj li:nth-child(4n+1){margin:20px 0px 0px 0px}
.hj li img{max-width:275px; /* sets max-width for IE */
_width:expression(document.body.clientWidth > 275 ? "275px" : "auto");
max-height:206px;
/* sets max-height for IE */
_height:expression(this.scrollHeight > 206 ? "206px" : "auto");
transform: scale(1);transition: all 1s ease-in-out 0s;}
.contact{clear:both; overflow:hidden; width:1160px; margin:0px auto}
.contact .title{background:url(../images/i12.png) no-repeat 0px 30px; background-size:70px; text-align:center; font-size:24px; line-height:36px; margin:0px auto; padding:90px 0px 0px 0px;letter-spacing:2px; text-transform:uppercase;}
.contact .content{clear:both; border-bottom:1px dotted #2a2a2a; overflow:hidden; margin-bottom:30px}
.contact .content h1{font-size:36px; color:#fff; padding:40px 0px 30px 0px; margin:0px; text-align:center;letter-spacing:2px; text-transform:uppercase;}
.contact .content ul{list-style-type:none; padding:0px; margin:0px;}
.contact .content li{float:left; width:27%; padding:0px 3%; text-align:center; font-size:18px; border-left:1px solid #d4d4d4; overflow:hidden; height:220px; margin:35px 0px;}
.contact .content li h1{font-size:24px; color:#fff; padding:20px 0px 10px 0px; margin:0px; text-align:center }
.contact .content li:nth-child(1){border-left:none; }
.feedback{clear:both;}
.feedback .title{text-align:center;font-size:20px; letter-spacing:2px; text-transform:uppercase; font-size:36px;}
.feedback .content{clear:both; padding:30px 0px 40px 0px}
input{background:none; outline:none; border:none; font-size:16px;}
textarea{background:none; outline:none; border:none; font-size:16px}
.txt01{border:3px solid #2e2e2e; width:97%; height:40px; line-height:40px; text-indent:15px}
.txt02{border:3px solid #2e2e2e; width:99%; text-indent:15px; padding:10px 0px 0px 0px}
.c_btn{clear:both; width:500px; margin:0px auto}
.c_btn ul{list-style-type:none; padding:0px; margin:0px;}
.c_btn li{ width:40%; margin:0px 5%; float:left;height:45px; line-height:45px; text-align:center; font-size:20px;letter-spacing:2px; text-transform:uppercase;}
.c_btn li:nth-child(1){color:#fff; background:#1ba6df;}
.c_btn li:nth-child(2){color:#fff; background:#212121;}
.c_btn a{color:#fff;}
#pager{clear:both; text-align:center; padding-top:15px; font-style:normal}
#pager em{ font-style:normal}
#pager a{background:#fff; color:#7c7c7c; border:1px solid #dfdfdf; height:32px; line-height:32px; padding:6px 15px; margin:0px 3px;}
#pager span{height:32px; line-height:32px; padding:6px 15px; margin:0px 3px; background:#ea5831; border:1px solid #ea5831; color:#fff}
}