@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; border:0; font-family: "\5FAE\8F6F\96C5\9ED1", "΢ÈíÑźÚ", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: normal; -webkit-overflow-scrolling:touch; }/*color:#1b1b1b;*/
a{  font-size:0.7em; text-decoration:none; color: #333333; outline: none; transition:color .3s;}/*color:#646368;*/
a:hover{ color:#2C93DF; text-decoration:none;}
img{ display:block;}
input[type=button], input[type=submit], input[type=file], input[type=text], input[type=number], input[type=reset] button {
-webkit-appearance: none; border-radius: 0px;
}
textarea,select,button,input{ -webkit-appearance: none; border-radius: 0px; outline: none;}


html,body{ width: 100%;  overflow: visible; background:#031878; z-index: -2;}


/*-------------²à±ß²Ëµ¥µ¼º½--------------*/
/*nav*/
.PC_tit{ display: none;}
.PC_banner{ display: none;}

.nav{ display: block; width: 100%; height: 50px; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 6; }
.nav a{ display: block;}
.W_nav{ background: url(/images/nav_bj.jpg) no-repeat center center; background-size: 100% 50px; }
.nav .logo{ float: left; width: auto; height: 24px; margin-left: 20px; margin-top: 13px; }
.nav .return{ float: left; width: auto; height: 4vh; margin-left: 0vh; margin-top: 3vh;}
.W_nav .return{ height: 50px; margin-top: 0px; margin-left: 10px; }
.W_nav .return img{ display: block; width: 50px; height: 50px; }
.nav .menu{ float: right; width: auto; height: 50px; margin-right: 10px; margin-top: 0px;}
.container{ width: 100%; height: 100%; overflow: visible; position: relative;}

.bj{ display: block; width: 100%; height: 100%; overflow: visible; position: fixed; top: 0; left: 0; z-index: -1;}
.bj .kv{ width: 100%; height: 100%; overflow: visible; position: relative;}
.bj .kv img{ display: block; width: 100%; height: 100%; overflow: hidden; z-index: 0;}
.bj .kv img.kvli{ position: absolute; top: 0px; left: 0px; z-index: 1;}
.bj .kv img.kvli_a{ opacity: 0;
    -webkit-animation: kvli_a 2s infinite;
    -moz-animation: kvli_a 2s infinite;
    -o-animation: kvli_a 2s infinite;
    animation: kvli_a 2s infinite;
}
@keyframes kvli_a{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-webkit-keyframes kvli_a{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-moz-keyframes kvli_a{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-o-keyframes kvli_a{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
.bj .kv img.kvli_b{ opacity: 0;
    -webkit-animation: kvli_b 2s infinite;
    -moz-animation: kvli_b 2s infinite;
    -o-animation: kvli_b 2s infinite;
    animation: kvli_b 4s infinite;
}
@keyframes kvli_b{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-webkit-keyframes kvli_b{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-moz-keyframes kvli_b{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-o-keyframes kvli_b{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}


.bj .kv img.kvli_c{ opacity: 0;
    -webkit-animation: kvli_c 2s infinite;
    -moz-animation: kvli_c 2s infinite;
    -o-animation: kvli_c 2s infinite;
    animation: kvli_c 6s infinite;
}
@keyframes kvli_c{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-webkit-keyframes kvli_c{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-moz-keyframes kvli_c{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}
@-o-keyframes kvli_c{

    0%
    { width: 100%; opacity: 0; }

    50%
    { width: 100%; opacity: 0.5; }

    100%
    { width: 100%; opacity: 0; }
}

.Index_con{ width: 90%; height: auto; overflow: hidden; position: absolute; top: 14vh; left: 5%;
	-webkit-animation-name: index_con;
			animation-name: index_con;
	-webkit-animation-duration: 2s;
			animation-duration: 2s;
}
@keyframes index_con{
	0%{
		opacity: 0;
		-webkit-transform: translateY(10%);
				transform: translateY(10%);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
}
@-webkit-keyframes index_con{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.Index_con .list{ float: left; width: 50%; height: auto; margin-bottom: 20px; padding: 0px 10px; box-sizing: border-box; }
.Index_con .list a{ display: block; width: 100%; }
.Index_con .list a img{ width: 55%; height: auto; border-radius: 50%; overflow: hidden; display: block; margin: 0px auto 10px; }
.Index_con .list.cur a img{ background: rgba(102,204,255,.6); }
.Index_con .list a p{ width: 100%; height: auto; overflow: hidden; font-size: 16px; text-align: center; line-height: 30px; color: #ffffff; font-weight: bold; }
.Index_con .more{ float: left; width: 100%; height: auto; overflow: hidden; padding: 0px 12%; box-sizing: border-box; margin-top: 10px; }
.Index_con .more .pdf{ float: left; width: 70%; height: auto; overflow: hidden; }
.Index_con .more .pdf h3{ width: 100%; height: auto; overflow: hidden; font-size: 24px; font-weight: bold; color: #ffffff; margin-bottom: 5px; }
.Index_con .more .pdf p,.Index_con .more .pdf p a{ font-size: 12px; line-height: 20px; color: #ffffff; }
.Index_con .more .erweima{ float: right; width: 30%; height: auto; overflow: hidden; }
.Index_con .more .erweima img{ display: block; width: 90%; height: auto; overflow: hidden; margin: 0px auto 10px; }
.Index_con .more .erweima p{ font-size: 12px; line-height: 20px; text-align: center; color: #202020; }
.Index_erweima{ width: 100%; height: auto; overflow: hidden; position: absolute; bottom: 3vh; left: 0px; }
.Index_erweima img{ width: 20%; height: auto; overflow: hidden; display: block; margin: 0px auto 10px; }
.Index_erweima p{ font-size: 14px; line-height: 20px; text-align: center; color: #202020; }
.Pro_con{ width: 95vw; height: auto; min-height: 85vh; overflow: hidden; padding: 10px 10px; box-sizing: border-box; background: rgba(0,51,102,.6); position: absolute; top: 10vh; left: 2.5vw; }
.Pro_con .box{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; position: relative; }
.Pro_con .box .title{ display: table; width: 60%; height: 30px; overflow: hidden; margin: 0px auto 20px; padding: 0px 10px; background: rgba(0,164,167,.9); font-size: 14px; color: #ffffff; line-height: 30px; text-align: center; border-radius: 5px; }
.Pro_con .box .title span{ float: left; display: inline-block; width: 3%; height: 20px; background: #ffffff; border-radius: 5px; margin-top: 5px; }
.Pro_con .box .title p{ float: left; width: 94%; font-weight: 600; }
.Pro_con .box .title p a{ display: block; width: 100%; height: 100%; font-size: 14px; color: #ffffff; font-weight: 600; }
.Pro_con .box1 .con{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; background: #032c6c; border-radius: 10px; }
.Pro_con .box1 .con ul{ float: left; width: 35%; height: auto; overflow: hidden; }
.Pro_con .box1 .con ul li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; background: #0066cc; border-radius: 5px; }
.Pro_con .box1 .con ul li a{ display: block; font-size: 12px; line-height: 25px; text-align: center; color: #ffffff; padding: 0px 3px; box-sizing: border-box; }
.Pro_con .box1 .con .img{ float: left; width: 30%; height: auto; overflow: hidden; padding: 0px 5px; box-sizing: border-box; }
.Pro_con .box1 .con .img a{ display: block; }
.Pro_con .box1 .con .img a img{ display: block; width: auto; height: 70px; margin: 15px auto 0px; }
.Pro_con .box1 .con p{ float: left; width: 100%; height: auto; overflow: hidden; }
.Pro_con .box1 .con p a{ display: table; width: auto; height: auto; font-size: 12px; line-height: 25px; text-align: center; color: #ffffff; padding: 0px 3px; box-sizing: border-box; background: #0066cc; border-radius: 5px; margin: 0px auto; }
.Pro_con .box1 hr{ width: 0px; height: 20px; border: 1px dashed rgba(0,164,167,.9); position: absolute; top: 30px; box-sizing: border-box; }
.Pro_con .box1 hr.hr1{ left: 30%; }
.Pro_con .box1 hr.hr2{ right: 30%; }
.Pro_con .box2 .title{ margin-bottom: 10px; }
.Pro_con .box2 .con{ width: 100%; height: auto; overflow: hidden; border: 1px dashed rgba(0,164,167,.9); border-radius: 10px; box-sizing: border-box; }
.Pro_con .box2 .con .left,.Pro_con .box2 .con .right{ float: left; width: 30%; height: auto; overflow: hidden; }
.Pro_con .box2 .con .left a,.Pro_con .box2 .con .right a{ display: block; width: 100%; height: auto; overflow: hidden; background: #0cacde; border: 1px dotted #ffffff; box-sizing: border-box; border-radius: 5px; font-size: 12px; line-height: 20px; text-align: center; color: #ffffff; margin-top: 20px; }
.Pro_con .box2 .con .img{ float: left; width: 40%; height: auto; overflow: hidden; padding: 0px 10px; box-sizing: border-box; }
.Pro_con .box2 .con .img a{ display: block; }
.Pro_con .box2 .con .img a img{ display: block; width: auto; height: 80px; margin: 0px auto; }
.Pro_con .box2 hr{ width: 0px; height: 35px; border: 1px dashed rgba(0,164,167,.9); position: absolute; top: 30px; box-sizing: border-box; }
.Pro_con .box2 hr.hr1{ left: 30%; }
.Pro_con .box2 hr.hr2{ right: 30%; }
.Pro_con .box3{ width: 100%; height: auto; overflow: hidden; background: #1e469b; padding: 10px 10px; box-sizing: border-box; border-radius: 10px; margin-bottom: 0px; }
.Pro_con .box3 .title{ background: #2A83C7; border: 1px dotted #ffffff; box-sizing: border-box; margin-bottom: 10px; }
.Pro_con .box3 ul{ width: 100%; height: auto; overflow: hidden; }
.Pro_con .box3 ul li{ float: left; width: 25%; height: auto; overflow: hidden; }
.Pro_con .box3 ul li a{ display: block; }
.Pro_con .box3 ul li a img{ display: block; width: 60%; height: auto; overflow: hidden; margin: 0px auto 5px; }
.Pro_con .box3 ul li a p{ width: 100%; height: auto; overflow: hidden; font-size: 12px; line-height: 20px; text-align: center; color: #ffffff; }
.Pro_con .box3 .dian{ display: inline-block; width: 10px; height: 10px; background: #00a4a7; border-radius: 50%; position: absolute; }
.Pro_con .box3 .dian1{ top: 10px; left: 10px; }
.Pro_con .box3 .dian2{ top: 10px; right: 10px; }
.Pro_con .box3 .dian3{ bottom: 10px; left: 10px; }
.Pro_con .box3 .dian4{ bottom: 10px; right: 10px; }
.Pro_con .box1{
    -webkit-animation-name: box1;
            animation-name: box1;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
@keyframes box1{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes box1{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.Pro_con .box_dy2{ opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; }
.Pro_con .box2{
    -webkit-animation-name: box2;
            animation-name: box2;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
@keyframes box2{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes box2{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.Pro_con .box_dy3{ opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s; }
.Pro_con .box3{
    -webkit-animation-name: box3;
            animation-name: box3;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
@keyframes box3{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes box3{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.PDetail_con{ width: 100%; height: 100%; overflow: scroll; min-height: 100vh; background: #ffffff; position: relative; }
.PDetail_con .title{ width: 100%; height: auto; overflow: hidden; }
.PDetail_con .title .banner{ width: 100%; height: 50px; overflow: hidden; position: relative; }
.PDetail_con .title .banner img{ display: block; width: 100%; height: 50px; overflow: hidden; }
.PDetail_con .title .banner h1{ font-size: 20px; line-height: 30px; text-align: left; color: #ffffff; font-weight: bold; position: absolute; top:10px; left: 5vw; }
.PDetail_con .description{ width: 100%; height: auto; overflow: hidden; background: #e4e4e4; padding: 10px 10px; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #666666; text-align: justify; }
.PDetail_con .description span.sp{ float: left; display: inline-block; font-size: 12px; line-height: 20px; text-align: center; color: #000000; padding: 0px 5px; background: #ffffff; border: 1px solid #00a4a7; border-radius: 3px; box-sizing: border-box; margin: 3px 3px; }
.PDetail_con .description span.sp a{ display: inline-block; font-size: 12px; line-height: 20px; text-align: center; color: #000000; }
.PDetail_con .item_box,.PDetail_con .Tech_con{ width: 100%; height: auto; overflow: scroll; padding: 0px 10px 50px; box-sizing: border-box; background: #ffffff; }
.PDetail_con .item_box .list{ width: 100%; height: 22vw; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0px; }
.PDetail_con .item_box .list:last-child{ border-bottom: none; }
.PDetail_con .item_box .list .left{ float: left; width: 67vw; height: 22vw; overflow: hidden; padding-right: 10px; box-sizing: border-box; }
.PDetail_con .item_box .list .left h3{ width: 100%; height: 50px; overflow: hidden; line-height: 25px; margin-top: 4vw; text-align: justify; }
.PDetail_con .item_box .list .left h3 a{ font-size: 16px; color: #202020; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.PDetail_con .item_box .list .left p.date{ display: none; font-size: 13px; line-height: 20px; color: #999999; background: url(/images/icon_date.png) no-repeat 0px center; background-size: 12px 12px; padding-left: 15px; box-sizing: border-box; }
.PDetail_con .item_box .list .right{ float: right; width: 22vw; height: 22vw; overflow: hidden; }
.PDetail_con .item_box .list .right a{ display: block; }
.PDetail_con .item_box .list .right a img{ display: block; width: 22vw; height: 22vw; border-radius: 5px; }
.PDetail_con .fixed{ width: 100%; height: 50px; background: #ffffff; position: fixed; bottom: 0; left: 0; }
.PDetail_con .fixed .erweima{ float: left; width: 50px; height: 50px; background: #f2f2f2; }
.PDetail_con .fixed .erweima img{ display: block; width: 40px; height: 40px; margin: 5px auto; }
.PDetail_con .fixed .more{ padding-left: 50px; height: 50px; background: #6cacde; }
.PDetail_con .fixed .more a{ display: block; width: 100%; height: 50px; font-size: 14px; text-align: center; line-height: 50px; color: #ffffff; }
.PDetail_con .Tanchu{ width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; }
.PDetail_con .Tanchu .con{ width: 80%; height: fit-content; overflow: hidden; background: #ffffff; border-radius: 10px; margin: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding: 20px 0px; box-sizing: border-box; }
.PDetail_con .Tanchu .con img{ display: block; width: 80%; height: auto; overflow: hidden; margin: 0px auto; }
.PDetail_con .Tanchu .con p{ width: 100%; font-size: 14px; line-height: 30px; text-align: center; color: #202020; }




.Sol_con,.Iot_con{ width: 95vw; height: auto; min-height: 80vh; overflow: visible; padding: 10px 10px; box-sizing: border-box; position: absolute; top: 10vh; left: 2.5vw; }
.Sol_con .title{ width: 100%; height: auto; overflow: hidden; font-size: 20px; line-height: 30px; font-weight: bold; color: #ffffff; text-align: center; margin-bottom: 20px; }
.Sol_con .content{ width: 100%; height: auto; min-height: 60vh; overflow: visible; position: relative; }
.Sol_con .content .line_bj{ display: none; width: 60%; height: 40vh; overflow: hidden; position: absolute; top: 10vh; left: 20%;
    -webkit-animation-name: line_bj;
            animation-name: line_bj;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
}
@keyframes line_bj{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes line_bj{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.Sol_con .content .line_bj img{ display: block; width: 100%; height: auto; }
.Sol_con .content .list{ position: absolute; width: auto; height: auto; overflow: hidden; }
.Sol_con .content a{ display: block; }
.Sol_con .content .list a img{ display: block; width: 80%; height: auto; overflow: hidden; margin: 0px auto 10px; }
.Sol_con .content .list a p{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 20px; text-align: center; font-weight: bold; color: #ffffff; }
.Sol_con .content .dy1{ opacity: 0; -webkit-animation-delay: 0s; animation-delay: 0s;}
.Sol_con .content .list1{ width: 25vw; top: 5vh; left: 3vw;
	-webkit-animation-name: list1;
			animation-name: list1;
	-webkit-animation-duration: 2.5s;
			animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
}
@keyframes list1{
    0%{
        opacity: 0.6; width: 25vw; top: 5vh; left: 3vw;
    }
    50%{
        opacity: 1; width: 27vw; top: 4vh; left: 2vw;
    }
    100%{
        opacity: 0.6; width: 25vw; top: 5vh; left: 3vw;
    }
}
@-webkit-keyframes list1{
    0%{
        opacity: 0.6; width: 25vw; top: 5vh; left: 3vw;
    }
    50%{
        opacity: 1; width: 27vw; top: 4vh; left: 2vw;
    }
    100%{
        opacity: 0.6; width: 25vw; top: 5vh; left: 3vw;
    }
}
.Sol_con .content .dy2{ opacity: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.Sol_con .content .list2{ width: 27vw; top: 10vh; right: 3vw;
	-webkit-animation-name: list2;
			animation-name: list2;
	-webkit-animation-duration: 2.5s;
			animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
}
@keyframes list2{
    0%{
        opacity: 0.6; width: 27vw; top: 10vh; right: 3vw;
    }
    50%{
        opacity: 1; width: 29vw; top: 9vh; right: 2vw;
    }
    100%{
        opacity: 0.6; width: 27vw; top: 10vh; right: 3vw;
    }
}
@-webkit-keyframes list2{
    0%{
        opacity: 0.6; width: 27vw; top: 10vh; right: 3vw;
    }
    50%{
        opacity: 1; width: 29vw; top: 9vh; right: 2vw;
    }
    100%{
        opacity: 0.6; width: 27vw; top: 10vh; right: 3vw;
    }
}
.Sol_con .content .dy3{ opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s;}
.Sol_con .content .list3{ width: 18vw; bottom: 10vh; left: -3vw; opacity: 0.5;
	-webkit-animation-name: list3;
			animation-name: list3;
	-webkit-animation-duration: 2s;
			animation-duration: 2s;
}
@keyframes list3{
    0%{
        opacity: 0;
    }
    100%{
    	opacity: 1;
    }
}
@-webkit-keyframes list3{
    0%{
        opacity: 0;
    }
    100%{
    	opacity: 1;
    }
}
.Sol_con .content .dy4{ opacity: 0; -webkit-animation-delay: 2s; animation-delay: 2s;}
.Sol_con .content .list4{ width: 18vw; bottom: 36vh; left: 35vw; opacity: 0.5;
	-webkit-animation-name: list4;
			animation-name: list4;
	-webkit-animation-duration: 2s;
			animation-duration: 2s;
}
@keyframes list4{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes list4{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.Sol_con .content .dy5{ opacity: 0; -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.Sol_con .content .list5{ width: 25vw; bottom: 0vh; right: 20vw;
	-webkit-animation-name: list5;
			animation-name: list5;
	-webkit-animation-duration: 2.5s;
			animation-duration: 2.5s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
}
@keyframes list5{
    0%{
        opacity: 0.6; width: 25vw; bottom: 0vh; right: 20vw;
    }
    50%{
        opacity: 1; width: 27vw; bottom: -1vh; right: 19vw;
    }
    100%{
        opacity: 0.6; width: 25vw; bottom: 0vh; right: 20vw;
    }
}
@-webkit-keyframes list5{
    0%{
        opacity: 0.6; width: 25vw; bottom: 0vh; right: 20vw;
    }
    50%{
        opacity: 1; width: 27vw; bottom: -1vh; right: 19vw;
    }
    100%{
        opacity: 0.6; width: 25vw; bottom: 0vh; right: 20vw;
    }
}
.Sol_con .content .dy6{ opacity: 0; -webkit-animation-delay: 3s; animation-delay: 3s;}
.Sol_con .content .list6{ width: 15vw; top: 31vh; right: 23vw; opacity: 0.5;
	-webkit-animation-name: list6;
			animation-name: list6;
	-webkit-animation-duration: 2s;
			animation-duration: 2s;
}
@keyframes list6{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes list6{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.Sol_con .content .dy7{ opacity: 0; -webkit-animation-delay: 4s; animation-delay: 4s;}
.Sol_con .content .list7{ width: 18vw; bottom: 0vh; right: 0vw; opacity: 0.5;
	-webkit-animation-name: list7;
			animation-name: list7;
	-webkit-animation-duration: 2s;
			animation-duration: 2s;
}
@keyframes list7{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes list7{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.Sol_con .content .dy8{ opacity: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.Sol_con .content .list8{ width: 25vw; bottom: 15vh; left: 14vw;
    -webkit-animation-name: list8;
            animation-name: list8;
    -webkit-animation-duration: 2.5s;
            animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
@keyframes list8{
    0%{
        opacity: 0.6; width: 25vw; bottom: 15vh; left: 14vw;
    }
    50%{
        opacity: 1; width: 27vw; bottom: 14vh; left: 13vw;
    }
    100%{
        opacity: 0.6; width: 25vw; bottom: 15vh; left: 14vw;
    }
}
@-webkit-keyframes list8{
    0%{
        opacity: 0.6; width: 25vw; bottom: 15vh; left: 14vw;
    }
    50%{
        opacity: 1; width: 27vw; bottom: 14vh; left: 13vw;
    }
    100%{
        opacity: 0.6; width: 25vw; bottom: 15vh; left: 14vw;
    }
}

.Iot_con .div{ width: 100%; height: 25vh; background: rgba(0,0,0,.6); padding: 10px 10px; box-sizing: border-box; margin-bottom: 20px; }
.Iot_con .div a{ display: block; }
.Iot_con .div a .img{ float: left; width: 20%; height: 100%; overflow: hidden; }
.Iot_con .div a .img img{ display: block; width: 70%; height: auto; overflow: hidden; margin: 8.5vh auto 0px; }
.Iot_con .div a .con{ padding-left: 20%; height: 100%; }
.Iot_con .div a .con h3{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5px; font-size: 18px; line-height: 30px; color: #ffffff; font-weight: bold; }
.Iot_con .div a .con p{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 20px; color: #ffffff; text-align: justify; }
.Iot_con .dy1{ opacity: 0; -webkit-animation-delay: 0s; animation-delay: 0s;}
.Iot_con .div1{
    -webkit-animation-name: div1;
            animation-name: div1;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
@keyframes div1{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes div1{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.Iot_con .dy2{ opacity: 0; -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.Iot_con .div2{
    -webkit-animation-name: div2;
            animation-name: div2;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
@keyframes div2{
    0%{
        opacity: 0;
        -webkit-transform: translateX(10%);
                transform: translateX(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes div2{
    0%{
        opacity: 0;
        -webkit-transform: translateX(10%);
                transform: translateX(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.Iot_con .dy3{ opacity: 0; -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.Iot_con .div3{
    -webkit-animation-name: div3;
            animation-name: div3;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}
@keyframes div3{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes div3{
    0%{
        opacity: 0;
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.PDetail_con .active_tit{ height: 15vh; }
.PDetail_con .active_tit .banner{ height: 15vh; }
.PDetail_con .active_tit .banner img{ height: 15vh; }
.PDetail_con .active_tit .banner p{ position: absolute; font-size: 14px; line-height: 20px; color: #ffffff; bottom: 20px; left: 5vw; font-weight: 600; }
.PDetail_con .case_tit .banner p{ position: absolute; font-size: 14px; line-height: 20px; color: #ffffff; bottom: 20px; left: 5vw; font-weight: 600; }
/*.PDetail_con .case_desc{ margin-top: 15vh;}*/
.PDetail_con .v-banner{ width: 100%; height: auto; overflow: hidden; }
.PDetail_con .Introduction,.WDetail_con .Introduction{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; margin-bottom: 20px; }
.PDetail_con .Introduction h3{ width: 100%; height: auto; overflow: hidden; font-size: 20px; line-height: 30px; color: #333333; font-weight: 600; text-align: justify; margin-bottom: 10px; }
.WDetail_con .Introduction h3{ width: 100%; height: auto; overflow: hidden; font-size: 22px; line-height: 34px; color: #333333; font-weight: normal; text-align: justify; margin-bottom: 10px; }
.PDetail_con .Introduction .time,.WDetail_con .Introduction .time,.PDetail_con .Introduction .speaker{ width: 100%; height: auto; overflow: hidden; padding-left: 20px; background: url(/images/icon_date.png) no-repeat 0px center; background-size: 13px 13px; color: #666666; box-sizing: border-box; font-size: 14px; line-height: 30px; }
.WDetail_con .Introduction .time{ border-bottom: 1px solid rgba(0,0,0,.1); padding-left: 0px; background: none; color: #999999; }
.PDetail_con .Introduction .speaker{ background: url(/images/v_speaker.png) no-repeat 0px center; background-size: 13px 13px; }
.PDetail_con .Introduction .summary,.WDetail_con .Introduction .summary{ width: 100%; height: auto; overflow: hidden; padding: 5px; box-sizing: border-box; background: rgba(0,0,0,.03); margin-top: 10px; }
.WDetail_con .Introduction .summary{ background: none; }
.PDetail_con .Introduction .summary p,.WDetail_con .Introduction .summary p{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 30px; text-align: justify; color: #999999; }
.PDetail_con .Introduction .summary p strong,.WDetail_con .Introduction .summary p strong{ font-size: 16px; font-weight: bold; }
.PDetail_con .footer,.WDetail_con .footer,.CnCon .footer{ width: 100%; height: auto; overflow: hidden; padding: 30px 0px 30px; }
.PDetail_con .footer img,.WDetail_con .footer img,.CnCon .footer img{ display: block; width: 30%; height: auto; margin: 0px auto 20px; }
.PDetail_con .footer p,.WDetail_con .footer p,.CnCon .footer p{ width: 100%; height: auto; overflow: hidden; font-size: 0.9em; line-height: 24px; text-align: center; color: #000000; }
.PDetail_con .video_box{ width: 100%; height: auto; overflow: hidden; }
.PDetail_con .video_box .tab{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; background: #f2f2f2; }
.PDetail_con .video_box .tab ul{ width: 100%; height: auto; overflow: hidden; }
.PDetail_con .video_box .tab ul li{ float: left; width: 25%; font-size: 12px; line-height: 30px; color: #515151; position: relative; }
.PDetail_con .video_box .tab ul li a{ display: block; font-size: 14px; text-align: center; }
.PDetail_con .video_box .tab ul li hr{ width: 0px; height: 15px; border: 0.5px solid #515151; float: right; position: absolute; right: 0px; top: 7.5px; }
.PDetail_con .video_box .tab ul li.cur a{ color: #00a4a7; }
.PDetail_con .video_box .tab ul li.cur hr{ border-color: #00a4a7; }
.PDetail_con .video_box .v_item{ width: 100%; height: auto; overflow: hidden; background: #ffffff; }
.PDetail_con .video_box .v_item .list{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; border-bottom: 1px solid rgba(0,0,0,.1); }
.PDetail_con .video_box .v_item .list a{ display: block; width: 100%; height: auto; overflow: hidden; }
.PDetail_con .video_box .v_item .list a .img{ float: left; width: 35%; height: auto; overflow: hidden; }
.PDetail_con .video_box .v_item .list a .img img{ display: block; width: 100%; height: auto; overflow: hidden; border-radius: 5px; }
.PDetail_con .video_box .v_item .list a .con{ padding-left: 37%; height: auto; }
.PDetail_con .video_box .v_item .list a .con h3{ width: 100%; height: auto; overflow: hidden; font-size: 16px; line-height: 24px; color: #202020; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 5px; }
.PDetail_con .video_box .v_item .list a .con p{ font-size: 13px; line-height: 20px; color: #999999; background: url(/images/icon_date.png) no-repeat 0px center; background-size: 12px 12px; padding-left: 15px; box-sizing: border-box; }

.WDetail_con{ width: 100%; height: 100%; overflow: scroll; min-height: 100vh; background: #ffffff; position: relative; padding-top: 50px; box-sizing: border-box; }
.CnCon{ width: 100%; height: auto; background: #ffffff; overflow: hidden; padding-top: 50px; box-sizing: border-box; }
.CnCon .content{ width: 100%; height: auto; overflow: hidden; }
.CnCon .content img{ display: block; width: 100%; height: auto; }
.About_con{ width: 95vw; height: auto; min-height: 80vh; overflow: hidden; padding: 20px 20px; box-sizing: border-box; background: rgba(0,51,102,.6); position: absolute; top: 10vh; left: 2.5vw;
    -webkit-animation-name: About_con;
            animation-name: About_con;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
@keyframes About_con{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes About_con{
    0%{
        opacity: 0;
        -webkit-transform: translateY(10%);
                transform: translateY(10%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.About_con h1{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; font-size: 18px; line-height: 30px; text-align: center; color: #ffffff; font-weight: bold; }
.About_con p{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; font-size: 14px; line-height: 28px; color: #ffffff; text-align: justify; }
.About_con p span,.About_con p span a{ color: #ffa700; font-size: 14px; }
.About_con .erweima{ width: 100%; height: auto; overflow: hidden; }
.About_con .erweima img{ display: block; width: 30%; height: auto; overflow: hidden; margin: 20px auto 10px; }
.About_con .erweima span{ display: block; margin: 0px auto; width: auto; height: auto; font-size: 12px; line-height: 20px; text-align: center; color: #ffffff; }

.PDetail_con .main_visual{ width: 100%; height:auto; overflow:hidden;position:relative;}
.PDetail_con .main_image{ width: 100%; height:auto;overflow:visible;}
.PDetail_con .main_image ul{width:100%!important;height:auto;overflow:visible; min-height: 140px; }
.PDetail_con .main_image li{float:left;width:100%;height:auto; }
.PDetail_con .main_image li a{display:block;width:100%;height:auto;}
.PDetail_con .main_image li img{ display: block; width: 100%; height: auto; }

.PDetail_con div.flicking_con{position:absolute;bottom:10px;left:50%;z-index:999;width:auto;height:10px;margin:0 0 0 -50px;}
.PDetail_con div.flicking_con a{float:left;width:10px;height:10px; border-radius: 50%; margin:0 10px;padding:0; background: #e0feed; opacity: 0.6; display:block;text-indent:-1000px}
.PDetail_con div.flicking_con a.on{ opacity: 1; }
.PDetail_con .act_box{ width: 100%; height: auto; min-height: 60vh; overflow: hidden; background: #f2f2f2; }
.PDetail_con .act_box .articlenocontent,.PDetail_con .item_box .articlenocontent,.PDetail_con .Tech_con .articlenocontent{ width: 100%; height: auto; overflow: hidden; }
.PDetail_con .act_box .articlenocontent img,.PDetail_con .item_box .articlenocontent img,.PDetail_con .Tech_con .articlenocontent img{ display: block; width: 120px; height: auto; overflow: hidden; margin: 20px auto 10px; }
.PDetail_con .act_box .articlenocontent p,.PDetail_con .act_box .articlenocontent .articlenocontent1,.PDetail_con .item_box .articlenocontent .articlenocontent1,.PDetail_con .Tech_con .articlenocontent .articlenocontent1{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 20px; text-align: center; color: #999999; }
.PDetail_con .act_box .list{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing: border-box; background: #ffffff; margin-bottom: 5px; }
.PDetail_con .act_box .list:last-child{ margin-bottom: 0px; }
.PDetail_con .act_box .list .con{ float: left; width: 70vw; height: 26vw; overflow: hidden; padding-right: 10px; box-sizing: border-box; position: relative;}
.PDetail_con .act_box .list .con h3{ width: 100%; height: 50px; overflow: hidden; margin-top: 1vw; margin-bottom: 5px; line-height: 25px; }
.PDetail_con .act_box .list .con h3 a{ font-size: 16px; color: #202020; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.PDetail_con .act_box .list .con .date,.PDetail_con .act_box .list .con .adr{ width: 100%; height: auto; overflow: hidden; font-size: 13px; line-height: 20px; color: #999999; padding-left: 17px; box-sizing: border-box; }
.PDetail_con .act_box .list .con .date span{ padding-left: 10px; }
.PDetail_con .act_box .list .con .date span.ing{ color: #ff3300; }
.PDetail_con .act_box .list .con .date span.none{ color: #66cc00; }
.PDetail_con .act_box .list .con .date span.sign_up{ color: #fe950a; }
.PDetail_con .act_box .list .con .date{ background: url(/images/icon_date.png) no-repeat 0px center; background-size: 12px 12px; }
.PDetail_con .act_box .list .con .adr{ background: url(/images/icon_adress.png) no-repeat 0px center; background-size: 12px 12px; }
.PDetail_con .act_box .list .con i{ display: block; width: 20px; height: 20px; position: absolute; bottom: 10px; right: 10px; }
.PDetail_con .act_box .list .con i a{ display: block; width: 20px; height: 20px; }
.PDetail_con .act_box .list .con i.collect a{ background: url(/images/icon_collect.png) no-repeat center center; background-size: 20px 20px; }
.PDetail_con .act_box .list .con i.collect_cur a{ background: url(/images/icon_collect_cur.png) no-repeat center center; background-size: 20px 20px; }
.PDetail_con .act_box .list .img{ float: right; width: 22vw; height: 22vw; overflow: hidden; box-sizing: border-box; padding: 2vw 0px 0px; }
.PDetail_con .act_box .list .img a{ display: block; }
.PDetail_con .act_box .list .img a img{ display: block; width: 22vw; height: 22vw; overflow: hidden; border-radius: 5px; }
.PDetail_con .pager{ width: 100%; height: auto; overflow: hidden; padding-bottom: 50px; }
.PDetail_con .pager .pagebutton{ width: 100%; height: 35px; text-align: center;}
.PDetail_con .pager .pagebutton input{ width: 50%; height: 35px; background: none; font-size: 14px; line-height: 35px; text-align: center; color: #666666;}




.PDetail_con .item_box .nomore,.PDetail_con .act_box .nomore,.PDetail_con .video_box .v_item .nomore{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px; display: block; margin: 0px auto; text-align: center; font-size: 12px; line-height: 30px; color: #999999; }

.PDetail_con .act_fixed,.Current_fixed{ width: 100%; height: 50px; border-top: 1px solid rgba(0,0,0,.2); background: #f5f5f5; box-sizing: border-box; position: fixed; bottom: 0; left: 0; }
.PDetail_con .act_fixed ul,.Current_fixed ul{ width: 100%; height: 100%; overflow: hidden; }
.PDetail_con .act_fixed ul li{ float: left; width: 16.6666666%; height: 49px; overflow: hidden; }
.PDetail_con .act_fixed ul li a,.Current_fixed ul li a{ display: block; }
.PDetail_con .act_fixed ul li a i,.Current_fixed ul li a i{ display: block; width: auto; height: 20px; margin: 3px auto 2px; }
.PDetail_con .act_fixed ul li:nth-child(1) a i,.Current_fixed ul li:nth-child(1) a i{ background: url(/images/act_icon01.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li.cur:nth-child(1) a i,.Current_fixed ul li.cur:nth-child(1) a i{ background: url(/images/act_icon01_cur.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li:nth-child(2) a i,.Current_fixed ul li:nth-child(2) a i{ background: url(/images/act_icon02.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li.cur:nth-child(2) a i,.Current_fixed ul li.cur:nth-child(2) a i{ background: url(/images/act_icon02_cur.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li:nth-child(3) a i{ background: url(/images/act_icon03.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li.cur:nth-child(3) a i{ background: url(/images/act_icon03_cur.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li:nth-child(4) a i{ background: url(/images/act_icon04.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li.cur:nth-child(4) a i{ background: url(/images/act_icon04_cur.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li:nth-child(5) a i{ background: url(/images/act_icon05.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li.cur:nth-child(5) a i{ background: url(/images/act_icon05_cur.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li:nth-child(6) a i{ background: url(/images/act_icon06.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li.cur:nth-child(6) a i{ background: url(/images/act_icon06_cur.png) no-repeat center center; background-size: 20px; }
.PDetail_con .act_fixed ul li a p,.Current_fixed ul li a p{ width: 100%; height: auto; overflow: hidden; font-size: 12px; line-height: 24px; color: #999999; text-align: center; }
.PDetail_con .act_fixed ul li.cur a p,.Current_fixed ul li.cur a p{ color: #202020; }
.Current_fixed ul li{ float: left; width: 25%; height: 49px; overflow: hidden; }
.Current_fixed ul li:nth-child(3) a i{ background: url(/images/act_icon03.png) no-repeat center center; background-size: 20px; }
.Current_fixed ul li.cur:nth-child(3) a i{ background: url(/images/act_icon03_cur.png) no-repeat center center; background-size: 20px; }
.Current_fixed ul li:nth-child(4) a i{ background: url(/images/icon_nav04.png) no-repeat center center; background-size: 20px; }
.Current_fixed ul li.cur:nth-child(4) a i{ background: url(/images/icon_nav04_cur.png) no-repeat center center; background-size: 20px; }


.PDetail_con .Tech_con h3{ width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 24px; text-align: center; color: #202020; margin-top: 10px; }
.PDetail_con .Tech_con .list{ float: left; width: 48%; height: 90px; border-radius: 5px; margin: 10px 1%; }
.PDetail_con .Tech_con .list a{ display: block; position: relative; }
.PDetail_con .Tech_con .list a img{ display: block; width: 100%; height: 90px; overflow: hidden; border-radius: 5px; }
.PDetail_con .Tech_con .list a span{ width: 100%; height: 90px; background: rgba(255,255,255,.6); position: absolute; top: 0px; left: 0px; border-radius: 5px; }
.PDetail_con .Tech_con .list.open a span{ background: rgba(0,0,0,.3); }
.PDetail_con .Tech_con .list a span.techdaytitle{ width: 100%; height: auto; padding: 7px 5px 0px; box-sizing: border-box; overflow: hidden; background: none; font-size: 13px; line-height: 18px; text-align: center; color: rgba(255,255,255,1); position: absolute; top: 0; left: 0; }
.PDetail_con .Tech_con .list a p{ width: 100%; height: auto; overflow: hidden; font-size: 12px; line-height: 20px; text-align: center; color: rgba(255,255,255,.8); position: absolute; top: 45px; left: 0px; }
.PDetail_con .Tech_con .list a p strong{ font-size: 16px; font-weight: normal; color: #01fffc; }












#con_pro{ padding: 0px;}
#con_pro .tit,#con_pro .down{ width: 100%; height: auto; padding: 10px 0px; overflow: hidden;}
#con_pro .tit img,#con_pro .down img{ width: 78%; margin: 0px auto;}
#con_pro .tit{ top: 0px; left: 0px; position: relative;
	animation:tit 1s;
	-moz-animation:tit 1s; /* Firefox */
	-webkit-animation:tit 1s; /* Safari and Chrome */
	-o-animation:tit 1s; /* Opera */}
	@keyframes tit
		{
		0%   {opacity: 0; top: 20px; left: 0px;}
		100%  {opacity: 1; top: 0px; left: 0px;}
		}
#con_pro .down{ bottom: 0px; left: 0px; position: relative;
	animation:down 1s;
	-moz-animation:down 1s; /* Firefox */
	-webkit-animation:down 1s; /* Safari and Chrome */
	-o-animation:down 1s; /* Opera */}
	@keyframes down
		{
		0%   {opacity: 0; bottom: 20px; left: 0px;}
		100%  {opacity: 1; bottom: 0px; left: 0px;}
		}
#con_pro .item{ width: 100%; height: auto; overflow: hidden; position: relative;}
#con_pro .item img{ width: 100%; height: auto; overflow: hidden;}
#con_pro .item p{ position: absolute; font-size: 0.9em; line-height: 30px; padding-left: 5px; padding-right: 5px;}
#con_pro .item p a{ color: #43DFE2; font-weight: bold;}
#con_pro .item p.p1{ top: 10px; left: 0px;
	animation:pone 1.25s;
	-moz-animation:pone 1.25s; /* Firefox */
	-webkit-animation:pone 1.25s; /* Safari and Chrome */
	-o-animation:pone 1.25s; /* Opera */}
	@keyframes pone
		{
		0%   {opacity: 0; top: 20px; left: 0px;}
		100%  {opacity: 1; top: 10px; left: 0px;}
		}
#con_pro .item p.p2{ top: 10px; right: 0px;
	animation:ptwo 1.25s;
	-moz-animation:ptwo 1.25s; /* Firefox */
	-webkit-animation:ptwo 1.25s; /* Safari and Chrome */
	-o-animation:ptwo 1.25s; /* Opera */}
	@keyframes ptwo
		{
		0%   {opacity: 0; top: 20px; right: 0px;}
		100%  {opacity: 1; top: 10px; right: 0px;}
		}
#con_pro .item p.p3{ top: 30%; left: 0px;
	animation:pthree 1.25s;
	-moz-animation:pthree 1.25s; /* Firefox */
	-webkit-animation:pthree 1.25s; /* Safari and Chrome */
	-o-animation:pthree 1.25s; /* Opera */}
	@keyframes pthree
		{
		0%   {opacity: 0; top: 40%; left: 0px;}
		100%  {opacity: 1; top: 30%; left: 0px;}
		}
#con_pro .item p.p4{ bottom: 25%; right: 0px;
	animation:pfour 1.25s;
	-moz-animation:pfour 1.25s; /* Firefox */
	-webkit-animation:pfour 1.25s; /* Safari and Chrome */
	-o-animation:pfour 1.25s; /* Opera */}
	@keyframes pfour
		{
		0%   {opacity: 0; bottom: 15%; right: 0px;}
		100%  {opacity: 1; bottom: 25%; right: 0px;}
		}
#con_pro .item p.p5{ bottom: 10px; left: 0px; line-height: 18px;
	animation:pfive 1.25s;
	-moz-animation:pfive 1.25s; /* Firefox */
	-webkit-animation:pfive 1.25s; /* Safari and Chrome */
	-o-animation:pfive 1.25s; /* Opera */}
	@keyframes pfive
		{
		0%   {opacity: 0; bottom: 0px; left: 0px;}
		100%  {opacity: 1; bottom: 10px; left: 0px;}
		}
#con_pro .item p.p6{ bottom: 10px; right: 0px;
	animation:psix 1.25s;
	-moz-animation:psix 1.25s; /* Firefox */
	-webkit-animation:psix 1.25s; /* Safari and Chrome */
	-o-animation:psix 1.25s; /* Opera */}
	@keyframes psix
		{
		0%   {opacity: 0; bottom: 0px; right: 0px;}
		100%  {opacity: 1; bottom: 10px; right: 0px;}
		}
#con_pro a{ display: block;}
#con_pro a input{ display: block; width: 80%; height: 40px; background: #0066CC; border: 1px solid #fff; box-sizing:border-box; font-size: 15px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px; margin: 20px auto;}
#con_sol{ padding: 40px 0px 100px; position: relative;}
#con_sol img.bj{ width: 100%;}
#con_sol div{ position: absolute; width: 40%;height: auto; overflow: hidden;}
#con_sol div img{ width: 55%; margin: 0px auto;}
#con_sol div p{ width: 100%; height: auto; overflow: hidden; text-align: center; line-height: 20px; padding-top: 5px;}
#con_sol div p a{ font-size: 0.8em; color: #fff;}
#con_sol div.item01{ top: 5%; left: 3%;
	animation:itemone 1s;
	-moz-animation:itemone 1s; /* Firefox */
	-webkit-animation:itemone 1s; /* Safari and Chrome */
	-o-animation:itemtwo 1s; /* Opera */}
	@keyframes itemone
		{
		0%   {opacity: 0; top: 15%; left: 3%;}
		100%  {opacity: 1; top: 5%; left: 3%;}
		}
#con_sol div.item02{ top: 1%; right: 0px;
	animation:itemtwo 1.25s;
	-moz-animation:itemtwo 1.25s; /* Firefox */
	-webkit-animation:itemtwo 1.25s; /* Safari and Chrome */
	-o-animation:itemtwo 1.25s; /* Opera */}
	@keyframes itemtwo
		{
		0%   {opacity: 0; top: 12%; right: 0px;}
		100%  {opacity: 1; top: 1%; right: 0px;}
		}
#con_sol div.item03{ top: 27%; left: 5%;
	animation:itemthree 1.5s;
	-moz-animation:itemthree 1.5s; /* Firefox */
	-webkit-animation:itemthree 1.5s; /* Safari and Chrome */
	-o-animation:itemthree 1.5s; /* Opera */}
	@keyframes itemthree
		{
		0%   {opacity: 0; top: 40%; left: 5%;}
		100%  {opacity: 1; top: 27%; left: 5%;}
		}
#con_sol div.item04{ top: 30%; right: 2%;
	animation:itemfour 1.75s;
	-moz-animation:itemfour 1.75s; /* Firefox */
	-webkit-animation:itemfour 1.75s; /* Safari and Chrome */
	-o-animation:itemfour 1.75s; /* Opera */}
	@keyframes itemfour
		{
		0%   {opacity: 0; top: 40%; right: 2%;}
		100%  {opacity: 1; top: 30%; right: 2%;}
		}
#con_sol div.item05{ bottom: 21%; left: 4%;
	animation:itemfive 2s;
	-moz-animation:itemfive 2s; /* Firefox */
	-webkit-animation:itemfive 2s; /* Safari and Chrome */
	-o-animation:itemfive 2s; /* Opera */}
	@keyframes itemfive
		{
		0%   {opacity: 0; bottom: 11%; left: 4%;}
		100%  {opacity: 1; bottom: 21%; left: 4%;}
		}
#con_sol div.item06{ bottom: 23%; right: 3%;
	animation:itemsix 2.25s;
	-moz-animation:itemsix 2.25s; /* Firefox */
	-webkit-animation:itemsix 2.25s; /* Safari and Chrome */
	-o-animation:itemsix 2.25s; /* Opera */}
	@keyframes itemsix
		{
		0%   {opacity: 0; bottom: 13%; right: 3%;}
		100%  {opacity: 1; bottom: 23%; right: 3%;}
		}
#con_sol div.item07{ bottom: 3px; left: 30%;
	animation:itemseven 2.5s;
	-moz-animation:itemseven 2.5s; /* Firefox */
	-webkit-animation:itemseven 2.5s; /* Safari and Chrome */
	-o-animation:itemseven 2.5s; /* Opera */}
	@keyframes itemseven
		{
		0%   {opacity: 0; bottom: -10px; left: 30%;}
		100%  {opacity: 1; bottom: 3px; left: 30%;}
		}
#con_class{ position: relative; padding-bottom: 20px;}
#con_class img.bj{ width: 50%; margin: 0px auto;}
#con_class p{ position: absolute; width: 35%; height: 75px; line-height: 75px; text-align: center; border: 2px solid #fff; border-radius: 5px;}
#con_class p a{ font-size: 1.1em; font-weight: bold;}
#con_class p.p1{ background: #d9e8f8;opacity: 0.6; top: 22%; left: 2%;
	animation:classpone 1s;
	-moz-animation:classpone 1s; /* Firefox */
	-webkit-animation:classpone 1s; /* Safari and Chrome */
	-o-animation:classpone 1s; /* Opera */}
	@keyframes classpone
		{
		0%   {opacity: 0; top: 32%; left: 2%;}
		100%  {opacity: 0.6; top: 22%; left: 2%;}
		}
#con_class p.p1 a{ color: #5F84C3;}
#con_class p.p2{ background: #5F84C3;opacity: 0.6; top: 22%; right: 2%;
	animation:classptwo 1s;
	-moz-animation:classptwo 1s; /* Firefox */
	-webkit-animation:classptwo 1s; /* Safari and Chrome */
	-o-animation:classptwo 1s; /* Opera */}
	@keyframes classptwo
		{
		0%   {opacity: 0; top: 32%; right: 2%;}
		100%  {opacity: 0.6; top: 22%; right: 2%;}
		}
#con_class p.p2 a{ color: #C6D4E2;}
#con_class p.p3{ background: #5F84C3;opacity: 0.6; top: 49%; left: 2%;
	animation:classpthree 1s;
	-moz-animation:classpthree 1s; /* Firefox */
	-webkit-animation:classpthree 1s; /* Safari and Chrome */
	-o-animation:classpthree 1s; /* Opera */}
	@keyframes classpthree
		{
		0%   {opacity: 0; top: 59%; left: 2%;}
		100%  {opacity: 0.6; top: 49%; left: 2%;}
		}
#con_class p.p3 a{ color: #C6D4E2;}
#con_class p.p4{ background: #444444; opacity: 0.6; top: 49%; right: 2%;
	animation:classpfour 1s;
	-moz-animation:classpfour 1s; /* Firefox */
	-webkit-animation:classpfour 1s; /* Safari and Chrome */
	-o-animation:classpfour 1s; /* Opera */}
	@keyframes classpfour
		{
		0%   {opacity: 0; top: 59%; right: 2%;}
		100%  {opacity: 0.6; top: 49%; right: 2%;}
		}
#con_class p.p4 a{ color: #C6D4E2;}
#con_class a{ display: block;}
#con_class input{ position: absolute; width: 50%; background: linear-gradient(to right,rgba(255,167,0,.60),rgba(255,167,0,0.60) 75%);; border: 2px solid #fff; border-radius: 5px; text-align: center; line-height: 50px; color: #fff; font-weight: bold; bottom: 10%; left: 25%; font-size: 1.1em;}
#con_about{ padding-top: 20px; padding-bottom: 20px;}
#con_about p{ font-size: 0.9em; line-height: 25px; color: #fff; padding-bottom: 5px; position: relative;
	animation:pabout 1s;
	-moz-animation:pabout 1s; /* Firefox */
	-webkit-animation:pabout 1s; /* Safari and Chrome */
	-o-animation:pabout 1s; /* Opera */}
	@keyframes pabout
		{
		0%   {opacity: 0; top: 10px; left: 0px;}
		100%  {opacity: 1; top: 0px; left: 0px;}
		}
#con_about span{ font-size: 0.9em; line-height: 22px; padding: 5px 0px; color: #FFA700; position: relative;
	animation:span 1s;
	-moz-animation:span 1s; /* Firefox */
	-webkit-animation:span 1s; /* Safari and Chrome */
	-o-animation:span 1s; /* Opera */}
	@keyframes span
		{
		0%   {opacity: 0; top: 10px; left: 0px;}
		100%  {opacity: 1; top: 0px; left: 0px;}
		}
#con_about .erweima{ width: 40%; height: auto; overflow: hidden; margin: 10px auto 10px; padding-top: 10px; position: relative;
	animation:erweima 1s;
	-moz-animation:erweima 1s; /* Firefox */
	-webkit-animation:erweima 1s; /* Safari and Chrome */
	-o-animation:erweima 1s; /* Opera */}
	@keyframes erweima
		{
		0%   {opacity: 0; top: 10px; left: 0px;}
		100%  {opacity: 1; top: 0px; left: 0px;}
		}
#con_about .erweima img{ width: 100%; margin-bottom: 10px;}
#con_about .erweima p{ width: 100%; height: auto; overflow: hidden; font-size: 0.9em; line-height: 30px; color: #fff; text-align: center;}

#data_tit{ width: 100%; height: 50px; position: relative; background: #FFA700;}
#data_tit .left,#data_tit .mune{ float: left; width: 15%; height: auto; padding: 10px 10px; box-sizing:border-box;}
#data_tit .left img,#data_tit .mune img{ width: 30px;}
#data_tit p{ float: left; width: 70%; font-size: 18px; line-height: 30px; color: #fff; margin-top: 12px; text-align: center; font-weight: bold;}
#con{ width: 100%; height: auto; min-height: 100%; box-sizing: border-box; overflow: hidden;}
#con .data_tit01{ width: 100%; height: auto; overflow: hidden; background: #fff;}
#con .data_tit01 ul{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px 0px;}
#con .data_tit01 ul li{ float: left; width: 25%; height: 30px; line-height: 27px; text-align: center;}
#con .data_tit01 ul li.cur{ border-bottom: 2px solid #eb6b19;}
#con .data_tit01 ul li a{ font-size: 14px; line-height: 20px; display: block; border-right: 1px solid #d2d8ef;}
#con .data_tit01 ul li:last-child a{ border-right: none;}
#con .data_tit01 ul li.cur a{ color: #eb6b19;}
#con .data_tit01 select{ width: 25%; height: 36px; font-size: 0.9em; line-height: 42px; color: #666; text-align: center; border-right: 1px solid #f4f5f7; box-sizing:border-box; padding-left: 7%; background: url(/images/down.png) no-repeat 95% 12px;}
#con .data_tit01 span{ width: 25%; line-height: 36px; padding-left: 5px; box-sizing:border-box; line-height: 36px; font-size: 0.9em; color: #666;}
#con .result{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px;}
#con .result p{ width: 100%; font-size: 0.9em; line-height: 30px; text-align: center; color: #000;}
#con .result a{ display: block; width: 45%; height: 30px; font-size: 0.9em; line-height: 30px; text-align: center; color: #fff; margin: 0px auto; background: #FFA700; border-radius: 5px;}






#con .data_tit02{ width: 100%; margin: 0 auto; overflow: hidden; height: 60px; overflow-x: scroll; background: #f4f5f7; padding-top: 10px;}
#con .data_tit02 ul{ width: 200%; height: 60px;}
#con .data_tit02 ul li{ width: auto; height: 65px; margin: 0 5px; float: left; overflow: hidden; text-align: left; color: #CBCBCB; font-size: 0.8em; line-height: 25px;}
#con .data_tit02 ul li a{ display: block; width: 100%; height: auto;}
#con .data_tit02 ul li a img{ width: 30px; height: 30px; margin: 0px auto 5px;}
#con .data_tit02 ul li a p{ width: 100%; height: 0.7em; line-height: 18px; text-align: center; color: #666;}
#con .data_tit02 ul li.cur a p{ color: #ff9900;}
#con .data_con01{ width: 100%; height: auto; overflow: hidden; padding-bottom: 5px;}
#con .data_con01 dl{ width: 100%; height: auto; overflow: hidden;}
#con .data_con01 dl dt{ width: 100%; height: auto; overflow: hidden; position: relative;}
#con .data_con01 dl dt a{ display: block;}
#con .data_con01 dl dt a img{ width: 100%;}
#con .data_con01 dl dt a h3{ width: 100%; height: 40px; text-align: center;background: linear-gradient(to right,rgba(0,0,0,.60),rgba(0,0,0,0.60) 75%); color: #fff; font-size: 1.2em; line-height: 40px; position: absolute; left: 0px; bottom: 0px; font-weight: bold;}
#con .data_con01 dl dd{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box; font-size: 0.9em; line-height: 24px; color: #666;}
#con .data_con01 dl dd a{ color: #5F84C3;}
#con .data_con02{ padding: 5px; height: auto; overflow: hidden;}
#con .data_con02 .item,#con .data_con03 .item_list .item{ width: 98%; height: auto; overflow: hidden; box-sizing:border-box; background: #fff; margin: 5px auto 10px; box-shadow: 0px 0px 5px #d8d8d8; border-radius: 2px; position: relative; border: 1px solid #cacbcb;}
#con .data_con02 .item dl,#con .data_con03 .item_list .item dl{ width: 100%; height: auto; overflow: hidden; padding: 5px; box-sizing:border-box;}
#con .data_con02 .item dl dt,#con .data_con03 .item_list .item dl dt{ float: left; width: 35%; height: auto; overflow: hidden;}
#con .data_con02 .item dl dt a,#con .data_con03 .item_list .item dl dt a{ display: block;}
#con .data_con02 .item dl dt a img,#con .data_con03 .item_list .item dl dt a img{ width: 100%; height: 100px;}
#con .data_con02 .item dl dd,#con .data_con03 .item_list .item dl dd{ float: left; padding-left: 2%; width: 65%; box-sizing:border-box;}
#con .data_con02 .item dl dd span,#con .data_con03 .item_list .item dl dd span{ display: block; width: 70px; height: 25px; background: #5F84C3; text-align: center; color: #fff; line-height: 25px; font-size: 0.8em; margin-top: 5px;}
#con .data_con02 .item dl dd h3,#con .data_con03 .item_list .item dl dd h3{ width: 100%; height: 55px; padding-top: 5px; font-size: 1.1em; line-height: 25px;}
#con .data_con02 .item dl dd h3 a,#con .data_con03 .item_list .item dl dd h3 a{ color: #000;}
#con .data_con02 .item .sign,#con .data_con03 .item_list .item .sign{ width: 100%; height: 45px; background: #f0f0f0;}
#con .data_con02 .item .sign p,#con .data_con03 .item_list .item .sign p{ float: left; padding-left: 20px; font-size: 0.8em; color: #949494; line-height: 45px; background: url(/images/time.png) no-repeat 3px 15px; background-size: 13px 13px;}
#con .data_con02 .item .sign input,#con .data_con03 .item_list .item .sign input{ float: right; width: 65px; height: 24px; background: #FFA700; border-radius: 3px; border: none; text-align: center; line-height: 24px; color: #fff; font-size: 0.8em; margin-top: 11px; margin-right: 5px;}
#con .data_con03 .item_list .item .sign input.color{ background: #EB6B19;}
#con .data_con02 .item .sc,#con .data_con03 .item_list .item .sc{ position: absolute; display: block; width: 20px; height: 20px; background: url(/images/star-g.png) no-repeat; background-size: 20px 20px; top: 10px; right: 10px;}
#con .data_con02 .item .sc:hover,#con .data_con02 .item .sc.click,#con .data_con03 .item_list .item .sc:hover,#con .data_con03 .item_list .item .sc.click{ background: url(/images/star-c.png); background-size: 20px 20px;}

#con .data_con03,#con .sol_con01{ width: 100%; height: auto; overflow: hidden;}
#con .data_con03 h1,#con .sol_con01 h1{ width: 100%; height: 40px; background: #646464; padding-left: 10px; box-sizing:border-box; font-size: 1.2em; line-height: 40px; color: #fff; font-weight: bold;}
#con .data_con03 .div01,#con .sol_con01 .div01{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; box-sizing:border-box; background: #e4e4e4;}
#con .data_con03 .div01 h2{ font-size: 1.1em; line-height: 30px; color: #5F84C3; font-weight: bold; margin-bottom: 5px;}
#con .data_con03 .div01 p,#con .sol_con01 .div01 p{ width: 100%; height: auto; overflow: hidden; font-size: 0.9em; line-height: 20px; color: #666;}
#con .data_con03 .div02{ width: 100%; height: auto; overflow: hidden; padding: 20px 0px;}
#con .data_con03 .div02 img{ width: 50%; margin: 10px auto;}
#con .data_con03 .div02 p{ font-size: 1em; line-height: 24px; text-align: center;}
#con .data_con03 .div03{ width: 100%; height: auto; overflow: hidden;}
#con .data_con03 .div03 .list{ float: left; width: 33%; height: auto; overflow: hidden; margin-right: 0.5%; margin-bottom: 1px;}
#con .data_con03 .div03 .none{ margin-right: 0px;}
#con .data_con03 .div03 .list:last-child{ width: 66%;}
#con .data_con03 .div03 .list p{ width: 100%; height: 50px; padding: 5px 0px; box-sizing:border-box; background: #e4e4e4; color: #5F84C3; text-align: center; font-size: 0.7em; line-height: 20px;}
#con .data_con03 .item_list{ padding: 5px; height: auto; overflow: hidden;}
#con .data_con03 .item_list .item dl dd span.color{ background: #FFA700;}
#con .data_con03 .item_list .item .sign span{ float: right; display: block;font-size: 0.8em; line-height: 30px; color: #949494; background: url(/images/pdf.png) no-repeat 2px 7px; background-size: 15px; padding-left: 20px; margin-right: 8px; margin-top: 8px;}
#con .data_con03 .item_list .item .sign span.sp02{ background: url(/images/watch.png) no-repeat 2px 7px; background-size: 15px;}
#con .data_con03 .answer{ padding: 10px 10px; height: auto; overflow: hidden;}
#con .data_con03 .answer .qustion{ width: 100%; height: 35px; background: #949494; border-radius: 20px;}
#con .data_con03 .answer .qustion p{ float: left; padding-left: 20px; font-size: 1em; line-height: 35px; color: #fff; font-weight: bold;}
#con .data_con03 .answer .qustion a{ display: block; height: 25px; float: right; padding-left: 20px; padding-right: 20px; border-left: 1px solid #fff; margin-top: 5px;}
#con .data_con03 .answer .qustion a img{ margin-top: 0px;}
#con .data_con03 .ans_list{ width: 100%; height: auto; overflow: hidden; padding: 5px; box-sizing:border-box;}
#con .data_con03 .ans_list .item{ width: 100%; height: auto; overflow: hidden; border: 1px solid #cacbcb; box-sizing: border-box; background: #fff;  margin-bottom: 10px; box-shadow: 0px 1px 4px #d8d8d8; border-radius: 5px;}
#con .data_con03 .ans_list .item .qus{ width: 100%; height: auto; padding: 5px; box-sizing:border-box;}
#con .data_con03 .ans_list .item .qus .p1,#con .data_con03 .ans_list .item .ans .p2{ width: 100%; height: auto; overflow: hidden; margin-bottom: 5px; font-size: 0.9em; line-height: 24px; color: #797979;}
#con .data_con03 .ans_list .item .qus .p1 span,#con .data_con03 .ans_list .item .ans .p2 span{ color: #ff6600; padding-right: 5px;}
#con .data_con03 .ans_list .item .qus .p2,#con .data_con03 .ans_list .item .ans .p1{ width: 100%; height: auto; overflow: hidden; font-size: 0.8em; line-height: 20px; padding-bottom: 10px; color: #c9c9c9;}
#con .data_con03 .ans_list .item .qus ul{ width: 100%; height: auto; overflow: hidden; padding-bottom: 10px;}
#con .data_con03 .ans_list .item .qus ul li{ float: left; width: 33%;height: 90px; margin-right: 0.33333%;}
#con .data_con03 .ans_list .item .qus ul li img{ width: 100%; height: 90px;}
#con .data_con03 .ans_list .item .ans{ width: 100%; height: auto; overflow: hidden; background: #F4F5F7; border-top: 1px solid #D2D8EF; padding: 5px 5px; box-sizing:border-box;}
#con .data_con03 .upload{ width: 100%; height: auto; overflow: hidden; padding: 10px 5px; margin-top: 10px; box-sizing:border-box;}
#con .data_con03 .upload h3{ width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 16px; color: #868686;}
#con .data_con03 .upload ul{ width: 100%; height: auto; overflow: hidden;}
#con .data_con03 .upload ul li{ float: left; width: 30%; height: 90px; border: 1px dashed #bcbcbc; border-radius: 5px; margin: 20px 1.3%; background: url(/images/camera.png) no-repeat center center; background-size: 30% 30px; position: relative;}
#con .data_con03 .upload ul li div{ width: 80%; height: 90px; overflow: hidden; margin: 0px auto; border-radius: 5px;}
#con .data_con03 .upload ul li div img{ width: 100%; height: 90px; border-right: 5px;}
#con .data_con03 .upload ul li img.close{ position: absolute; width: 20px; height: 20px; top: -8px; right: 0px;}
#con .data_con03 .upload textarea{ width: 100%; height: 80px; border: 1px solid #ccc; padding: 10px; box-sizing:border-box; font-size: 16px; line-height: 24px; color: #aeaeae; margin: 20px 0px;}
#con .data_con03 .upload a{ display: block;}
#con .data_con03 .upload a input{ width: 100%; height: 45px; background: #ffa700; text-align: center; border: none; font-size: 1em; line-height: 45px; color: #fff; border-radius: 5px;}







#con .calendar_tit,#con .tv_tit{ width: 100%; height: auto; overflow: hidden;}
#con .calendar_tit ul,#con .tv_tit ul{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px 0px; background: #fff;}
#con .calendar_tit ul li,#con .tv_tit ul li{ float: left; width: 25%; height: 30px; line-height: 27px; text-align: center;}
#con .tv_tit ul li{ width: 33.333%;}
#con .calendar_tit ul li a,#con .tv_tit ul li a{ font-size: 14px; line-height: 20px; display: block; border-right: 1px solid #f4f5f7;}
#con .calendar_tit ul li.cur,#con .tv_tit ul li.cur{ border-bottom: 2px solid #eb6b19;}
#con .calendar_tit ul li.cur a,#con .tv_tit ul li.cur a{ color: #eb6b19;}
#con .calendar_tit ul li:last-child,,#con .tv_tit ul li:last-child{ border-right: none;}
#con .calendar_con,#con .tv_con{ width: 100%; height: auto; overflow: hidden;}
#con .calendar_con .tit{ width: 100%; height: 35px; background: #d2d8ef;}
#con .calendar_con .tit div{ font-size: 0.9em; line-height: 35px; color: #666666;}
#con .calendar_con .tit .w_1,#con .calendar_con .tit .w_2,#con .calendar_con .tit .w_3,#con .calendar_con .div01 .w_2,#con .calendar_con .div02 .w_2{ float: left; width: 55%; padding-left: 5px; box-sizing:border-box;}
#con .calendar_con .tit .w_2,#con .calendar_con .div01 .w_2,#con .calendar_con .div02 .w_2{ width: 30%; font-size: 0.9em; line-height: 35px;}
#con .calendar_con .tit .w_3,#con .calendar_con .div01 .w_3,#con .calendar_con .div02 .w_3{ width: 15%; float: left; font-size: 0.9em; line-height: 35px; padding-left: 5px; box-sizing: border-box;}
#con .calendar_con .div01,#con .calendar_con .div02{ width: 100%; height: 35px; background: #fff;}
#con .calendar_con .div01{ background: #f4f5f7;}
#con .calendar_con .div01 .w_1,#con .calendar_con .div02 .w_1{ float: left; width: 55%; height: 30px; line-height: 30px; font-size: 0.9em; overflow: hidden; padding-left: 5px; box-sizing:border-box;}
#con .calendar_con .div01 .w_1 a,#con .calendar_con .div02 .w_1 a{ display: block; width: 100%; height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#con .calendar_con .change{ width: 100%; height: auto; overflow: hidden; padding-top: 20px;}
#con .calendar_con .change a{ display: block;}
#con .calendar_con .change a img{ margin: 0px auto 5px;}
#con .calendar_con .change p{ width: 100%; height: auto; overflow: hidden;}
#con .calendar_con .change p a{ font-size: 0.9em; line-height: 25px; text-align: center; color: #00A4A7;}
#con .tv_con{ width: 100%; height: auto; overflow: hidden; position: relative;}
#con .tv_con a{ display: block;}
#con .tv_con a img{ width: 100%; height: auto;}
#con .tv_con a h3{ width: 100%; height: 40px; text-align: center; background: linear-gradient(to right,rgba(0,0,0,.60),rgba(0,0,0,0.60) 75%); color: #fff; font-size: 1em; line-height: 40px; position: absolute; left: 0px; bottom: 0px; font-weight: bold;}


#con .user{ width: 100%; height: auto; overflow: hidden;}
#con .user h1{ width: 100%; height: auto; overflow: hidden; text-align: center; line-height: 50px; font-size: 2em; font-weight: bold; font-family: sans-serif; color: #444444;}
#con .user h3{ width: 100%; height: auto; overflow: hidden; font-size: 1em; line-height: 25px; text-align: center; color: #666666; margin-bottom: 5px;}
#con .user img{ width: 70%; height: auto; overflow: hidden; margin: 0px auto 10px;}
#con .user p{ font-size: 0.9em; line-height: 25px; color: #444444;}
#con .user p.p1{ float: left; padding-left: 10%;}
#con .user p.p2{ float: right; padding-right: 10%;}
#con .user a{ float: left; display: block; margin: 10px 0px; width: 100%;}
#con .user a input{ width: 90%; height: 45px; background: #FFA700; text-align: center; border: none; border-radius: 5px; line-height: 45px; color: #fff; margin: 30px auto 20px; display: block; font-size: 16px;}




#con .sol_con01 .div01{ padding: 0px;}
#con .sol_con01 .div01 img{ width: 100%;}
#con .sol_con01 .div01 p{ padding: 5px 5px; box-sizing:border-box;}
#con .sol_con01 .div01 p a{ font-size: 0.8em; color: #5F84C3;}
#con .sol_con01 .div02{ width: 100%; height: auto; overflow: hidden; padding:0px 5px; box-sizing:border-box;}
#con .sol_con01 .div02 .list01,#con .sol_con01 .div02 .list02{ float: left; width: 35%; height: auto; overflow: hidden; margin-right: 1%;}
#con .sol_con01 .div02 .list02{ width: 28%; margin-right: 0px;}
#con .sol_con01 .div02 .list01 a,#con .sol_con01 .div02 .list02 a{ display: block; width: 100%; height: 80px; margin-top: 5px; background: #00A4A7; position: relative;}
#con .sol_con01 .div02 .list01 a.bj{ background: #70C4C2;}
#con .sol_con01 .div02 .list02 a{ height: 165px;}
#con .sol_con01 .div02 .list01 a img,#con .sol_con01 .div02 .list02 a img{ width: 45px; position: absolute; left: 5px; top: 5px;}
#con .sol_con01 .div02 .list01 a p,#con .sol_con01 .div02 .list02 a p{position: absolute; right: 5px; bottom: 5px; font-size: 1em; color: #fff; font-weight: bold;}
#con .sol_con01 .item_list{ width: 100%; height: auto; overflow: hidden;}
#con .sol_con01 .item_list a{ display: block; padding: 10px 5px; box-sizing:border-box; border-bottom: 1px dotted #d7d7d7;}
#con .sol_con01 .item_list a:last-child{ border-bottom: none;}
#con .sol_con01 .item_list a dl{ width: 100%; height: 80px; overflow: hidden;}
#con .sol_con01 .item_list a dl dt{ float: left; width: 25%; height: 80px; overflow: hidden;}
#con .sol_con01 .item_list a dl dt img{ width: 100%; height: 80px;}
#con .sol_con01 .item_list a dl dd{ float: left; width: 75%; height: 80px; padding-left: 5px; box-sizing:border-box; font-size: 1.1em; line-height: 30px; font-weight: normal; color: #000;}
#con .sol_con01 .item_list a dl dd sub{ display: inline-block; width: 20px; height: 20px; padding-left: 5px;}
#con .sol_con01 .item_list a dl dd sub img{ width: 20px;}



#con .meeting{ width: 100%; height: auto; overflow: hidden;}
#con .meeting .meeting_tit{ width: 100%; height: auto; overflow: hidden; background: #ffcc00; padding: 5px 20px; box-sizing:border-box;}
#con .meeting .meeting_tit .head{ float: left; width: 100px; height: auto; overflow: hidden; box-sizing:border-box;}
#con .meeting .meeting_tit .head img.tx{ width: 70px; height: 70px; border-radius: 50%; border: 3px solid #fff; margin: 0px auto 5px; box-sizing:border-box;}
#con .meeting .meeting_tit .head p{ width: 100%; text-align: center; font-size: 0.9em; line-height: 25px; color: #fff; font-weight: bold; float: left; position: relative;}
#con .meeting .meeting_tit .head p .revise{ position: absolute; display: block; width: 15px; height: 15px; top: 3px; right: 3px;}
#con .meeting .meeting_tit .head p .revise img{ width: 15px; height: 15px;}
#con .meeting .meeting_tit .right{ float: right; width: 170px; overflow: hidden;}
#con .meeting .meeting_tit .right h3{ width: 100%; height: auto; padding-bottom: 5px; text-align: right; font-size: 1em; line-height: 30px; color: #fff;}
#con .meeting .meeting_tit .right h3 span{ font-size: 1.3em; font-weight: bold; padding-right: 5px; color: #fff;}
#con .meeting .meeting_tit .right hr{ width: 80%; border: 1px solid #fff; float: right;}
#con .meeting .meeting_tit .right a{ display: block; padding: 0px 20px; font-size: 0.9em; width: auto; line-height: 30px; color: #fff; border: 1px solid #fff; border-radius: 5px; float: right; margin: 20px 0px 0px;}
#con .meeting .meeting_tit .right a.yes{ color: #dddddd; border-color: #dddddd;}
#con .meeting .meeting_con{ width: 100%; height: auto; overflow: hidden;}
#con .meeting .meeting_con .meeting_con_tit{ width: 100%; height: auto; overflow: hidden; background: #fff;}
#con .meeting .meeting_con .meeting_con_tit ul{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px 0px;}
#con .meeting .meeting_con .meeting_con_tit ul li{ float: left; width: 50%; height: 30px; line-height: 30px; text-align: left;}
#con .meeting .meeting_con .meeting_con_tit ul li.cur{ border-bottom: 2px solid #ffa700;}
#con .meeting .meeting_con .meeting_con_tit ul li a{ font-size: 14px; line-height: 20px; display: block; border-right: 1px solid #d2d8ef;}
#con .meeting .meeting_con .meeting_con_tit ul li:last-child a{ border-right: none;}
#con .meeting .meeting_con .meeting_con_tit ul li a img{ float: left; margin-right: 5px; width: 23px; padding-left: 5px;box-sizing:border-box; margin-left: 25%;}
#con .meeting .meeting_con .meeting_con_tit ul li a img.yes{ display: block;}
#con .meeting .meeting_con .meeting_con_tit ul li a img.no{ display: none;}
#con .meeting .meeting_con .meeting_con_tit ul li.cur a img.yes{ display: none;}
#con .meeting .meeting_con .meeting_con_tit ul li.cur a img.no{ display: block;}
#con .meeting .meeting_con .meeting_con_con{ width: 100%; height: auto; overflow: hidden; background: #ffffff; padding: 10px 5px; box-sizing:border-box;}
#con .meeting .meeting_con .meeting_con_con .enter{ width: 100%; height: 35px; background: #949494; border-radius: 20px; margin-bottom: 10px;}
#con .meeting .meeting_con .meeting_con_con .enter p{ float: left; padding-left: 20px; font-size: 1em; line-height: 35px; color: #fff; font-weight: bold;}
#con .meeting .meeting_con .meeting_con_con .enter a{ display: block; height: 25px; float: right; padding-left: 20px; padding-right: 20px; border-left: 1px solid #fff; margin-top: 5px;}
#con .meeting .meeting_con .meeting_con_con .enter a img{ margin-top: 0px;}
#con .meeting .meeting_con .meeting_con_con .li{ width: 100%; height: 45px; margin-bottom: 10px;}
#con .meeting .meeting_con .meeting_con_con .li ul{ width: 100%; height: 45px; overflow: hidden; background: #fff;}
#con .meeting .meeting_con .meeting_con_con .li ul li{ float: left; width: 50%; height: 45px;}
#con .meeting .meeting_con .meeting_con_con .li ul li a{ display: block; width: 100%; height: 45px;}
#con .meeting .meeting_con .meeting_con_con .li ul li a img{ width: 20px; height: 20px; float: left; padding: 13px 10px 0px 25%;}
#con .meeting .meeting_con .meeting_con_con .li ul li a p{ float: left; font-size: 1em; line-height: 45px; font-weight: bold; color: #666666;}
#con .meeting .meeting_con .meeting_con_con .li ul li.cur{ background: #ffa700;}
#con .meeting .meeting_con .meeting_con_con .li ul li.cur a p{ color: #fff;}
#con .meeting .meeting_con .meeting_con_con .item_con,#con .meeting .meeting_con .meeting_con_con .item_con ul{ width: 100%; height: auto; overflow: hidden; }
#con .meeting .meeting_con .meeting_con_con .item_con ul li{ width: 100%; height: auto; overflow: hidden; padding: 10px 10px; border-bottom: 1px dotted #f2f2f2; box-sizing: border-box;}
#con .meeting .meeting_con .meeting_con_con .item_con ul li.video a s{ display: inline-block; width: 20px; height: 20px; padding-left: 10px; background: url(/images/icon_video.png) no-repeat center center; background-size: 15px 15px;}
#con .meeting .meeting_con .meeting_con_con .item_con ul li.bg{ background-color: #f9f9f9;}
#con .meeting .meeting_con .meeting_con_con .item_con ul li a{ display: block; width: 100%; height: auto; overflow: hidden; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #686868; text-align: justify;}
#con .meeting .meeting_con .meeting_con_con .item_con ul li a span{ padding-left: 10px; font-size: 12px; display: inline-block; }
#con .meeting .meeting_con .meeting_con_con .item_con ul li a span.st01{ color: #ff9900; }
#con .meeting .meeting_con .meeting_con_con .item_con ul li a span.st02{ color: #009900; }


#con .meeting .meeting_con .integral{ width: 100%; height: auto; overflow: hidden;}
#con .meeting .meeting_con .integral img{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
#con .meeting .meeting_con .integral a{ display: block;}
#con .meeting .meeting_con .integral a input{ width: 90%; height: 45px; background: #ffcc00; border: none; margin: 0px auto 10px; font-size: 1em; border-radius: 5px; text-align: center; line-height: 45px; color: #fff; display: block;}
#con .meeting .meeting_con .integral a input.none{ background: #a1a1a1;}


#con .detail_tit{ width: 100%; padding: 10px; box-sizing:border-box; position: relative;}
#con .detail_tit h1{ width: 100%; height: auto; overflow: hidden; text-align: center; font-weight: bold; font-size: 20px; line-height: 24px; margin-bottom: 12px;}
#con .detail_tit h2{ font-size: 0.7em; line-height: 22px; color: #d7d7d7; border-bottom: 1px dotted #afafb2; padding-bottom: 5px; text-align: center;}
#con .detail_tit h3{ width: 100%; height: auto; overflow: hidden; font-size: 0.7em; line-height: 20px; text-align: center; color: #238951; padding-top: 10px;}
#con .detail_tit p{ width: 100%; height: 30px; padding-left: 10px; box-sizing:border-box; font-size: 0.7em; line-height: 30px; color: #00A4A7;}
#con .detail_tit p img{ display: inline-block; float: left; width: 15px; padding-top: 8px; margin-right: 10px;}
#con .detail_tit .sc{ width: 50px; height: 43px; position: absolute; right: 10px; bottom: 10px;}
#con .detail_tit .sc a{ display: block; width: 20px; height: 20px; margin: 0px auto 5px; background: url(/images/star-g.png) no-repeat 0px 0px; background-size: 30px;}
#con .detail_tit .sc a.cur,#con .detail_tit .sc a:hover,#con .detail_tit .sc a.click{ background: url(/images/star-c.png) no-repeat 0px 0px; background-size: 20px;}
#con .detail_tit .sc p{ font-size: 0.7em; line-height: 24px; text-align: center; color: #646464; padding: 0px;}

#con .detail03{ width: 100%; height: auto; overflow: hidden; padding: 8px; box-sizing:border-box;}
#con .detail03 p{ font-size: 16px; line-height: 24px; color: #666;}
#con .detail03 p a{ color: #ffa700; font-size: 14px;}
#con .detail03 img{ width: 100%; margin: 10px 0px;}
#con .erweima{ width: 35%; height: auto; overflow: hidden; padding: 10px 0px; margin: 0px auto;}
#con .erweima img{ width: 100%;}
#con .erweima p{ width: 100%; height: 30px; font-size: 0.8em; line-height: 30px; text-align: center;}
#con .tag{ width: 100%; height: auto; overflow: hidden; padding-left: 20px; box-sizing:border-box; background-image: url(/images/tag.png); background-repeat: no-repeat; background-position: 3px 3px; background-size: 15px 15px; padding-bottom: 10px;}
#con .tag span{ display: block; float: left; font-size: 0.7em; line-height: 20px; color: #000; padding: 0px 5px;}
#con .guess{ width: 100%; height: auto; overflow: hidden; padding: 0px 10px; box-sizing:border-box; background: #f2f2f2;}
#con .guess .tit{ font-size: 0.9em; line-height: 30px; color: #999; padding: 5px 0px;}
#con .guess .con{ width: 100%; height: auto; overflow: hidden;}
#con .guess .con dl{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px dotted #d7d7d7; padding-bottom: 10px; padding-top: 10px;}
#con .guess .con dl dt{ float: left; width: 25%; padding-right: 2%; box-sizing:border-box;}
#con .guess .con dl dt a,#con .guess .con dl dd a{ display: block;}
#con .guess .con dl dt a img{ width: 100%; height: 60px;}
#con .guess .con dl dd{ float: left; width: 73%; height: 60px;}
#con .guess .con dl dd a h5{ width: 100%; height: 40px; overflow: hidden; padding-bottom: 5px; font-size: 0.9em; line-height: 20px;}
#con .guess .con dl dd a p{ width: 100%; height: 15px; font-size: 0.7em; line-height: 15px; color: #d7d7d7; overflow: hidden; padding-left: 20px; box-sizing:border-box; background: url(/images/guess_icon01.png) no-repeat 2px 2px; background-size: 10px 10px;}


#user_tit{ width: 100%; height: 50px; background: #ffa700;}
#user_tit a{ display: block;}
#user_tit a img{ float: left; width: 30px; height: 30px; margin: 10px;}
#user_tit p{ float: left; font-size: 18px; line-height: 26px; color: #fff; margin-top: 12px; padding-left: 10px; border-left: 1px solid #fff;}
#user_con{ padding: 5px; height: auto; overflow: hidden; min-height: calc(100vh - 50px); box-sizing: border-box;}
#user_con .authentication{ width: 100%; height: 50px; position: relative; float: left; background: #fff; border-bottom: 1px solid #ccc;}
#user_con .authentication h1{ width: 100%; float: left; line-height: 50px; font-size: 16px; text-align: center; color: #666;}
#user_con .authentication ul{ width: 100%; height: 50px; position: absolute; top: 0px; float: left;}
#user_con .authentication ul li{ float: left; width: 50%; font-size: 18px; line-height: 50px; text-align: center; color: #ababab;}
#user_con .authentication ul li a{ color: #ababab; font-size: 16px;}
#user_con .authentication ul li.cur a{ color: #ffa700;}
#user_con .div01,#user_con .div02{ float: left; width: 100%; height: 40px; margin-top: 15px; overflow: hidden; border-radius: 5px; padding: 0px 15px; box-sizing:border-box;}
#user_con .div01 label{ float: left; width: 25%; height: 40px; background: #fff; color: #000; line-height: 40px; font-size: 0.9em; text-align: left; padding-left: 10px; box-sizing:border-box; border-radius: 5px 0px 0px 5px; border: 1px solid #ddd; border-right: none;}
#user_con .div01 input,#user_con .div01 select{ float: left; width: 75%; height: 40px; padding-left: 5px; box-sizing:border-box; font-size: 0.9em; line-height: 40px; color: #a9a9a9; background-color: #fff; border-radius: 0px 5px 5px 0px; border: 1px solid #ddd; border-left: none;}
#user_con .div01 select{ background-image: url(/images/down.png); background-position: 95% center; background-repeat: no-repeat;}
#user_con .div02 select{ float: left; width: 48%; margin-right: 2%; height: 40px; padding-left: 5px; box-sizing:border-box; font-size: 0.9em; line-height: 40px; color: #000; background-image: url(/images/down.png); background-position: 95% center; background-repeat: no-repeat; background-color: #d8d8d8; border-radius: 5px; border: 1px solid #ddd;}
#user_con .multiselect{ width: 100%; height: auto; overflow: hidden;}
#user_con .multiselect .tit{ width: 100%; height: 40px; font-size: 1em; text-align: left; line-height: 40px; color: #000; margin: 20px 0px 5px; padding-left: 10px; box-sizing:border-box;}
#user_con .multiselect .con{ width: 100%; height: auto; overflow: hidden; padding: 0px 10px 10px; box-sizing:border-box;}
#user_con .multiselect .con label{ width: 33.3333%; height: 30px; font-size: 0.7em; line-height: 30px; color: #000; display: block; float: left;}
#user_con .multiselect .con label input{ display: block; margin-top: 9px; float: left; margin-right: 3px; background: #fff; border: 1px solid #ddd;}

#user_con .code01,#user_con .code02{ width: 100%; height: 40px; margin-top: 15px; float: left; overflow: hidden;}
#user_con .code01 .text{ width: 70%; height: 37px; font-size: 16px; line-height: 37px; padding: 0px 8px; border: 1px solid #ccc; background-color: #fff; box-sizing:border-box; overflow: hidden; float: left;}
#user_con .code01 .btn{ width: 30%; background-color: #00A4A7; font-size: 14px; color: #fff; text-align: center; line-height: 37px; height: 37px; float: right;}
#user_con .code02{ height: 37px; background-color: #fff; margin-bottom: 8px; box-sizing:border-box;}
#user_con .code02 input,#user_con .code div input{ width: 100%; height: 37px; float: left; border: 1px solid #ccc; background: #fff; font-size: 16px; line-height: 37px; color: #ababab; padding: 0px 8px; box-sizing:border-box;}
#user_con .btn_next{ width: 100%; height: 40px; float: left; margin-top: 15px; margin-bottom: 5px;}
#user_con .btn_next input{ width: 100%; height: 40px; background: #ffa700; font-size: 16px; line-height: 40px; text-align: center; color: #fff; border-radius: 5px;}

#lottery_draw{ width: 100%; height: auto; overflow: hidden; position: relative;}
#lottery_draw img{ width: 100%; height: auto;}
#lottery_draw p{ width: 100%; height: auto; overflow: hidden; font-size: 0.7em; line-height: 20px; color: #000; padding: 5px 5px; box-sizing:border-box;}
#lottery_draw a{ display: block;}
#lottery_draw a img{ width: auto; height: 20px; position: absolute; top: 15px; left: 15px;}




#none{ width: 100%; height: 45px; overflow: hidden;}
#fixed{ width: 100%; height: 45px; position: fixed; bottom: 0px; left: 0px; background: #E16B0E;}
#fixed p{ float: left; font-size: 0.9em; line-height: 45px; padding-left: 5px; color: #fff;}
#fixed a{ display: block;}
#fixed a input{ width: 105px; height: 32px; float: right; margin-right: 5px; margin-top: 6px; background: #ff9900; text-align: center; line-height: 32px; color: #fff; font-size: 0.9em; border-radius: 3px;}
#fixed a input.btn_l{ float: left; margin-left: 5px; background-color: #00A4A7; padding-left: 20px; box-sizing:border-box; background-image: url(/images/tv.png); background-position: 5px 6px; background-repeat: no-repeat; background-size: 20px;}
#fixed a input.btn_r{ padding-left: 20px; box-sizing:border-box; background-image: url(/images/book.png); background-position: 5px 6px; background-repeat: no-repeat; background-size: 20px;}
#fixed a.sc{ display: block; float: left; width: 20px; height: 20px; margin-top: 10px; margin-left: 5px; background: url(/images/star-s.png) no-repeat 0px 0px; background-size: 20px;}
#fixed span{ display: block; float: left; padding-left: 5px; text-align: center; line-height: 45px; color: #fff; font-size: 0.7em;}

#return_top{ width: 45px; height: 45px; position: fixed; right: 10px; bottom: 20%;}
#return_top a{ display: block;}
#return_top a img{ width: 45px; height: 45px;}


#bj{ width: 100%; height: 100%; padding-top: 20%; box-sizing:border-box; background: linear-gradient(to right,rgba(0,0,0,.60),rgba(0,0,0,0.60) 75%); position: fixed; top: 0px; left: 0px;}
#tanchu{ width: 100%; height: auto; overflow: hidden; padding: 20px 0px; position: relative; margin: 0px auto;}
#tanchu .con,#tanchu .con01{ width: 85%; height: auto; overflow: hidden; padding: 20px 20px; box-sizing:border-box; background: #fff; border: 1px solid #666; margin: 0px auto; border-radius: 3px;}
#tanchu .con h3{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; font-size: 1em; line-height: 30px; font-weight: bold; color: #000;}
#tanchu .con div.txt,#tanchu .con div.none{ float: left; width: 100%; height: 40px; background: #e4e4e4; border: 1px solid #AEAEAE; overflow: hidden; margin: 8px 0px;}
#tanchu .con div.txt label{ float: left; padding-right: 5px; width: 20%; height: 40px; line-height: 40px; text-align: right; font-size: 0.9em; box-sizing:border-box;}
#tanchu .con div.txt label span{ color: #ff6600; padding-right: 5px; box-sizing:border-box;}
#tanchu .con div.txt input,#tanchu .con div select{ float: left; width: 80%; height: 40px; background: #e4e4e4; border: none; padding-left: 5px; box-sizing:border-box; color: #333;line-height: 40px;}
#tanchu .con div.txt select{ background-image: url(/images/down.png); background-position: 90% 9px; background-repeat: no-repeat;}
#tanchu .con div.none{ background: none; border: none; height: auto; overflow: hidden; margin-top: 10px;}
#tanchu .con div.none a{ display: block;}
#tanchu .con div.none button{ width: 100%; height: 40px; background: #FFA700; border: none; text-align: center; line-height: 40px; color: #fff; font-size: 1em; padding: 0px;}
#tanchu .close{ position: absolute; top: 10px; right: 5%; z-index: 1;}
#tanchu .con01{ padding: 0px 0px 20px;}
#tanchu .con01 .tit{ width: 100%; height: auto; overflow: hidden; padding: 20px 10px; box-sizing:border-box; background-image: url(/images/tanchu_bj.png); background-position: 5px center; background-repeat: no-repeat; background-color: #e4e4e4;}
#tanchu .con01 .tit p{ font-size: 0.8em; line-height: 24px; color: #333; text-align: center; margin-bottom: 5px;}
#tanchu .con01 .tit h4{ font-size: 0.9em; line-height: 20px; text-align: center; color: #000; font-weight: bold; text-align: center;}
#tanchu .con01 .countdown{ width: 85%; height: 40px; margin: 10px auto;    background-color: #868686; border-radius: 5px; padding-left: 40px; box-sizing:border-box; background-image: url(/images/tv.png); background-position: 5px center; background-repeat: no-repeat;font-size: 0.9em; line-height: 40px; color: #fff;}
#tanchu .con01 .inter{ width: 50%; height:40px; margin: 10px auto;}
#tanchu .con01 .inter a{ display: block;}
#tanchu .con01 .inter a input{ width: 100%; height: 40px; text-align: center; background: #EB6B19; border: none; line-height: 40px; color: #fff; font-size: 1em;}
#tanchu .con01 .erweima{ width: 100%; height: auto; overflow: hidden;}
#tanchu .con01 .erweima h3,#tanchu .con01 .erweima h4{ font-size: 0.9em; line-height: 30px; text-align: center; color: #000; font-weight: bold;}
#tanchu .con01 .erweima h4{ color: #ff6600;}
#tanchu .con01 .erweima img{ width: 40%; height: auto; overflow: hidden; margin: 5px auto 0px;}
#tanchu .con01 .erweima p{ font-size: 0.7em; line-height: 20px; text-align: center; color: #868686; margin-bottom: 5px;}
#tanchu .con01 .explain{ padding: 5px 10px 10px; height: auto; overflow: hidden;}
#tanchu .con01 .explain p{ width: 100%; height: auto; overflow: hidden; font-size: 0.8em; line-height: 20px; color: #000;}