@charset "utf-8";
/* CSS Document */
body{min-width:1200px;_width: expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); background:#fafafb;}
.download_box{ padding:66px 0 0 0; text-align:center;}
.down_img1{ margin-bottom:36px;}
.down_btn a{ display:inline-block; width:172px; height:43px; text-align:center; margin-bottom:36px; line-height:43px; border:1px solid #df4d4e;border-radius: 100px; color:#df4d4e; font-size:20px;}
.down_btn a:hover{ color:#be0a0b; border:1px solid #be0a0b;}




.tabSlider{ height:923px;background: #21276a;}
.tab_top_tit{ text-align:center;} 
.tab_top_tit h6{font-size: 50px;color: #FFFFFF; padding:85px 0 15px 0;line-height:1;}
.tab_top_tit p{ color:#748fd6; font-size:20px; margin-bottom:70px;line-height:1;}

.tabSlider .ts-container{width:1050px; margin: 0 auto; position: relative;}
.tabSlider .ts-container:after{content: ""; display: table; clear: both;}
.tabSlider .ts-container, .tabSlider .ts-container:before, .tabSlider .ts-container:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.tabSlider .ts-container ul{margin: 0; padding: 0;}
.tabSlider .ts-container ul li{color: #90aee7; float: left; cursor: pointer; height:56px; line-height:56px;  display: inline-block;  font-size:20px; font-weight: 300; /* light */border:1px solid #21276a; border-radius:50px; background:url(../pic/mobile/line.png) no-repeat right center; padding-right:44px; margin-right:37px; }
.tabSlider .ts-container ul li span{ float:left; }
.tabSlider .ts-container ul li, .tabSlider .ts-container ul li:before, .tabSlider .ts-container ul li:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tabSlider .ts-container ul li.last{ background:none;}
.tabSlider .ts-container ul li.is-active{ border:1px solid #90aee7; border-radius:50px; background:#385fc5; color:#fff; cursor:default;}
@media (max-width: 750px){.tabSlider .ts-container ul li{padding-right: 20px; padding-left: 20px;} .tabSlider .ts-container ul li span{display: none;} .tabSlider .ts-container ul li i{margin-right: 0;}}

.ts-icon{background-image: url(../pic/mobile/tabicon.png); background-repeat: no-repeat; background-position: 0 0; display:none; position: relative; margin-right: 15px;vertical-align: middle; float:left;}
.is-active .ts-icon.one{background-position: 0 0; width: 24px; height:24px; margin:15px 15px 0 30px; display:inline-block;}
.is-active .ts-icon.two{background-position: -39px 0; width: 15px; height: 24px;margin:16px 15px 0 30px; display:inline-block;}
.is-active .ts-icon.three{background-position: -68px 0; width: 24px; height: 24px;margin:16px 15px 0 30px; display:inline-block;}
.is-active .ts-icon.four{background-position: -102px 0; width:24px; height: 24px;margin:16px 15px 0 30px; display:inline-block;}
.is-active .ts-icon.five{background-position: -135px 0; width: 24px; height: 24px;margin:17px 15px 0 30px; display:inline-block;}
.is-active .ts-icon.six{background-position: -166px 0; width: 24px; height: 24px;margin:15px 15px 0 30px; display:inline-block;}

.pull-right{float: left;}
.pull-left{float: left;}
/* [ TabSlider ] */
.tabSlider .ts-items{ position: relative;}
.tabSlider .ts-items .ts-item{display: none; height:619px; overflow: hidden; position: absolute; right: 0; top: 8px; bottom: 0; left: 0; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: 0 300px; -moz-transition: background 1s linear; -o-transition: background 1s linear; -webkit-transition: background 1s linear; transition: background 10s linear;}

.tabSlider .ts-items .ts-item .ts-thumbnail img{height: auto; margin: auto;  position: absolute; top: 0;   -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}

.tabSlider .ts-items .ts-item .one img{left:580px; top:40px; }
.tabSlider .ts-items .ts-item .two img{left:510px; top:20px; }
.tabSlider .ts-items .ts-item .three img{left:470px; top:60px; }
.tabSlider .ts-items .ts-item .four img{left:510px; top:70px; }
.tabSlider .ts-items .ts-item .five img{ left:440px; top:48px;}
.tabSlider .ts-items .ts-item .six img{ left:270px; top:40px;}

.tabSlider .ts-items .ts-item .ts-btn{color: #fff; margin: 0; text-transform: uppercase;  text-decoration: none; display: block; position: relative; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index:1000;}

.tabSlider .ts-items .ts-item.is-active .ts-btn h5{font-size: 57px;color: #FFFFFF; margin-top:100px; margin-bottom:20px;line-height:1;}
.tabSlider .ts-items .ts-item.is-active .ts-btn .new_h5{ }
.tabSlider .ts-items .ts-item.is-active .ts-btn .new_h5b{margin-bottom:30px;}
.tabSlider .ts-items .ts-item.is-active .ts-btn p{font-size:24px;color: #c3cfed; margin-bottom:20px;line-height:1;}
.tabSlider .ts-items .ts-item.is-active .ts-btn p.line{ width:110px; height:1px; background:#6486d6; overflow:hidden; margin-bottom:50px;line-height:54px}
.tabSlider .ts-items .ts-item.is-active .ts-btn p.line_new{ margin-bottom:40px;}
.tabSlider .ts-items .ts-item.is-active .ts-btn h6{font-size: 90px;color: #FFFFFF; margin-bottom:10px;line-height:1;}
.tabSlider .ts-items .ts-item.is-active .ts-btn a{ width:250px; height:68px; text-align:center; line-height:68px; background:#fff; font-size:24px; color:#385FC5; display:block; margin-top:35px;}
.tabSlider .ts-items .ts-item.is-active .ts-btn a:hover{ background:#2f72c0; color:#fff;}

.tabSlider .ts-items .ts-item.is-active .ts-thumbnail img{-webkit-animation-name: vanishIn; -moz-animation-name: vanishIn; -ms-animation-name: vanishIn; -o-animation-name: vanishIn; animation-name: vanishIn;}
.tabSlider .ts-items .ts-item.is-active .ts-btn{-webkit-animation-name: button; -moz-animation-name: button; -ms-animation-name: button; -o-animation-name: button; animation-name: button;}

@-webkit-keyframes button{0%{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; left: -90px;} 100%{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 0;}}
@-moz-keyframes button{0%{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; left: -90px;} 100%{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 0;}}
@-ms-keyframes button{0%{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; left: -90px;} 100%{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 0;}}
@keyframes button{0%{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; left: -90px;} 100%{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 0;}}
@-webkit-keyframes vanishIn{0%{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); -webkit-filter: blur(10px); filter: blur(10px);} 100%{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0px); filter: blur(0px);}}



.download_way{ margin-bottom:113px;}
.down_way_t{ padding:90px 0 138px 0; text-align:center;}
.down_way_t h6{font-size: 50px;color: #373741;letter-spacing: -0.32px; text-align:center; margin-bottom:6px;}
.down_way_t p{opacity: 0.4;font-size: 20px;color: #262626;letter-spacing: -0.13px;}

.down_way_l{ width:395px; float:left;}
.down_way_l h6{font-size: 20px;color: #373741;letter-spacing: -0.31px; margin-bottom:34px;}
.down_way_l h6 span{ color:#4A90E2;}
.down_way_l input{ width:385px; padding-left:10px; height:74px; line-height:74px; margin-bottom:10px; font-size:22px; color:#999; border:1px solid #fff; font-family:"微软雅黑";}

.down_way_l a{ width:395px; height:74px; line-height:74px; text-align:center; display:block; font-size:24px; color:#fff; background:#4a90e2;margin-top:10px}
.down_way_l a:hover{ background:#2f72c0;}
.down_way_m{ width:395px; float:left; height:300px; border-left:1px dashed #efefef; border-right:1px dashed #efefef; padding:0 40px; margin:0 45px 0 55px; display:inline;}
.down_way_m h6{font-size: 20px;color: #373741;letter-spacing: -0.31px; margin-bottom:8px;}
.down_way_m h6 span{ color:#4A90E2;}
.down_way_m .text1{opacity: 0.34;font-size: 16px;color: #323232;letter-spacing: 0px; margin-bottom:33px;} 
.down_way_m .text2{font-size: 30px;color: #000000; }

.down_way_r{ width:219px; float:right; text-align:center;} 
.down_way_r h6{font-size: 20px;color: #373741;letter-spacing: -0.31px; margin-bottom:33px;}
.down_way_r img{ width:195px; height:195px; padding:11px; border:1px solid #d2d2d2;}

.input_new{ height:74px; margin-bottom:15px;}
.input_new input{ float:left; width:200px;} 
.input_new .cord{ float:right; width:175px; margin:0; background:#FFF;}
.down_way_l .input_new .cord:hover{ background:none;}
.input_new .cord img{ width:175px; height:74px;}