/*

	name : yanggang;

	QQ:392017299;

	E-mail:yanggang1@conew.com;

*/

@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,

b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby,section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

html,body{ height:100%; font-size: 12px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }

img,input,button,a,select,textarea{ margin: 0; padding: 0; resize:none; border:none; outline:none; }

ol,ul { list-style:none; }

h1,h2,h3,h4,h5,h6,p,em,i,b,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }

a:active, a:focus{ outline:none; }

button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }

*html{ background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */

table{ border-collapse:collapse; border-spacing:0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }

.clearfix{ zoom:1; }

a{ text-decoration: none; }

h1{ display: none; }

/* min css */

#superContainer { height: 100%; position: relative }

.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.slide { float: left }

.slide, .slidesContainer { height: 100%; display: block }

.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out }

.section.table, .slide.table { display: table; width: 100% }

.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100% }

.slidesContainer { float: left; position: relative }

.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px }

.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent }

.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff }

.scrollable { overflow: scroll }

.easing { -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; transition: all .7s ease-out }

.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px }

.fullPage-tooltip.right { right: 20px }

.fullPage-tooltip.left { left: 20px }

/* nav */

.nav-wrap{ width: 100%; height: 70px; position: fixed; _position: absolute; z-index: 111; top: 0; left: 0; background: url(../images/nav-bg.png) repeat-x; }

.nav-main{ width: 1000px; height: 70px; margin: 0 auto; }

.logo{ display: block; width: 208px; height: 50px; background: url(../images/logo.png?v4) no-repeat left top; background-size:208px auto; margin-top: 10px; float: left; }

.nav{ float: right; }

.nav a{ width: 114px; height: 70px; line-height: 70px; margin-right: 10px; float: right; color: #fff; text-decoration: none; font-size: 18px; text-align: center; }

.nav a:hover,.nav a.cur{ background: url(../images/nav-hover.png) no-repeat center center; }

/* main */

.main{ width: 100%; margin: 0 auto; overflow: hidden; }

.isdown,.isdown img{ width: 38px; height: 22px; }

.isdown{ display: block; position: absolute; left: 50%; bottom: 30px; margin-left: -19px; animation-name: isdown; -webkit-animation: isdown .5s alternate infinite; -moz-animation: isdown .5s alternate infinite; animation: isdown .5s alternate infinite; }

@-webkit-keyframes isdown{ from { -webkit-transform: translateY(-10px) } to { -webkit-transform: translateY(0px) } }

@-moz-keyframes isdown{ from { -moz-transform: translateY(-10px) } to { -moz-transform: translateY(0px) } }

@keyframes isdown{ from { transform: translateY(-10px) } to { transform: translateY(0px) } }

#mod-a{ background: #fff url(../images/page-1.jpg) no-repeat center center; }

.ma-img,.ma-img img{ width: 500px; }

.ma-img{ display: none; position: absolute; z-index: 1; top: 50%; left: 50%; margin: -194px 0 0 -250px; }

#mod-b{ background: #fff url(../images/page-2.jpg) no-repeat center center; }

.mb-img,.mb-img img{ width: 320px; height: 320px; }

.mb-img{ border-radius: 200px; border: 3px solid #fff779; overflow: hidden; }

.mb-img{ display: block; opacity: 0; position: relative; position: absolute; z-index: 11; top: 50%; left: 50%; margin: -167px 0 0 40px; }

.mb-slide{ position: relative; position: absolute; z-index: 1; top: 0; left: 0; }

.mb-slide p{ width: 100%; height: 30px; line-height: 24px; position: absolute; z-index: 2; bottom: -1px; left: 0; background: #0f6ac5; color: #fff; text-align: center; overflow: hidden; }

.mb-slide.mb-cur{ z-index: 4; }

.mbitem{ width: 100px; height: 14px; line-height: 14px; position: absolute; z-index: 11; left: 50%; top: 50%; margin: 180px 0 0 160px; overflow: hidden; }

.mbitem a{ width: 14px; height: 14px; margin-right: 10px; background: url(../images/slide-cur.png) no-repeat -44px top; cursor: pointer; text-indent: -999px; overflow: hidden; float: left; }

.mbitem a.cur{ background-position: left top; }

.mb-cont,.mc-cont{ display: none; width: 500px; height: 200px; position: absolute; z-index: 11; top: 50%; left: 50%; margin: -100px 0 0 -500px; }

.mb-cont h3,.mc-cont h3{ height: 60px; font-size: 38px; color: #fff; }

.mb-cont h3{ text-align: left; }

.mc-cont h3{ text-align: right; }

.mb-cont p,.mc-cont p{ line-height: 36px; font-size: 22px; color: #fff; }

.mc-cont h3,.mc-cont p{  color: #434343; }

.mc-cont p{ text-align: right; }

#mod-c{ background: #fff url(../images/page-3.jpg) no-repeat center center; }

.mc-phone{ display: block; width: 300px; height: 500px; opacity: 0; position: relative; position: absolute; z-index: 11; top: 50%; left: 50%; margin: -220px 0 0 40px; background: url(../images/phone.png) no-repeat left top; overflow: hidden; }

.phone-img.cur-animated{ z-index: 4; }

.phone-img,.phone-img img{ width: 180px; height: 316px; }

.phone-img{ position: absolute; z-index: 1; top: 98px; left: 50px; }

#mod-d{ background: #fff url(../images/page-4.jpg) no-repeat center center; }

.md-cont{ width: 100%; position: absolute; z-index: 11; top: 88px; left: 0; }

.md-cont h3{ height: 60px; font-size: 38px; text-align: center; color: #434343; }

.md-cont p{ display: block; line-height: 36px; text-align: center; font-size: 22px; color: #434343; }

.md-yun,.md-yun img{ width: 236px; }

.md-yun{ position: absolute; z-index: 11; top: 50%; left: 50%; margin: -76px 0 0 -118px; }

.md-list{ width: 900px; height: 150px; position: absolute; z-index: 11; bottom: 60px; left: 50%; margin-left: -450px; }

.md-list li{ display: inline; width: 180px; height: 150px; margin: 0 60px; float: left; }

.md-ficon,.md-ftext{ display: block; width: 180px; text-align: center; overflow: hidden; }

.md-ficon{ height: 100px; }

.md-ftext{ height: 50px; line-height: 50px; background: url(../images/md-btn.png) no-repeat center center; font-size: 20px; color: #a1a1a1; text-indent: -10px; }

#mod-e{ background: #fff url(../images/page-5.jpg) no-repeat center center; }

.me-cont{ display: block; width: 100%; position: absolute; bottom: 120px; left: 0; z-index: 11; }

.me-cont h3{ width: 100%; height: 60px; text-align: center; font-size: 38px; color: #434343; }

.me-cont p{ display: block; line-height: 36px; font-size: 22px; text-align: center; color: #434343; }

.me-btn{ display: block; width: 313px; height: 69px; background: url(../images/btn-a.png) no-repeat left top; position: absolute; z-index: 11; bottom: 30px; left: 50%; margin-left: -157px; text-indent: -999px; overflow: hidden; }

.me-btn:hover{ opacity: 0.7; }

.me-slide{ display: block; width: 1000px; height: 200px; position: relative; position: absolute; z-index: 11; top: 80px; left: 50%; margin-left: -500px; }

.me-prev,.me-next{ display: block; width: 59px; height: 90px; position: absolute; top: 55px; cursor: pointer; }

.me-prev{ left: 0; }

.me-next{ right: 0; }

.me-slide-wrap{ width: 86%; height: 200px; }

.me-slide-wrap{ position: relative; margin: 0 auto; overflow: hidden; }

.me-function-list{ width: 3000px; position: absolute; top: 0; left: 0; }

.me-function-list li{ width: 172px; height: 200px; float: left; }

.me-function-list li img{ margin-top: 48px; }

.me-ficon,.me-ftext{ display: block; width: 176px; text-align: center; overflow: hidden; }

.me-ficon{ height: 152px; background: url(../images/me-a.png) no-repeat center center; }

.me-ftext{ height: 48px; line-height: 48px; background: url(../images/me-b.png) no-repeat center center; font-size: 14px; font-weight: bold; color: #a1a1a1; }

.me-link{ display: none; width: 90%; position: absolute; z-index: 11; top: 60px; left: 5%; }

.me-link a{ display: inline-block; width: 32.333333%; margin: 0 1% 1% 0; padding: 2px 10px; line-height: 18px; background: rgba(255,255,255,0.6); color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; text-align: center; }

.me-link a:hover{ background: #0f6ac5; color: #fff; }

#footer{ display: block; width: 100%; height: 288px; position: absolute; top: 0; left: 0; clear: both; background: url(../images/footer-bg.jpg) repeat-x; overflow: hidden; }

.footer-main{ width: 1000px; height: 288px; position: relative; margin: 0 auto; }

.flogo,.fhr,.fcode,.fact{ position: absolute; z-index: 2; }

.flogo{ display: block; left: 0; top: 62px; width: 272px; height: 108px; background: url(../images/foot-logo.png) no-repeat left top; text-indent: -999px; overflow: hidden; }

.fhr{ display: block; top: 62px; left: 290px; width: 6px; height: 156px; background: url(../images/footer-yhr.png) no-repeat left top; }

.fcode{ width: 130px; left: 420px; top: 62px; }

.code-img{ display: block; width: 106px; height: 106px; padding: 12px; background: #fff; vertical-align: top; clear: both; overflow: hidden; }

.fcode p{ width: 130px; padding-top: 8px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }

.fact{ width: 324px; top: 62px; right: 0; color: #fff; }

.act-info{ display: block; padding-bottom: 40px; font-size: 22px; color: #fff; text-align: left; }

.fact p{ line-height: 22px; font-size: 14px; text-align: right; }

/* cur menu */

#menu{ display: block; width: 21px; position: fixed; z-index: 111; top: 50%; right: 50px; margin-top: -70px; _display: none; overflow: hidden; }

#menu li{ width: 21px; height: 21px; margin-bottom: 15px; float: left; background: url(../images/nav.dark.png) no-repeat left top; cursor: pointer; text-indent: -999px; overflow: hidden; }

#menu li.active{ background-position: left -55px; }

#menu a{ display: block; text-indent: -99px; overflow: hidden; }

/* me-a animated */

.animated .ma-img{ display: block; animation-name: mea; -webkit-animation: mea 0.4s linear 0s normal none; -moz-animation: mea 0.4s linear 0s normal none; animation: mea 0.4s linear 0s normal none; }

@-webkit-keyframes mea { from { opacity: 0; -webkit-transform:scale(0,0); } to { opacity: 1; -webkit-transform:scale(1,1); } }

@-moz-keyframes mea { from { opacity: 0; -moz-transform:scale(0,0); } to { opacity: 1; -moz-transform:scale(1,1); } }

@keyframes mea { from { opacity: 0; transform:scale(0,0); } to { opacity: 1; transform:scale(1,1); } }

/* me-b animated */

.animated .mb-cont{ display: block; animation-name: meba; -webkit-animation: meba 0.4s linear 0s normal none; -moz-animation: meba 0.4s linear 0s normal none; animation: meba 0.4s linear 0s normal none; }

@-webkit-keyframes meba { from { opacity: 0; -webkit-transform:translateX(-100px); } to { opacity: 1; -webkit-transform:translateX(0px); } }

@-moz-keyframes meba { from { opacity: 0; -moz-transform:translateX(-100px); } to { opacity: 1; -moz-transform:translateX(0px); } }

@keyframes meba { from { opacity: 0; transform:translateX(-100px); } to { opacity: 1; transform:translateX(0px); } }

.animated .mb-img{ display: block; opacity: 1; animation-name: mebb; -webkit-animation: mebb 0.4s linear 0s normal none; -moz-animation: mebb 0.4s linear 0s normal none; animation: mebb 0.4s linear 0s normal none; }

@-webkit-keyframes mebb { from { -webkit-transform:translateX(100px); } to { -webkit-transform:translateX(0px); } }

@-moz-keyframes mebb { from { -moz-transform:translateX(100px); } to { -moz-transform:translateX(0px); } }

@keyframes mebb { from { transform:translateX(100px); } to { transform:translateX(0px); } }

/* me-c animated */

.animated .mc-cont{ display: block; animation-name: meca; -webkit-animation: meca 0.4s linear 0s normal none; -moz-animation: meca 0.4s linear 0s normal none; animation: meca 0.4s linear 0s normal none; }

@-webkit-keyframes meca { from { opacity: 0; -webkit-transform:translateX(-100px); } to { opacity: 1; -webkit-transform:translateX(0px); } }

@-moz-keyframes meca { from { opacity: 0; -moz-transform:translateX(-100px); } to { opacity: 1; -moz-transform:translateX(0px); } }

@keyframes meca { from { opacity: 0; transform:translateX(-100px); } to { opacity: 1; transform:translateX(0px); } }

.animated .mc-phone{ display: block; opacity: 1; animation-name: mecb; -webkit-animation: mecb 0.4s linear 0s normal none; -moz-animation: mecb 0.4s linear 0s normal none; animation: mecb 0.4s linear 0s normal none; }

@-webkit-keyframes mecb { from { -webkit-transform:translateX(100px); } to { -webkit-transform:translateX(0px); } }

@-moz-keyframes mecb { from { -moz-transform:translateX(100px); } to { -moz-transform:translateX(0px); } }

@keyframes mecb { from { transform:translateX(100px); } to { transform:translateX(0px); } }

/* me-d animated */

.animated .md-cont{ display: block; animation-name: meda; -webkit-animation: meda 0.4s linear 0s normal none; -moz-animation: meda 0.4s linear 0s normal none; animation: meda 0.4s linear 0s normal none; }

@-webkit-keyframes meda { from { opacity: 0; -webkit-transform:translateY(-100px); } to { opacity: 1; -webkit-transform:translateY(0px); } }

@-moz-keyframes meda { from { opacity: 0; -moz-transform:translateY(-100px); } to { opacity: 1; -moz-transform:translateY(0px); } }

@keyframes meda { from { opacity: 0; transform:translateY(-100px); } to { opacity: 1; transform:translateY(0px); } }

.animated .md-yun{ display: block; animation-name: medb; -webkit-animation: medb 0.4s linear 0s normal none; -moz-animation: medb 0.4s linear 0s normal none; animation: medb 0.4s linear 0s normal none; }

@-webkit-keyframes medb { from { opacity: 0; -webkit-transform:translateX(-100px); } to { opacity: 1; -webkit-transform:translateX(0px); } }

@-moz-keyframes medb { from { opacity: 0; -moz-transform:translateX(-100px); } to { opacity: 1; -moz-transform:translateX(0px); } }

@keyframes medb { from { opacity: 0; transform:translateX(-100px); } to { opacity: 1; transform:translateX(0px); } }

.animated .md-list{ display: block; animation-name: medc; -webkit-animation: medc 0.4s linear 0s normal none; -moz-animation: medc 0.4s linear 0s normal none; animation: medc 0.4s linear 0s normal none; }

@-webkit-keyframes medc { from { opacity: 0; -webkit-transform:scale(0,0); } to { opacity: 1; -webkit-transform:scale(1,1); } }

@-moz-keyframes medc { from { opacity: 0; -moz-transform:scale(0,0); } to { opacity: 1; -moz-transform:scale(1,1); } }

@keyframes medc { from { opacity: 0; transform:scale(0,0); } to { opacity: 1; transform:scale(1,1); } }

/* me-e animated */

.animated .me-cont{ display: block; animation-name: meea; -webkit-animation: meea 0.4s linear 0s normal none; -moz-animation: meea 0.4s linear 0s normal none; animation: meea 0.4s linear 0s normal none; }

@-webkit-keyframes meea { from { opacity: 0; -webkit-transform:translateX(-100px); } to { opacity: 1; -webkit-transform:translateX(0px); } }

@-moz-keyframes meea { from { opacity: 0; -moz-transform:translateX(-100px); } to { opacity: 1; -moz-transform:translateX(0px); } }

@keyframes meea { from { opacity: 0; transform:translateX(-100px); } to { opacity: 1; transform:translateX(0px); } }

.animated .me-btn{ display: block; animation-name: meec; -webkit-animation: meec 1s linear 0s normal none; -moz-animation: meec 1s linear 0s normal none; animation: meec 1s linear 0s normal none; }

@-webkit-keyframes meec { from { opacity: 0; } to { opacity: 1; } }

@-moz-keyframes meec { from { opacity: 0; } to { opacity: 1; } }

@keyframes meec { from { opacity: 0; } to { opacity: 1; } }

/* media */

@media(max-width: 770px){
	.ldwx{ display: none; }
	.me-link{ display: block; }

    .isdown{ display: block; bottom: 10px; z-index: 99999; }

    .nav-wrap,.nav-main{ width: 100%; height: 40px; }

    .nav-wrap{ padding: 5px 0; }

    .logo{ width: 20%; height: 25px; background-size: 45px 25px; margin: 7px 0 0 3%; float:left; }

    .nav{ width: 74%; float: right; margin-right:3%; }

    .nav a{ width: 77px; height: 40px; line-height: 40px; margin-right: 5px; font-size: 14px; float:right; }

    .ma-img{ width: 80%; }

    .ma-img img,.mc-phone img,.md-yun img,.me-prev img,.me-next img{ width: 100%; }

    .ma-img{ margin: -32% 0 0 -40%; }

    .mb-cont,.mb-cont h3,.mb-cont p,.mc-cont,.mc-cont h3,.mc-cont p,.md-cont,.md-cont h3,.md-cont p,.me-cont p{ width: 100%; }

    .mb-cont h3,.mb-cont p,.mc-cont h3,.mc-cont p,.md-cont h3,.md-cont p,.me-cont p{ padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; text-align: center; }

    .mb-cont,.mc-cont,.md-cont{ left: 0; top: 60px; margin: 0; }

    .mb-cont h3,.mc-cont h3,.md-cont h3,.me-cont h3{ height: 28px; font-size: 18px; }

    .mb-cont p,.mc-cont p,.md-cont p,.me-cont p{ line-height: 22px; font-size: 14px; }

    .mb-img{ width: 140px; height: 140px; line-height: 140px; margin: -10% 0 0 -70px; border-radius: 100%; overflow: hidden; }

    .mb-img img{ max-width: 140px; max-height: 140px; vertical-align: middle; }

    .mbitem{ margin: 130px 0 0 -46px; }

    .mc-phone{ width: 196px; height: 242px; margin: -70px 0 0 -60px; background-size: auto 100%; }

    .phone-img{ width: 83px; height: 150px; top: 43px; left: 22px; }

    .phone-img img{ width: 83px; height: 150px; }

    .md-yun{ width: 40%; margin: -36px 0 0 -20%; }

    .md-list{ width: 90%; height: 80px; margin-left: 0; left: 5%; bottom: 50px; }

    .md-list li{ width: 33.333333%; height: 80px; margin: 0; }

    .md-ficon{ width: 100%; height: 60px; margin: 0 auto; background-size: auto 100%; }

    .md-ficon img{ line-height: 40px; max-width: 90%; max-height: 90%; }

    .md-ftext{ width: 100%; height: 20px; background: none; height: 20px; line-height: 20px; font-size: 14px; text-indent: 0; }

    .me-cont{ bottom: 100px; }

    .me-btn{ width: 120px; height: 30px; margin: 0 0 0 -60px; background-size: 100% 100%; }

    .me-ficon{ width: 100%; height: 64px; line-height: 64px; margin: 0 auto; background-size: auto 100%; }

    .me-function-list li img{ width: 28%; margin-top: 0; vertical-align: middle; }

    .me-ftext{ width: 100%; height: 30px; line-height: 30px; font-size: 12px; background: none; overflow: hidden; }

    #menu,#mod-f,.me-slide{ display: none; }

}