﻿

.MTA {
    /*margin-top: -85px;*/
}
.clear{clear:both;}
/*con*/
.co{ width:100%; height:auto; }
/*.con{ width:1000px; margin:10px auto;background:#fff;min-height: 550px; }*/
.conn{ width:1100px;  margin:10px auto;}
.cleft{ width:260px; float:left;  }
.cltop{ height:50px; background:#54a606; font-weight:600; border-radius: 10px 10px 0 0;}
.cltop2{ height:50px; background:#54a606;font-weight:600; border-radius: 10px 10px 0 0;}
.cltoptext{ float:left;height:40px; line-height:50px;padding-left:45px; font-size:18px; color:#fff;}
.cltoptext2{ float:left;height:40px; line-height:50px;padding-left:45px; font-size:18px; color:#fff;}
.clul{margin-bottom:10px;border: 1px solid #ccc;    border-radius: 0 0 10px 10px;}
.clul ul{ margin:0px auto; width:240px;}
.clul ul li{height:35px; border-bottom:1px solid #dedede;background: url(../images/rjt.jpg) no-repeat 5px 8px; padding-left:30px;}
.clul ul li a{line-height:35px;color:#333;font-size:16px; }
.clul ul li a:hover{color:#e10000;}
#bot{color:#71bb36;}

.n_ban{width:100%; height:344px; /*position:relative;*/  overflow:hidden;min-width:1200px}

.ctop{ height:38px; border-bottom:1px solid #e6e6e6;}
.toptext{ 
        float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    text-align: center;
    font-size: 18px;
    color: #666;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    background: #fff;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

.cright{ width:820px;float:right;border:0px solid #ededed;}
.about{ height:36px; float:right; padding-right:10px;}
.about a{ color:#333; text-decoration:none; line-height:36px;}
.about a:hover{ color:#336699; text-decoration:none;}
/*ma manews maa  使用了padding所有宽度少30*/
.manews{width:800px; min-height:300px; padding:5px;}
.ma{width:800px;height:auto; padding:15px; min-height:300px;
}


.cnews1{ width:710px; height:80px; padding-top:5px;}
.nimg a{ width:710px; height:30px; color:#71bb36;font-size:14px;font-weight:bold;}
.nimg a:hover{ width:870px; height:30px; color:#c12e02;font-size:14px;}
.ntext a{  width:870px; height:80px;color:#333;}
.ntext a:hover{   height:80px;color:#c12e02;}
.ntitle{height:30px; float:right;font-size:14px; font-weight:bold; color:#888; }

/*页面导航条  -30px*/
.under{ width:730px; height:24px; margin-top:5px; padding:5px; padding-right:20px; text-align:right; color:#333; clear:both;font-size:12px;}
.under a{ color:#333;font-size:12px;}
.under a:hover{text-decoration:none; color:#336699;}


/*页面上一个下一个   -30px*/
.next{ width:700px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:10px; color:#666; clear:both;font-size:12px;}
.next ul li{ width:870px; padding:0px 5px; height:28px; margin-bottom:5px;}
.next span{ color:#333; line-height:28px;}
.next a{ color:#666; text-align:left; font-size:12px; line-height:28px;}
.next a:hover{text-decoration:none; color:#336699;}



/*新闻列表显示*/
.manews ul,li{ margin:0px; padding:0px; list-style-type:none;}
.manews ul{ width:700px;}/*就是manews的宽度 可以改*/
.manews ul li{ width:700px; height:100px; padding-left:10px; border-bottom:1px dashed #ccc; line-height:30px; background:url(/images/) no-repeat left center;}/*使用的padding left了  所有少了-20px*/
.manews ul li a{  text-decoration:none; line-height:30px; text-align:left; }
.manews ul li a:hover{text-decoration:none; color:#c12e02;}
.ys2{ float:left; color:#333;font-size:12px;line-height:30px;}
.ys3{ float:right; color:#666;font-size:12px;line-height:30px;}


/*产品展示页面*/
.nei{float: left;width:215px;height:185px; margin:5px 7px;}
.nei p{color:#000; font-size:14px; text-align:center; line-height:25px;}
.nei:hover{ text-decoration:none;}
.nei:hover p{ color:#0049aa;}
.nei:hover .neinav{border:1px solid #0049aa;}
.neinav{width:205px;height:155px; padding:5px;border:1px solid #dfdfdf;}
.neinav img{width:205px;height:155px;}
.showimg {
max-width:370px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}

/*****************************************************product right start**************************************************/

.pro_list{ width: 100%; overflow: hidden;}
.pro_list .pro_item{ display: block; float: left; width: 248px; height: 268px; border: 1px solid #e6e6e6; margin-right: 19px; margin-top: 20px; text-decoration: none; overflow: hidden;}
.pro_list .pro_item:hover{ border: 1px solid #71bb36;}
/*.pro_list .margin_left{ margin-right: 0;}*/

.pro_list .pro_item .pro_img{ width: 230px; /*height: 230px;*/ margin: 10px auto;}
.pro_list .pro_item .pro_img img{ max-width: 100%; height: 200px;}
.pro_list .pro_item .pro_name{ width: 230px; height: 35px; line-height: 35px; margin: 0 auto; font-size: 18px; overflow: hidden;}
.pro_list .pro_item .pro_name .pro_info{ font-size: 14px;}
.pro_list .pro_item .pro_txt{ width: 230px; margin: 0 auto; font-size: 14px; color: #999;}
#turn_page{ margin-top: 80px;}



/***************************************** info start ******************************************************/
.info_list{ width: 830px; margin: 0 auto; margin-top: 30px;}
.info_list .info_item{ display: block; width: 770px; height: 160px; border: 1px solid #e6e6e6; margin-bottom: 10px; padding: 20px 18px; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.info_list .info_item:hover{ border: 1px solid #8ac759;}

.info_list .info_item .info_title{ width: 100%; font-size: 15px;color:#54a606;font-weight:600;}
.info_list .info_item .info_txt{ width: 100%; height: 52px; line-height: 52px; color: #bbb;}
.info_list .info_item .info_txt .separator{ padding: 0 10px;}
.info_list .info_item .info_brief{ width: 100%; height: 60px; line-height: 30px; color: #666;font-size: 14px; overflow: hidden;}
.info_list .info_item .read_more{ width: 100%; color: #71bb36; text-align: right;}

.news_des{ width: 830px; margin: 0 auto;}
.news_title{ width: 830px; height: 70px; border-bottom: 1px dashed #d8d8d8; margin: 0 auto; margin-bottom: 15px; text-align: center; position: relative;}
.news_title .info_title{ width: 100%; font-size: 18px;}
.news_title .info_txt{ width: 100%; height: 52px; line-height: 52px; color: #bbb;}
.news_title .info_txt .separator{ padding: 0 10px;}
.news_title .return_btn{ display: block; width: 60px; height: 60px; position: absolute; right: -70px; top: 86px;}

.ms{ width:798px; clear: both;height:35px; display:block; background:#efefef; margin-top:25px; border-bottom: 1px solid #ccc;}
.ms h1{  border-right: 1px solid #ccc;width:180px; height:31px; float:left; display:block; margin-right:4px; text-align:center; color:#555; font-size:14px; line-height:31px; font-weight:bold;}
.ms h1 a{ color:#555;}
.ms h1:hover a,.ms h1.on a{ background:#fff; border-top: 3px solid #ccc; width:180px; height:31px; display:block; color:#555;}
.ms_nr{ width:760px; float:left; display:block; padding:5px 15px;}

/*在线留言*/
.panel-c-l td{padding:5px 5px;}
.login-text{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 400px;}
.login-validate{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 100px;}
.login-text-focus{border: 1px solid #574309;}
.login-btn{width: 114px;height: 29px;color: #fff;    text-align: center;line-height: 29px;background:#71bb36;border: none;overflow: hidden;cursor: pointer;border: 1px solid #e9e9e9; margin-right:20px;}
.note{width: 400px;height:100px}
.logincopyright{text-align: center;color: White;font-size:14px;margin-top: 50px;}

/*分页吗样式*/
.anpager .cpb {background:#e4fdcf none repeat scroll 0 0;border:1px solid #71bb36;color:#666;font-weight:bold;margin:5px 4px 0 0;padding:4px 12px 5px;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#666;margin:5px 4px 0 0;padding:4px 12px 5px;text-decoration:none}
.anpager a:hover{background:#71bb36 none repeat scroll 0 0;border:1px solid #71bb36;color:#FFFFFF;}

/*---联系我们--*/
.lxwm{ width:258px;  border:1px solid #ccc;    border-radius: 0 0 10px 10px;}


 .subnr { border:0px solid #ededed; border-top:0;  padding:5px 9px; width:240px; overflow:hidden; }
 .subnr p { line-height:25px; overflow:hidden; }
 .subnr span { color:#333; }
 .subnr h5 { padding-top:12px; line-height:28px; overflow:hidden; }
 .dianhua { background: url(img/teln.gif) no-repeat scroll 0 18px transparent; color:#666; line-height: 20px;padding: 10px 0 10px 5px;}
 .dianhua span { display: block; font: 18px "Impact"; color:#71bb36; }
/*foot*/




.product{ height:300px;}
.pro-img{width: 350px;margin-right: 0!important;float: left;position: relative;height: auto;background: #fff!important;}
.pro-img img{/*width:320px;*/ height:300px;}
.pro-list{width:400px;float:right;position:relative;margin-right:20px;}
.pro-list h4{width:100%;margin-bottom: 10px;font-size: 14px;font-weight:700;}
.pro-list p{width:100%;margin-bottom: 10px;} 
a.product-item-preview {border-radius: 4px;background-color: #aab2bd;color: #FFF;position: absolute;right: 20px;bottom: 20px;padding: 10px;text-align: center;font-size: 14px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
a.product-item-preview i {color: #FFF;}
a.product-item-preview:hover{background: #169fe6!important;}
ul.accordion {display: inline;float: left;width: 400px;}
ul.accordion li {float: left;width: 100%;padding: 0;border: 1px solid #e1e1e1;border-bottom: none;}
ul.accordion li a{color: #169fe6!important;}
ul.accordion li:last-child { border-bottom: 1px solid #e1e1e1 }
ul.accordion .accordion-switch {float: left;width: 100%;background: #FFF;margin-bottom: 0px;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;transition: all 0.25s ease-out;cursor: pointer;font-size: 12px;color: #777;line-height: 30px;padding: 0px 0 0px 0;color: #169fe6!important;background: #f6f7fb}
ul.accordion li.accordion-item .accordion-switch {font-size: 13px;text-transform: capitalize;float: left;}
ul.accordion li a:hover { text-decoration: underline }
ul.accordion li.accordion-item .accordion-content {padding: 0px 20px 10px 15px;margin-top: 5px;float: left;}
ul.simple-list {border: none!important;float: left;list-style: none;margin: 0px;}
ul.simple-list li {list-style: none;padding: 6px 0!important;border: none!important;border-bottom: 1px solid #e6e9ee!important;float: left;display: block;width: 100%;}
ul.simple-list li span {margin-right: 5px;padding: 2px;font-size: 14px;}


.featured{
	/*position: relative;*/
	text-align: center;
	padding: 20px 0 40px 0;
   
}
.featured .bd .item .name{
	/*padding: 2px 0;*/
	margin: 10px 0;     float: left;padding-left:15px;
}
.featured .bd .item .name a{
	font-family: "LATO_REGULAR";
	font-size: 12px;
	color: #555;
}
.featured .bd .cate_name{
	margin: 2px 0 30px 0;
}
.featured .bd .cate_name a{
	font-family: "MONTSERRAT_BOLD";
}
.featured .bd .cate_name .name a{
	font-size: 14px;
	color: #232222;
}
.featured .bd .item .inquiry {
	padding: 5px 0;
	margin: 5px 0;
	cursor: pointer;float:right;
}
.featured .bd .item .inquiry img{
	/*padding-right: 11px;*/
}
.featured .bd .item .inquiry a{
	padding: 8px 10px;
	background: #555;
	font-size: 12px;
	color: white;
	font-family: "LATO_REGULAR";
}
.featured .inquiry img,.featured .inquiry span{
	vertical-align: middle;
}
.featured .bd .item .inquiry a:hover{
	background: #e8724e;
	transition: all ease 300ms;
}