﻿@charset "utf-8";
/* 结构元素 */
body{margin:0px;padding:0px;color:#444444; background:#ffffff; line-height:150%;font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif}
div,img,ol,dt,dl,dd,p,input,button,input,textarea{margin:0;padding:0;border:0;text-align:left;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:bold;}
ul,li {list-style:none;list-style-type:none; padding:0; margin:0}
.c{ border:0; margin:0; padding:0;clear:both;visibility:hidden;}
/* 表格元素 */
table,td,tr,th{font-size: 14px;line-height:150%; text-decoration: none; font-family:"微软雅黑",Arial, Helvetica, sans-serif}
.dd1{ width:100%; border-left:#e6e6e6 solid 1px;border-top:#e6e6e6 solid 1px;border-collapse:collapse; font-size:12px; margin-top:10px} 
.dd1 td{border-right:#e6e6e6 solid 1px;border-bottom:#e6e6e6 solid 1px; padding:4px;}
.anniu{ border:0px solid #ff6600; background:#0094da; color:#ffffff; font-size:16px; font-weight:bold; width:120px; line-height:45px; text-align:center; font-family:"微软雅黑",Arial, Helvetica, sans-serif}
/* 表单元素 */
.biaodan{padding:0; margin:0; background:#ffffff; border:1px solid #e2e2e2; width:600px; padding-left:10px; height:35px;line-height:35px;color:#999999;}
.biaodan1{ padding:0; margin:0; background:#ffffff;width:600px; border:1px solid #dddddd; padding-left:10px; height:auto; padding-top:10px; color:#999999; overflow:auto;}
.code{padding:0; margin:0; width:93px; background:#252525; height:32px;line-height:32px;color:#999999; border:1px solid #444444; padding-left:5px}
/* 链接颜色 */
a:link { color:#444444;	text-decoration: none;}
a:visited {	color:#444444;	text-decoration: none;}
a:hover { color: #000000;	text-decoration:none;}
a:active { color: #000000;	text-decoration: none;}
.menu{color:#9c8347;text-decoration: none;}
a.menu:link {color:#9c8347;text-decoration: none;}
a.menu:visited {color:#9c8347;text-decoration: none;}
a.menu:hover {color:#ad0000;text-decoration: underline;}
a.menu:active {color:#ad0000;text-decoration: none;}
.fl { float: left;}
.fr { float: right;}

/**导航菜单**/
/*#nav_box{ background:#306ede; height:65px; width:100%;}
#nav{ height:65px;width:1200px; margin: 0px auto}
#nav li{ width:155px;float:left; font-size:16px; text-align:center; line-height: 140%;}
#nav a{height:53px;color:#ffffff; display:block; padding-top:12px}
#nav a:hover{color:#ffffff;background:#e0520c;}
#nav p{ padding: 0; text-align: center; text-transform: uppercase; font-size:12px;}
#nav .home{ color:#ffffff;background:#e0520c;}
#nav .home a{color:#ffffff;background:#e0520c;}
#nav .home a:hover{color:#ffffff;}*/


.clear{ clear: both;}

.welcome {  height:37px; background:#eeeeee;}
.welcome,.welcome a{ color:#333; font-size:13px;  }
.welcome .w1200{ height:37px; line-height:37px;}
.welcome .left{ float:left;}
.welcome .right{ float:right;}
.welcome img{ vertical-align: middle; }

.w1200{width:1200px; margin:0px auto;}
.header { min-width: 1200px; height:90px; padding-top:10px;  }
.logo{ padding-top:10px}
.telphone{padding-top:10px}
.casetitle{ height:40px; border-bottom:1px solid #ddd;}
.casetitle_l{float:left; font-size:14px; font-weight:bold;color:#ffffff; background:#306ede; line-height: 40px; padding-left: 20px; padding-right: 20px}
.casetitle_r{ float:right; font-size:12px; background: url(../images/pjt.png) no-repeat right 50%; padding-right: 20px; line-height: 40px}

.h20{ height:20px}
.indexabout{ font-size:14px; line-height:24px; height:350px; padding-top:10px}
.indexabout dt{ padding-top:5px; text-align:right}
.indexabout p{ padding:0; margin:0; padding-top:6px}
.hotnews{ padding-top:15px; font-size:14px; color:#999999; line-height:24px}
.hotnews h2{ font-size:20px; line-height:28px; font-weight:normal; color:#444444; padding-bottom:10px}
.indexnewsbox{ border:1px solid #e2e2e2; padding-left:15px; height:355px}
.indexnews{ font-size:14px; padding-top:10px}
.indexnews li{ line-height:35px; background:url(../images/mjt.png) no-repeat left 50%; padding-left:15px}

.main1_r{ float:right; width:625px}
.homeabout{ padding-top:15px; font-size:14px; line-height: 180%}
/* 本例子css */
.slideTxtBox{  border:1px solid #f0f0f0; text-align:left;width: 550px; float:left;}
.slideTxtBox .hd{ height:40px; line-height:40px; background:#dededc; position:relative;}
.slideTxtBox .hd ul{ float:left;  position:absolute;  top:-1px; height:42px;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; height:40px; width: 75px; text-align: center;font-weight:bold; font-size:14px; webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear;}
.slideTxtBox .hd ul li.on{ height:40px; width:75px;  background:#306ede; color: #fff; font-weight:bold; font-size:14px;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ /*height:24px; line-height:24px;*/}
.slideTxtBox .bd li .date{ float:right; color:#999; font-size:14px;}
.style_news{border-bottom:1px dashed #dddddd; background:url(../images/mjt.png) no-repeat left 50%; line-height: 38px; font-size:14px; padding-left: 15px}

.r10{padding-right:15px}
#pro_list{ height:295px; padding-top:20px}
.p_tu{ height:295px; overflow:hidden;}
.p_tu li{float:left; width:200px; height:280px; text-align:center; padding-left:5px; padding-right: 5px}
.p_tu .box{ border:1px solid #e2e2e2; height:245px; text-align: center}
.p_tu li img{width:180px; height:180px; padding-top:10px}
.p_tu li h2{ text-align:center; line-height:22px; height:44px; padding-top:3px; font-size:12px; font-weight: normal}
/**首页**/
.maincontent{ height:auto; padding-top:20px;}
.more{ background:url(../images/mjt.png) no-repeat left 46%; height:22px; line-height:22px}
.more a{color:#0B6DC9; font-weight:bold; padding-left:15px}
.more a:hover{color:#000000}
.footwrap{ background:#eeeeee; height:auto; width:100%;min-width:1200px; /*border-top:3px solid #24201c*/}
.foot{ padding-top:20px; padding-bottom:30px; font-size:14px; color:#333333}
.footwrap a{ color:#787878;}
.foot h2{ font-size:14px; line-height:30px; padding-bottom:8px}
.foot_l{float:left; margin-left:80px;}
.l20{ padding-left:20px;}
.foot li{ line-height:28px}
.foot_m{float:left; padding-left:142px; margin:0 20px;}
.foot_r{float:right;}
.foot_r li{float:left; width:50%}
.copyright{ line-height:48px; height:48px; font-size:14px; text-align:center; /*border-top:1px solid #0a47c2;*/  color: #aaaaaa; background:#2f363f;}
.copyright a{color: #aaaaaa;}
/**内页**/
.aboutwrap{/*background:#f8f8f5;*/ width:100%}  /*内页背景*/
.aboutbanner{ background:url(../images/neiye.jpg) no-repeat center top; height:330px; width:100%}
.aboutmain{ height:auto; padding-top:30px; padding-bottom:30px}
.abouttitle{ font-size:24px; line-height:59px; color:#306ede; border-bottom: 1px solid #dddddd}
.leftabout{float:left; width:250px}
.rightabout{float:right; width: 890px}
.lefttitle{ background:url(../psd/bgtitle.jpg) no-repeat left center; font-size:20px; line-height: 70px; height:70px;  font-weight: bold; padding-left:90px; color: #454545; margin-bottom: 10px}
.leftmenu{ height:auto;}
.leftmenu ul li ul{display: none;}
.leftmenu ul{}
.leftmenu ul li{height: 50px;line-height: 50px; border-bottom: 1px solid #dddddd;}
.leftmenu ul li a{font-size: 14px;color: #333; display:block; padding-left: 20px}
.leftmenu ul li:hover{ background:#306ede;}
.leftmenu ul li:hover a{color: #fff;}
.leftmenu ul .home{ color: #306ede; font-weight: bold;}
.leftmenu ul .home a{color: #306ede;}

.aboutcontent{ font-size:14px; line-height:3; padding-top:25px; min-height:400px;}
.newscontent{ font-size:14px; line-height:180%; padding-top:10px; min-height:400px;}
.aboutcontent_l{float:left; width:500px;}
.aboutcontent_r{float:right; width:660px}
.productlist{ padding:0; margin:0;}
.productlist li{float:left; width:33.333%; text-align:center;}
.productlist .pbox{ border:1px solid #e2e2e2; background:#ffffff; margin:12px;padding-top:10px; padding-bottom:10px}
.productlist img{ width:90%; display: block; margin: 0px auto; text-align: center; height:200px}
.productlist dt{ text-align:center; font-size:14px; line-height:35px}
.productxxsm{padding-top:40px; padding-bottom: 20px;background:#ffffff;}
.productxxsm_r{float:left; width:350px}
.productxxsm_r h2{border-bottom:1px dashed #cccccc; font-size:24px; line-height: 35px; font-weight: normal; padding-bottom: 10px}
.zxtop{background:#f3f3f3; padding:18px 20px; margin-top:231px}
.zxtop span{ font-size:20px; color: #0074ce}
.zxtop p{padding-bottom:15px}
.linkBtn{width:150px;height:50px;line-height:50px;text-align:center;background: #0094da;color:#ffffff;font-size:16px;}
.linkBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.linkBtn:hover{color:#fff;background-color:#ff6600;}
.xxcstitle{background:#eeeeee; height:55px; margin-top:30px; }
.xxcstitle_l{float:left; font-size:20px; color:#0094da; line-height: 52px;background: #ffffff; padding-left:20px; padding-right:20px; border-top:3px solid #0094da}
.productxxcs{  padding:20px;}


.productxxcs table{ width:100%; border-collapse:collapse; }
.productxxcs tr td,.wx tr th { border:1px solid #dddddd; padding:3px; }
.productxxcs .w100{ width:100px;}


.productxxcs h2 {background-color:#ffffff;font-style:normal;text-indent:0px;font-family:'microsoft yahei';color:#666666;font-size:20px;   margin:10px 0;  }
.productxxcs h2	span  {  background:#0072ff;color:#ffffff;  }



.productxxcs img{ text-align:center; display:block; margin:0px auto}
.newslist{ padding:0; margin:0}
.newslist li{ line-height:42px; background:url(../images/mjt.png) no-repeat left 50%; padding-left:12px; border-bottom:1px dashed #dddddd;}
.newslist .time{ padding-right:30px}
.viewbox{text-align:center;}
.viewbox h2{ font-size:24px; text-align:center; line-height:45px; font-weight:normal}
.viewbox img{ padding-top:10px}
.content{ padding-top:10px; padding-bottom:20px}
.context{ border-top:1px solid #e2e2e2}
.context li{ line-height:20px; padding-top:8px}
.zxbox{background:#ffffff; border:3px solid #0094da}
.zxtitle{background:#0094da; line-height: 60px; font-size: 22px; font-weight: bold; text-align: center; color: #fff;}
.zxlist{ padding:30px}


/* 多图 */
.gallery {width: 455px; float: left; height:450px; padding-left:35px;}
.gallery .booth {
	padding:0px; height: 353px; text-align:left; cursor: pointer; padding-left:11px;
}
.gallery .booth img{ border:1px solid #e2e2e2;width:395px; height: 340px;}
.tabs {
	width: 408px; height:111px; overflow: hidden;
}
.lunbo {
	position: relative;
}
.leftbutton {
	left: -20px; top:30px; display: none; position: absolute; cursor: pointer;
}
.rightbutton {
	left: 418px; top:30px; display: none; position: absolute; cursor: pointer;
}
.thumb {
	width: 2000px;
}
.gallery .thumb li {
	width:91px; height:76px; text-align: center; padding-top:3px; margin-left:11px; float: left; display: block; cursor: pointer; background-color:#eeeeee
}
.gallery .thumb li img{	width:85px; height:73px;}
.gallery .thumb li a {
	padding-top: 5px; display: block;
}
.gallery .thumb li.selected a {
	background: rgb(255, 255, 255);
}
.gallery .thumb li.selected { background-color:#c3afca;}

/* 分页 */
.newspage{ height:45px; padding-top:25px;}
.propage{ height:45px; padding-top:25px;}
.black2 {text-align: center;font-size: 12px;line-height:22px;}
.black2 a {border:#2d83cc 1px solid;padding:5px 10px;margin:2px;color: #444444;text-decoration: none;background-color:#ffffff; border-radius:3px}
.black2 a:hover {border:#2d83cc 1px solid;color: #ff0000;}
.black2 a:active {border:#2d83cc 1px solid;color: #ff0000;}
.black2 span.current {border: #2d83cc 1px solid; padding:5px 10px;font-weight: bold; margin:2px; color: #ffffff; background-color: #2d83cc; border-radius:3px}
.black2 span.disabled {border: #49575d 1px solid;padding:5px 10px;margin: 3px;color: #333;}

.kefubox{width:124px;position:fixed;z-index:99;right:0px;top:225px;text-align:left; color:#666666}
.kefutop{ background:url(../images/kefu/kf-top.png) no-repeat top; height:10px}
.kefumiddle{background:url(../images/kefu/kf-di.png); padding-left:4px; padding-right:4px}
.kefutitle{background:url(../images/kefu/kftitle.png); height:29px; line-height:29px; font-weight:bold; text-align:center}
.kefucontent{background:#ffffff; text-align:center; padding-top:8px}
.kefucontent li{ text-align:center; line-height:22px}
.kefudown{ background:url(../images/kefu/kfdown.png) no-repeat top; height:12px}
.telbox{ padding-top:6px; font-size:12px; text-align:center; padding-bottom:6px}
.telbox span{font-size:12px;}
.qqonimage{ text-align:center; padding-top:5px}



.page{ width:auto; padding-top:20px; clear:both;}
.page { TEXT-ALIGN: center;FONT-SIZE: 12px; line-height:12px;}
.page a,.page span{BORDER:#848484 1px solid;PADDING:5px 8px; MARGIN: 1px;COLOR: #ffffff;TEXT-DECORATION: none;BACKGROUND-COLOR: #848484}
.page a:hover {BORDER: #666666 1px solid;COLOR: #ffff00;}
.page a.current{BORDER: #94c236 1px solid; pADDING:5px 8px;FONT-WEIGHT: bold; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #94c236}
.page strong{color:#ffff00; font:normal 12px  Verdana;}