@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


@font-face {
    font-family: 'constan2';
    src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}
.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

            .demo-message-wrap input::-webkit-input-placeholder,
            .demo-message-wrap textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                  color: #fff;
            }

            .demo-message-wrap input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                  color: #fff;
            }

            .demo-message-wrap input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                   color: #fff;
            }

            .demo-message-wrap input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                  color: #fff;
            }

            .demo-message-wrap input[type='text']::-webkit-input-placeholder{
                color: #fff;
            }



.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
/*头部样式*/
.w1920{
    width: 1920px;
    position: relative;
    margin-left: -960px;
    left: 50%;
}
.w1100{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.fl{
    float: left;

}
.fr{
    float: right;
}
.mb20 { margin-bottom: 20px; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.ib { display: inline-block; vertical-align: top; }
.z9 { z-index: 9; }
.title { text-align: center; }
.title h2 { color: #333; font-size: 32px; font-weight: bold; line-height: 38px; }
.title h2 span { position: relative; padding: 0 82px; }
.title h2 em { width: 74px; height: 4px; background: #55b554; position: absolute; top: 50%; }
.title h3 { line-height: 18px; color: #333; font-size: 15px; opacity: 0.25; filter: alpha(opacity = 25); }
.title .left { left: 0; }
.title .right { right: 0; }

.head1{
    height: 39px;
    border-bottom: 1px solid #eaeaea;
    background: #f0f0f0;
    color: #676767;
    padding-top: 8px;
    font-family: 'simsun';
    font-size: 12px;
    line-height: 30px;
}

.logo{
    line-height: 130px;
    float: left;

}
.topdh{
    float: right;
    padding-left: 50px;
    
    margin-top: 28px;
    background: url(../images/95e78c4c13d4bbbade67edde6c21abe1b4287b07.png) no-repeat left center;

}
.topdh h1 p{
    font-size: 13px;
    color: #242c35;
    vertical-align: middle;
    margin-right: 8px;
    font-weight: normal;
    line-height: 24px;
}
.topdh h1 p+p{
    margin-top: 5px;
}
.topdh h1 p strong{
    font-size: 16px;
    color: #50b64f;
    font-weight: bold;
    text-align: right;
    margin-left: 8px;
}
.topnav{
   height: 44px;
    background: #50b64f;
}
.search { margin-bottom: 30px; border-bottom: 1px solid #eee; height: 56px; }
.search .hts { line-height: 56px; font-size: 14px; color: #9c9c9c; }
.search b { font-size: 16px; color: #50b64f; font-weight: bold; }
.search span { cursor: default; margin: 0 12px; font-family: Arial; }
.search a { color: #9c9c9c; }
.search a:hover { color: #50b64f; }
.search .ss0 { background: url(../images/300c74644443f2228249b613461d593d6ffccc61.png) no-repeat; 
    width: 320px; height: 43px; padding: 5px; position: relative; top: 7px; }
.search #formsearch { height: 33px; border-radius: 17px; overflow: hidden; }
.search #formsearch  input { vertical-align: top; background: none; border: none;outline: none;}
.search #formsearch  input#keyword { width: 254px; height: 32px; line-height: 32px; padding-left: 30px; color: #cacaca; }
.search #formsearch  input#s_btn{ width: 52px; height: 33px; cursor: pointer; }



#menu{
      width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: #03479c;
}
.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}


.container {
    width: 1200px;
    margin: 0 auto;
}

/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz  li:hover, .tabz li.cur {
    background: #03479c;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.tabz li:hover a, .tabz li.cur a {
    color: #fff;
}

.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}


.list1z li:nth-child(3n){float:right;margin-right:0px;}

.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}


.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}

/*滚动*/
.pin{width:1200px;margin:0 auto;}

.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}




/* product */
.product { margin-bottom: 32px; }
.prodSide { width: 231px; }
.prodSideWrap { background: #50b64f; border-radius: 4px; overflow: hidden; padding: 5px; margin-bottom: 5px; }
.prodSide h2 { padding-top: 5px; line-height: 66px; font-weight: bold; font-size: 25px; color: #fff; 
    text-align: center; text-shadow: 1px 1px 1px rgba(11, 95, 11, 0.76); }
.prodSideBox { background: #fff; border-radius: 4px; overflow: hidden; padding: 18px 14px 14px; }
.prodSideBox li { background: url(../images/6eebc01bbdf6d538bc98bd6ad7db55e6d5c2dac5.png) no-repeat; }
.prodSideBox .none { background: none; }
.prodSideBox h3 a { display: block; 
    height: 40px; line-height: 40px;
     padding-left: 30px; font-size: 14px; 
     color: #3a3a3a; font-weight: normal;
}
.prodSideBox h3 a:hover { color: #50b64f; }
.prodTel { border: 5px solid #50b64f; border-radius: 4px; overflow: hidden; text-align: center; }
.prodTel img { background: #50b64f; margin-bottom: 20px; }
.prodTel p { font-weight: bold; font-size: 16px; color: #292929; 
    padding-top: 47px; }
.prodTel h1 p{
    padding-top: 0;
}
.prodTel h3 { color: #50b64f; font-weight: bold; font-size: 20px; padding-bottom: 26px; }
.prodWrap {  }
.prodWrap ul { width: 832px; }
.prodWrap li { width: 260px; float: left; text-align: center; margin-bottom: 26px; margin-left: 17px; }
.prodWrap img { 
width: 100%;
}
.prodWrap li .imgauto {
    width: 260px;
    height: 260px;
    overflow: hidden;
    border: 3px solid #e2e2e2;
    transition: 0.3s; 
}

.prodWrap span { width: 220px; padding: 0 20px; color: #2a2a2a; transition: 0.3s; }
.prodWrap .tl { font-size: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 7px;display: block; }
.prodWrap .txt { line-height: 18px; height: 36px; overflow: hidden; }

.prodWrap a:hover .imgauto { border-color: #50b64f; }
.prodWrap a:hover span { color: #50b64f; }


.ad2 { width: 100%; overflow: hidden; margin-bottom: 63px; }
.ad2 img { position: relative; left: 50%; margin-left: -960px; }


.point { width: 100%; overflow: hidden; }
.pointTop { font-style: italic; padding-bottom: 8px; border-bottom: 2px solid #dadada; margin-bottom: 70px; }
.pointTop .txt { float: left; width: 650px; text-align: right; }
.pointTop h2 { color: #2f58ab; font-size: 25px; line-height: 26px; font-weight: bold; }
.pointTop h3 { color: #50b64f; font-size: 38px; line-height: 42px; font-weight: bold; padding-right: 10px; }
.pointTop img { position: relative; padding-top: 2px; margin-left: -6px; }
.pointWrap li { float: left; position: relative; height: 74px; border-radius: 37px; overflow: hidden; margin-right: 490px; margin-bottom: 41px; }
.pointWrap h3 { position: absolute; top: 0; height: 74px; font-size: 17px; color: #fff; font-weight: bold; line-height: 22px; display: table; }
.pointWrap .odd h3 { right: 0; background: url(../images/898fdb61e52648c74c9f88e83e469973b0b159b9.png) no-repeat;
 width: 96px; padding-left: 18px; }
.pointWrap .even h3 { left: 0; background: url(../images/c76e9e04fea7f949019ff09ff34d00c8d1ed7e43.png) no-repeat;
 width: 103px; padding-right: 15px; text-align: right; }
.pointWrap span { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.pointWrap { width: 1100px; overflow: hidden;
 background: url(../images/15ad68b82fde3f9ae14d7e3324f3095614305ace.png) no-repeat center 12px; 
 padding-bottom: 74px; position: relative; }
.pointWrap ul { width: 1600px; height: 575px; }

.point .leaf { background: url(../images/dd661890fd8b73ce98f9edeca2a1d72064ec6b6c.png) no-repeat; 
    position: absolute; width: 808px; height: 332px; left: 10px; top: -103px;z-index: 99 }



/* reason */
.reason { background: #eef4e6; position: relative; padding-bottom: 68px; }
.reason .top, .reason .bottom { left: 0; width: 100%; position: absolute; z-index: 9}
.reason .top { top: 0; background: url(../images/e48ca23ddbf29dd6695ec0db2abc5065a7c9c0f8.gif) no-repeat center 0; height: 10px;z-index: 2; }
.reason .bottom { bottom: 0; background: url(../images/efd199ca1562b7cfe8850de55347445a1894921f.gif) no-repeat center 0; height: 12px; }
.reasonTop { margin-bottom: 30px; }
.reasonTop .fl { padding-left: 6px; margin-top: -130px; position: relative;z-index: 99;}
.reasonTop .fl img{
    width: 547px;
    height: 361px;
    z-index: 999;
}
.reasonTop .fr { position: absolute; right: 60px; top: 0; }
.reasonTop .fr h2 { margin-bottom: 7px; padding-top: 75px; }
.reasonTop .fr p { width: 516px; border-top: 2px solid #55b554; border-bottom: 2px solid #55b554; line-height: 29px; 
    height: 29px; font-size: 20px; color: #55b554; font-weight: bold; text-align: center; letter-spacing: 6px; margin-bottom: 8px; }
.reasonTop h3 { text-align: center; }

.reasonWrap li { position: relative; text-align: center; overflow: hidden; zoom: 1; }
.reasonWrap .a {}
.reasonWrap .a .reasonBox { padding-top: 4px; }
.reasonWrap .a .img { padding-right: 56px; }
.reasonWrap .b { margin-top: -16px; }
.reasonWrap .b .img { padding-top: 29px; padding-left: 50px; }
.reasonWrap .c { margin-top: -45px; }
.reasonWrap .c .img { padding-top: 25px; }
.reasonWrap .d .img { padding-top: 10px; position: relative; margin-left: -60px; }
.reasonWrap .e { margin-top: -71px; }
.reasonWrap h2 { color: #50b64f; font-size: 30px; text-align: center; font-weight: bold; padding-top: 4px; line-height: 36px; }
.reasonWrap h3 { font-size: 18px; color: #292929; font-weight: bold; line-height: 28px; margin-bottom: 20px; }
.reasonWrap p { font-size: 13px; color: #292929; font-weight: bold; line-height: 26px; }


.app { margin-bottom: 67px; background: url(../images/7a778bc11149e5f1d0faf7fe4b0a0ad462e82124.jpg) center 0; height: 546px; padding-top: 42px; }
.app .title { margin-bottom: 20px; }
.app .title h2 { color: #fff; text-shadow: 1px 1px 1px rgba(11, 95, 11, 0.76); }
.app .title h2 em { background: #fff; }
.app .title h3 { color: #fff; opacity: 0.5; filter: alpha(opacity = 50); }
.appWrap .hd { text-align: center; margin-bottom: 17px; }
.appWrap .hd li { height: 30px; line-height: 30px; color: #fff; font-size: 18px; padding: 0 12px; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; margin: 0 5px; }
.appWrap .hd li.on {
    color: #55b554;
    background: #fff;
}
.appWrap .hd .on { color: #55b554; background: #fff; }
.appWrap .bd { width: 1100px; overflow: hidden; }
.appWrap .con { width: 1100px; overflow: hidden; margin-right: 16px; height: 363px; }
.appWrap .bd ul { width: 1118px; }
.appWrap .bd li { width: 356px; float: left; text-shadow: 1px 1px 1px rgba(11, 95, 11, 0.76); margin-right: 16px; }
.appWrap .img { width: 346px; height: 262px; overflow: hidden; border: 5px solid #fff; overflow: hidden; display: block; }
.appWrap h3 { padding-top: 14px; margin-bottom: 13px; }
.appWrap h3 a { display: block; font-size: 20px; color: #fff; font-weight: bold; }
.appWrap h3 a:hover { text-decoration: underline; }
.appWrap p { font-size: 14px; color: #fff; font-weight: bold; line-height: 20px; height: 40px; overflow: hidden; }


/* case */
.case { border-bottom: 2px solid #e9e9e9; margin-bottom: 43px; }
.case .title { margin-bottom: 12px; }
.caseWrap { padding-bottom: 16px; }
.caseWrap .hd { text-align: center; margin-bottom: 12px; }
.caseWrap .hd li { display: inline-block; *display: inline; *zoom: 1; 
    padding: 0 21px; line-height: 38px; height: 38px; font-size: 15px; color: #333; cursor: pointer; }
.caseWrap .hd .on { color: #fff; background: #55b554; }
.caseWrap .bd { width: 1100px; overflow: hidden; }
.caseWrap .con { height: 359px; padding-bottom: 17px; 
    background: url(../images/d12ad5dfbd904b6c7639754dd4c385c2244de211.png) no-repeat center bottom; width: 1100px; margin-right: 20px; }
.caseWrap .con .fl { width: 538px; height: 342px; overflow: hidden; }
.caseWrap .con .fr { height: 342px; background: #ececec; width: 562px; padding-left: 35px; padding-right: 45px; }
.caseWrap h3 { margin-bottom: 28px; padding-top: 62px; }
.caseWrap h3 a { color: #202020; font-size: 21px; display: block; font-weight:normal;}
.caseWrap h3 a:hover { color: #50b64f; }
.caseWrap .txt { line-height: 26px; height: 104px; overflow: hidden; margin-bottom: 34px; color: #202020; }
.caseWrap .btn a { width: 93px; height: 32px; text-align: center;font-size: 12px;
 line-height: 32px; color: #fff; font-family: 'simsun'; border-radius: 3px; overflow: hidden; margin-right: 6px; }
.caseWrap .btn .detail { background: #55b554; }
.caseWrap .btn .consult { background: #357df9; }

/* partner */
.partner .title { margin-bottom: 20px; }
.partnerWrap { width: 1098px; overflow: hidden; height: 341px; margin-bottom: 30px; }
.partnerWrap ul { width: 1100px; }
.partnerWrap li { width: 220px; float: left; text-align: center;
 background: url(../images/c8dabf64740af311c0801b0fd4c8c3171c1ee478.gif) no-repeat right 0; margin-bottom: 18px; }
.partnerWrap a { width: 220px; float: left; }
.partnerWrap .img { position: relative; padding-bottom: 18px; width: 190px; height: 102px; }
.partnerWrap em { height: 1px; background: #e8eaec; width: 100%; position: absolute; left: 0; bottom: 0; }
.partnerWrap img { width: 190px; height: 84px; position: absolute; z-index: 2; 
    transform: rotateY(0deg); transition: all 0.6s ease 0s; backface-visibility: hidden; top: 0; left: 0; }
.partnerWrap .txt { position: absolute; width: 190px; height: 84px; background: #fff;
    line-height: 84px; text-align: center; transform: rotateY(-180deg);
    transition: all 0.5s ease 0s; backface-visibility: hidden; color: #333; font-size: 18px; left: 0; top: 0; }
.partnerWrap a:hover img { transform: rotateY(180deg); }
.partnerWrap a:hover .txt { transform: rotateY(0deg); }


/* ad */
.ad { background: url(../images/8654662ecd776be946e4c622a133d6b1f09e363d.jpg) no-repeat center 0; height: 143px; margin-bottom: 54px; color: #fff; }
.ad h2 { font-size: 30px; padding-top: 18px; line-height: 60px; font-weight: bold; }
.ad h2 span { margin-right: 26px; }
.ad .fl { text-shadow: 1px 1px 1px rgba(11, 95, 11, 0.76); font-weight: bold; }
.ad .fr { padding-top: 62px; }
.ad li { font-size: 15px; line-height: 23px; height: 23px; 
    padding-left: 36px; background: url(../images/1a28e2b3da7c060be17c36dd15cbcffa4cfd653d.png) no-repeat 6px center; }
.adTel { background: url(../images/cf09f065d8883c8dd3e4ced1e9d062e2e5ad5fed.png) no-repeat 0 center; padding-left: 26px; margin-right: 30px; }
.adTel p { font-size: 14px; text-shadow: 0 0 0  #000; line-height: 18px; }
.adTel h3 { font-size: 22px; font-weight: bold; text-shadow: 1px 1px 1px rgba(11, 95, 11, 0.76); }
.adBtn a { background: url(../images/6424412bd73bcc98bc2474a393032f539ec59cd3.png) no-repeat; 
    width: 123px; height: 38px; line-height: 38px; text-align: center; color: #fff; display: block; font-size: 15px; text-shadow: 0 0 0  #000; }
.about { margin-bottom: 50px; position: relative; }
.aboutTop { margin-bottom: 18px; }
.aboutTop h2 { color: #333; font-size: 24px; font-weight: bold; line-height: 28px; }
.aboutTop h3 { color: #d8d8d8; font-size: 15px; line-height: 17px;font-weight: normal; }
.aboutWrap { width: 736px; }
.aboutImg { padding: 6px; background: #e4e3e3; }
.aboutImg img { width: 319px; height: 238px; }
.aboutBox .fr { width: 380px; }
.aboutBox h3 { color: #357df9; font-size: 20px; font-weight: bold; padding-top: 11px; margin-bottom: 11px; }
.aboutTxt { font-size: 13px; color: #262626; margin-bottom: 36px; height: 120px; overflow: hidden; }
.aboutBox a { width: 94px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #50b64f; display: block; border-radius: 4px; overflow: hidden; }
.aboutBox a:hover { background: #3598dc; }

.honor { width: 313px; }
.honorWrap { background: #eaeaea; height: 250px; width: 313px; position: relative; }
.honor .bd { width: 274px; overflow: hidden; margin: 0 auto; padding-top: 16px; }
.honor ul { width: 294px; }
.honor li { width: 274px; text-align: center; margin-right: 20px; }
.honor span { width: 100%; font-size: 15px; color: #333; padding-top: 5px; transition: 0.3s; }
.honor a:hover span { color: #50b64f; }
.honor .ctrl { position: absolute; top: -44px; right: 0; }
.honor .ctrl a { width: 23px; height: 23px; line-height: 23px; text-align: center; color: #fff; background: #50b64f; display: inline-block; vertical-align: top; margin-left: 5px; font-family: 'simsun'; font-weight: bold; font-size: 14px; }
.honor .ctrl a:hover { background: #3598dc; }

.certificate { padding-top: 37px; }
.certificate .hd { margin-bottom: 11px; position: relative; }
.certificate .hd li { width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #262626; margin-right: 12px; float: left; cursor: pointer; }
.certificate .hd .on { background: #50b64f; color: #fff; }
.certificate .more { position: absolute; right: 0; top: 3px; }
.certificate .more a { padding-right: 20px;
    background: url(../images/4c18c147581025f1c08eef15abec0fe31e6534ea.png) no-repeat right center; font-size: 13px; color: #50b64f; }
.certificate .more a:hover { text-decoration: underline; }
.certificate .conBd { padding-bottom: 20px; padding-top: 14px; }
.certificate .con { width: 1100px; height: 302px; overflow: hidden; }
.certificate .bd { background: #eaeaea; height: 302px; overflow: hidden; }
.certificate .conBd { width: 1009px; margin: 0 auto; }
.certificate .bd ul { width: 1025px; }
.certificate .bd li { float: left; width: 189px; margin-right: 16px; text-align: center; }
.certificate .bd span { width: 100%; font-size: 13px; color: #2b2b2b; padding-top: 12px; transition: 0.2s; }
.certificate .bd a:hover span { color: #50b64f; }
.about .bg { height: 392px; background: #eaeaea; position: absolute; width: 100%; bottom: 21px; left: 0; }


/* info */
.info { height: 355px; }
.news { width: 720px; }
.news .hd { margin-bottom: 12px; }
.news .hd li { float: left; color: #7b7b7b; font-size: 18px; font-weight: bold; }
.news .hd .item { cursor: pointer; }
.news .hd .on { color: #50b64f; }
.news .hd .cut { margin: 0 8px; cursor: default; }
.news .bd { font-family: 'simsun'; }
.news .bd li { height: 36px; overflow: hidden; position: relative; }
.newsWrap { width: 380px; }
.newsImg { background: url(../images/4a7d44344d6c66ab0057241edede66adf5efd3c1.gif) no-repeat;
 width: 323px; height: 275px; position: relative; top: 6px; }
.newsImg a { position: absolute; top: 9px; left: 10px; display: none; width: 281px; height: 230px; }
.newsImg .on { display: block; }
.newsList { line-height: 36px; height: 36px; background: #fff; position: absolute; top: 0; left: 0; width: 380px; }
.newsList h3 a { background: url(../images/4d908eb1a556ac72a473faae49949bbd58536983.gif) no-repeat 6px center;
    color: #6b6b6b; width: 300px; text-indent: 27px;font-weight: normal; }
.newsList span { color: #bfbfbf; }
.news .newsWrap .on { height: 154px; }
.newsWrap .on .newsList { display: none; }

.newsBox { padding-bottom: 26px; border-bottom: 1px solid #d8d8d8; margin-bottom: 16px; }
.newsBox h3 { margin-bottom: 11px; padding-top: 10px; }
.newsBox h3 a { display: block; color: #272727; font-weight: bold; font-size: 18px; font-family: 'Microsoft Yahei'; }
.newsBox h3 a:hover { color: #50b64f; }
.newsBox p { color: #6b6b6b; height: 66px; overflow: hidden; }

.faq { width: 330px; }
.faqTop { margin-bottom: 18px; }
.faqTop h2 { font-weight: bold; }
.faqTop .cn { color: #50b64f; font-size: 18px; }
.faqTop .en { color: #7b7b7b; font-size: 14px; }
.faqTop a { padding-right: 20px; background: url(../images/bbf34f9c83c5feae3950b3942887fe83d44af21d.png) no-repeat right center;
 font-size: 13px; color: #50b64f; }
.faqTop a:hover { text-decoration: underline; }
.faqWrap { background: url(../images/f186de0f693588258b2648828148458b57f34723.png) no-repeat; 
    width: 348px; height: 272px; 
    margin-right: -18px; padding-left: 35px; padding-right: 43px;
     font-family: 'simsun'; padding-top: 14px;
 }
.faqWrap .bd { height: 220px; overflow: hidden; }
.faqWrap li { padding-bottom: 10px; margin-bottom: 10px;
 background: url(../images/f9d3be97eea8f7984cfa951514ead3f2a7ed1fad.gif) repeat-x 0 bottom;
 height: 71px !important;
}
.faqWrap h3 { margin-bottom: 7px; }
.faqWrap h3 a { display: block; padding-left: 25px; 
    background: url(../images/12d5c62d53fc02ae1d7d3454da178f5ca45e4dc8.gif) no-repeat 1px 0; 
    line-height: 18px; color: #545454;font-weight: normal; }
.faqWrap h3 a:hover { color: #50b64f; }
.faqWrap p { line-height: 18px; height: 36px; overflow: hidden; padding-left: 25px; 
    background: url(../images/12d5c62d53fc02ae1d7d3454da178f5ca45e4dc8.gif) no-repeat 1px -25px; color: #828282; }

.flink {
    height: 230px;
}
.flink_list {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.flink_list li{
    float: left;
    margin-right: 30px;
}
.flink_list li a{
    font-size: 14px;
}

.footer { background: url(../images/aef36c821047ea82960ee38dbee9153ac20a7e95.jpg) no-repeat center 0; height: 320px; }
.footNav { height: 46px; line-height: 46px; background: #50b64f; text-align: center; color: #fff; font-size: 16px; }
.footNav a { color: #fff; }
.footNav a:hover { color: #e9ba25; }
.footNav span { margin: 0 20px; font-weight: bold; cursor: default; }

.footer h2 { padding-top: 81px; margin-right: 60px; }
.siteInfo { padding-top: 61px; line-height: 30px; color: #fff; opacity: 0.5; filter: alpha(opacity = 50); font-size: 13px; }
.siteInfo a { color: #fff; }
.siteInfo a:hover { color: #50b64f; }
.siteInfo .long { margin-right: 30px; }
.siteInfo .short { margin-right: 24px; }
.siteInfo em { cursor: default; margin: 0 5px; font-style: normal; }

.code p { width: 88px; text-align: center; margin-left: 14px; padding-top: 70px; line-height: 30px; font-size: 13px; color: #fff; }
.code p img {
    width: 88px;
}


.sideWrap { margin-bottom: 20px; }
.sideWrap h2 { height: 40px; line-height: 40px; font-size: 16px; text-indent: 20px; background: #50B64F; color: #fff; 
}
.sideBox { border: 1px solid #dadada; border-top: none; }
.contactBox { padding: 15px; }
.hotLine { background: url(../images/hotline.gif) no-repeat; padding-left: 45px; margin-bottom: 4px; height: 46px; }
.hotLine p { line-height: 16px; }
.hotLine h3 { font-size: 20px; font-family: Arial; font-weight: bold; line-height: 30px; }
.contactInfo { background: url(../images/splitbg.gif) repeat-x; padding-top: 10px; }
.contactInfo span { vertical-align: top; display: inline-block; }
.contactInfo .value { width: 150px; }

.imgSideBox { padding: 10px 0; }
.imgSideBox li { width: 198px; margin: 0 auto 14px; }
.imgSideBox a { display: block; }
.imgSideBox img { width: 190px; height: 190px; padding: 2px; border: 2px solid #dadada; transition: 0.3s; }
.imgSideBox span { width: 168px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 15px; line-height: 30px; padding-top: 4px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.imgSideBox a:hover { color: #50B64F; }
.imgSideBox a:hover img { border-color: #50B64F; }


.xypg-left-title2 h3{
    height: 40px; line-height: 40px; font-size: 16px; text-indent: 20px; background: #50B64F; color: #fff;
    font-weight: normal; 
}
.sideBox { border: 1px solid #dadada; border-top: none; }
.contactBox { padding: 15px; }
.hotLine { background: url(../images/42469e390627635ede2571019830b87aba956c60.gif) no-repeat;
 padding-left: 45px; margin-bottom: 4px; height: 46px; }
.hotLine p { line-height: 16px; }
.hotLine h3 { font-size: 20px; font-family: Arial; font-weight: bold; line-height: 30px; }
.contactInfo { background: url(../images/1998a8b2379489220eab23f187ced5cbafe96d59.gif) repeat-x; padding-top: 10px; }
.contactInfo span { vertical-align: top; display: inline-block; }
.contactInfo .value { width: 150px; }

.breadCrumb { height: 55px; border-bottom: 1px solid #dadada; position: relative; margin-bottom: 30px; display: table; width: 100%; }
.breadCrumb h2 { font-family: 'Microsoft Yahei'; 
font-size: 18px; position: absolute; top: 0; left: 0; height: 54px;
 line-height: 54px; padding: 0 4px; border-bottom: 3px solid #50B64F; color: #333;font-weight: normal; }
.breadCrumb .fr { color: #999; font-family: '宋体'; 
cursor: default; width: 400px; line-height: 54px;
text-align: right; display: table-cell; vertical-align: middle; float: right; }


.articleBox li { overflow: hidden; zoom: 1;
 background: url(../images/679a1ad807427e916590bf606c96dbea566f60b6.gif) repeat-x 0 bottom; 
 padding-bottom: 20px; margin-bottom: 20px; }
.articleBox img { width: 159px; height: 130px; border: 1px solid #EFEFEF; padding: 4px; }
.articleBox .fr { width: 660px; }
.articleBox h2 { font-size: 16px; font-family: 'Microsoft Yahei'; margin-bottom: 4px; padding-top: 15px; font-weight: normal;}
.articleBox h2 a { color: #000; }
.articleBox h2 a:hover { color: #50B64F; }
.articleBox h4 { background: url(../images/22d41ab9b3229f46741a969b5afd43101d2c594f.png) no-repeat 0 3px; 
    padding-left: 24px; color: #a1a1a1; margin-bottom: 5px;font-size: 12px;
    line-height: 24px;font-weight: normal;
     }
.articleBox h5 { color: #888;font-size: 12px; line-height: 24px; }
.articleBox h5 a { color: #50B64F; }
.articleBox h5 a:hover { text-decoration: underline; }

.articleCaseBox img {
    width: 205px;
}


.articleCaseBox .fr {
    width: 610px;
}