html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}img, object, embed{max-width: 100%;}img{height: auto;}table td img, table td object, table td embed{max-width: 100%;}table td img{height: auto;}body{margin:0px; padding:0px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:300}a,a:link,a:active,a:visited{color:#c00808; text-decoration:none; outline:none}a:hover{color:#0dc0c0}
html,body{height:100%; line-height:1.5em}
* { margin: 0; padding: 0; }
ul { list-style: none; padding: 0; margin: 0}
.row{width: 100%;max-width: 1440px;min-width:300px;margin: 0 auto; }
.row:after{display:block; content:''; clear:both}

.wrap{width:100%;margin:0 auto;height:100%; }
.banner-wrap{ height: 100%; }
.banner-box {height: 100%;position: relative;overflow:hidden; text-align:center}
.banner-box h1 {font-size:52px;font-weight:normal; margin-bottom:40px; line-height:1.5em}
.banner-box .userbox { position:absolute; top:50%; left:40%; z-index:9; width:600px; height:240px; margin-top:-120px; margin-left:-300px}
.btn,a.btn{ display: inline-block;padding:8px 30px; background: #000; color:#fff; text-decoration:none; border-radius: 60px; -webkit-border-radius:60px; -ms-border-radius: 60px; -o-border-radius: 60px; -moz-border-radius:60px; margin:0 5px; cursor:pointer; border: 2px #000 solid; font-size: 16px;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;letter-spacing: 2px}
.btn svg{ display:block; float: left; margin-right: 10px}
.btn:hover,a.btn:hover{ border: 2px #C40003 solid; background: #C40003}
.btn.border{background:rgba(255,255,255,0.6); color:#000; border:2px #000 solid }
.btn.border:hover{background:rgba(255,255,255,0.6); color:#C40003; border:2px #C40003 solid }
.btn .icon-user{ fill:#fff;}

.cd-slider-nav a,.cd-slider-nav a:link{ color: #fff;}
.cd-slider-nav ul li a:hover{ color: #00a2e9;}

ul.banner-list { height: 100%; }
ul.banner-list li { height: 100%; float:left; position:relative }

ul.banner-list a img { width: 100%; height: 100%; }
.banner-inner { position: absolute; width:80%; top:0; left:10%; bottom:0; z-index:1; }

.swiper-content { height: 100%; position: relative; }
.btn-prve{ position: absolute; left:0; top:50%; width:60px; height:90px; margin-top:-78px; display: block; text-indent: -9999px; background: url(../images/prve.png) no-repeat center center; background-size:100% auto; display:none }
.btn-next{ position: absolute; right:0; top:50%; width:60px; height:90px; margin-top:-78px; display: block; text-indent: -9999px; background: url(../images/next.png) no-repeat center center; background-size:100% auto; display:none }

.navlist{ position: absolute; left:50%; bottom:30px; height:3px; margin-left:-110px; width:230px; }
.navlist li{ width: 70px; height: 3px; margin-right:5px; float: left; background:rgba(255,255,255,0.4); border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; }
.navlist li.navactive{ background:rgba(255,255,255,1); }

.nav{width:100%;position:fixed; left:0; top:30px; z-index:10;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;transition:all 0.5s ease;}
.nav.cro{ background:rgba(255,255,255,0.9);box-shadow: 0 0px 3px 0 rgba(0,0,0,.1); top: 0px}
.nav .logo{ float:left; padding:7px 0 0 }
.nav .logo img{ width:180px }
.nav ul{ float:right; }
.nav ul li{ float:left; }
.nav ul li a{ line-height:60px; display:block; padding:0 20px; color:#000; text-decoration:none}
.nav ul li a:hover{ color:#f00}

footer{ background:#343434; padding:60px 0}
footer .row{max-width: 900px;}
.copyright{ color:#ccc; line-height:30px}
.erweima{ width:50%; display:flex}
.erweima div{ color:#666; text-align:center; width:160px; font-size:12px}
.erweima img{ display:block; margin:0 auto 10px;}

.dialog{ position:fixed; left:0px; top:0px; bottom:0px; right:0px; background:rgba(255,255,255,0.95); display:none; z-index:12} 
.close{ display:block; padding:30px; float:right; }

.xsdz .span6{ margin-bottom:40px;}

.cd-container:after { display:block; content:''; clear:both}
.cd-container div p{ padding:10px 0}


.cd-main-content { /* you need to assign a min-height to the main content so that the children can inherit it*/
    height: 100%; position: relative; z-index: 1; }

.cd-fixed-bg { position: relative; min-height: 70%; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; }
.cd-fixed-bg.cd-bg-1 { background-image: url("../images/s1.jpg"); min-height:80% }
.cd-fixed-bg.cd-bg-2 { background-image: url("../images/s2.jpg"); min-height:80% }
.cd-fixed-bg.cd-bg-3 { background-image: url("../images/s3.jpg"); min-height:50%  }
.cd-fixed-bg.cd-bg-4 { background-image: url("../images/s4.jpg"); min-height:80% }
.cd-fixed-bg.cd-bg-5 { background-image: url("../images/s5.jpg"); min-height:50% }
.cd-fixed-bg.cd-bg-6 { background-image: url("../images/s6.jpg"); min-height:50% }
.cd-fixed-bg.cd-bg-7 { background-image: url("../images/s7.jpg"); min-height:30%}
.cd-fixed-bg.cd-bg-8 { background-image: url("../images/s8.jpg"); min-height:50% }
.cd-fixed-bg.cd-bg-9 { background-image: url("../images/s9.jpg"); min-height:40%}

.cooperate h1{ text-align:center; padding-top:10%; font-size:72px; font-weight: normal; color:#fff; text-shadow:0 0 30px rgba(0, 0, 0, 0.3); letter-spacing:2px; padding-bottom:60px; margin:0px; }
.cooperate h3{ text-align:center; padding:40px 0; font-size:38px; font-weight:normal; color:#fff; text-shadow:0 0 30px rgba(0, 0, 0, 0.3); margin:0px;}
.cooperate p{ text-align:center;}


.cd-scrolling-bg { position: relative; padding: 4em 0; line-height: 1.6; z-index: 2; background:#fff }

.panebox:after{ display:block; content:''; clear:both}
.span3{ width:32%;margin-right:2%}
.span4{ width:23.5%;margin-right:2%}
.span6{ width:49%;}
.fleft{ float:left}
.fright{ float:right}
.clr{ clear:both}
.nomargin{ margin:0px;}
.greyback{ background:#eee; padding:60px 0; min-height:inherit}
.lightblueback{ background:rgba(0,160,230,0.5); padding:60px 0; min-height:inherit}
.subtitle{ text-align:center; padding-bottom:80px; font-weight:lighter; font-size:36px; letter-spacing:2px; color:#666}
.subcontent{padding:0px; max-width:980px; margin:0 auto; font-weight:normal; line-height:2em}
.mr20{ margin-right:20px;}
.mb40{ margin-bottom:40px}
.aligncenter{ text-align:center}

.liucheng{ margin-bottom:50px}
.liucheng a{ display:inline-table; width:120px; height:120px;text-align:center; background:#eee; border-radius: 50%; -webkit-border-radius:50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius:50%; text-decoration:none; color:#333; margin:0 30px 40px; position:relative}
.liucheng a img{ display: block}
.liucheng a strong{ line-height:1em; position:absolute; bottom:-30px; width:120px; text-align:center; left:0px;}
.liucheng a:after{ display:block; content:'>'; position:absolute; right:-35px; top:50%; margin-top:-10px; color:#999}
.liucheng a:last-child:after{ display:none}

.card{ background:#fff; min-height:420px;box-shadow: 0 0px 5px 0 rgba(0,0,0,.15);}
.card h3{ margin:10px 20px; padding:0px;}
.card ul{ margin:10px 20px; padding:0px;}
.card ul li{ margin:0px; padding:5px 0; border-bottom:1px #f5f5f5 solid;}
.card ul li:last-child{ border-bottom:0px #f5f5f5 solid;}







/*怬*/

.loginbox{ width:800px; margin:0 auto; height:400px; top:50%; position:absolute; left:50%; margin-left:-400px; margin-top:-200px;}
.loginbox input[type="text"],.loginbox input[type="password"]{ border:1px #ddd solid; padding:10px; width:180px;}
.loginbox input:focus{ border:1px #00a2e9 solid;}
.loginbox p{ padding:15px 0 0}
.loginbox p:first-child{ padding-top:45px}
.loginbox a.loginbtn{ border:1px #000 solid; padding:10px; width:180px;display:block; background:#000; color:#fff; text-align:center; border-radius: 30px; -webkit-border-radius:30px; -ms-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius:30px;}


.hezuo { margin:0px;}
.hezuo li{ width:25%; float:left; text-align:center; margin-bottom:10px;}
.hezuo li img{ max-width:100%}

.aboutus{ text-align:center; color:#fff; }

.title{ font-weight:normal; padding:30px 0; color:#666}
.content{ font-weight:normal; color:#0F1D29; line-height:2em;font-size:16px;}
.content div p{ padding:0px ; margin:0px;}

.round{border-radius: 50%; -webkit-border-radius:50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius:50%; }


.aninode {visibility: hidden;}
.animated .aninode {visibility: visible;}
.animated .topIn {animation: topIn 1s ease;}
.animated .bottomIn {animation: bottomIn 1s ease;}
.animated .leftIn {animation-name: leftIn;animation-duration: 1s;}
.animated .rightIn {animation-name: rightIn;animation-duration: 1s;}
@keyframes topIn {from { transform: translateY(-300px) } to { transform: translateY(0px) }}
@keyframes bottomIn { from { transform: translateY(300px) } to { transform: translateY(0px) }}
@keyframes leftIn { from {  transform: translateX(-300px); opacity: 0; } to { transform: translateX(0px); opacity: 1; }}
@keyframes rightIn { from {  transform: translateX(300px); opacity: 0; } to {  transform: translateX(0px);opacity: 1; }}
.delay200 {animation-delay: 200ms;animation-fill-mode: backwards!important;}
.delay400 {animation-delay: 400ms;animation-fill-mode: backwards!important;}
.delay600 {animation-delay: 600ms; animation-fill-mode: backwards!important;}
.delay800 {animation-delay: 800ms; animation-fill-mode: backwards!important;}
.delay1200 {animation-delay: 1200ms; animation-fill-mode: backwards!important;}
.delay1600 {animation-delay: 1600ms; animation-fill-mode: backwards!important;}
.delay2000 {animation-delay: 2000ms; animation-fill-mode: backwards!important;}
.menu{ display:none}

.historybox{ width:800px; margin:0 auto;font-size:16px;}
.historybox strong{ background:#f00; color:#fff; border-radius: 60px; -webkit-border-radius:60px; -ms-border-radius:60px; -o-border-radius: 60px; -moz-border-radius:60px; display: inline-block; width:50px; height:45px; padding:10px; font-weight:bold; padding-top:15px; margin:0 20px; font-size:14px;}

@media handheld,only screen and (max-width:1440px) {
.subtitle{ padding-bottom:70px; font-size:28px; max-width:980px; margin:0 auto}
.row{width: 90%;}
.cooperate h1{ padding-top:10%; font-size:52px;}
.cooperate h3{ padding:10px 0 40px; font-size:28px;}
.close{ padding:20px; width:40px}
.hezuo li{ width:23%; padding:0 1%; height:80px}
.banner-box h1 {font-size:52px; }
.banner-box .userbox { height:160px; margin-top:-80px}
}
@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }

}
@media handheld,only screen and (max-width:1024px) {
.subtitle{ padding-bottom:60px; font-size:24px; max-width:780px;}
.subcontent{ max-width:780px; }
.card{ min-height:350px;}
.hezuo li{ width:31%; padding:0 1%; height:80px}
.cd-fixed-bg.cd-bg-4 { min-height:60% }
.cd-fixed-bg.cd-bg-8 { min-height:45% }
.cd-fixed-bg.cd-bg-9 { min-height:45% }
.cd-fixed-bg.cd-bg-1, .cd-fixed-bg.cd-bg-2{ min-height:55%}
.cd-fixed-bg.cd-bg-1 img, .cd-fixed-bg.cd-bg-2 img{ max-height:400px}
.liucheng a{ width:80px; height:80px; margin:0 30px 40px;}
.liucheng a strong{ width:80px; }
.content{ line-height:1.5em;font-size:14px;}

}

@media handheld,only screen and (max-width:960px) {
	.fleft,.fright{ clear:both; float:none; text-align:center; width: auto}
	.erweima{ width:100%; display:flex; padding:20px 0 0}
.erweima div{ width:33%; }
.down .span3{ border-bottom:1px rgba(0,0,0,0.1) solid; margin-bottom:30px; padding:30px 0; margin:0px;}
.down .span3:last-child{ border-bottom:0px rgba(0,0,0,0.1) solid;}
.jishu .span3{ float:left; clear:none; width:33%; margin:0px;}
.jishu .span3:last-child{ border-bottom:0px rgba(0,0,0,0.1) solid;}
.subtitle{ padding-bottom:40px; font-size:24px; max-width:580px;}
.subcontent{ max-width:580px; }
.cooperate h1{ padding-top:12%; font-size:36px;}
.cooperate h3{ padding:0px 0 40px; font-size:24px;}
.zhujiao .span4{ width:50%; margin:0px; float:left; clear:none; margin-bottom:20px}
.xueqing .span3{ width:33%; margin:0px; float:left; clear:none; margin-bottom:20px}
.historybox{ width:780px}
.banner-box h1 {font-size:42px; margin-bottom:30px;}
.banner-box .userbox { width:500px;margin-left:-250px; text-align:center;left:50%; height:160px; margin-top:-80px}

}
@media handheld,only screen and (max-width:767px) {
.menu{ display:block; float:right; border-top:1px #000 solid; border-bottom:1px #000 solid; width:26px; height:15px; margin:15px 10px 0; overflow:hidden}	
.menu span{ display:block; height:0px; border-bottom:1px #000 solid; padding:7px 0 0}	
.nav ul{ position:fixed; z-index:1001; background:#fff; height:100%; left:-100%; top:0px; bottom:0px; width:70%}
.nav ul li{ float:none; clear:both; border-bottom:1px #eee solid; padding:10px 0; font-size:18px;}
.closemenu{ position:fixed; left:0px; right:0px; top:0px; bottom:0px; background:rgba(0,0,0,0.3); z-index:1000; display:none}
.hezuo li{ width:48%; padding:0 1%; height:80px}
.cooperate h1{ padding-top:22%; font-size:24px; line-height:1.5em; padding-left:50px; padding-right:50px;}
.cooperate h3{ padding:0px 0 40px; font-size:14px;}
.subtitle{ padding-bottom:40px; font-size:24px; max-width:380px;}
.subcontent{ max-width:380px; }
.cd-fixed-bg.cd-bg-1, .cd-fixed-bg.cd-bg-2{ min-height:45%}
.cd-fixed-bg.cd-bg-1 img, .cd-fixed-bg.cd-bg-2 img{ max-height:200px}
.cd-fixed-bg.cd-bg-8 { min-height:25% }
.czds{ width:160px}
.cd-fixed-bg.cd-bg-6 { min-height:30% }
.cd-fixed-bg.cd-bg-6 img{ padding-top:20px }
.zhujiao img{ max-width:80px}
.zhujiao p{ max-width:80%; margin:0 auto}
.xueqing img{ max-width:60px}
.xueqing p{ max-width:80%; margin:0 auto}
.cd-fixed-bg.cd-bg-3 { min-height:35%; }
.banner-box h1 {font-size:32px; margin-bottom:20px; line-height:1.5em}
.banner-box .userbox { width:400px;margin-left:-200px;}
footer{ padding:20px 0; font-size:12px; line-height:1em}
.copyright{ line-height:1.5em; padding:0 6%}
.loginbox img{ display:none}
.loginbox a.loginbtn{ margin:0 auto}
.erweima img{ width:60%}
body{ background:#343434}
.nav .logo img{ width:140px }
.cd-bg-3{ display:none}
.cd-fixed-bg.cd-bg-9 { min-height:35% }
}

@media handheld,only screen and (max-width:480px) {
.hezuo li{ height:50px}
.subtitle{ padding-bottom:40px; font-size:24px; max-width:300px;}
.subcontent{ max-width:300px; }
.cooperate h1{ padding-bottom:30px}
.banner-box h1 {font-size:22px; margin-bottom:20px;}
.banner-box .userbox { width:300px;margin-left:-150px; }
.cd-fixed-bg.cd-bg-1, .cd-fixed-bg.cd-bg-2{ min-height:15%}
.cd-fixed-bg.cd-bg-1 img, .cd-fixed-bg.cd-bg-2 img{ max-height:180px}
a.btn{ font-size:12px; padding:3px 15px}
}