@charset "utf-8";

body{ background: #fff; font-family:"微软雅黑"; font-size:12px; line-height:24px; color: #000; min-width: 1200px;}
a{color:#000; text-decoration:none;}
a:hover{color:#00a0e9; text-decoration:none; -webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}

.fl{ float:left;}
.fr{ float:right;}
.cr{ clear: both;}

.w1200{width: 1200px; margin: 0 auto;}

#welcome{height: 35px; line-height: 35px; width: 100%; color: #fff; background: #00a0e9; overflow: hidden;}
#welcome .phone{padding-left: 24px; background: url(../images/wel-phone.png) left center no-repeat;}
#welcome .tab{display: inline-block; width: 40px; background: #abcd03; color: #fff; text-align: center;}

/*===========top================*/
#top{height: 132px; width: 100%; overflow: hidden;}
#top .main{position: relative; height: 132px;}

#top a.logo{ margin: 22px 0 0 0; display: block;}


/*=======================nav========================*/
#nav{ height: 52px; margin-top: 80px;;}
#nav li{height:52px; float: left; position: relative; margin-left: 38px;}
#nav li a{ line-height: 24px; font-size: 14px; height: 48px; overflow: hidden; display: block; color:#000; padding: 0 1px; border-bottom: 4px solid #fff; }
#nav li:hover a,#nav li a:hover,#nav li.over a{color: #00a0e9; border-color: #00a0e9; }

/*===========mainBanner===========*/
#mainBanner{margin: 0 auto; width: 100%; min-width: 1200px !important;  height: 543px; overflow: hidden; position: relative; }

#mainBanner .bd{ position: relative; width:100% !important; min-width: 1200px !important;  height: 543px; z-index: 2;}
#mainBanner .bd ul{width: 100% !important; min-width: 1200px !important; }
#mainBanner .bd li{overflow: hidden; width: 100% !important; min-width: 1200px !important;  height: 543px;}
#mainBanner .bd img{position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 543px;}

#mainBanner .hd{ width: 160px; position: absolute; z-index: 10; height: 12px; margin-left: -80px; left: 50%; bottom: 52px;}
#mainBanner .hd li{ width: 12px; height: 12px; overflow: hidden; float: left; margin-left: 20px; background: url(../images/banner-hd.png) no-repeat left center; cursor: pointer; text-indent: -999px;}
#mainBanner .hd li.on{background-position: right center;}

/*===========banner===========*/
#banner{margin: 0 auto; width: 100%; min-width: 1200px !important; height: 303px; overflow: hidden; position: relative; }

#banner .bd{ position: relative; width:100% !important; min-width: 1200px !important;  height: 303px; z-index: 2;}
#banner .bd ul{width: 100% !important; min-width: 1200px !important; }
#banner .bd li{overflow: hidden; width: 100% !important; min-width: 1200px !important;  height: 303px;}
#banner .bd img{position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 303px;}

/*=====================pro======================*/
#pro{width: 100%; height: 460px; margin-top: 40px;}

#pro .tit{height: 70px; text-align: center;}
#pro .tit .tit-a{color: #313131; font-weight: bolder; line-height: 34px; display: inline-block;font-size: 20px;}
#pro .tit .tit-a .line{width: 30px; margin: 0 auto; display: block; height: 3px; background: #00a0e9;}
#pro .tit .memo{display: block; margin-top: 10px; color: #535353;}

#pro .con{margin-top: 40px; height: 274px; position: relative;}
#pro .con .bd{width: 1200px; height: 316px; overflow: hidden;}
#pro .con .bd ul{ width: 1200px;}
#pro .con .bd li{width: 288px; height: 217px; float: left; margin-right: 15px;}
#pro .con .bd li a{display: block; width: 288px; height: 217px; position: relative;}
#pro .con .bd li img{width: 286px; height: 215px; display: block; border: 1px solid #a0a0a0;}
#pro .con .bd li .mask{opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0;z-index: 4; width: 288px; height: 217px; background: url(../images/pro-mask.png) no-repeat; -webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#pro .con .bd li span{display: block; height: 24px; width: 100%;  position: absolute; z-index: 5; top: 124px; line-height: 24px; text-align: center; color: #fff; font-size: 12px;}
#pro .con .bd li a:hover .mask{opacity: 1; filter: alpha(opacity=100);}

#pro .con .btn{width: 26px; height: 26px; position: absolute; bottom: 0; background: url(../images/pro-btn.png) no-repeat scroll top left; left: 50%;}
#pro .con .prev{margin-left: -32px;}
#pro .con .next{margin-left: 6px; background-position: right top;}
#pro .con .prev:hover{background-position: bottom left;}
#pro .con .next:hover{ background-position: right bottom;}



/*about*/
#about{width: 100%; margin-top: 88px; height: 278px; overflow: hidden;}
#about .img{width: 599px; height: 278px;}
#about .con{width: 568px;}
#about .tit{color: #313131; font-weight: bolder; line-height: 34px; display: inline-block;font-size: 20px;}
#about .tit .line{width: 30px; display: block; height: 3px; background: #00a0e9;}
#about .memo{height: 144px; overflow: hidden; margin-top: 20px;}
#about .more{width: 118px; height: 34px; text-align: center; display: block; color: #00a0e9; border: 1px solid #00a0e9; line-height: 34px; margin-top: 20px;}
#about .more:hover{background: #00a0e9; color: #fff;}

/*cont*/
#cont{ width: 100%; margin-top: 88px; height: 571px; overflow: hidden; padding: 50px 0; background: url(../images/cont-bg.jpg) center no-repeat;}
#cont .tit{height: 53px; text-align: center;}
#cont .tit .tit-a{color: #fff; font-weight: bolder; line-height: 50px; display: inline-block;font-size: 20px;}
#cont .tit .tit-a .line{width: 30px; margin: 0 auto; display: block; height: 3px; background: #fff;}
#cont .con{ color: #fff; margin-top: 35px;}

#cont .con .contCon{width: 264px; margin-left: 133px; text-align: center;}
#cont .con .contCon:first-child{margin-left: 70px;}
#cont .con .conTit{display: block; margin-bottom: 12px; font-size: 16px; font-weight: bolder;}
#cont .con .memo{margin-top: 30px; height: 72px; overflow: hidden; font-size: 14px;}

#cont .feed{margin-top: 50px; text-align: center;}
#cont .feed input,#cont .feed textarea{ background: none; border: none;}
#cont .feed input[type='text']{width: 330px; border-bottom: 1px solid #fff; height: 40px; color: #fff; margin-left: 100px; font-size: 14px;}
#cont .feed input[type='text']:first-child{margin-left: 0;}

#cont .feed textarea{ width: 1200px; height: 48px; margin-top: 50px; border-bottom: 1px solid #fff; font-size: 14px; color: #fff; max-width: 1200px; display: block;}
#cont .feed input[type='submit']{width: 118px; height: 34px; margin: 22px auto 0; color: #00a0e9; border: 1px solid #00a0e9; line-height: 34px; margin-top: 20px; cursor: pointer;}
#cont .feed input[type='submit']:hover{background: #00a0e9; color: #fff;}


/*==================foot=================*/

#foot{ width: 100%; height:55px; text-align: center; color: #fff; background: #232323; overflow: hidden; }
#foot a{color: #fff;}

/*	内页 */

/*================con=====================*/
#con{width: 100%; margin-top: 35px; margin-bottom: 40px;}

#conFl{width: 285px;}
#conFl .tit{height: 65px; width: 285px; position: relative;}
#conFl .tit .tit-a{background: url(../images/fl-tit.png) left center no-repeat; position: absolute; width: 200px; height: 65px; display: block; line-height: 65px; color: #fff; font-size: 24px; padding-left: 95px;}

#conFl .cont{margin-top: 40px;}
#conFl .cont .cont-tit{display: block; height: 62px; line-height: 62px; font-size: 30px; color: #fff; background: url(../images/fl-cont.png) no-repeat; text-align: center;}
#conFl .cont .con{margin-top: 15px;}

#conFr{width: 896px;}
#conFr .menu{color: #000; display: inline-block; height: 65px; line-height: 65px; }
#conFr .menu a{color: #000;}
#conFr .menu a.on{color: #00a0e9;}

#conFr .con{margin-top: 40px;}

#conFr .proCon{width: 374px;}
#conFr .proCon .protit{display: block; height: 32px; line-height: 32px; border-bottom: 7px solid #abcd03; font-weight: bolder; font-size: 18px; color: #000;}
#conFr .proCon .promemo{margin-top: 24px;}

/*ul.pro*/
ul.pro{ width: 950px; }
ul.pro li{width: 288px; height: 260px; float: left; margin: 0 16px 30px 0;}
ul.pro li a{display: block; width: 288px; height: 260px; position: relative;}
ul.pro li img{width: 286px; height: 215px; display: block; border: 1px solid #a0a0a0; margin-bottom: 15px;}
ul.pro li span{display: block; height: 24px; text-align: center;}

ul.news li{margin-bottom: 5px; height: 24px; line-height: 24px; border-bottom: 1px dotted #ccc;}

/*===========分页==================*/
div.pager{ text-align:center; color: #000; clear: both; padding: 30px 0; height:24px; }
div.pager span{margin: 0 5px; overflow: hidden; display: inline-block;}
div.pager a{display: inline-block; color: #000; margin: 0 5px;}
div.pager a.num{padding: 0 10px; background: #c9c9c9;}
div.pager a.on{ background: #00839f; color: #fff;}

div.pagerPn{ text-align: center; border-top: 1px dotted #333; margin-top: 20px; clear: both; height:24px; padding: 5px 0;}
div.pagerPn a{margin: 0 20px; color: #000;}

/*==============producttype======================*/

.producttype{width: 285px; text-align: left; background: #dedddd; border-bottom: 1px solid #aeacac;}

.producttype1,.producttype1sel{ height: 57px; line-height: 57px; position: relative; }
.producttype1 a,.producttype1sel a{ display: block; width: 213px; height: 57px; overflow: hidden; color: #313131; font-size: 16px; border-top: 1px solid #aeacac; padding-left: 70px; -webkit-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
}
.producttype1 a:hover,.producttype1sel a{background: #abcd03; border-color: #abcd03; color: #fff; position: absolute; height: 59px; line-height: 59px; top: -1px; z-index: 10;}

.producttype2,.producttype2sel{ /*display: none;*/ padding: 0 14px; height: 51px; line-height: 51px; overflow: hidden; }
.producttype2 a,.producttype2sel a{ display: block; height: 51px; overflow: hidden; border-top: 1px solid #aeacac; padding-left: 100px;}

.producttype li:first-child a{border-top: none;}

.bg{width: 100%; height: 14px; background: #dedddd;}


/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:460px; position:relative; font-size:12px;}
#tsShopContainer #tsImgS{text-align:center; width:100%; position:relative; border: 1px solid #a3a3a3; padding: 0 !important;}
#tsShopContainer #tsImgS a{display:block; text-align:center; margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px; width: 460px !important; height: 346px !important;}
#tsShopContainer #tsPicContainer{width:100%; height:66px; position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:27px; height:100%; background:url(../images/picshopArr.gif) no-repeat left center;position:absolute; top:10px; left:0;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:27px; height:100%; background:url(../images/picshopArr.gif) no-repeat right center;position:absolute; top:10px; right:0;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute; top:10px; left:47px; width:1px;height:87px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%; overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:95px; float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{margin:1px; border:1px solid #e4e4e4;display:block; width:83px; height:62px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #00a0e9;margin:0px;}