﻿/*头部样式*/
#header{width:1200px;margin:0 auto; }
.tbj{background:#e8f0f4; height:50px; width:100%}
.logo{float:left;line-height: 105px;  margin-top:6px;}
.youb{   float:right}
.k2{padding-left: 35px;margin-top: 20px;font:14px/20px "微软雅黑";color: #7e7e7e;background: url(../images/tel.png) left center no-repeat;}
.k3{padding-left: 35px;margin-top: 20px;font:14px/20px "微软雅黑";color: #7e7e7e;background: url(../images/m-email.png) left center no-repeat;}
.dh{ background:#ddecff; height:55px; width:100%}
.demo{ width:1200px; margin:0 auto;}
.yuyan{ float:right}
.meu{ width:1200px; margin:0 auto;}
.yuyan li{ float:left; line-height:55px; padding-left:12px }
/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px; }
.article{width: 1200px;margin:0 auto;position: relative; }
.v-article{width: 1200px;margin:0 auto;position: relative;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
 
 
/*------------内页-------------------*/
.left{width: 225px;float: left;}
.left .box{margin-bottom: 10px;}
.left .box h3{line-height: 50px;padding-left: 34px;background: linear-gradient(to right, #00a0e3, #1158a4);font-size: 20px;color: #fff;font-weight: 400;position: relative}
.left .box h3:after{content:"";position: absolute;width:5px;height:20px;top:16px;left:15px;background: #fff}
.left .box .content{padding: 5px 0px;}
.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}
.n_banner{width:1920px;position:relative;left:50%;margin-left: -960px;}
.n_banner img{width:1920px;height: 300px;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px; font-size:13px;}
.right{width:940px;float:right;padding-bottom:10px;}
.sitemp{border-bottom:1px solid #eee;}
.sitemp h2{ font-weight: bold; width: 340px;float: left;line-height: 40px;text-align: left;font-size: 16px;color:#333;font-family: "Microsoft YaHei"!important;}
.sitemp .site{width: 380px;float: right;text-align: right;line-height: 40px; font-size:13px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;font-family: "Microsoft YaHei"!important; font-size:14px;}
.sort_album{margin-top: 15px;}
 
 .wen{ display:block; font-size:12px; line-height:20px}
.kuand{border-radius:5px ;width:278px; height:30px;background: none transparent scroll repeat 0% 0%; border:1px solid #fff; color:#fff;  }
 .kuand1{border-radius:5px; width:127px; height:30px; text-align:center;vertical-align:bottom;display:inline-block; line-height:30px;  border:1px solid #fff; color:#fff;background-color: rgba(0,161,226,0.5);background: none transparent scroll repeat 0% 0%;}
 .kuand1:hover{width:127px;border-radius:5px; height:30px; background-color: rgba(178,228,248,0.5);border:1px solid #fff }
.kuand2{ width:130px; border-radius:5px;height:30px;    }
.kuand3{width:65px; height:30px;border-radius:5px; text-align:center;background-color: rgba(255,255,226,0.5);border:1px solid #fff;color:#fff; background: none transparent scroll repeat 0% 0%;}
.kuand3:hover{width:65px; border-radius:5px;height:30px;text-align:center; background-color: rgba(178,228,248,0.5);border:1px solid #fff  }
.google_ad{width:728px; height:90px; margin:50px auto;}
.ad_76090,.ad_demo{width:760px; height:90px; margin:40px auto}
.demo_topad{position:absolute; top:15px; right:0px; width:470px; height:60px;}
.demop{ width:1200px; margin:0 auto; position:absolute; bottom:8%;left:50%; margin-left:-450px;  }
@media (max-width:992px){ 
.demop{ bottom:18%;  }
}
.demob{ width:1200px; margin:0 auto; position:absolute; top:74%; left:300px  }
select{border-radius:5px;color:#fff;height:30px; font-size:13px;background: none transparent scroll repeat 0% 0%; border:1px solid #fff }
 .sel{  background-color: rgba(0,119,182,0.5);}
.button{ width:150px; display: inline-block;cursor:pointer;outline: none;text-align: center;text-decoration: none;font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;padding: .5em 2em .55em;-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius:5px;color: #fff;border: solid 1px #00a1e2; background-color: #00a1e2;}
.button:hover{text-decoration: none;background-color: #32addf;border: solid 1px #32addf;}
.button:active{position: relative;top: 1px;color: #999;}
.sub_btn{ bottom:40px; right:350px; position:absolute;  }
.de2{ color:#fff }
.de2 li{ float:left; padding-right:22px;height:30px;display: inline-block; }
.demop option{ background-color: rgba(0,119,182,0.5);}
input::-webkit-input-placeholder{color:#fff;} input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#fff;} input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#fff;} input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#fff;}
.de1{   display:block; height:38px; color:#fff;  }
.de1 li{ float:left; margin-right:22px; height:37px; vertical-align:bottom;display: inline-block;   }

.nbj{background:url(../images/nbj.jpg) no-repeat center top; height:472px; position:relative}
.nbj1{background:url(../images/a1.jpg) no-repeat center top; height:472px; position:relative}

.nbj2{background:url(../images/a2.jpg) no-repeat center top; height:472px; position:relative}
.nbj3{background:url(../images/a3.jpg) no-repeat center top; height:472px; position:relative}
.nbj4{background:url(../images/a4.jpg) no-repeat center top; height:472px; position:relative}
.nbj5{background:url(../images/a5.jpg) no-repeat center top; height:472px; position:relative}
.nbj6{background:url(../images/a6.jpg) no-repeat center top; height:472px; position:relative}


.foot2{background: #2a4a5f; height:320px; margin-top:30px;}
.foot2a{background: #2a4a5f; height:320px;  }
.d_erm1{margin-top:45px;width:151px;}
.d_title1 h2{color: #f6f6f6; font:600 26px/30px "Arial"; background: url(../images/hjkahkhk1.png) no-repeat left bottom; padding-bottom: 20px; text-transform: uppercase;}
.d_lianxi{padding-top:36px; width:320px; margin-left:85px;}
.d_lianxi h3{color:#fff; font:600 18px/28px "微软雅黑";  }
.hgjagjh{color: #f9f9f9; font:500 13px/22px "微软雅黑"; margin-top: 14px;}
.hgjagjh img{padding-right: 6px;}
.nav_foot{padding-top:36px; margin-left:90px;}
.ghjagjhghhh1{ }
.ghjagjhghhh1 a{color: #f9f9f9; font:500 13px/32px "微软雅黑";}
.ghjagjhghhh1 a:hover{color:#00a1e2;}
.d_tpl1{color: #fff; font:500 14px/20px "微软雅黑"; background: url(../images/ghjaghjn1.png) no-repeat left center; padding-left: 40px;  }
a.d_mess1{margin-top: 24px; display: block;}
.foot2_a1{border-bottom: 1px solid #fff; color: #c1c1c1; font:500 12px/24px "微软雅黑";}
.foot2_a1 a{color: #c1c1c1;}
.foot2_a1 a:hover{color:#0058a4;}
.d_zaixian{width:205px;padding-top:36px;}
.con{width:1200px;margin:0 auto;position: relative}
.con2{height:264px;overflow:hidden;}
.copyright{line-height:54px;color:#f9f9f9;}
.copyright a{line-height:54px;color:#f9f9f9;}
.copyright a:hover{color:#00a1e2;}


.container1{ padding:5px 5px; line-height:25px}
.container2{ width:900px; overflow:hidden; padding:15px 0; }
.content1{text-align:left; font-size:14px;}
.content1 img{width:100%!important;}
.content1 h1{ height:26px; line-height:26px; padding-left:10px; border:#ccc 1px solid;}

.content1 h2{background:#f7f7f7 url(../images/line02.gif) repeat-x left bottom; line-height:30px;}
.content1 h2 p{ background:url(../images/cion04.gif) no-repeat 5px 12px; line-height:30px; padding-left:20px; font-size:14px; color:#212020; height:30px;}
.content1 h2 a{ color:#212020; line-height:30px; text-decoration:underline;}
.content1 h2 a:visited{ color:#212020;}
.content1 h2 a:hover{ color:#000;}

.content1 h3{ color:#212020; font-size:26px; text-align:center;}
.content1 h4{color:#493200; font-weight:normal; border:#212020 1px dotted;margin:10px 0; text-align:left; padding-left:12px;}
.content1 h5{ text-indent:5px;line-height:25px; background:url(../images/top.gif) repeat-x left bottom; color:#212020; padding-left:10px; line-height:25px;}
.content1 h6{line-height:25px;color:#696969; font-weight:normal; margin:5px 0; text-align:center; font-size:12px;}
 

 

.pages { clear:both; padding:20px 45px 0 0; color:#444; }
	.pages a { color:#444; }
	.pages a:hover { color:#f60;  font-weight:bold  }
	.pages ul { text-align:right;list-style:none }
	.pages li { display:inline; margin-left:8px;list-style:none }


	.tag{margin:0 10px;}
	.tag a{margin:0 3px;text-decotaion:none;margin:0 3px;}
	.tag a:hover{text-decoration:underline;}

.newslist{}
.newslist ul{ list-style:none;}
.newslist li{ line-height:17px; padding:9px 0;background:url(../images/line02.gif) repeat-x left bottom;}
.newslist li a{ display:block;line-height:17px; font-family:tahoma,"宋体"; cursor:pointer; color:#636363;background:url(../images/cion01.gif) no-repeat 5px 3px;}
.newslist li a p{ padding-left:25px;  line-height:17px; color:#636363; font-size:14px; text-align:left}
.newslist li a span{ float:right; line-height:17px; padding-right:10px;}
.newslist li a strong{ line-height:17px;}
.newslist li a:visited{ color:#636363;}
.newslist li a:hover{color:#00a1e2;}
.newslist li a:hover p{background:url(../images/cion01.gif) no-repeat 5px 3px;color:#00a1e2;}

.productsb{ padding:0 10px 20px 10px;}
.productsb .list{ width:140px; text-align:center; float:left; padding:10px 0 0 0;}
.productsb .list h2{ width:124px; height:124px;}
.productsb .list h2 a{width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;border:#817F7F 1px solid;padding:1px;}
.productsb .list h2 a:hover{ border:#000 1px solid;}
.productsb .list h2 img{vertical-align:middle;}
.productsb .list span{ display:block; padding:5px 0 0 0; line-height:18px; color:#636363;}
.productsb .list span strong{ line-height:18px;}

.comment_list{ padding:15px 20px 25px; font-size:12px;}
.comment_list ul{ list-style-type:none;}
.comment_list li{ line-height:18px; padding:6px 0;font-size:14px; background:url(../images/line01.gif) repeat-x left bottom; }
.comment_list li a{ line-height:18px; display:block;padding:0 0 0 16px; color:#636363; font-size:14px; background:url(../images/cion01.gif) no-repeat left 4px;}
.comment_list li a:visited{color:#636363;}
.comment_list li a:hover{color:#212020; background:url(../images/cion01.gif) no-repeat left 3px; text-decoration:underline;}


.title02{background:url(../images/line02.gif) repeat-x left bottom; height:30px;}
.title02 h1{ background:url(../images/cion04.gif) no-repeat 5px 12px; line-height:30px; padding-left:20px; font-size:14px; color:#212020;}
.title02 a{ color:#212020; line-height:30px; padding-right:8px; float:right;}
.title02 a:visited{color:#212020;}


.pro_b{ padding:0 0 10px 0;}
.pro_b div{float:left; margin:5px 0; width:24%;}
.xuan{border-bottom:#ababab 1px dotted; margin-bottom:12px;}
.pro_b h2{width:154px;height:154px;margin:0 auto; }
.pro_b h2 a{width:150px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;border:#e7e7e7 1px solid;padding:1px;}
.pro_b h2 a:hover{ border:#212020 1px solid;}

.pro_b h2 img{ vertical-align:middle;}

.pro_b h3{text-align:center; margin-top:10px;color:#666666;display:block;font-size:12px; line-height:30px;}
.pro_b h3 a{ color:#666666; font-size:12px; font-weight:normal;line-height:16px;}
.pro_b h3 a:visited{ color:#666666;}
.pro_b h3 a:hover{ color:#212020;}

.shop_list dl{border-bottom:1px solid #f4f4f4;padding:20px 0;position:relative;}
.shop_list dt a{display:block;position:relative;width:220px;height:166px;margin-right:30px;}
.shop_list dt img{display:block;width:220px;height:166px;}
.shop_list dt .video_icon{background:url(../images/icon_v.png) no-repeat;width:30px;height:30px;float:left;}
.shop_list dt .vr_icon{background:url(../images/icon_vr.png) no-repeat;width:30px;height:30px;float:left;}
.shop_list dt .video_icon2{background:url(../images/icon_vedio2.png) no-repeat;width:35px;height:35px;float:left;}
.shop_list dd h4{line-height:40px;height:40px;}
.shop_list dd h4 a{color:#333;font-size:20px;display: block;max-width: 580px;float:left;}
.shop_list dd p{color:#333;font-size:14px;line-height:32px;width:510px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tel_shop i{display:inline-block;margin:0 8px;color:#d7d7d7;}
.add_shop span{float:left;background:url(../images/icon_add.png) no-repeat left center;padding-left:15px;margin-left:16px;color:#999;max-width: 300px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.add_shop a{float:left;color:#333;max-width:210px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.people_name{background:url(../images/icon_name.png) no-repeat left center;padding-left:15px;color:#999;}
.shop_list dd p.num_gs{color:#666;}
.num_gs span{color:#df2f31;margin:0 7px;}
.shop_list dd .label{margin-top:14px;}
.shop_list dd .label span{float:left;background:#fff1f1;color:#f97577;padding:0 5px;height:20px;line-height:20px;margin-right:8px;font-size:12px;}
.shop_list dd .label span.bg_none{background:none;padding:0;}
.shop_list dd .label span.bg_none img{float:left;margin-top:1px;}
.shop_list dd .label span.icon_dt{color:#333;background:url(../images/icon_dt.png) no-repeat left center;padding-left:20px;margin-right:15px;}
.price_right{position:absolute;top:78px;right:0;width:120px;text-align:right;font-size:14px;color:#666;}
.price_right span{display:block;width:120px;}
.price_right span.red{color:#df2f30;font-size:16px;margin-bottom:0px;}
.price_right span.red b{font-size:28px;}
.floatl{float: left;}
.floatr{float: right;}
.zy{ position:relative}

.yunu-message {border: 1px solid #ddd;padding: 50px 50px;margin-bottom: 30px;}
.form-group {margin-bottom: 15px;}
.form-label {float: left;line-height: 34px;width: 120px;text-align: right;}
.form-label span {color: #d82634;}
.form-content {margin-left: 130px;}
.form-control {line-height: 20px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 600px;display: inline-block;vertical-align: top;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
select.form-control {height: 34px;}
.form-submit {padding: 6px 22px;color: #fff;background-color: #000;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}
.form-button {padding: 6px 22px;color: #fff;background-color: #000;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}
.jisuanqi{ margin:15px 0}