﻿@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-06-04 15:39:16
 * @version $Id$
 */
.header {
    width: 100%;
    padding: .15rem 0;
}
.header a {
    float: left;
    width: 10%;
    margin-top: .03rem;
}
.header a img {
    width: .25rem;
    height: .25rem;
    margin: auto;
}
.header span {
    font-size: .24rem;
    float: left;
    width: 80%;
    text-align: center;
}
 /*顶部条*/
.kongbai_tiao{height:.7rem;background:#eee}
.header_box{border-bottom:1px solid #eee;}
/*内容部分*/
.design{width:100%;background:#82ac8a;padding:.5rem 0}
.design dd{width:1.6rem;height:1.6rem;overflow:hidden;border-radius:100%;margin:auto}
.design dd img{width:100%;height:100%;}
.design dt{text-align:center}
.design dt h1{font-size:.3rem;color:#fff;margin-top:.1rem}
.design dt span{font-size:.13rem;color:#fff;margin-top:.06rem;display:inline-block}

.design_content{width:100%}
.design_content h1{text-align:center;font-size:.24rem;color:#333;padding:.2rem 0;;border-bottom:.1rem solid #eee; font-weight:normal}
.design_content dl{border-bottom:8px solid #eee;padding-bottom:30px}
.design_content dd img{width:100%;/*height:3rem;*/}
.design_content dt{margin-top:.14rem;padding:0 .1rem}
.design_content_text{float:left}
.design_content_text h3{font-size:.18rem;color:#333;font-weight:normal;line-height:.32rem}
.design_content_text span{display:block;margin-top:.1rem;color:#666}
.design_content_but{float:right;}
.design_content_but a{display:block;width:1.1rem;line-height:.32rem;background:#084f2b;color:#fff;font-size:.14rem;text-align:center;border-radius:.2rem}
.design_content_but span{display:block;width:1.4rem;text-align:center;margin-top:.1rem;color:#666}
.design_content_but span font{color:#f00}


.grbox{ margin:20px auto;float: left;width: 100%;}
.grjs{ float:left; border:solid 1px #D6D6D6; width:835px; height:396px; background:#FFF}
.grcon{ float:right; width:468px; padding:30px;}
.grcon big{ display:block; font-size:16px; color:#666666}
.grcon big b{ font-weight:normal; font-size:20px; color:#009480; padding-right:10px}
.grcon span{ display:block; border-bottom:solid 1px #C9C9C9; font-size:14px; color:#666666; line-height:36px}
.grcon font{ background:url(../images/gr1.jpg) no-repeat 0 4px; padding-left:25px;font-size:14px; color:#666666; line-height:36px; padding-right:30px}
.grcon .font{background:url(../images/gr2.jpg) no-repeat 0 4px;}
.grcon .pp{background:url(../images/gr3.jpg) no-repeat 0 2px;padding-left:30px; margin-top:30px;font-size:14px; color:#666666;}
.grcon .pp b{ display:block}
.grcon .p{background:url(../images/gr4.jpg) no-repeat 0 2px;padding-left:30px; font-size:14px; color:#666666;}

.gryy{ float:right; width:288px; height:346px; background:#Fff; border:solid 1px #D6D6D6; padding:25px;}
.gryy .grspan{ display:block; font-size:18px; color:#232323}
.gryy font{display:block;font-size:12px; color:#CACACA}
.gryy .input{ border:solid 1px #E0E0E0; height:29px; width:264px; padding:0 10px; font-size:14px; color:#9D9D9D; margin:9px 0}
.gryy .yzm{ float:left;border:solid 1px #E0E0E0; height:29px; width:180px; padding:0 10px; font-size:14px; color:#9D9D9D}
.gryy img{ float:right}
.gryy .yy{border:solid 1px #E0E0E0; background:#019481; text-align:center; font-size:14px; color:#FFF; width:288px; height:29px; }
.gryy .fgx{ clear:both;border-bottom:solid 1px #E0E0E0;margin:9px 0 16px; height:45px}
.grzptitle{ border-bottom:solid 1px #D5D5D5; font-size:18px; color:#009480;width: 100%;height: auto;}
.grzptitle span{ display:block;font-size:12px; color:#666666; font-family:Arial}

.grzp{ margin-left:-15px; margin-top:20px;}
.grzp a{ float:left; display:block;margin:0 0 20px 15px; position:relative; width:288px; height:300px}
.grzp p{display:block; padding:0 5px; margin:0; font-size:12px; color:#666666; }
.grzp big{ display:block; font-size:16px; color:#66666; padding-top:6px}
.grzp span{ display:none; background:url(../images/icphbj.png) no-repeat; width:288px; height:246px; position:absolute; font-size:22px; color:#FFF; text-align:center; line-height:246px; font-weight:bold}
.grzp a:hover span{ display:block}