﻿@charset "utf-8";


/*圆角的问题css*iecss.htc的路径要写对（相对于html的路径），否则的话是不行的_检查*/
.yuan {border: 1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;background:#FFF;z-index:2;behavior: url(css/iecss3.htc);}

body {margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑", SimSun;}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#0aa4de;}
.clear{ clear:both;}
input,textarea{ outline:0; resize:none;}
input{ margin:0; padding:0;}
.fl{ float:left;_display:inline;}
.fr{ float:right;_display:inline;}
.auto{ width:1024px; margin:0 auto;}



.black{ color: #000;}
.white { color: #fff;}
.gray{ color: #333;}
.gray01{ color:#6c6c6a;}
.gray02{ color:#838383;}
.gray03{ color:#585858;}
.gray04{ color:#3b3b3b;}
.gray05{ color:#686868;}
.green{ color: ;}
.blue{ color:#0093d0;}
.blue01{ color:#10396b;}
.red{ color:#f56d01;}
.red01{ color:#ff0000;}


.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{ font-size:18px;}
.font20{ font-size: 20px;}
.font24{ font-size:24px;}
.font28{ font-size:28px;}


.yahei{ font-family:"微软雅黑";}
.songti{ font-family:"宋体";}
.Arial{ font-family:Arial}

.fb{ font-weight: bold;}
.fb900{ font-weight: 900;}
.fn{ font-weight:normal;}

.text5{ text-indent:5px;}
.text10{ text-indent:10px;}
.text15{ text-indent:15px;}
.text20{ text-indent:20px;}
.text25{ text-indent:25px;}


.m5{ margin:5px; }
.m10{margin:10px;}
.m15{ margin:15px; }
.m20{ margin:20px; }


.mt5{ margin-top:5px; }
.mt10{ margin-top: 10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px; }
.mt40{ margin-top: 40px;}

.ml5{ margin-left:5px; }
.ml10{margin-left:10px;}
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml60{ margin-left:60px; }
.ml32{margin-left:32px;}

.mr5{ margin-right: 5px;}
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right: 20px;}
.mr160{ margin-right:160px; }


.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb70{ margin-bottom:70px; }




.fl{ float: left; _display:inline;}
.fr{ float: right;_display:inline;}


.pr{ position: relative;}
.pa{ position: absolute;}
.pf{ position:fixed;}

.text-L{ text-align:left;}
.text-R{ text-align:right;}
.text-C{ text-align:center;}
.more{ color:#113b6e; font-size:8px; margin-right:10px;}
/****************a:hover*******************/
.kh-h a:hover,.kh-ck a:hover,.vipL-ul li a:hover,.hj li a:hover{color:#e58e1f;}
/****************a:hover*******************/


.top-bg{ height:4px; background:#0093d0;}
.logo{ width:501px; height:108px;}
.top{ width:207px;}
.form{ border:1px solid #dbdbdb; width:207px; height:24px; border-radius:3px; margin-top:5px;}
.sin{ border-width:0; width:160px; font-size:12px;}
.sub{ background:url(../images/index_10.jpg) no-repeat right center; width:41px; height:24px; cursor:pointer; border-width:0;}
.nav-bg{ background:url(../images/index_11.jpg) repeat-x; height:40px;}
.nav li{ float:left; background:url(../images/index_13.jpg) no-repeat right 0; line-height:40px;}
.nav li a{ display:inline-block; font-size:14px; width:100px; text-align:center; color:#fff;}
.nav li a.ac,.nav li a:hover{ background:url(../images/index_16.jpg) no-repeat center; color:#505050;}

/*****banner****/
#slide-index{min-width:1000px;width:auto; /*height:360px;*/ overflow:hidden; position:relative;}
#slide-index .autoMaxWidth{position:relative; overflow:hidden;  }
#slide-index .slides{ min-width:1000px; width:auto; height:450px; }
#slide-index .slide{ min-width:1000px; height:450px; float:left; position:relative; }
#slide-index .image{position:absolute;z-index:1; }
#slide-index .text{position:absolute;z-index:2;top:-500px;}
#slide-index .button {position:absolute;z-index:2;top:-500px; }
#slide-index .control{height:34px; position:absolute; bottom:13px; text-align:center;  cursor:pointer; z-index:40; width:100px; right:10%;}
#slide-index .control a{ width:15px; height:15px; overflow:hidden; cursor:pointer; display:inline-block;
                         border-radius:10px; margin-right:6px; opacity:0.8;filter:alpha(opacity=80); margin-top:10px; background:#fec71f;}
#slide-index .control a:hover, #slide-index .control a.active{ background-color:#5db7f6;opacity:0.8; filter:alpha(opacity=100);}
/*****banner*******/


.list{ border:1px solid #ebebeb; background:#f9f9f9; width:183px; margin-right:30px; margin-bottom:20px;}

.menu li{ width:180px;/* height:28px;*/line-height:28px; *line-height:28px; text-indent:12px;margin:8px 0; border-bottom:1px dashed #ccc;}
.menu ol { }
.menu li i{background-color: #fd777b;padding: 1px 4px;color: #fff;text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);font-style:normal; margin-right:10px; font-family:"宋体";}
.menu li a{ font-weight:bold;}
.menu a{color: #4a4a4a;text-decoration: none;}
.menu .no {display:none;}
.menu ol a{display: block;line-height:28px; *line-height:28px;height:28px; width:180px; text-indent:36px; margin:10px 0; border-bottom:1px dashed #ccc;}
.menu ol a.act{ color:#006dd2;}

.gcR{ width:805px; }
.gcR-h{ width:140px; background:url(../images/index_31.jpg) no-repeat left center; text-indent:20px; font-size:14px; color:#0093d0; border-bottom:2px solid #0093d0; height:25px; line-height:25px;}
.gcR-more{ width:665px; border-bottom:2px solid #c4c4c4; height:20px;line-height:25px; padding-top:5px; color:#6c6c6a; _padding-top:0;}
.gcR-con{ margin:30px 0; border-bottom:1px solid #d4d4d4; padding-bottom:10px;}
.gcR-img{ padding:2px; border:1px solid #e7e7e7; margin-right:20px;}
.gcR-img:hover{ border:1px solid #0093d0;}
.gcR-p{line-height:22px; color:#666; font-size:12px; margin-top:10px;}

.cp-t{ width:1024px;}
.cp-h{ background:url(../images/index_31.jpg) no-repeat left center; font-size:14px; color:#0093d0; text-indent:20px;border-bottom:2px solid #0093d0; height:25px; line-height:25px; width:120px;}
.cp-more{ width:904px; border-bottom:2px solid #c4c4c4; height:20px;line-height:25px; text-align:right; padding-top:5px;}

/******产品展示******************/

.rollBox{width:1000px;height:273px;position:relative;margin:20px auto; border:1px solid #cccccc; }
.rollBox #pic_box{width:940px;height:250px; position:absolute; left:0px; top:0px; overflow:hidden; margin:10px 45px; padding:20px 0;}
.rollBox .pic_item{width:185px; height:228px; float:left;margin:0 20px; }
.rollBox .page_on_left { position:absolute; left:10px; top:100px;text-align: center;cursor: pointer; z-index:1000;}
.rollBox .page_on_right {position:absolute; right:10px; top:100px;text-align: center;cursor: pointer; z-index:1000;}
.dis-img{ width:185px; height:180px; vertical-align:middle;border:1px solid #a1a1a1; display: table-cell;}
.dis-text{ text-align:center; margin:10px 0;}

/******产品展示******************/

.mid-bg{ background:url(../images/index_62.jpg);}

.lj{ top:20px; right:300px; background:#f08732; border-radius:5px; width:85px; height:24px;z-index:2;behavior: url(css/iecss3.htc); font-size:14px; font-weight:bold;color:#fff; text-align:center; line-height:24px;}
.lj a{ color:#fff;}
.lj a:hover{ color:#666;}

.ab-bg{ background:url(../images/index_65.jpg) repeat; height:360px; padding:8px 0 0 0;*padding:0 0 0 0;}

.ab{ width:984px; margin:0 auto; background:#fff; _height:157px;height:340px; }
.ab-b{background:url(../images/index_84.jpg) bottom no-repeat;height:360px; _height:157px;}
.abl{ width:435px; height:237px; padding:16px; _height:157px;}
.abl-img{ background:url(../images/index_67.jpg) no-repeat bottom; width:408px; height:231px; _height:120px;}
.abr-p{ width:500px; color:#3f3f3f; line-height:28px;}
.abr-more{background:#f08732; border-radius:5px; width:105px; height:28px;z-index:2;behavior: url(css/iecss3.htc); font-size:14px; font-weight:bold;color:#fff; text-align:center; line-height:28px; cursor:pointer; *position:absolute;}
/*.abr-more:hover{ opacity:.8;}*/

.kh-bg{ background:url(../images/index_87.jpg) repeat; width:960px; margin:10px auto; border:1px solid #e1e1e1; padding:20px 30px 0 30px;}
.kh{ width:452px; background:#f8f8f8; padding:5px; margin-bottom:20px; }
.kh-img{ width:231px; height:181px; margin-right:10px; }
.kh-h a{ font-size:14px; color:#333;}
.kh-p{  font-size:12px; color:#666; line-height:28px;}
.kh-ck{background:#ffbe96;  width:100px; height:30px; line-height:30px; text-align:center; margin-right:10px; font-size:14px; }
.kh-ck a{ color:#818080;}


.new{ background:#f9f9f9; width:270px; border:1px solid #c4c4c4; padding:10px; margin-right:17px;}
.new-h{ border-bottom:1px dashed #a1a1a1; padding-bottom:5px;}
.new-h p{ width:50%; }

.new-dl{ margin:10px 0 0 0;}
.new-dl dd{ overflow:hidden; width:170px;height: 22px; float:left; line-height:22px;}
.new-dl dt{ float:right; width:90px; line-height:22px;color:#666;}
.new-dl dd a{color:#666; }
.new-dl dd a:hover{color:#026fcb;}

.ind{ background:#f9f9f9; width:290px; border:1px solid #c4c4c4; padding:10px;margin-right:17px;}
.ind-dl{ margin:10px 0 0 0;}
.ind-dl dd{ overflow:hidden; width:181px; height:22px; float:left; line-height:22px;}
.ind-dl dt{ float:right; width:98px; line-height:22px;color:#666;}
.ind-dl dd a{color:#666; }
.ind-dl dd a:hover{color:#026fcb;}

.con{ background:url(../images/index_810.jpg) no-repeat #f5f5f7 bottom; width:360px; border:1px solid #c4c4c4; padding:10px; height:200px; _height:210px;}
.con-more{background:#f08732; border-radius:5px; width:205px; height:28px;z-index:2;behavior: url(css/iecss3.htc); font-size:14px; font-weight:bold;color:#fff; text-align:center; line-height:28px; cursor:pointer; *position:absolute; margin:10px 0 0 0; }
.con p{}

.ask-bg{ background:url(../images/index_120.jpg) no-repeat bottom center; height:133px; _height:123px; #height:133px;}
.Box{width:1000px;height:120px;position:relative;margin:20px auto; border:1px solid #cccccc; background:url(../images/index_116.jpg) repeat-y center #f6f6f6; *top:10px; }
.Box #ask_box{width:1000px;height:100px; position:absolute; left:0px; top:0px; overflow:hidden; margin:10px 20px; }
.Box .item{width:400px; height:100px; float:left;margin:0 40px; }
.Box .left { position:absolute; left:65px; top:-40px;text-align: center;cursor: pointer; z-index:1000;}
.Box .right {position:absolute; left:80px; top:-40px;text-align: center;cursor: pointer; z-index:1000;}

.ask-a{ background:url(../images/index_113.jpg) no-repeat left top; text-indent:25px; color:#2a2a2a; line-height:22px;}
.ans-a{ background:url(../images/index_122.jpg) no-repeat left top; text-indent:25px; color:#2a2a2a; line-height:22px;}

.link{ background:#f6f6f6; border:1px solid #e6e6e6; padding:10px;}
.link-h{ height:30px; background:url(../images/index_1340.jpg) repeat-x bottom;}
.link-h p{ width:50%;}
.link-p{ margin:10px 0;}
.fo-bg{ background:#1d82ac; height:110px; margin-top:20px;}
.fo-con{ padding:20px 0; color:#fff;}
.fo-con p{ margin:5px 0;}


.kf{ position:fixed; background:url(../images/index2_05_05.png) no-repeat; width:168px; height:241px; z-index:99999;  left:10px; padding:100px 0 0 17px; _position:absolute; /* *top:expression(documentElement.scrollTop-220);*/*top:0px; top:300px;overflow:hidden;}
*html{background-image:url(about:blank);background-attachment:fixed;}

.kf-fs,.kf-jg,.kf-sh{ margin:10px 0;  background:url(../images/kf.jpg); width:112px; height:25px; text-align:center; line-height:25px;}
.kf-fs a,.kf-jg a,.kf-sh a{ color:#717171;}


/****************index2*****************/
.list-l{ width:183px;}
.con-l{ background:url(../images/index2_170.jpg) no-repeat #f5f5f7 bottom; width:162px; border:1px solid #c4c4c4; padding:10px; height:216px; _height:210px;}
.conl-more{background:#f08732; border-radius:5px; width:165px; height:28px;z-index:2;/*behavior: url(css/iecss3.htc); */font-size:12px; font-weight:bold;color:#fff; text-align:center; line-height:28px; cursor:pointer; *position:absolute; margin:10px 0 0 0; }


.new-gc{ background:#f6f6f6; border:1px solid #dddddd; padding:10px 0;}
.tits{ width:1000px; height:27px; background:url(../images/index_1340.jpg) repeat-x bottom; margin:0 auto;}
.tits li{ width:85px;  line-height:27px;height:27px;float:left; display:inline;cursor:pointer; color:#005ece; font-family:"微软雅黑"; text-align:center; font-size:14px;   margin-right:5px;}
.tits li.cur{ background:url(../images/index2_21.jpg) no-repeat; color:#fff;}



.gcBox{width:1000px;height:180px;position:relative;margin:20px auto;  }
.gcBox #gc_box{width:940px;/*height:180px;*/ position:absolute; left:0px; top:0px; overflow:hidden; margin:10px 25px;}
.gcBox .gc_item{width:196px;/* height:137px;*/ float:left;margin:0 20px; }
.gcBox .gcleft { position:absolute; left:10px; top:100px;text-align: center;cursor: pointer; z-index:1000;}
.gcBox .gcright {position:absolute; right:10px; top:100px;text-align: center;cursor: pointer; z-index:1000;}
.gc-img{ width:196px; height:137px; vertical-align:middle;border:1px solid #a1a1a1; }
.gc-text{ text-align:center; margin:10px 0; color:#3e3e3e;}


.gcBoxa{width:1000px;height:180px;position:relative;margin:20px auto;  }
.gcBoxa #gc_boxa{width:940px;/*height:180px;*/ position:absolute; left:0px; top:0px; overflow:hidden; margin:10px 25px; }
.gcBoxa .gc_itema{width:196px;/* height:137px;*/ float:left;margin:0 20px; }
.gcBoxa .gclefta { position:absolute; left:10px; top:100px;text-align: center;cursor: pointer; z-index:1000;}
.gcBoxa .gcrighta {position:absolute; right:10px; top:100px;text-align: center;cursor: pointer; z-index:1000;}
.gc-imga{ width:196px; height:137px; vertical-align:middle;border:1px solid #a1a1a1; }
.gc-texta{ text-align:center; margin:10px 0; color:#3e3e3e;}



/**************index3**************/
#preview{  margin:20px 0; text-align:center; width:346px; padding:10px; height:260px; border:1px solid #ccc;}
.jqzoom{ width:350px; height:260px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden; margin:15px 5px;}
#spec-left{ width:31px; height:34px; float:left; cursor:pointer; margin-top:10px; }
#spec-right{ width:31px; height:34px; float:left;cursor:pointer; margin-top:10px; margin-right:10px;}
#spec-list{ width:251px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px; cursor:pointer;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; margin-right:6px;}


.det{ width:800px;  _width:780px;}
.detR{ width:400px; margin:20px 0 0 20px; _width:320px;}
.detc{ margin:90px 0 0 0;}
.detc-top{ background:url(../images/index2_21.jpg) no-repeat; border-bottom:1px solid #c4c4c4; color:#fff; text-indent:10px; line-height:25px; font-weight:bold; font-size:14px;}
.detc-p{ color:#686868; width:800px; margin:30px auto; text-indent:20px; _width:780px;}
.det-sy,.det-xy{ width:45px; height:20px; border:1px solid #fff; padding:2px 5px; color:#fff; background:#afafaf;}
.det-syp,.det-xyp{ width:50%;}
.detc-text{ min-height:300px;}

.gcR-det{ width:805px; border:1px solid #c5c5c5; padding:10px; _width:780px;}
.gcR-hdet{ width:140px; background:url(../images/index_31.jpg) no-repeat left center; text-indent:20px; font-size:14px; color:#0093d0; border-bottom:2px solid #0093d0; height:25px; line-height:25px;}
.gcR-moredet{ width:665px; _width:600px; border-bottom:2px solid #c4c4c4; height:20px;line-height:25px; padding-top:5px; color:#6c6c6a; _padding-top:0;}
.about-p{ width:380px; margin:20px 20px 20px 0;}
.aboutR-p,.about-p{ color:#5d5d5d;}

.aboutR{ width:805px;}


.xinw{ width:805px;}
.xinw-h{ color:#333; font-size:14px; margin:15px 0;}
.xinw-p{ margin:20px auto; width:700px;}
.xinw-img{ width:336px; height:252px; padding:10px; border:1px solid #e7e7e7; margin:20px auto;}
.border{ border-bottom:1px solid #d4d4d4;}