/* 初始化CSS 公共样式*/
body{ margin:0px; padding:0px;font-family: "宋体", "宋体", Arial, Helvetica, sans-serif;font-size: 12px;line-height: 180%;color: #000000; *overflow-x:hidden;min-width:1210px;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,i,em {margin: 0;padding: 0;list-style-type: none; font-style:normal}
a{ bblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
a:link {font-family: "宋体", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color: #000000;text-decoration: none;}
a:visited {font-family: "宋体", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-decoration: none;}
a:hover {font-family: "宋体", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#E24615;text-decoration: none;}
img{border:none; display:block;}
i{ display:block;}
.clearfix:after{content:"";display:block;width:100%;height:0;clear:both;}

.main{ width:100%; margin:auto; overflow:hidden}
.mainmid{ width:1210px; margin:auto; overflow:hidden;}
.mainbig{ width:1348px; margin:auto; overflow:hidden;}
.advcont_main{ width:1025px; margin:0 auto; overflow:hidden;}
.f_left{ float:left;}
.f_right{ float:right;}
.relative{ position:relative;}
.none{ display:none;}
.m_auto{ margin:0 auto;}
.overhidd{ overflow:hidden;}
.textR{ text-align:right;}
.paddl200{padding-left: 200px;}
.h150{ height:150px;}
.h180{ height:180px;}
.h440{ height:440px;}
.h600{ height:600px;}
.h650{ height:650px;}
.h670{ height:670px;}
.h680{ height:680px;}
.w-30{ width:30%; }
.w-40{ width:40%; }
.w-23{ width:23%; }
.w800{ width:800px;}
.w900{ width:900px;}
.w990{ width:990px;}

.paddt5{ padding-top:5px;}
.paddt15{ padding-top:15px;}
.paddt20{ padding-top:20px;}
.paddt35{ padding-top:35px;}
.paddt50{ padding-top:50px;}
.paddt45{ padding-top:45px;}
.paddt55{ padding-top:55px;}
.paddt60{ padding-top:60px;}
.paddt70{ padding-top:70px;}
.paddt75{ padding-top:75px;}
.paddt120{ padding-top:120px;}
.paddt165{ padding-top:165px;}
.paddb20{ padding-bottom:20px;}
.paddb35{ padding-bottom:35px;}
.paddb45{ padding-bottom:45px;}
.paddb60{ padding-bottom:60px;}
.paddb80{ padding-bottom:80px;}
.paddb100{ padding-bottom:100px;}
.paddl48{ padding-left:48px;}
.paddl60{ padding-left:60px;}
.paddl120{padding-left: 120px;}
.paddl160{padding-left: 160px;}
.paddl200{padding-left: 200px;}

.paddr40{ padding-right:40px;}
.paddr70{ padding-right:70px;}
.paddr82{ padding-right: 82px;}
.paddr105{ padding-right:105px;}

.mart12{ margin-top:12px;}
.mart30{ margin-top:30px;}
.mart40{ margin-top:40px;}
.mart50{ margin-top:50px;}
.marb10{ margin-bottom:10px;}
.marb20{ margin-bottom:20px;}
.marb30{ margin-bottom:30px;}
.marb40{ margin-bottom:40px;}
.marb50{ margin-bottom:50px;}
.marr80{ margin-right:80px;}

.gray_bg{ background:#F4F4F4;}
.black_bg{ background:#161616;}
.blue_bg{ background:#00B7EE;}
.red_bg{ background:#F7533B;}
.font_bold{ font-weight:bold;}

/*======公用样式======*/
/*标题*/
h1,h2,h3,h4{ font-weight:normal;}
h1,h2,h4{text-align:center; line-height:200%;}
h1{ font-size:52px; color:#4c2502;}
h2{ font-size:40px;padding: 30px 0 5px;}
h2.red{ color:#e7372a;}
h2.orange , h3.orange{ color:#ff3200;}
h2.red2 ,  h3.red2{ color:#f2445d;}
h2.black , h4.black{ color:#000;}
h2.white , h3.white , h4.white{ color:#FFF;}
h3{ font-size:16px;text-align:center; line-height:160%; padding-bottom:30px;}
h3.black{ color:#333;}
h4{ font-size:36px;}

/*360旋转动画*/
.rotate{-webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out;}
.rotate:hover{ transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}
.xuanzhuan360{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-webkit-transition:1s ease;
	-moz-transition:1s ease;
	-o-transition:1s ease;
	transition:1s ease;
}
/*鼠标经过模块显示阴影*/
.module-raise{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.module-raise:hover{ -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-box-shadow: 0 20px 20px #ddd; -moz-box-shadow: 0 20px 20px #ddd; box-shadow: 0 20px 20px #ddd;}
.module-raise1{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.module-raise1:hover{ -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-box-shadow: 0 5px 20px #ddd; -moz-box-shadow: 0 5px 20px #ddd; box-shadow: 0 5px 20px #ddd;}
/*===导航及下拉菜单===*/
.nav_bar{width:100%;height:70px; background:#272727;}
.nav_content{width:1300px; margin:0 auto;overflow:hidden;}
.logo{float:left; padding-top:10px;}
.nav {padding-right: 20px;}
.nav .m{float:left; text-align:center;}
.nav .m .subbg li.on a , .nav .sub li.on span{color: #f9334b;}
.nav .m h3 span{ display:inline-block;margin-left:10px;width:7px;height: 7px;background-image: url(../images/down-icon.png);}
/*图标向上旋转*/
.hover-up{transition-duration: .5s;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
/*图标向下旋转*/
.hover-down{transition-duration: .5s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.navBar h3 a{ color:#fff}
.nav h3 a{ display:block; width:104px;font-weight:normal; font-size:16px; line-height:70px; color:#FFF;}
.nav .on h3 a{background-color:#414141;}
.nav .sub{ display:none; /*默认隐藏*/ width:100%;position:absolute; z-index:99999;left:0;top:70px;background-color:rgba(255,255,255,0.92);} 
.nav_iconbox { width:1146px;margin:0 auto; overflow:hidden;}
.nav .sub li{overflow:hidden; float:left;padding:4px 23px 10px;}
.nav .sub li span{font-weight: bold; font-size:14px;line-height:40px;width:124px;text-align:center; color:#333;}
.nav .sub li i {display:block; width:135px; height:89px; background:url(../images/nav_icon.png); overflow:hidden; border:5px solid rgba(255,255,255,1); border-radius:4px;}
.nav .sub li i.nav_icon1{ background-position:0 0;}
.nav .sub li i.nav_icon2{ background-position:-139px 0;}
.nav .sub li i.nav_icon3{ background-position:-279px 0;}
.nav .sub li i.nav_icon4{ background-position:-418px 0;}
.nav .sub li i.nav_icon5{ background-position:0 -97px;}
.nav .sub li i.nav_icon6{ background-position:-279px -97px;}
.nav .sub li i.nav_icon7{ background-position:-139px -97px;}
.nav .sub li i.nav_icon8{ background-position:-418px -97px;}
.nav .sub li i.nav_icon9{ background-position:-557px -96px;}
.nav .sub li i.nav_icon10{ background-position:-702px -96px;}

.nav .sub li i.nav_icon11{ background-position:0 -191px;}
.nav .sub li i.nav_icon12{ background-position:-279px -191px;}
.nav .sub li i.nav_icon13{ background-position:-139px -191px;}
.nav .sub li i.nav_icon14{ background-position:-557px -191px;}

.nav .sub li i.nav_icon15{ background-position:0 -287px;}
.nav .sub li i.nav_icon16{ background-position:-139px -287px;}
.nav .sub li i.nav_icon17{ background-position:-279px -287px;}
.nav .sub li i.nav_icon18{ background-position:-418px -287px;}

.nav .sub li i.nav_icon19{ background-position:0 -382px;}
.nav .sub li i.nav_icon20{ background-position:-139px -382px;}
.nav .sub li i.nav_icon21{ background-position:-279px -382px;}
.nav .sub li i.nav_icon22{ background-position:-418px -382px;}

.nav .sub li i.nav_icon23{ background-position:0 -478px;}
.nav .sub li i.nav_icon24{ background-position:-139px -478px;}

.nav .sub li i.nav_icon25{ background-position:0 -573px;}
.nav .sub li i.nav_icon26{ background-position:-139px -573px;}
.nav .sub li i.nav_icon27{ background-position:-279px -573px;}

.nav .sub li{ text-align:center; border-bottom:1px solid #eee;}
.nav .sub li a{ font-size:14px; line-height:40px;display:block;}
.nav .sub li.linehl a{ color:#CACACA;}
.nav .sub li a:hover{color:#F9334b;}
.subbg{ background:#FFF;}

/*导航演示账号*/
.demo{ padding-top:18px;}
.nav_content .demo a.ys-btn{ background:#F53822 url(../images/ys_btn.png) no-repeat 8px center; border-radius:5px;color:#FFF;width:100px;height:34px;line-height:34px;display: block;text-indent:36px;font-size:14px;}

.demo-sub{display: none;position: absolute;top:50px;right:0;padding-top:10px;z-index:99999;}
.demo:hover .demo-sub{ display: block; }
.demo-sub .arrow{ position: absolute; right:100px; top: 0; width:0;height:0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #F53822;}
.demo-sub .inner{ width: 620px; height:530px; border: 3px solid #F53822; text-align: center; background: #fff;}
.demo-sub .title{ line-height:140%; font-size:28px; margin-bottom: 15px; margin-top: 20px;}
.demo-sub .sub-title{ font-size: 20px; margin-bottom:16px;}
.demo-sub .sub-title.red{ color: #EC5151; }
.demo-sub .sub-title.blue{ color: #3DBAF7; }
.demo-table-wp{ padding: 0 30px; }
.demo-table{ width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 20px;}
.demo-table th,.demo-table td{ padding:6px 8px;}
.demo-table tr:nth-child(odd){background: #F5F5F5;}
.demo-table th{background:#F63627; color:#FFF;border: 1px solid #FF7878;}
.demo-table td{ border: 1px solid #DEE0E4;}
.demo-table td a{ color:#666; font-size:14px;}
.demo-table td a:hover{color:#ec5051;}
.demo-table td.td1{color: #333;font-weight: bold;}
.demo-sub .qrcode-list{overflow: hidden;width:560px; margin:0 auto;}
.demo-sub .qrcode-list li{float: left;text-align: center; font-size: 14px;padding: 0 10px;}
.demo-sub .qrcode-list li img{ margin:0 auto;}
.demo-sub .qrcode-list li p{ font-size:12px;}
/*banner背景光线*/
.light_bg { position:absolute; left:0; right:0; top:-600px; z-index:3; background:url(../images/light_bg.png) no-repeat center;width: 100%;height:1920px;}

/*公共底部*/
.footer_icon{clear:both; width:390px ; margin:0 auto;}
.footer_icon i{ width:54px; height:54px; background:url(../images/footer_icon.png); float:left; margin:0 12px;}
.footer_icon i.footer_icon1{ background-position:0 0;}
.footer_icon i.footer_icon2{ background-position:-81px 0;}
.footer_icon i.footer_icon3{ background-position:-162px 0;}
.footer_icon i.footer_icon4{ background-position:-242px 0;}
.footer_icon i.footer_icon5{ background-position:right 0;}
.nav_bottom {overflow:hidden;width: 512px;margin:0 auto;}
.nav_bottom li {float:left; padding:0 15px;}
.nav_bottom li a{color:#d2d2d2;}
.font_bottom{font-size:12px; color:#686868; text-align:center; display:block;  padding:8px 0 30px;}
.font_bottom a{color:#686868;}
.footer .weixin_box{ display:none; width:100%; height:100%;background: rgba(0,0,0,.8);position:fixed; top:0;right: 0; bottom: 0; left: 0; z-index: 2147483647;text-align: center; cursor:pointer;}
.footer .weixin_box .erweima{position:relative; top:30%;display: inline-block; overflow: auto;min-width:19%;margin-left: 5%;margin-right: 5%;max-height: 95%;cursor: auto;}