html{font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding: 0;}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
p{margin: 0;padding: 0;}
em{font-style: normal;}
/*----------------共用-----------------*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{font: normal 14px Microsoft Yahei,sans-serif;background: #fff;color: #333;position: relative;}
a{text-decoration: none;color: inherit;outline: none;}
img{display: block;}
ul,li{list-style: none;padding: 0;margin: 0;}
.ani{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.wl{width: 1200px!important;margin: 0 auto;position: relative;}
.col:hover,.col:hover *{color:#1798fe;}
.fl{float: left!important;}
.fr{float: right!important;}
.cf:after{content: "";display: table;height: 0;width: 0;clear: both;visibility: hidden;}
.mgr15{margin-right: 15px!important;}

@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1508221823805'); /* IE9*/
    src: url('../font/iconfont.eot?t=1508221823805#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff?t=1508221823805') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf?t=1508221823805') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg?t=1508221823805#iconfont') format('svg'); /* iOS 4.1- */
}
.icf {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-41:before { content: "\e671"; }
.icon-40:before { content: "\e61d"; }
.ic-9:before { content: "\e600"; }
.ic-10:before { content: "\e729"; }
.ic-20:before { content: "\e615"; }
.ic-12:before { content: "\e618"; }
.ic-26:before { content: "\e639"; }
.ic-27:before { content: "\e640"; }
.ic-11:before { content: "\e62c"; }
.ic-2:before { content: "\e601"; }
.ic-3:before { content: "\e61f"; }
.ic-13:before { content: "\e6b0"; }
.ic-14:before { content: "\e602"; }
.ic-15:before { content: "\e603"; }
.ic-4:before { content: "\e745"; }
.ic-16:before { content: "\e604"; }
.ic-25:before { content: "\e68d"; }
.ic-17:before { content: "\e605"; }
.ic-5:before { content: "\e612"; }
.ic-18:before { content: "\e62f"; }
.ic-1:before { content: "\e610"; }
.ic-28:before { content: "\e606"; }
.ic-19:before { content: "\e7fe"; }
.ic-6:before { content: "\e60f"; }
.ic-29:before { content: "\e6cc"; }
.ic-30:before { content: "\e607"; }
.ic-31:before { content: "\e611"; }
.ic-7:before { content: "\e60c"; }
.ic-21:before { content: "\e68c"; }
.ic-22:before { content: "\e66e"; }
.ic-23:before { content: "\e60e"; }
.ic-8:before { content: "\e669"; }
.ic-24:before { content: "\e613"; }
.ic-32:before { content: "\e608"; }
.ic-33:before { content: "\e625"; }
.ic-34:before { content: "\e60a"; }
.ic-35:before { content: "\e6a9"; }
.ic-36:before { content: "\e6fe"; }
.ic-37:before { content: "\e609"; }
.ic-38:before { content: "\e6aa"; }
.ic-39:before { content: "\e6e7"; }

.header{overflow: hidden;position: fixed;top: -200px;z-index: 9999;left: 0;width: 100%;}
.header.ac{top: 0;background-color: #fff;}
.header.stc{position: static;}
.nav{width: 100%;overflow: hidden;height:50px;padding: 10px 20px 10px 45px;
    -webkit-transition: background-color .8s;
    -moz-transition: background-color .8s;
    -ms-transition: background-color .8s;
    -o-transition: background-color .8s;
    transition: background-color .8s;}
.nav.active{
    background-color: #fff;
    position: relative;
}
.logo{width: 201px;height:30px;float: left;}
.logo img{display: block;height: 100%;width: 100%;}
.nav>.menu{float: right;}
.nav>.menu li{margin: 0 15px;float: left;line-height: 30px;}
.nav>.menu li a{color: #688ae2;font-size: 16px;}
.nav>.menu li.c-or a{color: #ff4e00;}
.nav>.menu li i{background: url("../images/icon1.png") no-repeat;width: 27px;height: 24px;display: block;}
.nav>.menu li.sp{margin-top: 3px;}
.nav .md-i{
    color: #f91b1f;
    font-size: 16px;
    position: absolute;
    top: 0;
    height: 50px;
    right: 680px;
    line-height: 50px;
    text-decoration: underline;
}
.btn{
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    color: #fff;
}

.section{position: relative;overflow: hidden;}
.section4{background-color: #78bff6;}
.section5{background-color: #0e96ff;}
.section6{background-color: #ffb7cb;}
.sectionx{background-color: #fff;}
.sectionb{background: url("../images/03.jpg") no-repeat;background-size: 100% 100%;}

.footer{background-color: #fff;width: 100%;}
.ft-box{width: 1594px;border: 4px solid #e3eafd;overflow: hidden;margin: 0 auto 60px;padding: 15px 0;height: 240px;}
.version{width: 100%;height: 100px;background-color: #e8eefb;padding-top: 25px;}
.version>p{color: #93aee8;text-align: center;line-height: 26px;}

.btn:active{
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
}
.anim-box{
    height: 635px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -400px;
    z-index: 2;
}
.btn.btn0{background-color: #337ab7;border-color: #2e6da4;}
.btn.btn1{background-color: #5CB85C;border-color: #4CAE4C;}
.btn.btn2{border-color: #46B8DA;background-color: #5BC0DE;}
.btn.btn3{background-color: #F0AD4E;border-color: #EEA236;}
.btn.btn4{background-color: #D9534F;border-color: #D43F3A;}
.btn.btn5{background-color: #428BCA;border-color: #357EBD;}
.btn.btn6{background-color: #fff;border-color: #ccc;color: #333;}
.btn.btn0:hover{background-color: #286090;border-color: #204d74;}
.btn.btn1:hover{background-color: #449D44;border-color: #398439;}
.btn.btn2:hover{background-color: #31B0D5;border-color: #269ABC;}
.btn.btn3:hover{background-color: #EC971F;border-color: #D58512;}
.btn.btn4:hover{background-color: #C9302C;border-color: #AC2925;}
.btn.btn5:hover{background-color: #3071a9;border-color: #285e8e;}
.btn.btn6:hover{background-color: #e6e6e6;border-color: #adadad;}


.poster-main{ position:relative;width:800px;height:270px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:800px;height:270px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:0;display: none;}
.poster-main .poster-next-btn{right:0;display: none;}

.no-record{position: absolute;width: 100%;text-align:center;color: #333;font-size: 20px;top: 50%;margin-top: -40px;display: none;}
.no-record>i{font-size: 60px;}
.anext{cursor: pointer;}
.backt{position: fixed;bottom: 200px;right:30px;border: 1px solid #ddd;width: 40px;height:40px;font-size: 30px;}
.online-btn{width: 40px;height: 40px;cursor: pointer;position: fixed;bottom: 100px;z-index: 99;right: -100px;text-align: center;line-height: 40px;border: 1px solid #e6e6e6;display: block;background-color: #fff;opacity: 0;}
.online-btn>i{font-size: 24px;}
.online-btn:hover{border-color: #3488ea;background-color: #3488ea;color: #fff;}
.online{width: 200px;height: auto;background-color: #fff;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,0.17);-moz-box-shadow: 0 5px 9px rgba(4,0,0,0.17);box-shadow: 0 5px 9px rgba(4,0,0,0.17);top:200px;z-index:100;position: fixed;right: 10px;}
.online .connect{background-color: #3488ea;font-size: 14px;line-height: 16px;padding: 10px;color: #fff;overflow: hidden;}
.online .connect>i{margin-right: 5px;vertical-align: middle;}
.online .connect>b{float: right;cursor: pointer;}
.online>p{font-size: 14px;padding: 5px;}


@-webkit-keyframes tt {
    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    77.5%,80% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    82.5%,87.5%,92.5%,97.5% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    85%,90%,95% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tt {
    75% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    77.5%,80% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    82.5%,87.5%,92.5%,97.5% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    85%,90%,95% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tt {
    -webkit-animation-name: tt;
    animation-name: tt
}
.anim {
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-duration: 4s;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
}
@media screen and (max-width: 1160px) {
    .nav .md-i{
        opacity: 0;
    }
}