@charset "utf-8";

/* CSS Document */



/* ----Reset---- */

html,body,dl,dt,dd,ol,ul,li,p,span,em,cite,del,a,img,h1,h2,h3,h4,h5,h6,object,pre,code,form,fieldset,legend,pre,input,select,textarea,blockquote,q,table,caption,thead,tbody,tfoot,th,td,button {margin:0;padding:0; -webkit-tap-highlight-color:transparent;

}	



body { font-family:"微软雅黑"; font-size:13px; color:#383838;overflow-x: hidden; }

table { border-collapse:collapse; border-spacing:0;}

img, fieldset, abbr, acronym { border:none; vertical-align:bottom}

a img { border:none; padding:0; margin:0;}

input,select,textarea{ border:none; background:none; outline:none;}

textarea{resize:none; font-family:"微软雅黑";}

blockquote,q { quotes:none;}

address,caption,cite,code,dfn,em,th,var { margin:0;padding:0; font-style:normal;font-weight:normal ;}

*{ margin:0 auto; padding:0px; }

a{color:#333;  text-decoration:none; cursor:pointer; /*-webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  -ms-transition: all 0.5s ease-in-out;*/}

a:hover { color:#333; text-decoration:none !important;}

/* ----End Reset---- */

/*b , em , strong , i{ font-style:normal; font-weight:normal;}*/

/*---- Patchs---- */

.fl { float:left;}		

.fr { float:right;}		

.fn { float:none;}

.cl { clear:both;}

.cr { clear:right;}

.cb { clear:both;}

.tl { text-align:left;} 

.tr { text-align:right;}

.tc { text-align:center;}

li{ list-style:none; vertical-align:bottom}

.block{ display:block !important;}

input::-webkit-input-placeholder{

        color: #999;}

.with-92{width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px);}

.plr-15{ padding-left:15px; padding-right:15px; }

input{outline:none} 

.phone-box{ display:none;}

.gaodu-1{ width:100%; height:10px; background:#efefef; overflow:hidden;}

.gaodu-10{ width:100%; height:10px;  overflow:hidden;}



.line-1{ width:400%; margin-left:-200%; height:1px; background:#efefef; overflow:hidden; -webkit-transform: scale(0.5); transform: scale(0.5); }

.line-2{ width:400%; margin-left:-200%; height:1px; background:#d6d7dc; overflow:hidden; -webkit-transform: scale(0.5); transform: scale(0.5); }

.line-4{ width:1px;  height:200px; margin-top:-50px; background:#e6e6e6; overflow:hidden; -webkit-transform: scale(0.5); transform: scale(0.5); float:left; }

.line-5{ width:400%; margin-left:-200%; height:1px; background:#f2f2f2; overflow:hidden; -webkit-transform: scale(0.5); transform: scale(0.5); }

.pt-15{ padding-top:15px;}

/*---- end Patchs---- */







/*头部开始*/

.head-max{ width:100%; height:160px; overflow:hidden; background: linear-gradient(to top, #ECF6FE,#AFD8FF );}
/*background:url(/templates/swwz/static/top-bj.jpg) center center no-repeat;*/

.head-box{ width:1408px; height:auto; overflow:hidden; }

.logo{ width:1000px; height:auto; overflow:hidden; float:left; margin-top:31px;}

.logo img{ width:100%; height:98px;}

.logo

.sousuo-box{ width:350px; height:auto; overflow:hidden; float:right;}

.tianqi-box{ width:100%; height:60px; overflow:hidden; margin-top:30px; position:relative; margin-left:80px; }

.tianqi-zz{ width:100%; height:60px; overflow:hidden; position:absolute; top:0; left:0; z-index:999;}

.tianqi-box1{ width:330px; height:60px; overflow:hidden;  margin-left:-70px;}

.sousuo{ display:block; width:280px; height:32px; overflow:hidden; margin-right:0; float:right; background:#fff; border:4px solid #edf0f8; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin-top:-110px;}

.sousuo-1{ display:block; width:210px; height:32px; overflow:hidden; float:left;}

.sousuo-1 input{ display:block; width:194px; height:32px; line-height:32px; padding:0 8px; font-size:14px; color:#666666; overflow:hidden;}

.sousuo-2{ width:70px; height:32px; overflow:hidden; float:right; background:#27486F;}

.sousuo-2 input{ width:100%; height:100%; background:url(/templates/swwz/static/sousuo.png) center center no-repeat; cursor:pointer;}

/*头部结束*/



/*导航开始*/




/*底部开始*/

.bot-max{ width:100%; height:auto; background:#222222; overflow:hidden; min-height:202px;}

.bot-box{ width:1408px; height:auto; overflow:hidden; }

.bot-1{ width:570px; height:auto; overflow:hidden; float:left; margin-right:82px;}

.bot-11{ width:100%; height:48px; line-height:48px; border-bottom:1px solid rgba(245,245,245,0.38); padding-top:18px; color:#fefefe; font-size:16px;}

.bot-12{ width:100%; height:auto; overflow:hidden; margin-top:11px;}

.bot-12 font{ width:72px; display:block; height:30px; line-height:30px; float:left; margin-right:10px; overflow:hidden;}

.bot-12 font:nth-child(6n){ margin-right:0;}

.bot-12 font a{ display:block; width:100%; height:30px; overflow:hidden; color:rgba(255,255,255,0.7);}

.bot-12 font a:hover{

	color: #27486F;

}



.bot-2{ width:850px; height:auto; float:left;}

.bot-22{ width:100%; height:auto; overflow:hidden; padding-top:11px; line-height:30px; font-size:14px;  color:rgba(255,255,255,0.8);}

.bot-23{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:30px; font-size:14px;  color:rgba(255,255,255,0.8);}

.bot-23 img{ vertical-align:text-top; margin-right:4px;}

.bot-23 a{ color:rgba(255,255,255,0.8);}



.bot-3{ width:140px; height:auto; overflow:hidden; float:right; margin-top:30px;}

.bot-31{ width:124px; height:auto; overflow:hidden; float:left; margin-left:30px;}

.bot-3 .bot-31:nth-child(1){ margin-left:0;}

.bot-311{ width:100%; height:124px; overflow:hidden; background:#fff;}

.bot-311 img{ width:100%; height:100%;}

.bot-312{ width:100%; height:34px; line-height:34px; font-size:14px; color:#ffffff; text-align:center;}


.bot-4{ width:170px; height:auto; overflow:hidden; float:right; margin-top:68px; text-align:right;}
.bot-4 img{ display:inline-block; margin-left:20px;}
/*底部结束*/



@media screen and (max-width: 1440px){

.head-box{ width:1200px;}

.nav-box{ width:1200px;}

.bot-box{ width:1200px;}

.bot-1{ margin-right:30px; width:480px;}

.bot-12 font:nth-child(6n){ margin-right:10px;}

.bot-12 font:nth-child(5n){ margin-right:0;}

.bot-2{ width:510px;}

}





@media screen and (max-width: 1100px){

html , body{ min-width:1200px;}

}


#gray{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0px;display:none;z-index:99;}

.popup{
    width:532px;
    height:auto;
    background-color:#fff;
    position:absolute;
    z-index:100;
    border:1px solid #ebeaea;
    left:400px;
    top:96px;
    display:none;
}
.popup .top_nav{
    width:532px;
    height:46px;
    background-image: url(/templates/swwz/static/popup_top_bj.jpg);
    border-bottom:1px solid #ebeaea;
    position:relative;
    cursor:move;
}
.popup .top_nav i{width:35px;height:35px;background:url(/templates/swwz/static/sucai_tubiao.png) -314px -5px;position:absolute;top:6px;left:8px;display:block; }
.popup .top_nav span{font:18px/18px 'microsoft yahei';color:#707070;display:block;position:absolute;top:13px;left:50px;}

.popup .top_nav a.guanbi { background:url(/templates/swwz/static/popup_guanbi.png) repeat 0px 0px; width:35px; height: 35px; display: block; position:absolute;top:8px;right:10px;cursor:pointer;}
.popup .top_nav a.guanbi span { display: none;}
.popup .top_nav a.guanbi:hover { background: url(/templates/swwz/static/popup_guanbi.png) repeat 0px -35px; }
.popup .min{width:532px;height:auto;padding:10px;}

.tc_login{width:510px;height:310px;background-color:#fff;}
.tc_login .left{width:200px;height:310px;background-color:;float:left;}
.tc_login .right{width:290px;height:310px;background-color:;float:right;padding-right:10px;}
.tc_login .left h4{width:200px;height:20px;margin:20px 0 20px 0;font-size:15px;color:#666;text-align:center;}
.tc_login .left img{width:150px;margin:0 auto;display:block;border:1px solid #E3E3E3;padding:4px;}
.tc_login .left dd{width:200px;height:30px;font:13px/18px 'microsoft yahei';color:#666;margin:20px 0 10px 0;text-align:center;display:block;}

.tc_login .right i{font-size:20px;color:#090;float:right;margin:15px 0 0px 0;}
.tc_login .right a{font:13px/18px 'microsoft yahei';color:#666;float:right;margin:16px 0 0px 6px;}
.tc_login .right a:hover{color:#06F;text-decoration: underline;}
.tc_login .right input{
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    height: 40px;
    padding:0 0 0 34px;
    margin:10px 0px 0px 10px;
    transition: background 0.3s ease-in-out;
    width: 220px;
    float:right;
}
.tc_login .right input:focus {
    outline: none;
    border-color: #019A0D;
    box-shadow: 0 0 0px #019A0D;
}
.tc_login .right .input_yh{background:url(/templates/swwz/static/tc_login_yonghu.jpg) no-repeat left top;}
.tc_login .right .input_mm{background:url(/templates/swwz/static/tc_login_mima.jpg) no-repeat left top;}
.tc_login .right .input_yh:focus{background:url(/templates/swwz/static/tc_login_yonghu2.jpg) no-repeat left top;}
.tc_login .right .input_mm:focus{background:url(/templates/swwz/static/tc_login_mima2.jpg) no-repeat left top;}
.tc_login .right .button{
    -webkit-appearance: none;
    background:#36a803;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width: 255px;
    padding:0 50px 0 50px;
    font-weight: bold;
}
.tc_login .right .button:hover {

    background: #019A0D;
}
.tc_login .right dd{width:100%;height:30px;}
.tc_login .right dd a{font:12px/18px 'microsoft yahei';color:#06F;}
.tc_login .right dd a:hover{font:13px/18px 'microsoft yahei';color:#06F;text-decoration: underline;}
.tc_login .right hr{height:1px;border:none;border-top:1px dashed #E4E4E4;clear:both;margin:240px 0 5px 0px;}


.button {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/


}




/* POP-UP
========================================== */
.pop-up {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9);
    -ms-transform: translate(-50%, -50%) scale(0.9);
    -o-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9);
    overflow-y: auto;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 10;
}
@media (min-width: 768px) {
    .pop-up {
        width: calc(100% - 40px);
        height: auto;
        max-width: 400px;
        z-index: 100;
    }
}
.pop-up .content {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    text-align: center;
    position: relative;
    min-height: 100vh;
}
@media (min-width: 768px) {
    .pop-up .content {
        min-height: inherit;
    }
}
.pop-up .content .container {
    padding: 100px 20px 140px;
}
@media (min-width: 568px) {
    .pop-up .content .container {
        padding: 50px 20px 80px;
    }
}
@media (min-width: 768px) {
    .pop-up .content .container {
        padding: 70px 0px 90px;
        max-width: 320px;
        margin: 0 auto;
    }
}
.pop-up .content .close {
    position: absolute;
    right: 20px;

    top:20px;


;
    letter-spacing: 0.05rem;
    color:#27486F;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.pop-up .content .close:hover {
    cursor: pointer;
    color: #27486F;
}
.pop-up .content .dots .dot {
    position: absolute;
    border-radius: 100%;
    z-index: 11;
}


.pop-up .content .dots .dot:nth-of-type(3) {
    bottom: -50px;
    right: -50px;
    width: 100px;
    height: 100px;
    background-color: #ffd84c;
    -webkit-animation: float 4s ease-in-out infinite;
    -moz-animation: float 4s ease-in-out infinite;
    -o-animation: float 4s ease-in-out infinite;
    animation: float 4s ease-in-out infinite;
}
.pop-up .content .title h1 {
    text-align: center;
    color: #f66867;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.8rem;
    letter-spacing: 0.05rem;
}
.pop-up .content img {
    width: 100%;
    max-width: 220px;
    display: inline-block;
    margin: 30px 0 40px 0;
    opacity: 0;
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-backface-visibility: hidden;
}
@media (min-width: 768px) {
    .pop-up .content img {
        max-width: 300px;
    }
}
.pop-up .content .subscribe h1 {
    font-size: 1.5rem;
    color: #3e4146;
    line-height: 130%;
    letter-spacing: 0.07rem;
    margin-bottom: 30px;
}
.pop-up .content .subscribe h1 span {
    color: #f66867;
}
.pop-up .content .subscribe form {
    overflow: hidden;
}
.pop-up .content .subscribe form input {
    width: 100%;
    float: left;
    padding: 15px 20px;
    text-align: center;
    font-family: inherit;
    font-size: 13px;
    letter-spacing: 0.05rem;
    outline: 0;
}
.pop-up .content .subscribe form input[type=email] {

    margin-top: 20px;
    border: 1px solid #27486F;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
@media (min-width: 768px) {
    .pop-up .content .subscribe form input[type=email] {
        margin-bottom: 20px;
        width: 80%;
        border: 1px solid #27486F;

    }
}
.pop-up .content .subscribe form input[type=email]:focus {
    border-color: #3e4146;
}
.pop-up .content .subscribe form input[type=button] {
    background-color: #8e6ac1;
    color: #ffffff;
    border: 1px solid #8e6ac1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
@media (min-width: 768px) {
    .pop-up .content .subscribe form input[type=button] {
        width: 25%;
    }
}
.pop-up .content .subscribe form input[type=button]:hover {
    cursor: pointer;
    background-color: #7349af;
    border-color: #7349af;
}
.pop-up.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.pop-up.open img {
    opacity: 1;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}