@charset "utf-8";
body{text-align:center; font-size:12px; color:#2E2E2E; background-color:#ffffff;font-family:Helvetica,Arial,'Microsoft Yahei',sans-serif;}
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,emBED{padding:0; margin:0;}
a img {	border: none;}/*  图片链接去掉边框  */
li{ list-style:none;}/*  删除列表标记  */
.clear{ clear:both}
a{transition: all .2s ease-out .1s; text-decoration:none}
a:link {color: #383838;	text-decoration: none;	font-size: 12px;}
a:visited {	text-decoration: none;	color: #2E2E2E;	font-size: 12px;}
a:hover {	COLOR: #5B9400;	font-size: 12px;	text-decoration:none;}
a:active {	text-decoration: none;	color: #2E2E2E;	font-size: 12px;}
.container{ width:976px;display:block;clear:both;margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */padding:0px; background-color:#FFFFFF;}
.maxLen {DISPLAY: inline-block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-DECORATION: none}
.left{ width:178px; height:auto; float:left; background-color:#FFFFFF}
.right{ width:782px; margin-left:16px; float:left; background-color:#FFFFFF;}

.top01{ width:543px; height:88px; float:left}
.top02{ width:433px; height:88px; float:left; background-image:url(images/TOP02.gif); background-repeat:no-repeat; text-align:right; line-height:30px;}

.nav{ width:976px; height:34px; background-image:url(images/nav_bg.gif); background-repeat:repeat-x; float:left}
.nav li a{transition: all .2s ease-out .1s;}
.nav li{ width:100px; height:34px;float:left; margin-left:6px; line-height:34px; font-size:14px; font-weight:bold}
.nav li a:visited{ width:100px; height:34px; color:#FFFFFF; float:left; font-size:14px;}
.nav li a:link{ width:100px; height:34px; color:#FFFFFF; float:left; font-size:14px;}
.nav li a:active{ width:100px; height:34px; color:#FFFFFF; float:left; font-size:14px;}
.nav li a:hover{ width:100px; height:34px; color:#5B9400; float:left; font-size:14px; text-decoration:none; background-image:url(images/nav_hover.gif); background-repeat:repeat-x}

.ad01{ width:976px; height:189px; float:left; border:1px solid #000000}

.left_title{ width:176px; letter-spacing:10px; margin-top:10px; float:left; height:38px; color:#004C00; line-height:30px; background-image:url(images/left01.gif); background-repeat:no-repeat; font-size:14px; font-weight:bold; text-align:center;}
.left_box{ width:174px !important; width:176px; float:left; border-bottom:1px solid #52AA54; border-left:1px solid #52AA54; border-right:1px solid #52AA54; border-top:0px solid #52AA54;}
.lm01{ color:#333333; padding-left:23px; text-align:left; height:22px; line-height:22px;background-image: url(images/article_elite3.gif);background-repeat: no-repeat;}
.lm02{ color:#333333; padding-left:25px; background-position:10px; text-align:left; height:27px; line-height:27px;background-image: url(images/article_elite5.gif);background-repeat: no-repeat;}
.lm03{ color:#333333; padding-left:35px; background-position:23px; text-align:left; height:27px; line-height:27px;background-image: url(images/article_elite7.gif);background-repeat: no-repeat;}
.left_contact{ width:170px; float:left; text-align: left; line-height:23px; margin-left:2px;}
.left_ad{ float:left; width:178px; float:left; margin-top:10px;}

.right_title{ width:742px !important; width:782px; height:26px; line-height:26px; background-image:url(images/right_title.gif); background-repeat:no-repeat; background-position:left; text-align:left; margin-top:10px; padding-left:40px; color:#004C00; font-size:14px; letter-spacing:10px; font-weight:bold;}
.more{ float:right; width:45px; height:13px; margin-right:5px; margin-top:5px;}
.right_profile{ line-height:20px; width:762px !important; width:782px; padding-left:10px; padding-right:10px; font-size:13px; height:120px; text-align:left; margin-top:10px; margin-bottom:5px; height:auto;}

#p_demo {overflow:hidden; width: 782px;}
#inp_demo { float: left;width: 1600%;}
#p_demo1 {float: left;}
#p_demo2 {float: left;}
.product_img{ margin:5px; float:left; line-height:25px;}
.product_img >a { width:157px; height:118px; overflow:hidden;}
.product_img >a img{transition: all .5s ease .1s;}
.product_img >a img:hover{transform:scale(1.1);}

.article_title{ width:344px !important; width:384px;height:26px; line-height:26px; background-image:url(images/right_title.gif); background-repeat:no-repeat; background-position:left; text-align:left; margin-top:10px; padding-left:40px; color:#004C00; font-size:14px; font-weight:bold; float:left;}
.article_box{ width:384px; height:225px; float:left;}
.article_pic{ height:180px; width:116px; float:left; margin-top:10px; margin-right:2px;}
.index_article_list li{ width:246px !important; width:256px; margin-left:10px; height:25px; line-height:25px; text-align:left; float:left; background-image:url(images/dot01.gif); background-repeat:no-repeat; background-position:0 9px; padding-left:8px;}

.link{ line-height:18px; text-align:left; float:left; width:976px;}
.copyright{ margin-top:5px; line-height:23px; text-align:center; float:left; width:976px; border-bottom:5px solid #004E00; border-top:1px solid #CDCDCD}

.right_title01{width:752px !important; width:782px; height:26px; line-height:26px; background-image:url(images/right_title01.gif); background-repeat:no-repeat; background-position:left; text-align:left; margin-top:10px; padding-left:30px; color:#004C00; font-size:14px; font-weight:bold;}
.right_title01 a:link{ color:#004C00; font-size:14px; font-weight:bold;}
.right_title01 a:visited{ color:#004C00; font-size:14px; font-weight:bold;}
.right_title01 a:active{ color:#004C00; font-size:14px; font-weight:bold;}
.right_title01 a:hover{ color:#004C00; font-size:14px; font-weight:bold; text-decoration:none}
.article_list{ width:732px; float:left; margin-top:20px; margin-left:20px;}
.article_list li{ width:700px;  height:25px; float:left;line-height:25px; border-bottom:1px dotted #cccccc; text-align:left; padding-left:15px; background-image:url(images/dot02.gif); background-repeat:no-repeat; background-position:0 7px;}
.article_list li a:link{font-size:14px;}
.article_list li a:active{font-size:14px;}
.article_list li a:visited{font-size:14px; }
.article_list li a:hover{font-size:14px;}
.article_list li span{ float:right;}

.title{ font-size:16px; font-weight:bold; height:40px; line-height:40px; text-align:center}
.article_date{ text-align:right; padding-right:20px; width:762px; float:left; border-bottom:1px dotted #999999}
.next{ height:auto; text-align:left; width:762px; float:left;}
.next li{ width:380px; height:25px; line-height:25px; float:left}
.article_close{ line-height:30px; height:30px; text-align:center; padding-left:10px; width:762px; float:left;}
.product_name{ font-size:14px; font-weight:bold}

.product_box{ width:782px; float:left}
.product_box li{ width:157px; height:148px; float:left; margin-top:13px; margin-left:30px; line-height:30px;}
.product_box li> a{ width:157px; height:118px; overflow:hidden}
.product_box li>a img{transition: all .5s ease .1s;}
.product_box li>a img:hover{transform:scale(1.1);}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/* 在线客服样式 */
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(images/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(images/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(images/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:130px;padding:0 12px;background:url(images/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(images/kefu_qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(images/kefu_wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(images/kefu_skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0; }
.kefuBox .kefuCont ul li.codeer p{display:block;height:20px; color:#FFFFFF}
.kefuBox .kefuCont ul li.codeer span{display:block;width:130px;height:130px;background:url(images/kefu_wx.png) no-repeat center; overflow:hidden;}
.kefuBox .kefuCont ul li.codeer span .line {
        height: calc(100% - 2px);
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #ffffff 211%);
        border-bottom: 2px solid #ffffff;
        transform: translateY(-100%);
        animation: radar-beam 2s infinite;
        animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);
        animation-delay: 1.4s;}
.kefuBox .kefuCont ul li.codeer span .box:after,
.kefuBox .kefuCont ul li.codeer span .box:before {top: 0;border-top-color: #ffffff;}
.kefuBox .kefuCont ul li.codeer span .angle:after, .kefuBox .kefuCont ul li.codeer span .angle:before {bottom: 0;border-bottom-color: #ffffff;}
.kefuBox .kefuCont ul li.codeer span .box:before,.kefuBox .kefuCont ul li.codeer span .angle:before {left: 0;border-left-color: #ffffff;}
.kefuBox .kefuCont ul li.codeer span .box:after,.kefuBox .kefuCont ul li.codeer span .angle:after {right: 0;border-right-color: #ffffff;}
     @keyframes radar-beam {
	 	0% { transform: translateY(-100%); }
         100% {transform: translateY(0);}
		}

/*Guestbook整体样式*/
.table_bg_guestbook{background-color: #D4D4D4;font-size:14px;transition: all .5s ease .1s; border-radius: 5px;}
.table_bg_guestbook:hover{box-shadow:0px 0px 10px #CE3504;-webkit-box-shadow:0px 0px 10px #CE3504;-mox-box-shadow:0px 0px 10px #CE3504; transform:translateY(-3px); cursor: pointer;}
.table_bg_guestbook td a{font-size:14px;}
.td_bg_guestbook{font-size:14px;background-color: #FFF; height:30px; line-height:20px; padding-right:5px;}/*调整鼠标经过tr的原始颜色*/
.input_button{width:120px;height:30px; border: 1px solid #808080; background-color: #dbf0ff;border-radius: 5px; margin: 10px;}
.input_button:hover{background-color: #2693FF;transition: all .2s ease-out .1s; cursor: pointer; color: #FFF;box-shadow: 10px 10px 99px 10px rgba(76, 201, 240, 1);-webkit-box-shadow:10px 10px 99px 10px rgba(76, 201, 240, 1);-mox-box-shadow:10px 10px 99px 10px rgba(76, 201, 240, 1);}
.input_txt{border:1px solid #2693FF; background-color: #F2F8FF; height:30px; line-height:30px;border-radius: 5px; margin: 2px;}
.input_textarea_guestbook{border:1px solid #2693FF;background-color: #F2F8FF; border-radius: 5px;margin: 2px;;}
.input_validatecode{height:30px;line-height: 30px; border-radius: 5px; background-color: #FFFFFF; border:1px solid #2693FF; margin: 2px;}

/*分页 css*/
.pagelink{ width:100%; float:left; text-align:center; margin-top:15px}
.page {display: inline-block;padding: 0; margin: 0;}   
.page li {display: inline;}  
.page li a {color: black;float: left;padding: 8px 16px;text-decoration: none;border: 1px solid #ddd;}   
.page .active {background-color: #4CAF50;color: white;border: 1px solid #4CAF50;}  
.page a:hover:not(.active) {background-color: #ddd;}   
.center {text-align: center;}