/*@charset "UTF-8";*/
/*default css*/
/*html{font-size:100px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/
body,div,dl,dt,dd,ul,li,p,h1,h2,h3,h4,h5,h6,form,input,button,ol,table,img,a{padding:0; margin:0;}
body{font: 12px/1.5 'Microsoft YaHei', Arial, sans-serif; color:#333; }

h1,h2,h3,h4,h5,h6{font-size: 12px}
h1{font-size: 50px; line-height: 60px;}
h2{font-size: 40px; line-height: 50px;}
h3{font-size: 32px; line-height: 40px;}
h5{font-size: 26px;}
ul,ol,li{list-style:none;}
img{border:none; width: 100%;}
a{text-decoration:none; }
a:hover{text-decoration:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -moz-tap-highlight-color:rgba(0, 0, 0, 0); -ms-tap-highlight-color:rgba(0, 0, 0, 0); -o-tap-highlight-color:rgba(0, 0, 0, 0); tap-highlight-color:rgba(0, 0, 0, 0);  }
input,button{outline: none; border:none;}

.fl{float:left; }
.fr{float:right; }
.row{width: 1200px; margin: 0 auto;}
.xs-0{display:none}
.xs-1{width:8.3333%}
.xs-2{width:16.6667%}
.xs-3{width:25%}
.xs-4{width:33.3333%}
.xs-5{width:41.6667%}
.xs-6{width:50%}
.xs-7{width:58.3333%}
.xs-8{width:66.6667%}
.xs-9{width:75%}
.xs-10{width:83.3333%}
.xs-11{width:91.6667%}
.xs-12{width:100%}

.clearfix:before, .clearfix:after {content:"."; display: block; line-height:0; height: 0; visibility: hidden;}
.clearfix {zoom: 1;} /*IE<8*/
.clearfix:after {clear: both;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;}  /* IE7 */
*, :before, :after {box-sizing: border-box;}

.w45{width: 45%;}
/*.w50{width: 50%;}
.w100{width: 100%;}*/

.f12{font-size: 12px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f24{font-size: 24px}
.f26{font-size: 26px}
.f28{font-size: 28px}
.f30{font-size: 30px}
.f32{font-size: 32px}
.f36{font-size: 36px}
.f40{font-size: 40px}

/*@顶部菜单*/
.header{height: 90px; padding-top: 22px;}
.header .logo{width: 120px; height: 50px; overflow: hidden; background:url('../images/logo1.png') left center no-repeat; background-size: 100%; }
.header .logo a{display: block; width: 120px; height: 50px; text-indent: -9999px;}
.header .nav{position: relative; z-index: 999}
.header .nav:before, .header .nav:after{content:""; display: table;}
.header .nav li{float: left; position: relative; }
.header .nav li a{display: block; color: #333; height: 45px; line-height: 45px; padding: 0 15px;}
.header .nav li:hover .list-a{color: #9382E3}
.header .nav li:hover .menu{padding: 10px 0;}
.header .nav li:hover .menu:before{border-bottom-color: rgba(48, 41, 90, .9);}
.header .nav li:hover .menu a{height: 32px; line-height: 32px;}
.header .nav .menu{width: 200px; /*padding: .1rem 0;*/ background: rgba(48, 41, 90, .9); border-radius: 5px; position: absolute; left: 50%; top: 45px; transform: translateX(-50%); z-index: 999; }
.header .nav .menu:before{content:""; position: absolute; left:50%; top: -12px; transform: translateX(-50%); width: 0; height: 0; border: 6px solid transparent; /*border-bottom-color: rgba(48, 41, 90, .5);*/}
.header .nav .menu a{display: block; /*height: .32rem; line-height: .32rem; */ height:0; padding: 0 20px; color: rgba(255, 255, 255, .5); overflow: hidden; -webkit-transition: height 100ms ease-in; -moz-transition: height 100ms ease-in; transition: height 100ms ease-in;}
.header .nav .menu a:hover{background: rgba(0, 0, 0, .1); color: #fff}

.header .language{text-align: right; padding-left: 15px;}
.header .language a{display: inline-block; line-height: 45px; color: #333}
.header .language a.on{color: #9382E3}

.header-c .logo{background:url('../images/logo2.png') left center no-repeat; background-size: 100%;}
.header-c .nav li a{color: #fff}
.header-c .nav li:hover .list-a{color: #33CCCC}
.header-c .language, .header-c .language a{color: #fff}
.header-c .language a.on{color: #33CCCC}

/*@二级页面顶部 start*/
.banner-c{height: 650px; background: -webkit-linear-gradient(left top, #7962ED , #402F86); background: -moz-linear-gradient(bottom right, #7962ED, #402F86); background: linear-gradient(to bottom right, #7962ED , #402F86); position: relative;}
.banner-c .text{width: 100%; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); z-index: 2}
.banner-c .banner{position: relative; color: #fff; text-align: center; height: 560px; }
.banner-c .banner p{margin-top: 20px; }
/*.header-c .banner .img{width: 100%; height:100%; position: absolute; right:0; bottom:0; z-index: 1; text-align: right;}
.header-c .banner .img img{max-height: 100%}*/
/*@二级页面header end*/
.contBG{background: rgba(243,244,249,.6);}


/*@ footer & copyright start*/
.footer{position: relative;}
.footer .bg .left, .footer .bg .right, .footer .bg .right span{width: 50%; height: 540px;}
.footer .bg .left{background: #F1EFFC;}
.footer .bg .right{background: #9382E3 url('../images/footer-bg.jpg') left bottom no-repeat; -webkit-background-size: 100%; background-size: 100%; overflow: hidden;}

.footer-cont{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1200px; color: #666; line-height: 20px;}
.footer-cont .logo{width: 98px; height: 40px; background: url('../images/logo1.png') 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%; margin-bottom: 20px;}
.footer-cont .logo a{display: block; width: 98px; height: 40px; text-indent: -9999px;}
.footer-cont .webmap li{margin-bottom: 40px;}
.footer-cont .webmap li:last-child{margin:0;}
.footer-cont .webmap li span{display: inline-block; margin-right: 20px; color: #fff;}
.footer-cont .webmap li span a{color: #fff;}
.footer-cont .hotline{padding-left: 24px; position: relative; color: #333;}
.footer-cont .hotline i{content: ""; display: inline-block; position: absolute; left:0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url('http://www.cnaiyun.com/images/icon-call.svg') 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%; margin-right: 10px;}
.footer-cont .postcode{margin-bottom: 10px}
.footer-cont .address{padding: 10px 0; }
.footer-cont .email a{color: #666;}
.footer-cont .codes{margin-top: 16px;}
.footer-cont .codes ul li{float: left; width: 18px; margin-right: 30px; position: relative;}
.footer-cont .codes ul li i{content: ""; display: block; width: 18px; height: 18px; background: url('http://www.cnaiyun.com/images/footer-logo-icon.svg') 0 0 no-repeat;}
.footer-cont .codes ul li i.twitter{background-position: 0 0}
.footer-cont .codes ul li.on i.twitter{background-position: 0 -25px;}
.footer-cont .codes ul li i.weixin{background-position: -31px 0;}
.footer-cont .codes ul li.on i.weixin{background-position: -31px -25px;}
.footer-cont .codes ul li i.weibo{background-position: -61px 0;}
.footer-cont .codes ul li.on i.weibo{background-position: -61px -25px;}
.footer-cont .twitter-code{position: absolute; left: 50%; top: -120px; transform: translateX(-50%); width: 110px; height: 110px; padding: 5px; background: #fff; box-shadow: 0 2px 8px rgba(112,104,152, .8)}
.footer-cont .twitter-code:before{content:""; position: absolute; left:50%; bottom: -12px; transform: translateX(-50%); width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff;}
.copyright{padding: 40px 0;}
.copyright .logo{text-align: center;}
.copyright .logo a{margin: 0 15px; display: inline-block; width: 73px; }
.copyright .text{text-align: center; margin-top: 20px;}
/*@二级页面footer & copyright end*/

.line{content: ''; display: block; width: 50px; height: 2px; line-height: 2px; background: #33CCCC; margin: 20px auto 0;}

/*@right-bar start*/
.rightbar{width: 42px; position: fixed; right: 40px; bottom: 80px; z-index: 998}
.rightbar ul li{margin-bottom: 6px; width: 42px; height: 42px; background: #C9C0F1; border-radius: 4px;  cursor: pointer; box-shadow: 0 2px 6px rgba(88,78,144,.5); position: relative;}
.rightbar ul li:hover{background: #9382E3;}
.rightbar ul li a{display: block; width: 42px; height: 42px;}
.rightbar ul li span{display: inline-block; width: 20px; height: 20px; margin: 11px; text-indent: -9999px; background: url('../images/right-bar-icon.svg') no-repeat;}
.rightbar ul li span.top{background-position: 0 0; }
.rightbar ul li span.phone{background-position: -30px 0;}
.rightbar ul li span.message{background-position: -60px 0;}
.rightbar .phone-text{display: inline-block; width: 139px; height: 66px; padding: 10px 25px 0 18px; position: absolute; left: -140px; top: -10px; background: url('../images/right-bar-bg.png') 0 0 no-repeat;}
/*@right-bar end*/