@charset "utf-8";


html,body {	margin: 0px; padding:0;background:url(../images/bodybg.jpg) repeat; font-family: "微软雅黑"; font-size: 12px; color: #222; text-align:center;}
* { margin:0; padding:0; }
.bodyen{
background:#FFF url(../images/enbg.gif) repeat-x left top;
font-family:Arial;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover { color:#F00; text-decoration:underline; }
.logoBorder{ position:absolute; left:50%; top:15px; width:100px; height:100px; margin-left:-50px; text-align:center; z-index:999;}
#logo {width:93px; height:108px; display:inline-block; overflow:hidden; background:url(../images/logo.png) no-repeat left top;background-size:100%; }
#logoen {width:119px; height:108px; display:block; overflow:hidden; background:url(../images/logoen.png) no-repeat left top;background-size:80%;  margin-left:55px;}
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31;}
.blue { color:#1F71AF; !important; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; }

a.back{ width:200px; line-height:35px; text-align:center; font-size:16px; border:1px solid #ccc; border-radius:4px; color:#333; display:block; margin:20px 0; transition:0.3s;}
a.back:hover{ background:#952424; color:#fff; text-decoration:none;}

.time{
	font-family:Arial;
	font-size:12px;
	color:#999;
	text-align:center;
}

.more{ width:120px; line-height:30px; text-align:center; font-size:12px; color:#777; border:1px solid #eee; border-radius:5px; display:inline-block; transition:0.5s;}
.more:hover{ background:#488bc7; color:#fff; text-decoration:none; font-size:14px;}


/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; }

.input1{ border:1px solid #eee;  width:100%;
	height:30px;
	line-height:30px;
    text-indent:1em;
}
.input2{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:20px;
	line-height:20px;
	margin-bottom:-3px;
}

.text7 td{ padding:4px 0;}

/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f12px{ font-size:12px; font-weight:normal;}
.f14px{ font-size:14px;}
.fB { font-weight:900; }
/* 顶部样式 */
#head { background:#fff;width:100%; height:158px; z-index:5; text-align:left; background:url(../images/head.png) no-repeat center top;}
#headIn{ position:relative; z-index:5; width:1000px; margin:0 auto;}

.companyName{  position:absolute; left:38px; top:20px; font-size:24px; color:#fff;}

.triangle-top
    {
    position:absolute; left:50%; top:130px; margin-left:-100px; width:200px; height:100px; z-index:0;
        width:0px;
            height:0px;
            border-top:50px solid #fff;
            border-right:100px solid  rgba(0,0,0,0);
            border-bottom:50px solid rgba(0,0,0,0);
            border-left:100px solid  rgba(0,0,0,0);
    }

.loginContent{ position:absolute; right:0px; top:20px;  text-align:left; z-index:1002; font-size:14px; color:#fff;}
.loginContent .tel{ padding:2px 8px; background:#fff; border-radius:20px; display:inline-block; color:#c00; font-size:14px;}

.loginContenten{ position:absolute; right:0px; top:0px; }

.search{ line-height:200%; font-size:14px;}
.search p{ padding:5px 0;}
.searchSubmit{  border:none; width:16px; margin-bottom:-5px;}

.proSearch1{ width:110px; border:1px solid #cacaca; height:20px; background:#eee; text-align:left; padding:0 5px; margin-bottom:15px;}

.searchInput1{ width:180px; color:#794c15;  height:30px; line-height:30px; border:none; background:#fff;
	 -moz-border-radius:10px;
	 -webkit-border-radius:10px;
	 border-radius:10px;
	 border:1px solid #ccc;
}
.searchSubmit1{  border:none; width:16px; margin-bottom:-3px; background:#fff;}




.topnav{ position:absolute; bottom:23px; right:190px; z-index:999;}
.topnav a{ padding-left:15px; background:url(../images/abouton.gif) no-repeat left center;}

.cnen{ width:40px; height:20px; line-height:20px; text-align:center; border:1px solid #f60; border-radius:10px; display:inline-block; color:#f60; font-size:16px; margin-left:20px;}
.cnen:hover{ background:#f60; color:#fff;}

#banner{ margin:0 auto; width:927px; height:284px; padding-top:35px;}

.topdh{ width:960px; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px dotted #ccc; background:url(../images/home.gif) no-repeat left center;}

.inbanner{ width:980px; height:83px; margin:10px auto;}

.ifeed{ padding:20px 0; background:#ffa800; display:block;-webkit-transition: all 0.3s ease-in-out; margin-top:17px; text-align:center;}
.ifeed:hover{ background:#ff5400;}

/*menu*/
#navContent{  position:absolute; left:0; top:20px; width:1000px;}

.nav ul{margin:0 auto;}
.nav li{list-style:none;width:100px; float:left;position:relative; }
.nav li p{ font-size:14px; color:#fff; position:absolute; left:0; bottom:25px; width:100%; text-align:center; color:#fff;}
.nav li a.a{display:block;height:100px; padding:0;color:#fff;text-align:center;font-family:"微软雅黑";font-size:16px;}
.nav li a.a:hover .navImg{transform: scale(1.5);   }
.nav li a.a:hover p{ color:#fff;}

.navEn ul{margin:0 auto;}
.navEn li{list-style:none;float:left;position:relative; }
.navEn li p{ font-size:12px; color:#ccc;}
.navEn li a.a{display:block;height:50px; padding:0 20px; line-height:50px; color:#fecf7c;text-align:center;text-decoration:none;font-family:"微软雅黑";font-size:16px; display:block;}
.navEn li a.a:hover{ background:#a36b08;}

.xmzs0{background:rgba(255,255,255,0.9);display:none;position:absolute;left:-10px;top:90px;padding:10px; border-radius:5px;}
.xmzs0 ul{ margin:0; padding:0; list-style:none; }
.xmzs0 ul li{ height:30px; line-height:30px; font-size:14px; float:left; overflow:hidden;}
.xmzs0 ul li a{ color:#333;  text-align:center; display:block;}
.xmzs0 ul li a:hover{ background:#c00; color:#fff; text-decoration:none;}

/*banner */
 .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-slide img{ width:100%;}


/* page css */
#info_box{ margin-top:80px;}
h1.title{ font-size:18px;font-family:"Microsoft Yahei",Verdana; margin:0 0 10px 20px; padding:1px 2px; line-height:26px; background:#333; color:#fff; display:inline-block;_ display:inline;}
p.text{ font-size:14px;font-family:"Microsoft Yahei",Verdana; line-height:22px; color:#333; padding:0 20px;}
p.text a{color:#0088CC; margin:0 1px;}
p.text a:hover{ text-decoration:underline;}
.mycode{background:#EEEEEE;border: 1px dashed #CCCCCC;font-size:10pt;margin:10px 20px;padding:10px; font-family:"Courier New",Verdana;}
.mycode pre{ color: #0000FF;margin: 0; white-space: pre-wrap;word-wrap: break-word;}
.mycode pre span.note{color:#999; font-size:12px;line-height:20px;}
.mycode pre span.highlight{color:#F00; font-weight:bold;}
.mycode pre h4{ font-size:12px; background:#c00; color:#fff; display:inline-block;height:20px;line-height:20px; padding:0 5px;}

/* 文本切换盒子 - 公用类 */
.dhooo_tab{width:325px;position:relative; }
.tab_btn{float:right; width:70px}
.tab_btn li {  cursor:pointer;background:#f0ad3c; margin-bottom:5px;}
.tab_btn li a{width:60px; height:42px; padding:5px;  display:block;}
.tab_btn li a:hover{ background:#e67016;}
.tab_btn li img{width:60px; height:42px;}
.tab_btn li.hot {background:#e67016;cursor:default;}

.tab_btn_num{position:absolute; right:50px;bottom:15px;}
.tab_btn_num li{width:20px;height:20px;background: #CC3300;border:2px solid #993300; overflow:hidden; color:#fff; filter:alpha(opacity=80);opacity:0.8;float:left;cursor:default; font-size:12px;line-height:20px; margin:0px 5px; font-family:Arial;}
.tab_btn_num li.hot{background:#FFCC00; color:#993300; border:2px solid #FF0000; }
.shell{width:99999px; height:100%; }
.shell li{float:left; width:240px; height:100%; }
.shell li img{width:328px;height:170px; }
.main{width:240px;height:170px; overflow:hidden;  background:#000;}




/*公告*/
.iboard{ background:url(../images/iboardbg.jpg) no-repeat left top; padding-left:30px; height:29px; line-height:29px; position:relative;}
.iboard .comNewsUl1{ margin:0; padding:0; list-style:none;}
.iboard .comNewsUl1 li{ width:350px; float:left; height:29px; line-height:29px; overflow:hidden;}
.iboard .comNewsUl1 li span.date1{ font-size:12px;}



div.sitemap{ position:absolute; top:7px; right:5px; width:141px; height:21px; display:block; border:none; background:url(../images/sitemap.gif) no-repeat; }
ul.sitemap { list-style:none; background:#d4ddec; border:1px solid #225893; color:#1f5a95; width:130px; z-index:9999; margin-left:5px;}
ul.sitemap li { padding:2px 5px; }

.video{ width:230px; height:140px;}

/*二维码*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:999;
}
#code{ background-position:-276px -433px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -433px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -485px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:539px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:99;}

/* 底部版权声明 */
#friendlink { text-align:left; background:url(../images/dlcustombot.gif) no-repeat left bottom; margin:0 auto; width:975px; border-top:1px dotted #ccc;}
#customer h2 { height:25px; line-height:25px; font-size:12px; background:url(../images/dlcustom.gif) no-repeat; padding-left:15px; }
#friendlink ul { margin:0; padding:5px 0; list-style-type:none;}
#friendlink li { float:left; line-height:20px; padding: 0 10px 0 15px; background:url(../images/dot1.gif) no-repeat 8px center;}
/* 底部友情链接 */
#footer{
	color:#333;
	width:100%;
	margin:0px auto;
	line-height:150%;
	text-align:center;
	background:#fff;
	height:180px;
    position:relative;
    border-top:1px solid #eee;
}
#footer a{ color:#333; }
.footer_txt{
	position:absolute;
	right:0;
	top:10px;
}
.footer_txt select{color:#222;}

.foota a{ font-size:14px; margin:8px 10px; text-align:right; line-height:40px;}

.footlogo{ display:inline-block; }

.foottalk{}
.foottalk i{ font-size:34px;}
.foottalk:hover{ text-decoration:none; color:#ff811b;}
.foottalk:hover i{color:#ff811b;}

.floatweixin{ position:fixed; top:120px; right:10px; width:120px;}
.floatweixin img{ width:100%;}

.foooter_dl{ width:100px; float:left; color:#fff; margin-right:30px;}
.foooter_dl dt{ font-size:16px; padding:10px 0;}
.foooter_dl dd { height:22px; line-height:22px;}
/* 边框样式 */
.bDarkgrey { border:1px solid #949494; }
/* 其它样式 */
.webDh{ width:1000px; margin:10px auto; line-height:25px; text-align:left;}
.channel { margin:20px auto; width:1000px; text-align:left; }
.channelIn{ margin:0px auto; width:1000px; text-align:left; margin-bottom:50px;}


.inbg{ background:url(../Images/footerbg.jpg) no-repeat center bottom; background-size:100% auto;}

#ebanner { margin:2px auto; width:944px; text-align:left;  }
.bannerIn{ width:100%; margin:0 auto; height:310px; background-size:contain;}
.bannerInImg{ width:1000px; margin:0 auto; height:240px; position:relative;}
.bannerInImg .webDh{ position:absolute; right:0; bottom:0;}
.c_bg{ background:url(../images/cbg.jpg) no-repeat 130px top;}
.c_bgEn{ background:url(../images/cbg.jpg) no-repeat 200px top;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */
/*========== page */
/*翻页*/
/*========== page */
#AspNetPager1 {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
}
#AspNetPager1 a {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height:28px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background:#666 url(../images/page.jpg) no-repeat;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	border-radius:28px;
}
#AspNetPager1 a:hover {
	background-position: 0px -80px;
	color: #ffffff;
}
#AspNetPager1 font {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #bf2e1b !important;
	font-size: 15px;
	background: url(../images/page.jpg) no-repeat;
	background-position: 0px -80px !important;
	margin-bottom:-5px;
}
#AspNetPager1 .prve {
	background-position: 0px -120px;
	text-indent: -9999em;
}
#AspNetPager1 .prve:hover {
	background-position: -40px -120px;
}
#AspNetPager1 .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#AspNetPager1 .next {
	background-position: 0px -158px;
	text-indent: -9999em;
}
#AspNetPager1 .next:hover {
	background-position: -40px -158px;
}
#AspNetPager1 .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* end*/
/*浮动QQcss*/
.izl-rmenu{position:fixed;left:50%;margin-left:532px;top:130px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qqen.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}

.izl-rmenu .btn-qqen{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qqen:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qqen,.izl-rmenu a.btn-qqen:visited{background:url(../images/r_qqen.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}


.izl-rmenu .btn-qq .qqlist{background-color:#488bc7;position:absolute;width:160px;left:-160px;top:0px;line-height:40px;color:#FFF;font-size:14px;text-align:center;display:none;}
.izl-rmenu .btn-qq .qqlist img{ margin-bottom:-5px;}
.izl-rmenu .btn-qq .qqlist a{ color:#fff;}

.izl-rmenu .btn-member{background:url(../images/r_member.png) 0px 0px no-repeat;background-color:#b8230f;}
.izl-rmenu .btn-member:hover{background-color:#f48500;}
.izl-rmenu .btn-member a{ display:block;width:72px;height:73px;}

.izl-rmenu .btn-pl{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#000;}
.izl-rmenu .btn-pl:hover{background-color:#111;}
.izl-rmenu a.btn-pl,.izl-rmenu a.btn-pl:visited{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#9eb223;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:180px;left:-180px;top:0px;height:73px; line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-wxen{background:url(../images/r_wxen.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wxen:hover{background-color:#58a81c;}
.izl-rmenu .btn-wxen .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phoneen{background:url(../images/r_phoneen.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phoneen:hover{background-color:#ff811b;}
.izl-rmenu .btn-phoneen .phone{background-color:#ff811b;position:absolute;width:180px;left:-180px;top:0px;height:73px; line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}



.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}