@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,strong,sub,sup,figure{margin:0;padding:0;list-style:none;font-style: normal;font-weight:normal;border:0 none;}
body{ background:#ffffff;font-family:"Helvetica Neue",Helvetica,"STheiti","Microsoft Yahei","SimHei",Arial,Tahoma,sans-serif,serif;color:#363636;line-height:1.5; margin:0 auto; min-width:320px; -webkit-text-size-adjust:none;font-size:90%;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table{border-collapse:collapse;border-spacing:0;width: 100%;}
button,input,select,textarea{font-family:"Helvetica Neue",Helvetica,"STheiti","Microsoft Yahei","SimHei",Arial,Tahoma,sans-serif,serif;font-size:.813em;}
button{cursor:pointer;border:none;padding:0; background:none;}
textarea{resize:none;}
.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both}	
.cf{*zoom:1}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;} 
a:focus,input:focus,textarea:focus{outline:none;}
a{text-decoration:none;color:#363636;}
a:link,a:visited{color:#363636}
a:hover{color:#363636;}
.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(../zrgk-img/banner_bg.png) no-repeat top center; margin:0 auto}
.banner{ width:1180px; height:730px; background:url(../zrgk-img/banner.jpg) no-repeat top center; margin:0 auto; overflow:hidden; position:relative}
.bg_first_box{ width:420px; height:130px; 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(../zrgk-img/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:30px; line-height:58px; color:#a5e9ff; font-weight:bold; text-align:center;}
.bg_se_box{ width:450px; 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(../zrgk-img/banner_a_h.png) no-repeat; color:#89d8f2; border-radius:11px;}
.link_a li a:hover{background:url(../zrgk-img/banner_a.png) no-repeat; color:#353533}
/*板块二*/
.bg_box2{ width:100%; height:734px; margin:0 auto; overflow:hidden; background:url(../zrgk-img/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:730px; margin:0 auto; overflow:hidden; background:#89d8f2;}
.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 span{ width:120px; height:120px; display:block; margin:0 auto }
.list_li1 a span{ background:url(../zrgk-img/list_0.jpg) no-repeat center center}
.list_li2 a span{ background:url(../zrgk-img/list_1.jpg) no-repeat center center}
.list_li3 a span{ background:url(../zrgk-img/list_2.jpg) no-repeat center center}
.list_li4 a span{ background:url(../zrgk-img/list_3.jpg) no-repeat center center}
.list_li1.aaa a span{ background:url(../zrgk-img/list_0_0.jpg) no-repeat center center}
.list_li2.aaa a span{ background:url(../zrgk-img/list_0_1.jpg) no-repeat center center}
.list_li3.aaa a span{ background:url(../zrgk-img/list_0_2.jpg) no-repeat center center}
.list_li4.aaa a span{ background:url(../zrgk-img/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(../zrgk-img/a_link.png) no-repeat; color:#333333;}
.a_link li a:hover{background:url(../zrgk-img/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(../zrgk-img/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;
}