/* CSS Document */
*{ margin:0; padding:0}
img{ border:none}
html{background:#fff}
body{ font-size:14px; font-family:'Microsoft Yahei','SimSun',sans-serif; background:#fff url(../images/body_bg.gif) top repeat-x; color:#333333; line-height:1.6em;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
a{ text-decoration:none; color:#555555;}
a:hover{color:#ec0000; text-decoration:underline}

.whg{ width:1002px; margin:0 auto;}
.clr{ clear:both}
.b10{ height:10px; line-height:10px; overflow:hidden}
.b5{ height:5px; line-height:5px; overflow:hidden}
.mt1{  margin-top:10px;}
.mt2{ margin-top:15px;}
.f14{ font-size:14px; line-height:26px;}
.center{ text-align:center}
.f_r{ float:right}

.table1,.proshow table{border:1px #cccccc solid;border-collapse:collapse; font-size:12px; line-height:18px;background:#ffffff}
.table1 td,.proshow table td{ padding:3px 5px; border:1px #cccccc solid;}
.table1 th,.proshow table th{ background-color:#ba1718; color:#fff;padding:3px 5px; border:1px #cccccc solid; font-weight:normal}

.box_head{height:30px; line-height:30px;color:#142bb7;overflow:hidden;background:url(../images/box_head.gif) top repeat-x; border-right:1px #e4e4e4 solid;}
.box_head strong{background:url(../images/box_head_2.gif) left top no-repeat; padding-left:35px; display:block; color:#fff; font-family:΢ÈíÑźÚ; font-size:14px;}
.box_head  a{color:#1b5765; }
.box_body{ padding:5px 15px; border-left:1px #e4e4e4 solid;border-right:1px #e4e4e4 solid;border-bottom:1px #e4e4e4 solid;}

.box_head2{height:30px; line-height:30px; overflow:hidden; border:1px #a7caea solid;background:url(../images/box_head2.gif) top repeat-x; border-left:1px #c7c7c7 solid;border-top:1px #c7c7c7 solid;border-right:1px #c7c7c7 solid;border-bootom:1px #026e9f solid;}
.box_head2 strong{background:url(../images/box_head2_2.gif) left top no-repeat; padding-left:35px; display:block; color:#fff; font-family:΢ÈíÑźÚ; font-size:14px;}
.box_body2{padding:10px 10px 6px 10px;border-left:1px #c7c7c7 solid;border-bottom:1px #c7c7c7 solid;border-right:1px #c7c7c7 solid;}

.box_head .f_r,.box_head2 .f_r{ padding-right:10px;}

.box_head3{ border-top:1px #a7caea solid;border-bottom:1px #a7caea solid;background:#dceaf5; height:24px; line-height:24px; padding:0 3em}
.box_body3{ padding:5px 0;}

.more{ float:right; margin-right:10px;}
.tbox dd{ padding-top:10px; padding-bottom:5px;}

.d1 li{ height:26px; line-height:26px; border-bottom:1px #dddddd dotted; background: url(../images/icon_1.gif) 3px 11px no-repeat; padding-left:15px; overflow:hidden;}
.d1 li span{ float:right; color:#aaaaaa}

.d3 li{}
.d3 li a{border:1px #a6d2ff solid; margin:4px 0; background:#def1ff url(../images/icon_2.gif) 10px center no-repeat;display:block;font-size:14px;height:28px; line-height:28px;  padding-left:25px; overflow:hidden;}
.d3 li a:hover,.d3 li a.active{ color:#cc0000;  text-decoration: none; border-color:#cc0001;}

.d4 li{ height:26px; line-height:26px; border-bottom:1px #dddddd dashed; background: url(../images/icon_1.gif) 5px 8px no-repeat; padding-left:20px; overflow:hidden}
.d4 li span{ float:right; color:#aaaaaa}

.table1{border:1px #ddd solid;border-collapse:collapse;}
.table1 td{ padding:2px 5px; border:1px #ddd solid;}

.top{ height:92px; position:relative; overflow:hidden; background:url(../images/top_bg.jpg) top right no-repeat}
.top_nav{ position:absolute; right:5px; top:5px;}
.top_tel{ position:absolute; right:5px; bottom:20px;background:url(../images/top_tel.gif) bottom right no-repeat; width:320px; height:44px;}
.logo{ position:absolute; top:20px; left:10px;width:500px; height:80px;}
.nav{ height:40px; line-height:40px; overflow:hidden;/* text-align:center;*/ background:url(../images/nav_bg.gif) top left repeat-x;color:#ffffff; text-align:center; font-weight:bold}
.nav_l{ float:left; width:8px; height:100%; display:block; background:url(../images/nav_l.gif) left top  no-repeat;}
.nav_r{ float:right; width:8px; height:100%;display:block; background:url(../images/nav_r.gif) right top  no-repeat;}
.nav a{ display:inline-table;padding:0 30px;font-size:14px; font-family:΢ÈíÑźÚ;color:#ffffff;background:url(../images/nav_line.gif) right center  no-repeat;}
.nav a:hover{text-decoration:none; color:#ffff00;}

.flash{ margin-top:3px;}
.main{ padding-top:10px; padding-bottom:6px;}
.pright .about dd img{ margin-right:10px;}
.pright .news1{ float:left;  width:370px; display:inline;} 
.pright .news{ float:right;  width:370px; display:inline;} 

.flink,.flink a:link{ color:#333}
.footer{background:url(../images/footer_bg.gif) top left repeat-x; line-height:22px; text-align:center;color:#666; padding-bottom:15px; padding-top:15px;line-height:18px;}
.footer a{ color:#666}
.xiongzhang{ display:none}
/*****- page -*****/
.pleft{ display:inline; float:left;width:240px;}
.pright{ display:inline; float:right; overflow:hidden;width:750px;}
.kefu{ background:url(../images/kefu.jpg) top left no-repeat;height:76px; overflow:hidden;}
.kefu div{ padding-left:75px; padding-top:38px;}

.kefu2{ background:url(../images/kefu2.gif) top left no-repeat; width:239px; height:44px; overflow:hidden;}
.kefu2 div{ padding-left:73px; padding-top:10px;}

.articleview .pright{ height:auto}

.article{ line-height:26px; font-size:14px;}

.article a{ text-decoration:underline;color:#142bb7;}
.article h3,.article h2{background: url(../images/proico.gif) no-repeat left center; font-size: 15px; text-align: left; color: #222; font-weight: bold; margin: 10px 2px; padding-left: 22px; }
.article p{display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.kefu-tel{ text-align:center}
.content .d1{ font-size:14px; line-height:30px;}
.content .d1 li{ font-size:14px; line-height:30px; height:30px;}

.pright  .news_title h1{ font-size:1.5em;font-family:"΢ÈíÑźÚ,ºÚÌå";}
.pright  .news_title span{ color:#aaa}
.pright  .article_img img{ padding:3px; margin:5px; background-color:#eeeeee; border:1px #999 solid}
.right_img{ text-align:center; margin:5px;}
.pright .news_title{ text-align:center; margin:5px auto;}
.pro_class{ width:220px; height:180px; display:inline; text-align:center; float:left;}
.pro_class .pro_img{ width:220px; height:167px; overflow:hidden;}
.pro_class .pro_img a:hover img{ border:1px #ec0000 solid}
.other{ clear:both;margin:5px auto; text-align:center;font-size:12px;  padding-left:10px; height:26px; line-height:26px; border-top:1px #e0e0e0 solid; border-bottom:1px #e0e0e0 solid}

.viewbox{line-height:23px; color:#444444;}
.viewbox .info{height:22px;line-height:22px;text-align:center;overflow:hidden;color:#999999; background-color:#f0f0f0; margin-left:10px; margin-right:10px;}


.title{text-align:center;overflow:hidden;padding-top:10px; padding-bottom:5px; border-bottom:1px #e1e1e1 solid; margin-bottom:10px;}
.title h1{font-size:24px;line-height:35px;color:#000000;}
.title .info{}

.content{padding:12px 10px;line-height:23px;color:#333;}

.listbox{ margin-top:20px;}

.e2 li{width:100%;overflow:hidden;clear:both;padding:12px 0px;border-bottom:1px solid #EEE;}
.e2 li a.preview{width:124px;float:left;margin-right:7px;margin-bottom:3px;margin-left:10px;display:inline;}
.e2 li a.preview img{width:120px;/*height:120px;*/display:block;padding:1px;border:1px solid #EEE;}
.e2 li a.preview:hover img{border:1px solid #AAA;}
.e2 p.intro{margin-left:5px;padding-left:10px;padding-right:10px;}

ul.e3 li{ float:left; width:355px; text-align:center; height:350px; overflow:hidden; line-height:22px;}

ul.e6 li{ float:left; width:142px; text-align:center; height:128px; overflow:hidden; line-height:26px;}
ul.e6 .img{ text-align:center}
ul.e6 .text{ line-height:1.4em;  margin:3px 0}
ul.e6 li img{border:1px #ffffff solid; width:130px; height:98px; display:block; margin:0 auto}
ul.e6 a:hover img{ border-color:#999999}


ul.e8 li{ float:left; width:175px; text-align:center; height:155px; overflow:hidden; line-height:26px;}
ul.e8 .img{ text-align:center}
ul.e8 img{border:1px #ffffff solid; width:160px; height:120px; display:block; margin:0 auto}
ul.e8 a:hover img{ border-color:#e1e1e1}
ul.e8 li .text{white-space:nowrap;}

.pro_info{ padding-bottom:15px;  border-bottom:1px dashed #e4e4e4;}
.pro_left{float:left;width:310px;}
.pro_left img{border:#B3B3B3 1px solid;padding:3px;}
.pro_right{height:auto; float:right; width:380px;}
.pro_right h1{line-height:25px; font-size:14px; margin-top:5px;}
.pro_right p{margin:8px 0;}
.telinfo{ font-size:20px; font-family:΢ÈíÑźÚ;}
.telinfo .tel{ color:#cc0001; font-weight:bold}

.pages {font-size:12px;font-family:Tahoma;margin:10px auto;padding:0;text-align:center;

}
.pages a {display:inline-block;margin:0 5px 0 0;padding:0 0 0 10px;color:#000;background:#fff url(../images/page.gif) left top no-repeat;height:24px;line-height:24px;text-decoration:none;vertical-align:middle;
}
.pages a span {display:inline-block;padding-right:10px;background:#ec0000 url(../images/page.gif) right top no-repeat;cursor:pointer;height:24px;line-height:24px;
}
.pages a.current,.pages a.current span,.pages a:hover,.pages a:hover span {color:#fff;background-position:right -24px
}
.pages input {margin:0 5px 0 0; display:none;vertical-align:middle;height: 20px;line-height: 20px;border: 1px solid #C6D0D5;width:30px;text-align:center;
}

.page LI {
	MARGIN: 0px 3px; DISPLAY: inline
}
.page LI.thisclass A {
	COLOR: #c00; CURSOR: default; TEXT-DECORATION: none
}
.list_page {
	TEXT-ALIGN: center; MARGIN-TOP: 25px; CLEAR: both
}
.list_page A {
	BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #333; BORDER-TOP: #666 1px solid; CURSOR: pointer; BORDER-RIGHT: #666 1px solid; PADDING-TOP: 2px
}
.list_page .thispage {
	BACKGROUND: #ff9900; COLOR: #fff
}
.list_page SPAN {
	BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; PADDING-TOP: 2px
}
/**ÏìӦʽ²¼¾Ö**/
@media screen and (max-width: 768px) {
   *{ margin:0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
   body{font-family: Microsoft Yahei,Simsun,Arial,Helvetica,sans-serif;}
   .whg{ width:100%; padding-left:0.8em; padding-right:0.8em}
   .logo,.pright,.pleft{ width:100%; float:none;}
   .top_nav,.flash,.nav_r,.nav_l,.nav a:nth-of-type(3),.nav a:nth-of-type(4),.nav a:nth-of-type(5){ display: none;}
   .xiongzhang{ display:block}
   .e8:after,.nav:after{content:'.';height:0;visibility:hidden;display:block;clear:both}
   .top{ height:auto}
   .logo{ height:auto; margin-top:8px; margin-bottom:8px; position:relative; top:0; left:0;background-position:center;}
   .top{ background:none}
   .logo img,.article img,.kefu-tel img{ margin:0;max-width:100%; height:auto;}
   .main{ background-color:#fff}
   ul.e8 li,ul.e6 li{width:32.33%; margin:0.5%; height:auto}
   ul.e8 li img,ul.e6 li img{ width:100%; height:auto}
   ul.e8 .img,ul.e6 .img{ height:0; width:100%; padding-bottom:75%; overflow:hidden; display:block}
   .box_body{ padding:5px;}
   .pright .news1,.pright .news{ width:49%;}
   .nav a{ display:block; padding:0; width:25%; float:left}
   /**Ê×Ò³**/
   .box_head{border-left: 1px #e4e4e4 solid;border-top-left-radius:3px;border-top-right-radius:3px;}
   .box_head strong{ background:none; color:#1b5765;    padding-left: 10px;}
   /**ÁбíÒ³Ãæ**/
   
   /**ÎĵµÒ³Ãæ**/
   .pro_left{ width:40%; padding-right:10px;}
   .pro_right{ width:60%;}
   .pro_left img{ width:100%; height:auto}
   .pro_info{ padding-bottom:0; border-bottom:none}
}

@media screen and (max-width:576px) {
   .kefu,.jieshao,.contact,.pro_text{ display:none}
   .pright .news1,.pright .news,.pro_right,.pro_left{ width:100%; float:none; margin-bottom:5px; display:block}
   .pro_left{  padding-right:0;}
}
@media screen and (max-width:4806px) {
   .logo{background-size:100%}
}