@charset "utf-8";
/* CSS Document */

.left{ float:left}
.right{ float:right}
.margin_t{ width:1200px; overflow:hidden; margin:0 auto}
/*banner*/
.banner_bg{ width:100%; overflow:hidden; height:730px; background:url(banner_bg02.jpg) no-repeat top center; margin:0 auto}
.banner{ width:1180px; height:730px; background:url(banner.jpg) no-repeat top center; margin:0 auto; overflow:hidden; position:relative}
.bg_first_box{ width:420px; height:170px; background:#353533; margin:140px 0px 0px 10px; padding:20px;}
.bg_first_box ul{ width:100%; height:64px; border-bottom:solid 1px #ecee29; overflow:hidden; background:url(dian_d.jpg) no-repeat center center}
.bg_first_box ul li{ width:50%; float:left; font-size:18px; color:#ffffff; line-height:64px;}
.bg_first_box ul li.bg_te_r{ text-align:right}
.bg_first_box p{ font-size:27px; line-height:58px; color:#a5e9ff; font-weight:bold; text-align:center;}
.bg_se_box{ width:500px; margin:20px 0px 40px 15px; }
.bg_se_box b{ font-size:18px; color:#FFFFFF; line-height:20px;}
.bg_se_box p{ font-size:14px; line-height:28px; color:#ffffff}
.link_a{ width:100%; overflow:hidden}
.link_a li{ float:left; width:226px; height:36px; margin-left:15px; display:inline}
.link_a li a{ width:100%; display:block;  text-align:center; line-height:36px; font-size:16px; background:url(banner_a_h.png) no-repeat; color:#89d8f2; border-radius:11px;}
.link_a li a:hover{background:url(banner_a.png) no-repeat; color:#353533}
/*板块二*/
.bg_box2{ width:100%; height:734px; margin:0 auto; overflow:hidden; background:url(box_bg.jpg) no-repeat top center;}
.bg_box2 h2{ text-align:left; font-size:30px; color:#333333; line-height:100px; padding-left:25%; }
.div_main{ width:963px; height:428px; overflow:hidden; margin:0 auto}
.kuan{ width:959px; height:195px; border:solid 1px #6b6e6f;  border-radius: 20px;position:relative; overflow:hidden; margin-top:15px;}
.kuan b{ font-size:24px; line-height:50px; display:block; margin:10px 0px 0px 30px;}
.kuan p{ width:100%; overflow:hidden; font-size:16px; line-height:26px; color:#666666}
.kuan p:hover{ color:#16a9d9}
.content{ margin-left:30px;width:370px; height:280px;}
/*板块三*/
.bg_box3{ width:100%; height:750px; margin:0 auto; overflow:hidden; background:url(banner02.jpg) no-repeat;background-size: 100% 100%}
.bg_box3 h2{ text-align:center; font-size:30px; color:#ffffff; line-height:150px;}
.bg_box3_ul1{ width:842px; margin:0 auto; overflow:hidden}
.bg_box3_ul1 li{ width:150px; float:left; margin-right:80px; display:inline}
.bg_box3_ul1 li a{ width:100%; overflow:hidden}
.bg_box3_ul1 li a i{ width:120px; height:120px; display:block; margin:0 auto; font-size: 80px; text-align: center; color: #FFF; line-height: 120px; }
.bg_box3_ul1 .aaa a i{ color: #333333; }


.list_li1 a span{ background:url(list_0.jpg) no-repeat center center}
.list_li2 a span{ background:url(list_1.jpg) no-repeat center center}
.list_li3 a span{ background:url(list_2.jpg) no-repeat center center}
.list_li4 a span{ background:url(list_3.jpg) no-repeat center center}
.list_li1.aaa a span{ background:url(list_0_0.jpg) no-repeat center center}
.list_li2.aaa a span{ background:url(list_0_1.jpg) no-repeat center center}
.list_li3.aaa a span{ background:url(list_0_2.jpg) no-repeat center center}
.list_li4.aaa a span{ background:url(list_0_3.jpg) no-repeat center center}



.bg_box3_ul1 li a p{ text-align:center; line-height:114px; font-size:18px; color:#FFFFFF}
.bg_box3_ul1 li.aaa a p{ text-align:center; line-height:114px; font-size:18px; color:#333333}
.bg_box3_ul1 li.last{ margin-right:0px;}
.bg_box3_ul2{ width:690px; margin:0 auto; border-bottom:solid 1px #fff; border-top:solid 1px #fff; background:#8bd9f2; padding:30px 0px 30px 150px; overflow:hidden}
.bg_box3_ul2 li{ width:205px; float:left; font-size:16px; color:#666666; line-height:28px; margin-left:60px;}
.bg_box3_ul3{ width:800px; margin:0 auto; border-bottom:solid 1px #fff; border-top:solid 1px #fff; background:#8bd9f2; padding:30px 0px 30px 0px; overflow:hidden}
.bg_box3_ul3 li{ float:left; font-size:16px; color:#666666; line-height:28px; margin-left:100px;}
.bg_box3_ul4{ width:700px; margin:0 auto; border-bottom:solid 1px #fff; border-top:solid 1px #fff; background:#8bd9f2; padding:30px 0px 30px 200px; overflow:hidden}
.bg_box3_ul4 li{width:260px; float:left; font-size:16px; color:#666666; line-height:28px; margin-left:10px;}
.bg_box3_ul4{ width:700px; margin:0 auto; border-bottom:solid 1px #fff; border-top:solid 1px #fff; background:#8bd9f2; padding:30px 0px 30px 200px; overflow:hidden}
.bg_box3_ul4 li{width:260px; float:left; font-size:16px; color:#666666; line-height:28px; margin-left:10px;}
.display_n{ display:none}
#ca_0{ display:block}
.bg_box3_ul4#ca_1 li{margin-left:50px;}
/*a链接板块*/
.a_link{ width:478px; margin:90px auto 0px; overflow:hidden}
.a_link li{ width:226px; height:36px;}
.a_link li a{ width:100%; display:block; text-align:center; line-height:36px; font-size:16px;background:url(a_link.png) no-repeat; color:#333333;}
.a_link li a:hover{background:url(a_link_h.png) no-repeat; color:#f9f9fa;}



.t-box1 .table-box {
    width: 590px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
}
.t-box1 .table-box th {
    font-size: 16px;
    color: #323232;
    text-align: center;
    background: rgba(249,249,249,.7);
    padding: 17px 9px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    min-width: 200px;
}
.t-box1 .table-box td {
    font-size: 14px;
    color: #666;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    padding: 17px 20px 17px 38px;
}








@keyframes videoRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes arrow {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 0px)
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(0, 5px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, 10px)
    }
}

@-webkit-keyframes left_out {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes left_out {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes right_out {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes right_out {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes left_outs {
    0% {
        -webkit-transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes left_outs {
    0% {
        transform: translateX(-20px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}
				
.icons {
	background: url(iconas.png) no-repeat;
}
.mouse {
	position: absolute;
	width: 220px;
	height: 69px;
	left: 78%;
	top:545px;
	bottom: 80px;
	margin-left: -110px;
	background-position: -116px 0px;
	-webkit-animation: arrow 2.5s infinite ease-in-out;
}
.mouse-tip {
	position: absolute;
	width: 12px;
	height: 30px;
	left: 78%;
	top:620px;
	bottom: 35px;
	margin-left: -6px;
	background-position: -350px 0px;
	opacity: .8;
	-webkit-animation: arrow 2.5s infinite ease-in-out;
}










/*底部留言栏*/
.nuclearname-bar{position:fixed;height:100px;left:0;bottom:-200px;width:100%;z-index:10;transition:all 1s}
.nuclearname-bar .nuclearname-bg{width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);transition:all 1s}
.nuclearname-bar .zbj-grid-1200{ position:relative; width:1200px; margin:0 auto;}
.nuclearname-bar .nuclearname-main{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
.nuclearname-bar .nuclearname-main .btn-close{position:absolute;top:10px;right:10px;display:block}
.nuclearname-bar .nuclearname-main .btn-close .icon-close{background-position:-208px -33px;width:18px;height:18px;cursor:pointer}
.nuclearname-bar .nuclearname-intro{float:left;width:180px;margin-left:100px;margin-top:-48px}
.nuclearname-bar .nuclearname-intro img{ display:block; width:179px; height:178px;}
.nuclearname-bar .nuclearname-text{ float:left; width:360px; text-align:center; padding:16px 0;}
.nuclearname-bar .nuclearname-text p{ font-size:18px; color:#f4f4f4; margin-top:3px;}
.nuclearname-bar .nuclearname-cont{ float:left; margin-left:400px;margin-top: -65px; font-size:14px; color:#fff}
.nuclearname-bar .nuclearname-cont .cont-item{ float:left; width:400px; height:50px;}
.nuclearname-bar .nuclearname-cont .cont-item .cont-label{float:left; width:80px; text-align:left; line-height:36px; font-size:18px; color:#fff;}
.nuclearname-bar .nuclearname-cont .cont-item .cont-input{float:left; height:37px; line-height:37px; background-color:#fff; border-radius:5px;}
.nuclearname-bar .nuclearname-cont .cont-item .item-input{border:0;padding:0 12px;color:#666}
.nuclearname-bar .nuclearname-cont .cont-item .item-input-long{width:270px}
.nuclearname-bar .nuclearname-cont .cont-item .item-input-short{width:170px}
.nuclearname-bar .nuclearname-cont .cont-item .item-btn{float:right;display:block;margin-left:10px;width:108px;height:37px;line-height:37px;text-align:center;color:#fff;background-color:#2fbcec; border-radius:5px;}
.nuclearname-bar .nuclearname-cont .cont-item .item-btn:hover{text-decoration:none;background-color:#226cbd}



.icon {
    display: inline-block;
}
.icon-ic-btn-buy, .icon-ic-cart, .icon-ic-close {
    background-image: url(../images-xb/sprite.png);
    background-position: -377px -357px;
    width: 22px;
	height: 20px;
}