@charset "utf-8";
/* CSS Document */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:  Arial,"黑体";-webkit-font-smoothing: subpixel-antialiased;}
html,body{color:#333}
body{background:#fff;overflow-x: hidden;}
ul,ol,li{ list-style:none;}
a:link, a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#12b7f5;}
img{ border:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5{ font-weight:normal;}
.clearfloat:after{ content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfloat{zoom:1;}
/* top */
.head_pro{height:113px; width:100%;position:relative;}
.head{height:120px; width:100%;position:relative; background:url(../img/head_top.png) repeat-x top; position:fixed; z-index:99;}
  .top{ width:1200px; height:92px; margin:0 auto; position:relative; padding:0 18px; }
  .logo{ width:99px; height:98px; overflow:hidden; float:left; margin-top:8px; display:inline; background:url(../img/logo.jpg) no-repeat; }
   .codes{width:61px; height:61px; margin:21px 0 0 25px;  background:url(../img/cores.png) no-repeat 0 -436px;  float:right; display:inline; }
    info{ float:right; text-align:right; color:#333;}


/*------------滑动导航------------------------*/

.nav {position:relative;width:560px;height:113px;overflow:hidden;line-height:113px;font-size:18px; font-family:Arial,"黑体"; float:right; margin-right:10px; color:#666;}
.nav li{float:left;display:inline;width:140px;height:113px; ine-height:113px;text-align:center;cursor:pointer;}
.nav a:hover{text-decoration:none;}
#navBd{position:relative;}
.navHover a{display:inline-block;color:#fff;}
#navSelected{position:absolute;top:0;width:100px;height:113px; ine-height:113px; background-color:#e60024; text-align:center; margin-left:20px;}



/*------------滑动导航END------------------------*/

/*  .menus{ width:1000px; margin:0 auto; height:113px; float:left; padding-left:100px;}
  
 .main_nav { margin-top:0px;height:100px; z-index:99;  float:right; font-family:"黑体"; font-size:16px; }
	.main_nav  li { float:left; margin:0 10px; position:relative;  }
	.main_nav li a { display:block;  height:113px; font-size:18px; font-weight:normal; line-height:113px; text-align:center; color:#666; text-decoration:none; padding: 0 2px; margin-right:10px; margin-left:10px; padding-left:25px; padding-right:25px; }
	.main_nav li a.now{font-weight:normal; color:#fff; background-color:#e60024;}
	.main_nav li a:hover{font-weight:normal; color:#fff; background-color:#e60024; transition:0.5s;}*/
	
	
.blank_top{height:113px; background-color:#FFF;}


.flexslider{position:relative;height:519px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:519px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:20px;z-index:2; left:47%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px; float:left;height:12px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../img/next.png) center center no-repeat;}






.max1600{max-width:1600px; min-width:1007px; margin:0 auto;}
.topbar{ position: absolute; left: 0; top: 0; width:100%; height:150px; /*background: transparent url(../img/lineartop.png) repeat-x center top;*/ z-index: 900;}
.toppic{ max-width:1170px; min-width:980px; width:80%; height:75px; margin:0 auto;}
.toppic a:link, .toppic a:visited{ color: #fff;}

.topicfixed{ position: fixed; left: 0; top: 0; background: #fff; border-bottom: 1px solid #f1f1f1;}
.topicfixed a:link, .topicfixed a:visited{ color: #333;}
.topside{ float:left; width:59%;}
.logoLink{ float:left; display:block; width:106px; height:0px; overflow:hidden; padding-top:76px; font-size:0; background:transparent url(../img/imlogo.png) no-repeat left 15px;}
.topNav{ float:left; width:450px; padding-left: 18px;}
.topNav li{ float:left; margin-left: 20px;}
.topNav li a{ float: left; padding: 0 20px; line-height:75px; font-size:1.125em;}
.topNav li a:hover{ background: #12b7f5;}
.topNav li.current a{ background: #12b7f5;}
.topicfixed { height: 75px;}
.topicfixed .logoLink{ background-image: url(../img/imlogo_b.png);}
.topicfixed li.current a{ background: none; color: #12b7f5;}

.topicfixed .topNav li a:hover{ background: none; color: #12b7f5;}

.topTool{ float:right; width:320px; font-size:0.875em;}
.topTool a.barzc{ float: left; width: 96px; height: 0; overflow: hidden; padding: 39px 0 0 0; margin: 18px 0 0 0; background:transparent url(../img/icons.png) no-repeat 0 -244px; text-align: center; line-height: 39px; color: #fff;}
.topTool a.barzc:hover, .topicfixed a.barzc:hover{background:transparent url(../img/icons.png) no-repeat 0 -284px; color: #fff;}
.topTool ul{ float: right; height: 40px; padding-top: 6px;}
.topTool li{ float: right; margin-left: 30px; position: relative; line-height: 40px;}
.topTool .login{ height:43px; line-height:43px;}
.topTool .login span{ padding:0 18px; color:#cecece;}
.topTool a:hover{ color:#12b7f5;}
.flashData{ float: right; line-height:17px; text-align: right; letter-spacing: 0.04em;}
.flashData a:hover{ text-decoration:underline;}
.topicfixed a.barzc{ display: inline;}

#loginInfo img{ float: left; width:25px; height:25px; margin-top: 5px; vertical-align:middle; border-radius: 12px; cursor: pointer;}
.loginPenel{ display: none; position: absolute; right: 0; top: 30px; width: 120px; height: 85px; z-index: 100;}
.loginPenel .trg{ position: absolute; right: 8px; top: 4px; width: 10px; height: 7px; background:transparent url(../img/trg.png) no-repeat 0 0; font-size: 0;}
.logindrop{ width: 120px; height: 75px; margin-top: 10px; background: #fff;}
.nick{ width: 100px; height: 39px; overflow: hidden; margin: 0 auto; white-space: nowrap; line-height: 39px; text-align: center; text-overflow:ellipsis;}
.lgout{ width: 100%;  border-top: 1px solid #d7d7d7; line-height: 35px; text-align: center;}
.lgout a:link, .lgout a:visited{ color: #333;}
/* banner */
.crossbanenr{ width: 100%; height: 778px;}
.crossbanenr ul{ position: relative; width: 100%; height: 100%; overflow: hidden; /*max-width: 1920px; */min-width: 1007px; margin: 0 auto;}
.crossbanenr li{ position: absolute; left: 50%; top: 0; width: 1920px; height: 100%; margin: 0 0 0 -960px; display: none; z-index: 1;}
.crossbanenr li:first-child{ display: block;}
.crossbanenr li.current{ z-index: 2;}
.crossbanenr li.pcqqbg{ background: transparent url(../img/pcqq-bg.jpg) no-repeat center top;}
.crossbanenr li.mbqqbg{ 
     background: transparent url(../img/mb60-b.jpg) no-repeat center center;
	 
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mb60-b.jpg',sizingMethod='scale')
	 zoom:1;
}
.crossbanenr li.padqqbg{ background: transparent url(../img/hdbig.jpg) no-repeat center top;}
.crossbanenr li.watchbg{ background: transparent url(../img/im_watch_b.jpg) no-repeat center top;}
/****start 轮播banner*****/
.timbg{background-color:#2f9be9;}
.bn-content{
    position:relative;width: 60.885%;max-width: 1200px;min-width:960px;margin: 0 auto;height: 100%;
}
.banner-down{
    margin-top: 20px;margin-left: 28px;
}
.bnleft{left: 0; }
.bnright{right: 0;}
.pcqqbg .bnleft{
    position: absolute;top:28.138%;left: 3.6979%;
}
.pcqq-wenzi{
    background: url("../img/pcqq-wenzi893.png") no-repeat center top;
    width:470px ;height: 329px;
}
.pcqq-btn a{
    position: absolute;
    width: 386px;height: 76px;
    background:url("../img/pcqq-btn.png") no-repeat center top;
}
.pcqqbg .bnright{
    position: absolute;top:19.456%;right: -60px;
}
.pcqq-fig{
    background: url("../img/pcqq-fig.png");
    width: 571px;height: 685px;
}
.tim .bnleft{
    position: absolute;top:27.196%;left: 0;
}
.tim-wenzi{
    background: url("../img/tim-wenzi.png") no-repeat center top;
    width:470px ;height: 329px;
}
.tim-btn a{
    position: absolute;
    width: 386px;height: 76px;
    background:url("../img/tim-btn.png") no-repeat center top;
}
.tim .bnright{
    position: absolute;top:24.196%;right: -17.7604%;
}
.tim-fig{
    background: url("../img/tim-fig1.png");
    width: 859px;height: 518px;
}
/****end 轮播banner*****/
.bncont{ position: relative; width: 948px; height: 100%; margin: 0 auto;}
.bntxt{ position: absolute;  left: -53px; top: 50%; width: 473px; height: 390px; margin-top: -195px; z-index: 10;}
.bntxt h2{ width: 100%; height: 0; overflow: hidden; padding-top: 329px; text-indent: -9999px;}
.bntxt a{ display: block; width: 386px; height: 0; overflow: hidden; margin: 0 auto; padding-top: 76px; background: transparent url(../img/btn541b.png) no-repeat 0 0; text-align: center; line-height: 76; font-size: 30px; letter-spacing: 15px;}
.bntxt a:link, .bntxt a:visited{ color: #fff;}
.bntxt a.bnzc{ background-position: 0 0;}
.bntxt a.bnzc:hover{ background-position: 0 -77px;}
.bntxt a.bnxz{ background-position: 0 0;}
.bntxt a.bnxz:hover{background-position: 0 -77px;}
.pcqqbg .bntxt h2{ background: transparent url(../img/pcqq-wenzi892.png) no-repeat center top;}
.mbqqbg .bntxt h2{ background: transparent url(../img/mbver636.png) no-repeat center top; }

.padqqbg .bntxt h2{ background: transparent url(../img/hdtxt5.png) no-repeat 35px top;}
.watchbg .bntxt h2{ background: transparent url(../img/watch_tit.png) no-repeat center 40px;}
.pcqqbg .bnimg{ position: absolute; right: -200px; top: 150px; width: 601px; height: 744px; background: transparent url(../img/pc68fig.png) no-repeat 0 0; z-index: 1;}
.mbqqbg .bnimg{ position: absolute; right: -168px; top: 130px; width: 820px; height: 977px; background: transparent url(../img/mb54fig.png) no-repeat 0 0; z-index: 1;}

.circle{ position: relative; width: 100%; height: 52px; margin-top: -52px; background: transparent url(../img/linearbot.png) repeat-x left top; text-align: center; z-index: 5;}
.circle span{ margin: 0 5px; padding: 2px 5px; background: transparent url(../img/nav.png) no-repeat center center; cursor: pointer;}
.circle span.on{ background-image: url(../img/navcur.png);}

.content{ width: 100%;}
.content h1{ width: 100%; height: 0; overflow: hidden; padding-top: 280px; background: #fff url(../img/brand.png) no-repeat center top;}
.content h1 span{font-family:"黑体"; font-size:45px;}
.content h6{ width: 100%; height:50px; font-family:"黑体"; font-size:45px; margin:0 auto; color:#585858; text-align:center; font-weight:bold; letter-spacing:8px; padding-top:20px; margin-bottom:60px;}
.activebg{ position: relative; width: 100%; height: 500px; background: #fff; background-attachment: fixed;background-position: center 0; background-repeat: no-repeat;}
.fisrtbg{ background-image: url(../img/1080_1.jpg);}
.secondbg{ background-image: url(../img/1080_2.jpg);}
.thirdbg{ background-image: url(../img/blog.jpg);}
.txtwrap p{ font-size: 18px; letter-spacing: 0.12em;}
.txtwrap2 {width: 650px;}
.txtwrap2 p{ font-size: 18px; letter-spacing: 0.12em;}
.qfigure{ width: 100%; height: 540px; background: #fff;}
.qw960{ position: relative; width: 1200px; height: 584px; margin: 0 auto;}
.qcallAnimate{ position: absolute; left: -32px; bottom: 100px; width: 546px; height: 529px; background: transparent url(../img/pic1.png) no-repeat 0 0;}
.qcall .txtwrap{ position: absolute; right: 0px; top: 30px; width: 550px;}
.qcall h2{ width: 100%; height:45px; line-height:45px; overflow: hidden; padding-top: 20px; font-family:"黑体"; font-size:16px; font-weight:bold; color:#900;}
.qcall p{ width: 100%; margin-bottom: 15px; line-height: 25px; text-align: left; opacity: 0.8; text-indent:2em; font-family:"黑体"; font-size:14px; color:#333;}

.figs{ width: 100%; padding-top: 44px; min-height: 120px;}
.figs li{text-align: center;}

.qcall .figs{ background: transparent url(../img/qcall_figs.png) no-repeat 190px 41px;}
.qcall .figs li{ float: right; border-left: 1px solid #e9e9e9;}
.qcall .figs li.f01{ width: 80px; text-align: right;}
.qcall .figs li.f02{ width: 109px;}
.qcall .figs li.f03{ width: 156px; border: none;}
.qcallWrap{ position: relative; width: 251px; height: 446px; overflow: hidden; left: 57px; top: 72px;}
.qcallWrap .pic1{ position: absolute; left: 0; top: 0; width: 255px; height: 450px; background: transparent url(../img/qcall_fig1.png) no-repeat 0 0; z-index: 2; opacity: 0; filter:Alpha(opacity=0);}
.qcallbtn{ position: absolute; left: 200px; top: 295px; width: 30px; height: 30px; background: transparent url(../img/point.png) no-repeat 0 0; z-index: 1; opacity: 0; filter:Alpha(opacity=0);}
/*qfile*/
.qfileAnimate{ position: absolute; right: 20px; bottom: 104px; width: 337px; height: 427px; background: transparent url(../img/fly.jpg) no-repeat 0 0;}
.qfile .txtwrap{ position: absolute; left: 7px; top: 115px; width: 650px;}
.qfile h2{ width: 100%; height: 0; overflow: hidden; padding-top: 140px; background: transparent url(../img/txt.png) no-repeat 0 0;}
.qfile p{ width: 90%; margin-bottom: 12px; padding-left: 5px; line-height: 25px; text-align: left; opacity: 0.8; text-indent:2em; font-family:"黑体"; font-size:14px; color:#333;}
.qfile .figs{ }
.qfile .figs li{ float: left; margin:0 10px;}
.qfile .figs li.f01{ width: 120px;}
.qfile .figs li.f02{ width: 120px;}
.qfile .figs li.f03{ width: 120px;}

.qfileWrap{ position: relative; left: 27px; top: 259px; width: 328px; height: 280px;}
.qfileWrap .pic1{ position: absolute; left: 10px; top: 0; width: 275px; height: 83px; background: transparent url(../img/qfile_fig1.png) no-repeat 0 0; opacity: 0;}

.qfileWrap .pic2{ position: absolute; right: 12px; top: 114px; width: 140px; height: 118px; background: transparent url(../img/qfile_fig2.png) no-repeat 0 0; opacity: 0;}
.qfbar{ position: absolute; left: 78px; top: 71px; width: 194px; height: 3px; overflow: hidden; background: #e6e6e6; opacity: 0;}
.qfbar .bar{ width: 30%; height: 3px; background: #5be10b;}
/*qblog*/
.qblogAnimate{ position: absolute; left: 88px; bottom: 0; width: 344px; height: 506px; background: transparent url(../img/pic3.png) no-repeat -30px 0;}
.qblog .txtwrap{ position: absolute; right: 7px; top: 120px; width: 495px;}
.qblog h2{ width: 100%; height: 0; overflow: hidden; padding-top: 135px; background: transparent url(../img/qblog_txt.png) no-repeat 0 0;}
.qblog p{ width: 100%; margin-bottom: 12px; line-height: 25px; text-align: right; opacity: 0.6;}
.qblog .figs{ background: transparent url(../img/qblog_figs.png) no-repeat 228px 41px;}
.qblog .figs li{ float: right; border-left: 1px solid #e9e9e9;}
.qblog .figs li.f01{ width: 80px; text-align: right;}
.qblog .figs li.f02{ width: 105px;}
.qblog .figs li.f03{ width: 106px; border: none;}

.qblogWrap{ position: relative; left: 0; top: 217px; width: 291px; height: 150px;}
.qblogWrap div{ position: absolute; top: 0; width: 150px; height: 150px;}
.qblogWrap .pic1{ left: -122px; background: transparent url(../img/qblog_fig1.png) no-repeat 0 0; opacity: 0;}
.qblogWrap .pic2{ left: 70px; background: transparent url(../img/qblog_fig2.png) no-repeat 0 0; opacity: 0;}
.qblogWrap .pic3{ right: -119px; background: transparent url(../img/qblog_fig3.png) no-repeat 0 0; opacity: 0;}
.morefigs{ width: 100%; height: 87px; padding-top: 43px; border-top: 1px solid #e5e5e5}
.morefigs a{ display: block; width: 332px; height: 0; overflow: hidden; padding-top: 45px; margin: 0 auto; background: transparent url(../img/morefigs.png) no-repeat 0 0;}
a.knmore:link, a.knmore:visited{ color: #12b7f5;}
/* flash */
.flashBar{ float:right; width:67px;}
.flashBar a{ display:block; width:67px; height:0; overflow:hidden; padding-top:67px; background:#000 url(../img/flahicons.png) no-repeat 0 0; border-bottom:1px solid #333;}
.flashBar a.close{ background-position:14px 14px;}
.flashBar a.sharetozone{ background-position:14px -52px;}
.flashBar a.sharetoweibo{ background-position:14px -120px;}
.flashBar a.close:hover{ background-position:-52px 14px;}
.flashBar a.sharetozone:hover{ background-position:-52px -52px;}
.flashBar a.sharetoweibo:hover{ background-position:-52px -120px;}

.flashBox{ float:left;background:url(../img/loading.gif) no-repeat 50% 40%;width:910px;height:auto;}
.overlay{ display:none; position:absolute; left:0; top:0; z-index:9999; width:100%; height:100%; background-color:#000; opacity:0.6; filter:Alpha(opacity=60);}
#flashDiv{ position:absolute; left:50%; top:47px; width:978px; height:721px; margin:0 0 0 -489px; display:none; z-index:10000; position: fixed;}
.togame{ clear: both; padding-right: 80px; height: 31px; text-align: right;}
/* footer */
.newfoot{ width: 100%; height: 260px; padding-top:15px; background: #2a2a2a; font-size:0.75em;}
.copyright_bottom{ width:1200px; height:50px; margin:0 auto; border-bottom: 1px solid #666; font-size:14px; color:#fff; font-weight:bold;}
.copyright_bottom a{color:#979797; margin:0 10px 0 10px; font-weight:normal;}
.copyright_b2_kuang{ width:1200px; margin:0 auto; margin-top:30px; height:150px;}
.copyright_b2{ height:150px; width:600px; float:left;}
.copyright_b2 li{ height:30px; line-height:30px; font-size:14px; color:#979797; font-family:"黑体"}
.copyright_b2_rig{ height:100px; width:auto; float:right; padding-top:50px;}
.copyright_b2_rig img{ margin-left:20px;}
.copyright_b3{ height:55px; width:1200px; font-size:12px; color:#979797; margin:0 auto; line-height:55px; font-family:Arial,"黑体";}
.copyright_b3 li{ height:55px; width:auto; font-size:12px; color:#979797; line-height:55px; font-family:Arial,"黑体"; float:left; margin-right:10px;}
.copyright_b3 li img{ margin-right:5px; line-height:55px;}



.newfoot a:link, .newfoot a:visited{ color: #979797;}
.newfoot a:hover{ color: #cfcfcf;}
.qmaps{ width: 1200px; height: 205px; margin: 0 auto;}
.plats{ float: left; width: 510px; padding-left: 8px;}
.plats h3{ height: 50px;  color: #666; font-size: 14px;}
.plats a{ float: left; padding-top: 65px; background: transparent url(../img/plats1.png) no-repeat 0 0; text-align: center; font-size: 14px;}
.plats a:hover{ color: #12b7f5;}
.plats a.plmb{ width: 80px; margin-right: 35px; background-position: 0px 0;}
.plats a.plmb:hover{ background-position: 0px -93px;}
.plats a.plpc{ width: 80px; margin-right: 30px; background-position: -105px 0;}
.plats a.plpc:hover{ background-position: -105px -93px;}
.plats a.plmac{ width: 84px; margin-right:30px; background-position: -210px 0;}
.plats a.plmac:hover{ background-position: -210px -93px;}
.plats a.plpad{ width: 76px; background-position: -326px 0;}
.plats a.plpad:hover{ background-position: -326px -93px;}
.map{ float: left;}
.map h3{ height: 25px; color: #666; font-size: 14px;}
.map li{ line-height: 22px;}
.qac{ width: 185px;}
.qfaq{width: 175px;}
.qlink{ width: 80px;}
.copyright{ clear: both; width: 960px; margin: 0 auto; padding-top: 16px; border-top: 1px solid #666; line-height: 17px; text-align: center; color: #666;} 
.login_div { display: none; position: fixed; left: 50%; top: 50%; width: 622px; height: 368px; margin: -184px 0 0 -311px; z-index: 99999;}

#pg2 .qfileWrap .pic1{
    opacity: 1;
    -webkit-transform-origin:left;
    -moz-transform-origin:left;
    -o-transform-origin:left;
    -ms-transform-origin:left;
    transform-origin:left;
    -webkit-animation: zoomIn 0.2s ease 0.1s;
    -moz-animation: zoomIn 0.2s ease 0.1s;
    -o-animation: zoomIn 0.2s ease 0.1s;
    animation: zoomIn 0.2s ease 0.1s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

#pg2 .qfileWrap .qfbar{
    -webkit-animation: fadeIn 0.4s ease 0.3s;
    -moz-animation: fadeIn 0.4s ease 0.3s;
    -o-animation: fadeIn 0.4s ease 0.3s;
    animation: fadeIn 0.4s ease 0.3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#pg2 .qfileWrap .bar{
    -webkit-animation: widthall 1s ease 0.4s;
    -moz-animation: widthall 1s ease 0.4s;
    -o-animation: widthall 1s ease 0.4s;
    animation: widthall 1s ease 0.4s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#pg2 .qfileWrap .pic2{
    opacity: 1;
    -webkit-transform-origin:right;
    -moz-transform-origin:right;
    -o-transform-origin:right;
    -ms-transform-origin:right;
    transform-origin:right;
    -webkit-animation: zoomIn 0.2s ease 1.5s;
    -moz-animation: zoomIn 0.2s ease 1.5s;
    -o-animation: zoomIn 0.2s ease 1.5s;
    animation: zoomIn 0.2s ease 1.5s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

#pg3 .qblogWrap .pic1{
    opacity: 1;
    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.4s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

#pg3 .qblogWrap .pic2{
    opacity: 1;
    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.5s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

#pg3 .qblogWrap .pic3{
    opacity: 1;
    -webkit-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
    -moz-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
    -o-animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
    animation: zoomIn 0.2s cubic-bezier(0, .25, .08, 1) 0.6s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

@keyframes fadeUp {
    0% { opacity: 0;transform:translateY(-20px);}
    100% { opacity: 1;transform:translateY(0px);}
}
@-moz-keyframes fadeUp {
    0% {opacity: 0; transform:translateY(-20px);}
    100% {opacity: 1; transform:translateY(0px);}
}
@-webkit-keyframes fadeUp {
    0% {opacity: 0;-webkit-transform:translateY(-20px);}
    100% {opacity: 1; -webkit-transform:translateY(0px);}
}

@-o-keyframes fadeUp {
    0% { opacity: 0;-o-transform:translateY(-20px);}
    100% { opacity: 1;-o-transform:translateY(0px);}
}
@-ms-keyframes fadeUp {
    0% { opacity: 0;-ms-transform:translateY(-20px);}
    100% { opacity: 1;-ms-transform:translateY(0px);}
}

@keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes fadeIn {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1; }
}
@-o-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-ms-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

@keyframes widthall {
    0%{ width: 30%;}
    100% { width: 100%;}
}
@-moz-keyframes widthall {
     0%{ width: 30%;}
    100% { width: 100%;}
}
@-webkit-keyframes widthall {
     0%{ width: 30%;}
    100% { width: 100%;}
}
@-o-keyframes widthall {
     0%{ width: 30%;}
    100% { width: 100%;}
}
@-ms-keyframes widthall{
     0%{ width: 30%;}
    100% { width: 100%;}
}

@keyframes zoomIn {
    0%{ transform: scale(0);}
    60%{ transform: scale(1.1);}
    100% { transform: scale(1);}
}
@-moz-keyframes zoomIn {
    0%{ transform: scale(0);}
    60% { transform: scale(1.1);}
    100% { transform: scale(1);}
}
@-webkit-keyframes zoomIn {
    0%{ -webkit-transform: scale(0);}
    60% { -webkit-transform: scale(1.1);}
    100% { -webkit-transform: scale(1);}
}
@-o-keyframes zoomIn {
    0%{ -o-transform: scale(0);}
    90% { -o-transform: scale(1.1);}
    100% { -o-transform: scale(1);}
}
@-ms-keyframes zoomIn{
    0%{ -ms-transform: scale(0);}
    60% { -ms-transform: scale(1.1);}
    100% { -ms-transform: scale(1);}
}

@keyframes moveleft {
    0% { transform:translateX(100%); opacity: 1;}
    100% { transform:translateX(0); opacity: 1;}
}
@-moz-keyframes moveleft {
    0% { transform:translateX(100%); opacity: 1;}
    100% { transform:translateX(0); opacity: 1;}
}
@-webkit-keyframes moveleft {
    0% {-webkit-transform:translateX(100%); opacity: 1;}
    100% { -webkit-transform:translateX(0); opacity: 1;}
}

@-o-keyframes moveleft {
    0% { -o-transform:translateX(100%); opacity: 1;}
    100% { -o-transform:translateX(0); opacity: 1;}
}
@-ms-keyframes moveleft {
    0% { -ms-transform:translateX(100%); opacity: 1;}
    100% { -ms-transform:translateX(0); opacity: 1;}
}

@keyframes click {
    0% { transform:translateY(0px) translateX(0px);}
    80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
}
@-moz-keyframes click {
    0% { transform:translateY(0px) translateX(0px);}
    80% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    90% { transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    100% { transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
}
@-webkit-keyframes click {
    0% { -webkit-transform:translateY(0px) translateX(0px);}
    80% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    90% { -webkit-transform:translateY(80px) translateX(-10px) scale(1); opacity: 1;}
    100% { -webkit-transform:translateY(80px) translateX(-10px) scale(1.5); opacity: 0;}
}

@-o-keyframes click {
    0% { -o-transform:translateY(0px) translateX(0px);}
    80% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    90% { -o-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    100% { -o-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
}
@-ms-keyframes click {
    0% { -ms-transform:translateY(0px) translateX(0px);}
    80% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    90% { -ms-transform:translateY(-240px) translateX(-107px) scale(1); opacity: 1;}
    100% { -ms-transform:translateY(-240px) translateX(-107px) scale(1.5); opacity: 0;}
}

@media screen and (min-width:1921px) {
    .crossbanenr li{ width: 100%; left: 50%; margin-left: -50%;}
    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.fisrtbg, .secondbg, .thirdbg{ background-size: 100%;}
}

@media screen and (max-width:1440px) {
    /*.crossbanenr li.pcqqbg{ background: transparent url(../img/im_pc_banner.jpg) no-repeat center top;}*/
    .crossbanenr li.mbqqbg{ background: transparent url(../img/mb60-s.jpg) no-repeat center top;}
    .crossbanenr li.padqqbg{ background: transparent url(../img/hdbanner.jpg) no-repeat center top;}
    .crossbanenr li.watchbg{ background: transparent url(../img/im_watch_s.jpg) no-repeat center top;}
    .fisrtbg{ background-image: url(../img/800_1.jpg);}
    .secondbg{ background-image: url(../img/800_2.jpg);}
    .thirdbg{ background-image: url(../img/bg3_1600.jpg);}
    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;
    }
}
@media screen and (max-width:1200px) and (min-height:1400px) {
    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
}
@media screen and (min-width:1200px) and (min-height:900px) {
    .crossbanenr li.pcqqbg, .crossbanenr li.mbqqbg, .crossbanenr li.padqqbg,.crossbanenr li.watchbg, .fisrtbg, .secondbg, .thirdbg{ background-size: cover;}
}

#banner_brand {  
                width: 100%;  
                height: 276px;   
                background: url("../img/banner_brand.jpg") no-repeat top center;  
            }  
			
#banner_product {  
                width: 100%;  
                height: 276px;   
                background: url("../img/banner_product.jpg") no-repeat top center;  
            } 
			
#banner_product_show {  
                width: 100%;  
                height: 276px;   
                background: url("../img/banner_product_show.jpg") no-repeat top center;  
            } 


#banner_contact {  
                width: 100%;  
                height: 276px;   
                background: url("../img/banner_contact.jpg") no-repeat top center;  
            } 
/*four_tit*/
#four_box{ width:1040px; margin:50px auto; height:100px;}
#four_box li{ float:left; width:500px; height:100px; margin:0 10px; cursor:pointer;}
#four_box .menu_tit1{ }
#four_box .menu_tit1 { background-color:#C8C8C8; width:500px; height:100px;transition:0.5s;}
#four_box .menu_tit1  img{ float:left; margin:25px auto 25px 160px;transition:0.5s; }
#four_box .menu_tit1  h1{font-size: 22px;color: #FFF;font-weight: bold;float: left; margin: 35px 180px auto 20px;line-height:30px;transition:0.5s;}
#four_box .menu_tit1  h2{font-size: 14px;color: #AFEBD1;font-weight:bold; float:left; line-height:20px;  margin-left:20px; letter-spacing:10px; display:none;transition:0.5s;}

#four_box .menu_tit1:hover{ background-color:#36CC8C;transition:0.5s;}
#four_box .menu_tit1:hover img{margin:25px auto 25px 120px; transition:0.5s;}
#four_box .menu_tit1:hover h1{margin: 24px 210px auto 20px;line-height:30px;transition:0.5s;}
#four_box .menu_tit1:hover h2{display:block;letter-spacing:5px; transition:0.5s;}

#four_box .menu_tit1_on{ }
#four_box .menu_tit1_on { background-color:#36CC8C; width:500px; height:100px;}
#four_box .menu_tit1_on  img{ float:left; margin:25px auto 25px 120px;}
#four_box .menu_tit1_on  h1{font-size: 22px;color: #FFF;font-weight: bold;float: left; margin: 24px 150px auto 20px; line-height:30px;}
#four_box .menu_tit1_on  h2{font-size: 14px;color: #fff;font-weight:bold; float:left; line-height:20px;  margin-left:20px; letter-spacing:3px; display:block;}

/*222222222222*/

#four_box .menu_tit2{ }
#four_box .menu_tit2 { background-color:#C8C8C8; width:500px; height:100px;transition:0.5s;}
#four_box .menu_tit2  img{ float:left; margin:25px auto 25px 150px;transition:0.5s;}
#four_box .menu_tit2  h1{font-size: 22px;color: #FFF;font-weight: bold;float: left; margin: 35px 180px auto 20px;line-height:30px;transition:0.5s;}
#four_box .menu_tit2  h2{font-size: 14px;color: #B1DFF7;font-weight:bold; float:left; line-height:20px;letter-spacing:10px;  margin-left:20px; display:none;transition:0.5s;}

#four_box .menu_tit2:hover{ background-color:#3DAFEA;transition:0.5s;}
#four_box .menu_tit2:hover img{margin:25px auto 25px 120px; transition:0.5s;}
#four_box .menu_tit2:hover h1{margin: 24px 210px auto 20px;line-height:30px;transition:0.5s;}
#four_box .menu_tit2:hover h2{display:block;letter-spacing:3px; transition:0.8s;}

#four_box .menu_tit2_on{ }
#four_box .menu_tit2_on { background-color:#3DAFEA; width:500px; height:100px;}
#four_box .menu_tit2_on  img{ float:left; margin:25px auto 25px 120px;}
#four_box .menu_tit2_on  h1{font-size: 22px;color: #FFF;font-weight: bold;float: left; margin: 24px 200px auto 20px;line-height:30px;}
#four_box .menu_tit2_on  h2{font-size: 14px;color: #B1DFF7;font-weight:bold; float:left; line-height:20px;letter-spacing:3px;  margin-left:20px; display:block;}

/*33333333333333*/

#four_box .menu_tit3{ }
#four_box .menu_tit3 { background-color:#C8C8C8; width:370px;height:100px;transition:0.5s;}
#four_box .menu_tit3  img{ float:left; margin:25px auto 25px 100px;transition:0.5s;}
#four_box .menu_tit3  h1{font-size: 22px;color: #FFF;font-weight: bold;float: left; margin: 35px auto auto 20px;line-height:30px;transition:0.5s;}
#four_box .menu_tit3  h2{font-size: 14px;color: #D2E1B2;font-weight:bold; float:left; line-height:20px;letter-spacing:1px;  margin-left:20px; display:none;transition:0.5s;}

#four_box .menu_tit3:hover{ background-color:#8EB53E;transition:0.5s;}
#four_box .menu_tit3:hover img{margin:25px auto 25px 70px; transition:0.5s;}
#four_box .menu_tit3:hover h1{margin: 24px auto auto 20px;line-height:30px;transition:0.5s;}
#four_box .menu_tit3:hover h2{display:block; transition:0.5s;}

#four_box .menu_tit3_on{ }
#four_box .menu_tit3_on { background-color:#8EB53E; width:370px;height:100px;}
#four_box .menu_tit3_on  img{ float:left; margin:25px auto 25px 40px;}
#four_box .menu_tit3_on  h1{font-size: 22px;color: #FFF;font-weight: bold;float: left; margin: 24px auto auto 20px;line-height:30px;}
#four_box .menu_tit3_on  h2{font-size: 14px;color: #D2E1B2;font-weight:bold; float:left; line-height:20px;letter-spacing:1px;  margin-left:20px; display:block;}

/*----------------产品列表------------------*/
.pro_box{width:1200px; margin:0 auto; color:#5a5a5a; font-size:14px; height:auto;}
/*= effect-3 css =*/
.single-member{width: 246px; float: left; margin: 30px 2.1%; background-color: #fff; text-align: center; position: relative;  cursor:pointer}
.member-image img{max-width: 100%; vertical-align: middle;}
.effect-3 h3 {font-size: 16px; font-weight: 300; margin: 10px 0 0; text-transform: uppercase; font-family:Arial,"黑体";}
.effect-3 h5 {font-size: 14px; margin: 0 0 5px; line-height: 22px;}
.effect-3{height:300px;overflow: hidden; border:1px solid #eaeaea;}
.effect-3 h3{padding-top: 5px; line-height: 33px; padding-bottom:10px;}
.effect-3 p {font-size: 14px; font-weight: 300; line-height: 18px; padding: 0 10px; margin-bottom: 2px;}
.effect-3 .member-image{border-bottom: 5px solid #B81C22; transition: 0.4s; height: 232px; width: 100%; display: inline-block; float: none; vertical-align: middle;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3 .social-touch{ float: left; left: 0; bottom: 0; overflow: hidden; padding: 15px 0 0 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 81px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;}
.social-touch a{display: inline-block; width: 28px; height: 28px; vertical-align: middle; margin: 0 2px; background-image: url(../img/go.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
/*= effect-3 css end =*/

#story_box{ width:1000px; margin:0 auto; height:auto;}
#story_box p{ font-family:"黑体"; font-size:14px; color:#333; line-height:30px; margin-bottom:30px; text-indent:2em;}
#story_box i{ font-family:"黑体"; font-size:14px; color:#900; font-weight:bold;}
#story_box img{margin-left:50px; padding-bottom:50px;}
#story_box h1{ font-family:"黑体"; font-size:14px; color:#333; line-height:30px; margin-bottom:20px; text-indent:2em; color:#900; font-weight:bold;}
#js_brand{ width:1000px; margin:0 auto; height:450px;}
#js_brand span{border-right: 4px solid #ff9900;margin-right: 10px;}
#js_brand h1{ border-bottom:2px solid #900; margin-bottom:40px; color:#900; font-family:"黑体"; font-size:18px; padding:15px 15px 15px 5px; font-weight:bold;}
#js_brand .lef{ width:180px; margin-left:20px; float:left;}
#js_brand .rig{ width:780px; margin-right:20px; float:right;}
#js_brand .rig li{font-family:"黑体"; font-size:14px; color:#333; height:80px; line-height:80px;}

#contact_box{ width:1100px; margin:0 auto; height:auto; margin-top:50px;}
#contact_box p{ font-family:"黑体"; font-size:14px; color:#333; line-height:30px; margin-bottom:30px; text-indent:2em;}

#addess{ width:900px; margin:0 auto; height:1400px;}
#addess .lef{ width:400px; float:left; height:326px;}
#addess .rig{ width:500px; float:left; text-align:right; height:326px;}
.tit{ font-family:"黑体"; font-size:14px; color:#333; font-weight:bold; height:40px; line-height:40px;}
.txt_add1{ font-family:"黑体"; font-size:12px; color:#fff; line-height:25px; height:25px;}
.txt_add2{ font-family:"黑体"; font-size:12px; color:#333; line-height:25px; height:25px; padding-left:10px;}
.txt_add3{ font-family:"黑体"; font-size:12px; color:#FF6600; line-height:25px; height:25px; padding-left:10px;}

#add_map_box{ width:1100px; margin:0 auto; height:auto;}
.add_map{ width:250px; height:auto; float:left; cursor:pointer; margin:20px 12px;}
.add_map .pic{width:155px; height:155px; margin:0 auto; border-radius:100px;}
.add_map .pic img{ width:155px; height:155px;border-radius: 100px;}
.add_map h1{ font-family:"黑体"; font-size:18px; color:#333; line-height:45px; height:45px; text-align:center; margin-top:10px;}
.add_map p{ font-family:"黑体"; font-size:14px; color:#666; line-height:25px; height:25px; text-align:center;}
.add_map p a{ font-family:"黑体"; font-size:14px; color:#fff; line-height:80px; text-align:center; margin:5px 50px; background-color:#900;padding:10px 15px;}
.add_map:hover img{-webkit-transform: scale(1.13); -ms-transform: scale(1.13); -o-transform: scale(1.13); transform: scale(1.13);}
.add_map p a:hover{ background-color:#FF3300;  transition:0.3s;}

/****图片放大****/
.trans03s{
	
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*招聘信息*/

#job_tit{ width:1100px; margin:70px auto 20px auto; }
#job_tit h1{ font-family:"黑体"; font-size:25px; color:#B81C22; text-align:center; letter-spacing:3px; font-weight:bold;}
#job_tit h2{ font-family:"黑体"; font-size:14px; color:#999; text-align:center;letter-spacing:6px; line-height:35px;}
.join_main { width:1100px; margin:0 auto; background-color: #fcfcfc; overflow:hidden;height:470px; border:1px dashed #ccc;}
.left_job { float: left; display: inline; overflow: hidden; width: 385px; border-right:1px dashed #ccc; width: 385px; height: 470px; }
.job_detail { color: #333; font-family:"黑体"; font-size: 14px; line-height: 30px; padding:50px 30px 0 30px; width:648px; height:450px; float:left;}
.job_detail span {font-weight:bold;}
.job_detail p { line-height:28px;}
.job_detail h1 { line-height:28px; font-weight:bold;}
.job_face { background: url(../img/jobs_t.png) no-repeat; width: 181px; height: 180px; margin: 60px auto 15px auto; }
.job_title { color: #333; font-family:"黑体"; font-size: 14px; text-align: center; margin-bottom:15px; height:90px; width:385px; }
.job_title p{ font-size: 12px; line-height:20px; }
.job_title p.time{ font-size: 15px; line-height:20px; margin-top:10px; }
.job_title strong { font-size: 30px; font-family:"黑体"; font-weight:normal; margin:5px; }
.btn_job_left, .btn_job_right { display: block; float: left; display: inline; overflow: hidden; width: 16px; height: 30px;  margin-top:9px;background: url(../img/icons.png) no-repeat; text-indent:-9999px}
.btn_job_left { margin-left: 33px; background-position:0px -246px;}
.btn_job_right { background-position:0px -283px;}
/*.ul_tab_job { float: left; display: inline; overflow: hidden; width:269px; height:48px; padding-left:18px; }------------四条信息的时候用*/
.ul_tab_job { float: left; display: inline; overflow: hidden; width:204px; height:48px; padding-left:73px; }
.ul_tab_job li { float: left; display: inline; overflow: hidden; }
.ul_tab_job a { display: block; background:url(../img/logo.png) repeat; overflow: hidden; width: 48px; height: 48px; margin-left: 12px; text-indent:-9999px;}
.ul_tab_job a.btnjob { background-position: 0px -289px; }
.ul_tab_job a.btnjob_act { background-position: -63px -289px; }

.jobs_con{ width:385px; height:48px; }


.jobox{width:1163px; margin:0 auto; background-color: #fff; overflow:hidden;height:280px; position:relative; margin-top:-10px; }
.jobox h2{ color:#666; font-size:30px; font-weight:normal; margin-bottom:10px; font-family: "黑体"; }
.jobox p{ line-height:28px; font-size:14px;  color:#666;}
.joblef{ width:820px; padding-right:22px; float:left; display:inline; height:280px; border-right:1px solid #cacaca;}
.jobrig{ width:284px; padding-left:32px; float:left; display:inline;  height:280px; }

a.preview,a.preview:hover{text-decoration:none;}
a.preview img{margin:20px 10px;}



#nav_zt{
	width:150px;
	height:64px;
	position: absolute;
	top: 324px;
	left: 50%;
	margin-left:-600px;
	z-index: 999;
	 background-color:#990;
}

/*左侧菜单*/

    .panel {
      display: none;
      width: 260px;
      background-color: #B81C22;
      color: #fff;
      box-shadow: inset 0 0 2px 2px #7E1217;
    }
	.panel h1{ height:50px; font-size:22px; margin-top:30px; text-align:center;}
	
.list_list1{ margin-bottom:0px;}
.list_list1 span{font-size:15px; font-weight:bold; padding-left:10px; padding-bottom:3px;}
.list_list1 i{font-size:18px; font-weight:normal; padding-left:10px;}
.list_list1 a{ line-height:40px;height:40px;width:260px;background-color:#3A3F51; display:block;color:#fff;text-align:left;font-size:15px; font-weight:bold;}
.list_list1 a:hover{ background:#2E3344;transition:0.5s; color:#FFF;}
.list_list_on span{font-size:15px; font-weight:bold; padding-left:10px; padding-bottom:3px;}
.list_list_on i{font-size:18px; font-weight:normal; padding-left:10px;}
.list_list_on{line-height:40px; height:40px;width:200px;background-color:#2E3344; display:block;color:#fff;text-align:left;font-size:15px; font-weight:bold; margin-bottom:0px;}
.list_list_on a{background:#2E3344;transition:0.5s; color:#FFF;}
	
	



/*产品列表效果------仿苹果*/



#dock {width:1100px; margin:0 auto; margin-top:65px; margin-bottom:25px;}
.dock-container { position: relative; top: -8px; height: 50px;}
a.dock-item { display: block; width: 90px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; color:#fff; background-color:#900; padding:2px 5px; font-size:14px; line-height:20px; font-family:"黑体"; font-weight:bold;}
.dock-item img { border:0px solid #666;width: 100%; }



.stack { position: fixed; bottom: 28px; right: 40px; }
.stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute; }
.stack ul li img { border: 0; }
.stack ul li span { display: none; }
.stack .openStack li span { 
	display:block;
	height: 14px;
	position:absolute;
	top: 17px;
	right:60px;
	line-height: 14px;
	border: 0;
	background-color:#000;
	padding: 3px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fcfcfc;
	text-align: center;
	text-shadow: #000 1px 1px 1px;
	opacity: .85;
	filter: alpha(opacity = 85);
}

/* IE Fixes */

.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }

/*产品列表效果end*/


/*产品二级锚点效果*/
.section-content{ border-bottom: 0px solid #0000FF;width: 1100px; margin-bottom:40px;}
.nav-height{ position:relative; height: 50px;}
.nav-wrap { width: 100%;height: 50px;background: #f1f1f1;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 1100px; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left; width:300px; text-align:center;}
.nav-wrap li a { font-family:Arial,"黑体"; display: block;padding: 0 20px;font-size:20px; color: #333; text-decoration: none; font-weight:300;}
.nav-wrap li a:hover{color: #fff; background-color:#333;}
.nav-wrap li a.active {color: #fff; background-color:#333;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}

/*产品二级锚点效果END*/


/*产品详情引用样式*/



.prolist_box{width:1100px; margin:0 auto; color:#5a5a5a; font-size:14px; height:auto;}

#tit_proshow_cl{ width:1100px;margin:0 auto; text-align:center; margin-top:10px; margin-bottom:30px;}
#tit_proshow_cl h1{ font-family:Arial,"黑体";font-size:22px; font-weight:bold; color:#900; letter-spacing:2px; line-height:30px;}
#tit_proshow_cl h2{ font-family:"黑体";font-size:14px; color:#999; letter-spacing:2px; line-height:25px;}

.tit_pro_td{ font-size:18px; font-weight:300; color:#FFF; background-color:#900; line-height:30px; text-align:center;}
.prolist_box table td{ font-family: Arial,"黑体";font-size:14px; font-weight:normal; color:#333;height:33px; text-align:center;}
.prolist_box table td span{font-family: Arial,"黑体";font-size:16px; font-weight:300; color:#FFF; background-color:#900; line-height:50px; text-align:center;}
.prolist_box p{ text-align:center;}

 .weixin_pt{ width:1100px; margin:0 auto; height:240px; }
 .weixin_pt ul{ margin-top:50px;}
 .weixin_pt ul li{ float:left; text-align:center; width:275px;}
 .weixin_pt ul li a:hover h3{ color:#F0BA26;}
 .weixin_pt ul li a:hover h4{ color:#5F5F5F;}
 .weixin_pt ul li a:hover h5{ color:#80B934;}
 .weixin_pt ul li a:hover h6{ color:#46B39C;}
 .weixin_pt ul li a:hover h2{ background-color:#2372B1;}
 .weixin_pt ul li:hover p{ color:#FF6800; transition:0.5s; font-family:"黑体";}
 .weixin_pt ul li h3{ font-size:16px; text-align:center; color:#333; margin:20px 0; font-weight:bold;}
 .weixin_pt ul li h4{ font-size:16px; text-align:center; color:#333; margin:20px 0; font-weight:bold;}
 .weixin_pt ul li h5{ font-size:16px; text-align:center; color:#333; margin:20px 0; font-weight:bold;}
 .weixin_pt ul li h6{ font-size:16px; text-align:center; color:#333; margin:20px 0; font-weight:bold;}
 .weixin_pt ul li p{ font-size:16px; text-align:center; color:#900; margin:3px;font-family:"黑体";}
 .weixin_pt ul li h2{ font-size:12px; text-align:center; color:#fff; line-height:20px; background-color:#999; padding:5px 0px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; margin:5px 85px;}
 .weixin_pt ul li span{ width:201px; height:201px; display:block; margin:0 auto; margin-bottom:20px;}
 .weixin_pt ul li.lins{ float:left; height:150px; width:1px; background:#e1e1e1; margin:15px 0 0 0; padding:0;}
 #beizhu {
	margin:0 auto; width:1120px; text-align:center; background:url(../img/bd_bg.jpg) no-repeat top center; height:183px; padding:40px 50px 40px 50px;
}
 #beizhu p{ font-family:"Microsoft Yahei"; font-size:14px; color:#666; line-height:25px; margin:0 30px; text-align:left; font-weight:bold;}
 #beizhu p span{color:#FF6800;}
 #text_qx{ width:876px; margin:0px auto; padding:11px; margin-top:50px;}
 #text_qx h1{font-family:"Microsoft Yahei"; font-size:18px; font-weight:bold; line-height:40px; color:#2372B1;}
 #text_qx p{font-family:"Microsoft Yahei"; font-size:14px; font-weight:bold; line-height:30px; color:#333;}
 #text_qx span{color:#ff0000;}

#brc_tit{ width:1100px; margin:0 auto; height:70px; text-align:center; background-color:#900;}
#brc_tit h1{ font-family:Arial, "黑体"; font-size:30px; letter-spacing:8px; color:#FFF; font-weight:bold; line-height:70px;}
#brc_tit p{ text-align:center; margin-top:50px;}

.pic_txt{ width:1100px; margin:0 auto; height:50px;}
.pic_txt li{ width:163px; margin:0 10px; float:left; font-size:18px; font-weight:300; line-height:50px; height:50px;font-family:Arial, "黑体"; color:#666;}

#brc_box{ width:1100px; margin:0 auto; margin-top:50px; margin-bottom:30px;}
#brc_box .brc_lef{ width:600px; float:left; height:333px;}
#brc_box .brc_rig{ width:460px; height:300px; margin:20px 20px; float:right;}
#brc_box .brc_rig li{ width:auto; height:50px; margin:5px 0 30px 5px; background-color:#F0F0F0; color:#666; font-family:Arial, "黑体"; font-size:20px; font-weight:200; height:50px; line-height:50px; letter-spacing:8px; padding-left:20px;}


#ruizhi_box{ width:1100px; margin:0 auto; margin-top:30px;}
#ruizhi_box li{ width:auto; height:auto; float:left; border-left:1px solid #d8d8d8; margin:0 15px;}
#ruizhi_box p{ font-family:Arial,"黑体"; font-size:18px; color:#666; line-height:25px; height:25px; padding-bottom:40px; padding-top:20px; font-weight:200; padding-left:5px;}
#ruizhi_box img{ text-align:center;}



#see_box{ width:1100px; margin:0 auto; margin-top:30px;}
#see_box li{ width:auto; height:auto; float:left; margin:0 12px;}
#see_box img{ text-align:center;}

#das_box{ width:1100px; margin:0 auto; margin-top:30px;}
#das_box li{ width:30%; height:auto; float:left; margin:0 15px;}
.pozhehao{ color:#999; font-family:Arial,"黑体";font-size:17px; font-weight:bold;}
.pozhehao span {font-family:Arial,"黑体";font-size: 35px;font-weight: bold;color: #900; font-style: italic; margin: 0 15px 0 15px; }
#das_box p{ font-family:Arial,"黑体"; font-size:18px; color:#666; line-height:25px; height:25px; padding-bottom:40px; padding-top:20px; font-weight:200; padding-right:5px;}


#yishi_box{ width:1100px; margin:0 auto; margin-top:30px;}
#yishi_box li{ width:auto; height:auto; float:left; margin:0 10px;}
#yishi_box li p{ font-family:Arial,"黑体"; font-size:16px; color:#666; line-height:30px; height:30px; margin-bottom:10px; text-align:center;}

.ys_txt{ width:100%; margin-top:30px;}
.ys_txt h1{ font-family:Arial,"黑体"; font-size:40px; text-align:left; padding-left:150px; line-height:60px; color:#0E73B9; font-weight:300;}
.ys_txt h2{ font-family:Arial,"黑体"; font-size:40px; text-align:right; padding-right:150px; line-height:60px; color:#0E73B9; font-weight:300;}
.ys_txt h3{ font-family:Arial,"黑体"; font-size:55px; text-align:left; line-height:80px; color:#666; font-weight:300;}


#adult_box{ width:100%;}
#adult_box li{ width:200px; height:200px; margin:35px;  float:left; border-radius:100px;border:0px solid #ccc; background-color:#f3f3f3}
#adult_box li p{ width:170px; height:170px; font-family:Arial, "黑体"; font-size:25px; text-align:center; font-weight:300; line-height:170px; color:#900; border-radius:100px; margin:15px;background-color:#fff; }



#stu_box{ width:1100px; margin:0 auto; margin-top:30px;}
#stu_box li{ width:auto; height:auto;}
#stu_box li h1{ font-family:Arial,"黑体"; font-size:20px; color:#005AAB; line-height:30px; height:50px; text-align:left; margin-top:20px;}
#stu_box li p{ font-family:Arial,"黑体"; font-size:16px; color:#666; line-height:30px; height:30px; margin-bottom:10px; text-align:left; text-align:left;}

.qsx_tit{}


.qsx_tit h1{font-family: Arial, "黑体";
font-size: 18px;
margin-top:40px;
font-weight: 300;
line-height:50px;
height:50px;
color: #c00000;
text-decoration: none;
letter-spacing: 1px;
border-bottom: 1px dashed #999;
}

.qsx_tit li{font-family: Arial, "黑体";font-size: 14px;margin-top:20px;font-weight: 300;line-height:30px;height:30px;color: #333;text-decoration: none;letter-spacing: 1px;}
/*产品详情引用样式END*/