@charset "utf-8";
/* CSS Document */
html{background:#fff;overflow-y:auto;}
body{min-width:1200px;font:12px/18px "Microsoft Yahei","微软雅黑";font-weight:lighter;color:#333; -webkit-font-smoothing: antialiased; }
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;}
a:focus{-moz-outline-style:none; border:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
ol,li,ul,dl,dt,dd{list-style:none;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; resize:none; padding: 0; margin: 0;}
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.container { width:1200px; height:auto; position:relative; margin:0 auto;}
.fl{float:left !important;display:inline-block;}
.fr{float:right !important;display:inline-block;}

.page{width:400px;height:30px;margin:100px auto 50px auto;text-align:center;}
.page span{display:block;width:auto;height:20px;float:left;margin:0 7px;padding:0 8px;border:1px solid #f1f1f1; cursor:pointer;}
.page span:hover{border:1px solid red;color:red;}
.page span a:hover{color:red;}

.focus { height:699px; position:relative; z-index:100}
.focus li { background-position:center; position:absolute; left:0; right:0; top:0; width:100%; height:100%; z-index:99}
.focusSelect { text-align:center; position:absolute; left:0; right:0; bottom:20px; z-index:110}
.focusSelect a { display:inline-block; width:60px; height:4px;  margin:0 11px;background:#595757;}
.focusSelect a.select { background-color:#fff}

.header{height:72px;background:#00b8ee;}
.header .logo{padding-top:20px;}
.header .nav{margin-left:305px;}
.header .nav ul li{float:left;margin-right:50px;}
.header .nav ul li a{display:block;width:auto;height:42px;font-size:16px;color:#fffefe;padding-top:30px;}
.header .nav ul li a:hover{color:#000;}

.index_bar{width:100%;height:auto;background:#fff;position:absolute;left:0;top:72px;z-index:1000;}
.index_bar ul{height:auto;display:block;width:100%;}
.index_bar ul li{float:left;padding-top:7px;padding-bottom:7px;padding-right:25px;}
.index_bar ul li a{display:block;font-size:13px;}
.index_bar ul li a:hover{color:#00b9ef;}

.ibar{height:480px;}
.ibar .bar{width:565px;height:261px;overflow:hidden;margin-top:105px;margin-left:15px;margin-right:15px;}
.ibar img { cursor:pointer;}

.tips{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;background:rgba(0,0,0,0.5);}
.tips .indeximg{width:1200px;position:relative;top:0;left:0;}
.tips .indeximg img{padding-top:10%;}
.tips .timeout{position:absolute;left:980px;top:160px;font-size:15px;color:#723118;}

.footer{height:138px;border-top:1px solid #e0e0e0;}
.footer dl{float:left;margin-right:90px;}
.footer dl dt{font-size:15px;color:#595757;margin-top:60px;line-height:18px;margin-bottom:15px;color:#595757;}
.footer .code{margin-top:18px;margin-right:15px;}

.copyright{height:54px;background:#232828;}
.copyright .copy{color:#fff;font-size:12px;padding-top:20px;}

.pro{height:465px;background:url(../images/products.jpg) center no-repeat;}
.shop{height:466px;background:url(../images/shop.jpg) center no-repeat;}
.buybanner{height:466px;background:url(../images/buybanner.jpg) center no-repeat;}
.servicesbanner{height:431px;background:url(../images/servicebanner.jpg) center no-repeat;}
.newsbanner{height:466px;background:url(../images/newsbanner.png) center no-repeat;}
.contactbanner{height:466px;background:url(../images/contactbanner.jpg) center no-repeat;}

.shoplist{padding-bottom:160px;}
.shoptit{font-size:33px;color:#454649;margin-top:65px;margin-bottom:35px;text-align:center;}
.slist{width:378px;height:250px;overflow:hidden;float:left;margin:14px 10px;}
.slist li a{display:block;float:left;width:378px;height:196px;border:1px solid #ebebeb;}
.slist .titname{display:block;font-size:18px;color:#00b8ee;padding-top:22px;text-align:center;}

.buybanner .btit{font-size:33px;color:#515457;padding-top:77px;padding-bottom:22px;}
.buybanner .bsear{font-size:16px;color:#898989;}
.buybanner form input[type=text]{width:220px;height:26px;border:1px solid #4cd6ff;margin-top:10px;}
.buybanner form input[type=image]{ vertical-align:middle;margin-left:-5px;padding-bottom:2px;}

.buy{background:#f7f7f7;height:auto;padding-bottom:60px;}
.buy .buytit{font-size:18px;color:000;padding-top:46px;padding-bottom:24px;}
.buy dl{ margin-bottom:63px;color:#898989;font-size:18px;}
.buy dl dt{line-height:35px;}
.buy dl dd{line-height:35px;}

.service{height:auot;padding-bottom:100px;}
.service .sertit{font-size:33px;color:#010101;padding-top:65px;text-align:center;}
.service .sert{font-size:16px;color:#010101;margin-bottom:23px;font-weight:400;margin-top:50px;}
.service .q{font-size:13px;color:#000000;margin-bottom:19px;}
.service .q img{ vertical-align:middle;}
.service .a{font-size:13px;color:#00b8ee;line-height:28px;}
.service .a img{ vertical-align:middle;}
.service .xuline{width:100%;height:2px;border-bottom:1px dashed #dadada;margin-top:23px;margin-bottom:23px;}

.news{height:auto;min-height:295px;overflow:hidden;padding-top:80px;padding-bottom:80px;}
.news .ntext{width:630px;height:auto;min-height:291px;overflow:hidden;}
.news .ntext .newstit{color:#454649;font-size:33px;height:90px;padding-top:5px;overflow:hidden;line-height:1.3;}
.news .ntext .newss{height:170px;min-height:120px;padding-top:10px;overflow:hidden;font-size:18px;color:#898989;line-height:25px;}
.news .ntext .ntime{color:#898989;font-size:18px;margin-top:40px;}

.cont{height:558px;width:100%;}
.cont .conta{width:50%;height:558px;background:#fff;}
.cont .conta .cleft{margin-top:19%;margin-left:8%;}
.cont .conta .cleft img{display:block;float:left;}
.cont .conta .cright{float:left;margin-left:15px;}
.cont .conta .cright .dz{font-size:25px;color:#010101;margin-top:55px;}
.cont .conta .cright .dzs{font-size:16px;color:#898989;margin-top:20px;}
.cont .contac{width:50%;height:558px;background:#eeeeee;}
.cont .contac .cleft{margin-top:18%;margin-left:8%;}
.cont .contac .cleft img{display:block;float:left;}
.cont .contac .cright{float:left;margin-left:15px;margin-top:40px;}
.cont .contac .cright .dzs{font-size:16px;color:#898989;line-height:30px;}
.cont .contac .cright .dzs span{font-size:16px;color:#00b9ef;}



.aboutcon{height:auto;min-height:200px;backgroun:#fff;padding-top:50px;padding-bottom:50px;}

.pt{height:332px;}
.pt .ptext{text-align:center;font-size:16px;color:#000000;line-height:50px;padding-top:90px;}
.bottomtext{height:520px;}
.bottomtext .bt1{font-size:16px;color:#000000;text-align:center;padding-top:85px;}
.bottomtext .bt2{font-size:35px;color:#00b8ee;text-align:center;line-height:60px;padding-top:20px;}
.bottomtext .bt3{font-size:16px;color:#000000;text-align:center;padding-top:95px;line-height:50px;}

.about{height:72px;background:#f7f7f7;}
.about ul{margin-left:315px;}
.about ul li a{float:left;height:46px;width:auto;padding-left:30px;padding-right:30px;font-size:13px;color:#898989;padding-top:25px;}
.about ul li a:hover{color:#fff;background:#00b8ee;}
.abh{color:#fff;background:#00b8ee;}
.about1{height:auto;min-height:540px;}
.about1 .a11{font-size:25px;color:#515457;padding-top:60px;padding-bottom:55px;text-align:center;}
.about1 .a12{font-size:16px;color:#9fa0a0;text-align:center;line-height:35px;}
.atit{height:90px;background:#00b8ee;}
.atit .atitn{width:175px;height:auto;padding-bottom:14px;border-bottom:1px solid #fff;font-size:25px;color:#fff;text-align:center;margin-left:44.5%;padding-top:28px;}
.about2{height:740px;}
.about2 .a21{font-size:18px;color:#000;padding-top:105px;text-align:center;}
.about2 .a22{color:#9fa0a0;font-size:35px;text-align:center;line-height:25px;padding-top:32px;}
.about2 .a23{color:#9fa0a0;font-size:35px;text-align:center;line-height:55px;padding-top:32px;}

.maps{height:472px;}
.maps .address{font-size:16px;line-height:31px;color:#898989;margin-top:28px;}




