body{margin:0; padding:0; font:12px/24px "Microsoft Yahei", Arial, sans-serif; color: #333; background: #f5f5f5;}
ul,li{margin:0; padding:0; list-style-type:none;}
h1,h2,h3,h4,h5,h6,em,i,span,b{ margin:0; padding:0; font-style:normal; /* font-weight: normal; */}
*{ margin:0; padding:0;}
img{border:0;}
a{color: #333; text-decoration:none;}
a:hover{color: #044fa0; text-decoration:none;}

.clear{width: 100%; height: 10px; clear: both; line-height: 0px; font-size: 0px;}
.w10{width: 10px; height: 100px;}
.fl{float: left;}.fr{float: right;} 
.p10{padding: 10px;}

.red{color: #ff0000;}.red a{color: #ff0000;} .red a:hover{color: #ff0000;}

/*header*/
.header{height: 100px; background: #fff;}
.header .con{position: relative; width: 1100px; margin: 0 auto; overflow: hidden;}
.header .logo{width: 1003px; height: 100px;}
.header .right{position: absolute; top: 30px; right: 0px; text-align: right;}
.header .right em{padding-left:6px; padding-right:6px;}

/*nav*/
.nav{width: 100%; height: 50px; background: #044fa0;}
.nav_ul{width: 1100px; margin: 0 auto;}
.nav_li{position: relative; float: left; width: 122px; height: 50px; font: 15px/50px "Microsoft Yahei";  text-align: center;}
.nav_li>a{height: 50px; display: block; color: #fff;}
.nav_li:hover>a{color: #044fa0; font-weight: bold; background: url(/PcTemplates/36tempthree/images/nav_hov.jpg);}

.nav_li a{display: block; color: #fff;}
.nav_li a:hover{color: #044fa0; font-weight: bold; background: url(/PcTemplates/36tempthree/images/nav_hov.jpg);}

.nav .nav_li ul {position:absolute; width: 122px; top:50px; left: 0px; display:none; z-index: 99; color: #044fa0;}
.nav .nav_li li {float: left; width: inherit; height: 35px; font: 12px/35px "Microsoft Yahei"; text-align: center; /*IE6 only*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.nav .nav_li li a {display: block; height: 35px; color: #333; overflow: hidden; text-align: center; background: #fff; }
.nav .nav_li li a:hover {display: block; height: 35px; color: #044fa0; font-weight: 600; text-align: center; background: #fff; text-decoration: none; }


/*banner*/
.banner{position: relative; height: 500px;}
.flexslider{position: relative; height: 500px; overflow: hidden;}
.slides{position: relative; z-index:1;}
.slides li{height: 500px;}
.flex-control-nav{position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li{display: inline-block; width: 14px; height: 14px; margin:0 5px; *display: inline; zoom: 1;}
.flex-control-nav a{display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(/PcTemplates/36tempthree/images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active{background-position: 0 0;}

/*footer*/
.footer{padding: 20px 0 20px; color: #999; background: #333;}
.footer .con{width: 1100px; margin: 0 auto; overflow: hidden; font: 12px/24px "Microsoft Yahei";}
.footer .con .bq img{width: 130px;margin-bottom: 10px;border: 10px solid #fff; }
.footer .con .bq{text-align: right;}
.footer a{color: #999;}

.ba{height: 50px; line-height: 50px; margin: 0 auto; background: #222; color: #999;}
.ba .con{width: 1100px; margin: 0 auto; overflow: hidden;}
.ba a{color: #999;}.ba a:hover{color: #ddd;}

/*home*/
.content{width: 990px; margin: 0 auto; overflow: hidden;}
.part{padding: 30px 0;}
.bg_fff{background: #fff;}
.bg_f5f{background: #f5f5f5;}

.home_tit{width: 600px; margin: 0 auto; text-align: center; border-bottom: 1px solid #c2c2c2;}
.home_tit h2{font: 24px/50px "Microsoft Yahei"; color: #044fa0; border-bottom: 3px solid #044fa0; margin-bottom: -2px; display: inline-table; _display:inline; }

.cpzs,.gywm,.dtzx{width: 1100px; margin: 0 auto; overflow: hidden;}

.cpzs .con{/*width: 1120px; */height: 290px; padding: 30px 0; overflow: hidden;}
#demo{width: 1100px; overflow:hidden; border:none;}
#indemo {float: left; width: 8000%;}
#demo1,#demo2{float:left; display:inline-table;}
#demo1 li,#demo2 li{float: left; width: 250px; height: 300px; margin-right: 30px; background: #002041; }
#demo1 li img,#demo2 li img{width: 250px; height: 225px;}
#demo1 li em,#demo2 li em{display: block; padding: 0 20px; text-align: center; font: 14px/65px "Microsoft Yahei"; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
#demo1 {float: left;}
#demo2 {float: left;}

.cpzs .con a{color: #fff;}

.gywm .con{padding: 30px 0; font: 14px/30px "Microsoft Yahei"; text-align: center;}
.gywm img{width: 1100px; height: 120px; margin-bottom: 30px;display:none;}

.dtzx .jdt{width: 420px; padding: 40px 0;}
.dtzx .jdt .tup {height: 235px; overflow: hidden;}
.dtzx .jdt .tup img{width: 420px; height: 235px;}
.dtzx .jdt .bt{padding: 10px; border: 1px solid #ddd;}
.dtzx .jdt .bt h3{width: 100%; color: #002041; margin-bottom: 5px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.dtzx .jdt .bt em{display: block; height: 44px; font: 12px/22px "Microsoft Yahei"; overflow: hidden; color: #666;}
.dtzx .jdt .bt .more{text-align: right; margin-top: 5px;}

.dtzx ul{width: 640px; padding: 40px 0;}
.dtzx li{height: 115px; background: url(/PcTemplates/36tempthree/images/home_news_li.png) no-repeat right;}
.dtzx li .left{float: left; width: 470px; height: 80px; padding: 17px 0; border-bottom: 1px dashed #ddd;}
.dtzx li h3{width: 100%; color: #002041; margin-bottom: 5px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.dtzx li em{display: block; height: 44px; font: 12px/22px "Microsoft Yahei"; overflow: hidden; color: #666;}
.dtzx li .right{position: relative; float: right; width: 150px; height: 115px; }
.dtzx li .right p{position: absolute; top: 25px; left: 57px; width: 90px; font-size: 30px; text-align: center;}
.dtzx li .right span{position: absolute; bottom: 30px; left: 67px; width: 70px; text-align: center; font-size: 16px; font-weight: bold;}

.dtzx li a{display: block; height: 115px; background: url(/PcTemplates/36tempthree/images/home_news_li.png) no-repeat right; color: #888;}
.dtzx li a:hover{display: block; height: 115px; background: url(/PcTemplates/36tempthree/images/home_news_hov.png) no-repeat right; color: #fff;}

/*sub*/
.sub{width: 1050px; margin: 0 auto; overflow: hidden; padding: 25px; background: #fff;}
.sub .left{width: 220px; float: left;}

.left_fl{width: 220px;}
.left_fl ul{overflow: hidden;}
.left_fl li{line-height: 40px; font-size: 14px;}
.left_fl li a{display: block; padding-left: 26px; color: #044fa0; background: url(/PcTemplates/36tempthree/images/left_fl_li.jpg);}
.left_fl li a:hover{display: block; padding-left: 26px; color: #fff; background: url(/PcTemplates/36tempthree/images/left_fl_hov.jpg);}


.sub .title{position: relative; height: 95px; margin: 10px 0 30px; background: url(/PcTemplates/36tempthree/images/sub_title.jpg) no-repeat;}
.sub .title h2{position: absolute; top: 35px; left: 40px; font: 24px/22px "Microsoft Yahei"; color: #044fa0;}
.sub .title .piont{position: absolute; top: 35px; right: 0px; text-align: right; color: #999; vertical-align: middle; font-size: 14px;}
.sub .title .piont a{color: #999;}
.sub .title .piont img{margin-right: 10px;}

.sub .right{width: 780px; float: right; background: url(/PcTemplates/36tempthree/images/sub_right_bg.jpg);}
.right_m{padding: 0px 10px; font: 14px/30px "Microsoft Yahei";}

/*newsList*/
.news_ul {overflow: hidden;}
.news_ul li{height:40px; padding-left: 15px; line-height: 40px; font-size: 14px; background:url(/PcTemplates/36tempthree/images/dd.jpg) no-repeat left; border-bottom: 1px dashed #ddd;}
.news_ul li a{ float:left; text-decoration:none;}
.news_ul li a:hover{}
.news_ul li span{ float:right; color:#666666;}
.ny_Newslist a{width: 490px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/*newsread*/
.news_title{padding-bottom: 10px; font: bold 18px/30px "Microsoft Yahei"; text-align: center;}
.fenxiang_box{height:35px; color:#666; text-align:center; position: relative; background: #f0f0f0;}
.news_xx_txt{padding: 20px 0;}



/*productList*/
/*.cpzsneiy{margin-top: 15px; overflow: hidden;}
.cpzsneiy dl{float:left; width: 214px; height:228px; padding:0 12px 10px; text-align:center; line-height:25px;}
.cpzsneiy dl dt{width: 214px; text-align:center; }
.cpzsneiy dl dt img{ border:1px solid #dadadb;}
.cpzsneiy dl dd{width: 214px; text-align:center; font-size:12px;}*/

.right-pic ul{ text-align:justify;margin-left:auto; margin-right:auto;}
.right-pic span.listpic-box{ display:inline-block; height:295px; width:242px; margin-top:25px;}
.right-pic span.listpic-box a{ display:block;height:240px; width:240px;border:1px solid #ccc; text-align:center; font-size:0;}
.right-pic span.listpic-box a:hover{ background:#fff;}
.right-pic span.listpic-box a .alpha-img{height:100%; width:1px; vertical-align:middle;}
.right-pic span.listpic-box a .show-img{vertical-align:middle;width: expression(this.width > 219 && this.width / 219 >= this.height / 218 ? 219 : true); height: expression(this.height > 218 && this.width / 219 < this.height / 218 ? 219 : true); max-width:219px;max-height:218px;}
.right-pic span.listpic-txt{ display:block;text-align:center;height:50px; line-height:50px;  margin-top:1px}
.right-pic span.listpic-txt a{width:100%; border:0px solid #beceeb; padding:0; font-size:14px; text-decoration:none; color:#044fa0;height:50px; line-height:50px;}	
.right-pic span.listpic-txt a:hover{}
.right-pic span.left-fix{height:0px; padding:0px; overflow:hidden;width:240px; display:inline-block}

.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.cpzsyema{text-align:right; padding: 15px 15px 5px;}

/*productread*/
.cp_xx{padding: 20px;}
.cp_next_box{text-align: center;}
.cp_next_box a{padding: 0 10px;}

.other_cp_box{overflow: hidden;}
.cp_dl{float: left; width: 160px; padding: 8px 8px 0;}
.cp_dl dt img{width: 160px; height:123px; border:1px solid #e6e7e7;}
.cp_dl dd{ height:30px; line-height:30px;  text-align:center;}
.cp_dl dd a{ color:#515151}
.cp_dl dd a:hover{color:#00ae4d;}
.other_product dd{ width: 100%;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}


/*精品赏析 图片切换*/
#box{position:relative; width:207px; height: 207px;}
#box .bigUl{}
.bigUl li {position:absolute; height:240px;}
.bigUl li img{width: 207px; height: 207px;}
.numberUl {position:absolute; right: 5px; bottom: 5px; z-index:400}
.numberUl li{float:left; width:24px; height: 18px; background:#fff; opacity:0.7; margin-left:1px;}
.numberUl li a{display:block ;width:24px; height: 18px; color:#000; font-size:12px; text-align:center; line-height:18px;}
.numberUl li.night a{background: #000; color:black; color: #fff}
#box .textUl li{position:absolute; left:20px; bottom:3px; display:none; width: 260px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
#box .textUl li a{font-size:14px; /*font-family:"Microsoft Yahei";*/ color:#000; font-weight:bold; }


/*liuyan*/
.fabu-letter{ padding: 20px 0px 0 10px; font-size: 12px;}
.fabu-letter ul{width: 100%; overflow: hidden;}
.fabu-letter li{width: 100%; float: left; margin: 5px 0px;}
.fabu-letter li .left{ float: left; text-align: right; padding-right: 10px;  width: 130px;}
.fabu-letter li .right{width: 500px; float: left;  line-height: 30px; padding-left: 10px;}
.fabu-letter .inp{ width: 70%; border: 1px solid #ddd; color: #999; padding-left: 5px; height: 28px; line-height: 28px;}
.fabu-letter .inp1{width: 100px; height: 28px; color: #999;border: 1px solid #ddd;}
.fabu-letter .fb-btn{margin-top: 15px; width: 150px; height: 36px;}
.inp3{width: 70%; height: 95px; color: #999;border: 1px solid #ddd;padding-left: 5px;  }
.inp4{width: 20%; height: 28px; color: #999;border: 1px solid #ddd;}
.user-rgt{ padding-left: 8px; min-height: 625px; margin-bottom: 0;}
.ft-red1{ color: red; padding-left: 5px;}
.liuyan-tit{ height: 60px;line-height: 60px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.huifu{/* background: #ecebeb;*/ padding: 5px; color: red; border: 1px dotted #ccc;}
.liuyan-list li{/* border-bottom: 1px dotted #ccc;*/ padding-bottom: 10px;}
.liuyan-list .tit{/* border: 1px dotted #ccc;*/padding: 5px;  background: #ecebeb;}
.liuyan-list .txt{padding: 15px 5px;}

/*其他新闻*/
.other_news_t{ clear:both;height:auto; overflow:hidden; padding-bottom:20px;}
.other_news_t dt{height:50px; border-bottom:1px solid #ccc; line-height:50px; font-size:18px;}
.other_news_t dt strong{ font-weight:normal; display:block; width:150px; height:50px; background:#044fa0; color:#fff; text-align:center}
.other_news_t dd{ }
.other_news_t dd ul li{ display:block; height:35px; line-height:35px; border-bottom:1px dotted #ccc; background:url(/PcTemplates/36tempthree/images/listdian.jpg) 0px 15px no-repeat;}
.other_news_t dd ul li a{ display:block; width:600px; float:left; padding-left:15px;}
.other_news_t dd ul li span{ display:block; float:right; width:100px; text-align:right;}
/*同类产品推荐*/
.other-right-pic{ height:auto; overflow:hidden; width:100%;}
.other-right-pic ul{ text-align:justify;margin-left:auto; margin-right:auto;}
.other-right-pic span.listpic-box-n{ display:inline-block;height:240px; width:182px; margin-top:25px;}
.other-right-pic span.listpic-box-n a{ display:block;height:180px; width:180px;border:1px solid #ccc; text-align:center; font-size:0;}
.other-right-pic span.listpic-box-n a:hover{ background:#fff;}
.other-right-pic span.listpic-box-n a .alpha-img{height:100%; width:1px; vertical-align:middle;}
.other-right-pic span.listpic-box-n a .show-img{vertical-align:middle;width: expression(this.width > 170 && this.width / 170 >= this.height / 169 ? 170 : true); height: expression(this.height > 169 && this.width / 170 < this.height / 169 ? 180 : true); max-width:170px;max-height:169px;}
.other-right-pic span.listpic-txt-n{ display:block;text-align:center;height:50px; line-height:50px;margin-top:1px}
.other-right-pic span.listpic-txt-n a{width:100%;border:0px solid #beceeb; padding:0; font-size:14px; text-decoration:none; color:#333;height:50px; line-height:50px;}
.other-right-pic span.listpic-txt-n a:hover{background:none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
/*订单*/
.dingdank{ clear:both;height:auto; overflow:hidden; padding-bottom:20px;}
.dingdank dt{height:50px; border-bottom:1px solid #ccc; line-height:50px; font-size:18px;}
.dingdank dt strong{ font-weight:normal; display:block; width:150px; height:50px; background:#044fa0; color:#fff; text-align:center}
.dingdank dd{ padding:10px 0}
.dingdank dd ul li{ display:block; height:50px;line-height:50px;}
.dingdank dd ul li a{ width:20%; text-align:right;height:50px; display:block; float:left}
.dingdank dd ul li span{width:50%; height:50px; display:block; float:left}
.dingdank dd ul li span input{ width:100%; height:30px; float:left; margin-top:10px; line-height:30px;}
.dingdank dd ul li span img{ float:left; margin-left:10px; margin-top:10px;}
.dingdank dd ul li span textarea{ width:95%; height:100px; border:1px solid #CCC}