html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a,a:hover{text-decoration:none;}
a{color:#333;}
a:hover{color:#000;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; color:#666; outline:0;}
html{font-size:10px;}
body{background:#fff; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}
input[type=submit]{cursor:pointer;}

.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.icon{display:inline-block; background:url(../image/sprite19.png) no-repeat; vertical-align:middle; margin-right:10px;}
.i-arr-d{width:10px; height:6px; background-position:-50px -400px; margin: 0 10px 0 3px;}
.i-arr-s{width:50px; height:52px; background-position:0 -400px;}
.i-case-p{width:13px; height:25px; background-position:-60px -400px; margin:0;}
.i-case-n{width:13px; height:25px; background-position:-73px -400px; margin:0;}
.i-play{width:75px; height:76px; background-position:-100px -330px; margin:0;}
.i-tel{width:12px; height:12px; background-position:-86px -400px;}
.i-share{width:14px; height:15px; background-position:-86px -412px;}
.i-arr-up{width:14px; height:6px; background-position:-78px -427px; margin:0; vertical-align:2px;}
.i-lan{width:28px; height:18px; background-position:-50px -425px; margin:0 0 0 10px;}
.i-more{width:15px; height:15px; background-position:-78px -433px;}
.i-home{width:16px; height:16px; background-position:-78px -448px;}
.i-more-arr{width:13px; height:13px; background-position:0 -452px; vertical-align:-1px; margin:0 0 0 10px;}
.i-has{width:19px; height:19px; background-position:-100px -406px;}
.i-not{width:19px; height:19px; background-position:-119px -406px;}




#header{position:relative; z-index:10; height:100px; background:#1c273c; line-height:100px;}
#header section{width:1200px; height:100px; margin:auto;}
#logo{float:left; width:255px; height:100%; text-indent:-9999px; background:url(/public//public../image/logo30.png) 50% no-repeat;}
.menu{float:right; height:100%; *zoom:1;}
.menu:after{content:''; display:block; width:0; height:0; clear:both;}
#nav{float:left;}
#nav li{display:inline-block; *display:inline; *zoom:1;}
#nav li > a, #nav li span{display:block; height:100%; padding:0 20px; color:#ccc; -webkit-transition:0.1s; -moz-transition:0.1s; transition:0.1s;}
#nav li span{position:relative; cursor:default;}
#nav li span:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:0; margin-left:-8px;  border-right:8px solid transparent; border-left:8px solid transparent; opacity:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav li:hover > a, #nav li:hover span{color:#2680c4;z-index: 9999;}
#nav li:hover span:after{opacity:1;z-index: 9999;}

#nav div{display:none; position:absolute; top:100%; left:0; width:100%; padding:38px 0; background:#313b4c; text-align:center;}
#nav div section{height:auto;}
#nav div a{display:inline-block; line-height:1.4; vertical-align:top;}

#nav .nav-pro a{position:relative; width:260px; height:100px; padding-left:120px; text-align:left;}
#nav .nav-pro a i{position:absolute; top:0; left:0; width:100px; height:100px; border-radius:50%; background-color:#fff; background-image:url(http://www.inshion.com/public/img/nav_normal.png); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav .nav-pro .nav-pro-01{background-position:0 -600px;}
#nav .nav-pro .nav-pro-02{background-position:0 -700px;}
#nav .nav-pro .nav-pro-03{background-position:0 -800px;}
#nav .nav-pro .nav-pro-04{background-position:0 -900px;}

#nav .nav-pro a:hover i{background-color:#2680c4; background-image:url(http://www.inshion.com/public/img/nav_active.png);}
#nav .nav-pro a h3{padding:15px 0; color:#fff;}
#nav .nav-pro a p{color:#888; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav .nav-pro a:hover p{color:#ccc;}

#nav .nav-plan a{width:100px; margin:0 45px;}
#nav .nav-plan a i{display:block; width:100px; height:100px; border-radius:50%; background-color:#2680c4; background-image:url(http://www.inshion.com/public/img/nav_normal.png); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav .nav-plan .nav-plan-01{background-position:0 0;}
#nav .nav-plan .nav-plan-02{background-position:0 -100px;}
#nav .nav-plan .nav-plan-03{background-position:0 -200px;}
#nav .nav-plan .nav-plan-04{background-position:0 -300px;}
#nav .nav-plan .nav-plan-05{background-position:0 -400px;}
#nav .nav-plan .nav-plan-06{background-position:0 -500px;}
#nav .nav-plan a:hover i{background-color:#fff; background-image:url(http://www.inshion.com/public/img/nav_active.png);}
#nav .nav-plan a h3{margin-top:10px; color:#fff; font-size:18px;}
#nav .nav-about, #nav .nav-help{height:40px;}
#nav .nav-about a, #nav .nav-help a{display:inline-block; margin:0 40px; padding:0 29px 8px 0; border-bottom:1px solid #ccc; color:#fff;}
#nav .nav-help a{margin:0 10px;}
#nav .nav-about i, #nav .nav-help i{display:inline-block; width:25px; height:25px; margin-right:5px; background-image:url(http://www.inshion.com/public/img/nav_02.png); vertical-align:middle;}
#nav .nav-about .nav-about-02{background-position:0 -25px;}
#nav .nav-about .nav-about-03{background-position:0 -50px;}
#nav .nav-about .nav-about-04{background-position:0 -75px;}
#nav .nav-help .nav-help-01{background-position:0 -100px;}
#nav .nav-help .nav-help-02{background-position:0 -125px;}
#nav .nav-help .nav-help-03{background-position:0 -150px;}
#nav .nav-help .nav-help-04{background-position:0 -175px;}
#nav .nav-help .nav-help-05{background-position:0 -200px;}
#nav .nav-help .nav-help-06{background-position:0 -225px;}


.menu .login, .menu .register, #language{float:left; margin:0 5px;}
.menu .login{width:70px; height:28px; margin-top:35px; border:1px solid #495263; border-radius:3px; color:#727272; text-align:center; line-height:28px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.menu .login:hover{color:#fff; border-color:#fff;}
.menu .register{width:72px; height:30px; margin-top:35px; border-radius:3px; background:#2680c4; color:#fff; text-align:center; line-height:30px;}
#language{position:relative; height:30px; margin:35px 0 0 20px; cursor:pointer; line-height:30px;}
#language h4{color:#999;}
#language div{display:none; position:absolute; top:100%; left:0; width:100%; border:1px solid #666; background:#1c273c; border-radius:3px; text-align:center;}
#language div a{color:#fff;}

#nav-btn{display:none;}



#footer{background:#4a4f5c;}
#footer section{width:1200px; margin:auto; *zoom:1;}
#footer section:after{content:''; display:block; width:0; height:0; clear:both;}
#footer .ft-free{height:134px; background:#363c4a;}
#footer .ft-free h5{float:left; color:#fff; font-size:30px; line-height:134px;}
#footer .ft-free a{float:right; width:222px; height:50px; margin-top:42px; border-radius:25px; background:#2680c4; color:#fff; font-size:18px; text-align:right; line-height:50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#footer .ft-free a:hover{background:#176daf;}
#footer dl{float:left; margin-right:100px; color:#fff;}
#footer dl dt{margin-bottom:12px; font-size:20px;}
#footer dl dd a{color:#838895; line-height:30px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#footer dl dd a:hover{color:#fff;}
#footer .ft-info{padding:50px 0;}
#footer .ft-contact{float:right;}
#footer .ft-contact p{color:#999; font-size:15px;}
#footer .ft-contact h5{color:#fff; font-size:30px;}
#footer .ft-copyright{padding:25px 0; border-top:1px solid #838895;}
#links{position:relative; float:left; width:140px; height:30px; border-radius:3px; border:1px solid #838895; line-height:30px; text-align:center; cursor:default;}
#links span{display:block; color:#fff;}
#links div{display:none; position:absolute; bottom:100%; left:-1px; width:100%; border:1px solid #838895; background:#32363f;}
#links div a{display:block; color:#838895; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#links div a:hover{color:#fff;}
#footer .ft-lan{float:left; margin-left:28px; color:#fff; line-height:32px;}
#footer .flinks{float:left; width:600px; margin:0 20px;}
#footer .flinks a{display:inline-block; margin-right:10px; color:#fff;}
#footer .ft-copyright p{float:right; color:#838895; font-size:12px; text-align:right;}


.follow-tsina, .follow-weixin{float:none; display:inline-block; width:50px; height:50px; border-radius:50%; border:1px solid #838895; background-image:url(../image/sprite19.png); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.follow-tsina:hover, .follow-weixin:hover{border-color:#fff;}
.follow-tsina{margin-right:15px; background-position:-175px -330px;}
.follow-weixin{position:relative; background-position:-175px -380px;}
.follow-weixin img{display:none; position:absolute; top:110%; left:50%; margin-left:-35px; border:5px solid #fff;}
#bdshare .bds_more{display:block; float:none; width:auto; height:auto; background:none; text-indent:0; color:#838895;}

.footer-bar{display:none;}


@-webkit-keyframes fadeIn {
  from {opacity:0;}
}
@-moz-keyframes fadeIn {
  from {opacity:0;}
}
@keyframes fadeIn {
  from {opacity:0;}
}


@-webkit-keyframes downIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes downIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes downIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes bounceIn {
  0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}
@-moz-keyframes bounceIn {
  0% {opacity:0; -moz-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3);}
  60% {opacity:1; -moz-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03);}
  80% {-moz-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97);}
  100% {opacity:1; -moz-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);}
}
@keyframes bounceIn {
  0% {opacity:0; transform:scale3d(.3, .3, .3);}
  60% {opacity:1; transform:scale3d(1.03, 1.03, 1.03);}
  80% {transform:scale3d(.97, .97, .97);}
  100% {opacity:1; transform:scale3d(1, 1, 1);}
}


#fixed{position:fixed; right:8px; bottom:80px; width:92px;border:1px solid #ececec; background:#fff; z-index:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#fixed a{height:90px; border-bottom:1px solid #ececec; display:block; font-size:12px; text-align:center; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#fixed a:hover{ color:#fff; background:#2680c4;}
#fixed a i{width:45px; height:45px; display:block; margin:10px auto 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#fixed a.icon01 i{background:url(../image/fixed01.png) no-repeat;}
#fixed a.icon01:hover i{background:url(../image/fixed01_pre.png) no-repeat;}
#fixed a.icon02 i{background:url(../image/fixed02.png) no-repeat;}
#fixed a.icon02:hover i{background:url(../image/fixed02_pre.png) no-repeat;}
#fixed a.icon03 i{background:url(../image/fixed03.png) no-repeat;}
#fixed a.icon03:hover i{background:url(../image/fixed03_pre.png) no-repeat;}
#fixed a.icon04{border-bottom:0;}
#fixed a.icon04 i{background:url(http://www.inshion.com/public/img/fixed04.png) no-repeat; margin:10px auto 0;}
#fixed a.icon04:hover i{background:url(http://www.inshion.com/public/img/fixed04_pre.png) no-repeat;}

#get_top{display:none;}


@media (max-width:1220px){
#header section{width:1000px;}
#logo{width:230px; background-size:100% auto;}
#nav li > a, #nav li span{padding:0 10px;}
#nav .nav-pro a{width:210px;}
#nav .nav-pro a p{font-size:12px;}
#nav .nav-plan a{margin:0 30px;}

#footer section{width:1000px;}
#footer dl{margin-right:80px;}

#footer .flinks{width:400px;}

#fixed{display:none;}
}


@media (max-width:1020px){
#header{position:static; height:50px; line-height:50px;}
#header section{width:100%; height:50px;}
#logo{width:140px; margin-left:10px; background-image:url(../image/logo30.png);}

.menu{}
.menu .login{width:40px; height:40px; margin:5px; background:url(/public/img/nav_login.png) 50% 50% no-repeat; background-size:50% auto; text-indent:-9999px; border:0;}
.menu .register, #language{display:none;}
#nav{position:absolute; top:50px; right:0; z-index:10; width:0; min-height:100%; padding-bottom:50px; background:#fff; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav.show{width:70%;}
#nav li{display:block; min-width:200px}
#nav li > a, #nav li span{padding:0; color:#333; font-size:16px; text-indent:10px; border-bottom:1px solid #ddd;}
#nav li span:after{display:none;}
#nav div{position:static; padding:0; background:none;}
#nav .nav-about, #nav .nav-help{height:auto;}
#nav .nav-pro a, #nav .nav-plan a, #nav .nav-about a, #nav .nav-help a{display:block; width:100%; margin:0; padding:0; height:40px; text-indent:25px; border-bottom:1px solid #ddd; line-height:40px; color:#333; text-align:left;}
#nav .nav-pro a i, #nav .nav-pro a p, #nav .nav-plan a i{display:none;}
#nav .nav-pro a h3, #nav .nav-plan a h3{margin-top:0; padding:0; color:#333; font-size:14px; text-align:left;}

#nav-btn{display:inline-block; position:relative; z-index:11; float:right; width:40px; height:40px; margin:5px; vertical-align:top; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none;}
#nav-btn span{position:absolute; top:50%; left:50%; width:30px; height:2px; margin-left:-15px; background:#fff; border-radius:1px; transition:0.3s;}
#nav-btn span:before, #nav-btn span:after{content:''; display:block; position:absolute; left:50%; width:30px; height:2px; margin-left:-15px; background:#fff; border-radius:1px; transition:0.3s, 0.3s;  transition-property: top, transform; transition-delay:0.3s, 0;}
#nav-btn span:before{top:-8px;}
#nav-btn span:after{top:8px;}
#nav-btn.act span{background:transparent;}
#nav-btn.act span:before{-webkit-transform:rotate(45deg); top:0;}
#nav-btn.act span:after{-webkit-transform:rotate(-45deg); top:0;}
#nav-btn.act span:before, #nav-btn.act span:after{transition-delay:0, 0.3s;}


#footer section{width:100%;}
#footer .ft-free{display:none;}
#footer .ft-info{padding:0;}
#footer dl{float:none; display:block; margin-right:0; height:49px; overflow:hidden;}
#footer dl.showdd{height:auto;}
#footer dl dt{position:relative; height:48px; margin:0; font-size:15px; line-height:48px; border-bottom:1px solid #5c616d; font-weight:normal; text-indent:10px;}
#footer dl dt:after{content:''; position:absolute; top:50%; right:16px; width:8px; height:8px; margin-top:-5px; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
#footer dl dd a{display:block; line-height:38px; border-bottom:1px solid #5c616d; text-indent:26px;}

#footer .ft-contact{float:none; padding:15px 10px;}
#footer #bdshare{display:none;}
#links, #footer .ft-lan, .follow-weixin{display:none;}
#footer .ft-copyright p{float:none; text-align:center;}
#footer .flinks{float:none; width:auto; text-align:center;}
}



@media (max-width:767px){
#footer{padding-bottom:74px;}
.footer-bar{display:block; position:fixed; bottom:0; left:0; width:100%; height:60px; padding-top:14px; background:#363c4a; overflow:hidden; text-align:center;}
.footer-bar a{display:inline-block; width:30%; height:100%; margin:0 1%; color:#fff; font-size:12px;}
.footer-bar a img{display:block; width:32px; height:auto; margin:auto;}

}




#news_more{border-radius:5px;}
#news_more button{background: #e4f3ff none repeat scroll 0 0;border: 1px solid #cce9ff;color: #2680c4;display: block;float: left;margin-left: 5px;text-align: center;border-radius:2px;}
#news_more button[disabled]{color:#999;}