@charset "utf-8";

/* CSS Document */

/*
   author:xinyan
*/

/* reset */
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
/* common */
body{font:12px/1.5 "Microsoft Yahei",Arial,"ËÎÌå",Verdana; color:#333;}
a{color:#333;text-decoration:none;outline: none; blr:expression(this.onFocus=this.blur());}
a:hover{color:rgb(63, 137, 216);text-decoration:none;}
ul li{list-style:none;}
.clear{clear:both;*display:inline;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
img,input,select,button{vertical-align: middle;border:none;}
input,textarea{outline:none;border: 0;background:none;font-family:"Microsoft YaHei";-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} 

.fl{float:left;}
.fr{float:right;}

.pos-r{position:relative;}
.pos-a{position:absolute;} 

.wrap{width:1200px;margin:0 auto;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.top{background:rgb(63, 137, 216);width:100%;min-width:1200px;height:30px;line-height:30px;color:#fff;font-size:12px;}

.menu{height:100px;}
.logo{height:60px;width:355px;margin-top:20px;background:url(/images/logo.png?v=1.2) no-repeat;}
.logo a{display:block;height:100%;width:100%;}
.tel{font-size: 24px;color: rgb(23, 108, 198);line-height: 100px;}

#nav{background:#e8e8e8; height:45px; background:url(/images/navbg.png) 0 0 repeat-x; position:relative; z-index:2; min-width:1200px; width:100%;}
#fnav{width:1200px; margin:auto; *zoom:1;}
#fnav:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';}
#fnav li{float:left; background:url(/images/line01.png) 0 16px no-repeat; padding-left:11px; margin-left:5px;}
#fnav li:first-child{margin-left:0; background:none; padding:0;}
#fnav li a{display:block; width:186px; height:45px; line-height:45px; text-align:center; font-weight:bold; font-size:15px; color:#808080;}
#fnav li a:hover,#fnav li.now a,#fnav li.hover a{background:rgb(72, 156, 246); color:#fff;}
#snav{background:url(/images/white_opacity90.png); position:absolute; left:0; top:45px; width:100%; display:none;}
#snav ul{width:1014px; padding-left:186px; margin:auto; overflow:hidden;font-size:14px;}
#snav ul li{float:left; width:186px; margin-left:16px; padding:10px 0 15px;}
#snav ul li a{display:block; text-align:center; height:35px; line-height:35px; padding:0 10px; overflow:hidden;}
#snav ul li.hover{background:rgb(63, 137, 216)}
#snav ul li.hover a{color:#fff;} 
#snav ul li a:hover{background:rgb(72, 156, 246);}


.fullSlide{ width:100%;position:relative;height:480px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important;height:480px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block; height:480px;}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:8px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=70);opacity:0.7; line-height:999px;}
.fullSlide .hd ul .on{ background:rgb(63, 137, 216);}
.fullSlide .prev,
.fullSlide .next{display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:2%; z-index:1; width:40px; height:60px; background:url(/images/slider-arrow2.png) -126px -137px no-repeat rgb(63, 137, 216);  cursor:pointer; filter:alpha(opacity=90);opacity:0.9; display:none;}
.fullSlide .next{left:auto; right:2%; background-position:-6px -137px; }


.sec1{margin-top:20px;}
.sec1 .sec1-1{width:760px;}
.sec1 .sec1-2{width:410px;}
.sec1 .bt{height:50px;line-height:50px;border-bottom: 2px solid #eee;margin-bottom:10px;}
.sec1 .bt .more{float:right;font-size:14px;margin-right: 10px;}
.sec1 h3{float:left;height:50px;line-height:50px;border-bottom: 2px solid rgb(63, 137, 216);font-size:24px;font-weight:400;color:rgb(63, 137, 216);}
.sec1 h3 span{font-size:15px;color:#666;font-weight:400;}
.m-slide{ position: relative; width:350px;height:260px; }
.m-slide .img { position: relative }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 350px; height: 260px ; overflow: hidden;}
.m-slide .img img {width: 350px; height: 260px; object-fit:cover;}
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }

.m-slide .img p {text-indent:12px;position: absolute; left: 0; bottom: 0px; width: 450px; padding-right:130px;height: 45px; line-height: 45px; background: url(/images/slidefooterback.png); color: #fff; font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.m-slide .img a:hover p{color:#fff;text-decoration:underline;}
.m-slide .tab{position:absolute;bottom:17px;right:0;line-height:15px;}
.m-slide .tab li {float:left;margin-right:5px;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;}
.m-slide .tab li.on {background:rgb(63, 137, 216);}

.m-slide .prev,
.m-slide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.m-slide .next{ left:auto; right:3%; background-position:8px 5px; }
.m-slide .prev:hover,
.m-slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m-slide .prevStop{ display:none;  }
.m-slide .nextStop{ display:none;  }

.sec1 .sec1-1-r ul{width: 396px;}
.sec1 .sec1-1-r ul li{font-size:15px;line-height:35px;border-bottom:1px dashed #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sec1 .sec1-1-r ul li span{float:right;font-size:12px;color:#999;}


.jz .bt{height:50px;line-height:50px;border-bottom: 2px solid #ccc;margin-bottom:10px;}
.jz .bt .more{float:right;font-size:14px;margin-right: 10px;}
.jz .bt h3{float:left;height:50px;line-height:50px;border-bottom: 2px solid rgb(63, 137, 216);font-size:24px;font-weight:400;color:rgb(63, 137, 216);}
.jz .bt h3 span{font-size:15px;color:#666;font-weight:400;}
.jz{padding:20px 0 60px;background:rgba(243, 243, 243, 0.45);margin-top:50px;}
.jz .cp{width:820px;}
.jz .picScroll2 ul li{margin:0 6px;width:200px;float:left;padding:10px 5px 5px;}
.jz .picScroll2 ul li a{display:block;width:100%;}
.jz .picScroll2 ul li a img{width:200px;height:150px;}
.jz .picScroll2 ul li div p.name{font-weight:800;margin-top:10px;width:100%;line-height:30px;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.jz .picScroll2{position:relative;overflow:hidden;padding:0 75px;margin-top: 30px;}
.jz .picScroll2 .prev{ position:absolute;  left:10px; top: 40px; display:block; width:50px; height:107px; overflow:hidden; background:url(/images/l.png) 0 0 no-repeat; cursor:pointer;  }
.jz .picScroll2 .next{ position:absolute;  right:10px; top: 40px; display:block; width:50px; height:107px; overflow:hidden; background:url(/images/r.png) 0 0 no-repeat; cursor:pointer;  }
.jz .picScroll2 a:hover img,.jz .picScroll2 .prev:hover,.jz .picScroll2 .next:hover{opacity:.8;}

.video{width:350px;}
.video .vds{width:100%;height:240px;background:#eee;}



.banner{height:300px;background:url(/images/03.jpg) no-repeat center;display:none;}
.pageleft{width:300px;margin-bottom:30px;}
.pageright{width:860px;margin-bottom:30px;}

.pageright .subnav{border-bottom:2px solid rgb(63, 137, 216);height:40px; line-height:40px; padding:0 17px;  background:#fff; font-size:14px;}
.pageright .subnav h3{font-size:16px;color:rgb(63, 137, 216);}

.page-pic ul{ overflow:hidden; zoom:1; }
.page-pic ul li{ width:252px;margin:12px 17px; float:left;overflow:hidden; text-align:center;  }
.page-pic ul li .pic{ text-align:center; }
.page-pic ul li .pic img{ width:246px; height:168px; object-fit:cover;display:block; padding:2px; border:1px solid #ccc; }
.page-pic ul li .pic a:hover img{ border-color:rgb(63, 137, 216);filter: alpha(opacity=90);opacity: 0.9;}
.page-pic ul li .title{ line-height:24px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;font-size:15px;}

.fenye{margin:30px auto;text-align:center;font-size:13px;clear: both;}
.fenye a{display:inline-block;padding:6px 14px;border:1px solid #ddd;margin:0 2px;color:#333;border-radius:2px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.fenye b{display:inline-block;font-weight:normal;background:rgb(63, 137, 216);color:#fff;padding:6px 14px;border:1px solid rgb(63, 137, 216);margin:0 5px;border-radius:2px;}
.fenye a b{display:inline-block;font-weight:normal;background:none;color:#333;display:inline-block;padding:0;border:none;border-radius:2px;}
.fenye a:hover b{color:#fff;}
.fenye a:hover{background:rgb(63, 137, 216);color:#fff;border:1px solid rgb(63, 137, 216);}

.page-bt{width:100%;height:40px;line-height:40px;background:rgb(63, 137, 216);font-size:15px;color:#fff;text-indent:20px;border-radius:8px 8px 0 0;}
.page-bt2{height:100px;line-height:100px;font-size:24px;color:#fff;text-indent:50px;background:rgb(63, 137, 216);text-indent:50px;}

.page-nav li{line-height:40px;height:40px;font-size:14px;margin:10px 0;}
.page-nav li a{display:block;text-indent:2em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 1px solid #E1F0FF;background: #F4FAFF;}
.page-nav li a#nav_current{display:block;text-indent:2em;background:rgb(63, 137, 216);color:#fff;border:1px solid rgb(63, 137, 216);}
.page-nav li a:hover{display:block;text-indent:3em!important;background:rgb(63, 137, 216);color:#fff;border:1px solid rgb(63, 137, 216);}

.contact-tools{background:url(/images/contact.jpg) no-repeat right 30px;line-height:36px;padding:0 5px;margin-top:5px;font-size:14px;}

.news_pagelist{padding:10px 15px;}
.news_pagelist li{font-size:15px;text-indent:1px;line-height:50px;border-bottom: 1px dotted #D3D2CE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_pagelist li span{float:right;font-size:13px;color:#666;}

.adbts{width:96%;margin:40px auto 0;border-bottom:1px dashed #ccc;text-align:center;margin-bottom:15px;padding-bottom:10px;}
.adbts li{font-size:24px;color:rgb(63, 137, 216);clear:both;}
.adbts .date{color:#666;font-size:14px;font-weight:normal;margin-top:12px;}
.contents{line-height:2;font-size:15px;padding:20px;width:95%;overflow:hidden;margin:0 auto;min-height:280px;}
.contents img{max-width:100%!important;height:auto!important;display:block;margin:10px auto;}

.pages{width:88%;border-top: 1px dashed #999;text-align:left;font-size:14px;margin:30px auto;padding:15px 0 0 0;clear:both;line-height:2;}

.sharepost{width:88%;font-size:16px;margin:30px auto;}
.sharepost h4{font-weight:normal;line-height:30px;}


* html,* html body{background-image:url(/about:blank);background-attachment:fixed;}
#doitbegin_Back2top{display:block;width:50px;height:50px;background:url(/images/to-top.png) no-repeat;position: fixed;_position:absolute;right:20px;bottom: 60px;z-index: 10;cursor: pointer;text-indent: -999em;}
#doitbegin_Back2top:hover{background:url(/images/to-top-hover.png) no-repeat;}

.viewbt{height:40px;line-height:40px;background:rgb(63, 137, 216);color:#fff;text-indent:15px;font-size:16px;margin:20px 0 10px;border-radius:10px 10px 0 0;}

.page-foot {margin:10px auto;}
.page-foot input,.page-foot textarea{outline: none;}
.reg_left{width:620px;margin:20px auto;overflow: hidden;}
.reg_left b{font-weight:normal;background:none;}
.reg_left li{line-height:50px;}
.reg_left .name{width:75px;display:inline-block;font-size:14px;text-align:right;padding-right:5px;color:#666;}
.reg_left .input{display:inline-block;font-size:14px;}
.page-foot input{color:#666;font-family:"\5FAE\8F6F\96C5\9ED1",Arial;}
.n1{margin: 8px 0; width: 450px; padding: 8px 0; text-indent: 5px; border: 1px solid #D2D2D2;}
.reg_left b{vertical-align:top;}
.reg_left span{padding-left:5px;color:#f00;font-family:arial;font-weight:bold;}
.reg_left .submit{padding-left:150px;margin-top:10px;font-size:14px;}
.reg_left .submit input{cursor:pointer;height:40px;width:120px;background:rgb(63, 137, 216);line-height:30px;font-size:15px;color:#fff;border:0;border-radius:5px;}
.reg_left .submit input:hover{filter: alpha(opacity=80);opacity: 0.8;}

.reg_left textarea{resize:none;overflow:auto;text-indent:5px;padding:3px;color:#666;font-family:"\5FAE\8F6F\96C5\9ED1",Arial;width:445px;height:100px;border:1px solid #D2D2D2;}
.reg_left input:focus,.reg_left textarea:focus{border:1px rgb(63, 137, 216) solid;}


.textlist .hotbox {position:relative;height: 150px; padding: 20px 10px 16px 0; border-bottom: 1px dashed #E5E5E5; margin-right:10px;}
.textlist .hotbox .hotimg { width: 220px; height: 165px; float: left; display: inline; margin-right: 28px; position: relative;}
.textlist .hotbox .hotimg .imgbox { width: 220px; height: 165px;display:block;overflow:hidden;}
.textlist .hotbox .hotimg img { width: 220px;height: 143px;object-fit: cover;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.textlist .hotbox a:hover img {opacity:.9;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.textlist .hotbox h3 { font-size: 18px; font-weight: bold; max-height: 60px; line-height: 30px; margin-bottom: 5px; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.textlist .hotbox h3 a:hover { color: rgb(63, 137, 216); text-decoration:none;}
.textlist .hotbox p { color: #3e3e3e; font-size: 14px; height:44px; line-height: 22px;margin-bottom:0;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.textlist .hotbox span { font-size:14px;color:#888;background: url(/images/symbol-11.png) no-repeat 0 3px;display: inline-block;text-indent: 20px;position:absolute;bottom:25px; }
.textlist .hotbox a.more {position:absolute;background:rgb(63, 137, 216);font-size:14px;display:inline-block;padding:0 15px;height:30px;line-height:30px;color:#fff;right:20px;bottom:25px;}
.textlist .hotbox a.more:hover { background: rgb(72, 156, 246);}

.sec1-2 ul{margin:0 20px;}
.sec1-2 ul li{height:85px; overflow:hidden; border-top:1px solid #ddd;}
.sec1-2 ul li:first-child{border:none;}
.sec1-2 .lstimg{float:left; width:62px; text-align:center; height:85px;}
.sec1-2 .txt{margin:8px 0 0 85px;}
.sec1-2 .txt a{display:inline-block; vertical-align:top; max-width:75%; height:30px; line-height:30px; overflow:hidden; font-size:15px;}
.sec1-2 .txt p{height:38px; line-height:19px; overflow:hidden; font-size:12px;}
.sec1-2 .lstimg{display:block; text-align:center;}
.sec1-2 .lstimg img{max-height:100%; max-width:100%;}
.sec1-2 .lstimg i{height:100%; vertical-align:middle; display:inline-block;}


.footer{background:#e9e9e9; padding:30px 0;}
.footermain{width:1200px; margin:auto; font-size:14px;}
.copyright{float:left; width:730px; color:#8f8f8f; line-height:24px;}
.copyright a{color:#8f8f8f;}
.copyright a:hover{color:#000;}
#frindlink{float:right; width:300px; margin-top:4px; color:#999; position:relative; z-index:1;}
#frindlink>span{display:block; width:298px; height:26px; line-height:26px; text-indent:9px; background:url(/images/friendlinkbg.png) 280px center no-repeat #fff; border:1px solid #ddd;}
#frindlinkpop{position:absolute; bottom:28px; width:298px; left:0; border:1px solid #ddd; padding:10px 0; background:#fff; border-bottom:none; display:none;}
#frindlinkpop a{display:block; margin:0 15px; height:22px; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#frindlink:hover{color:#666;}
#frindlink:hover #frindlinkpop{display:block;}