/* 样式预定义 */
*{ margin:0; padding:0;}
body{font-family:"Microsoft YaHei","微软雅黑"; font-size:16px; color:#494949;}
ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#fc0000; text-decoration:none;}
img{ vertical-align:middle;}
a img{ border:none;}

input{ font-family:"微软雅黑"; font-size:14px; color:#bababa;}
.clear{ height:0; font-size:0; overflow:hidden; clear:both;}
.clearfox:after{ content:"."; clear:both; visibility:hidden; height:0; display:block;}
.clearfox{zoom:1;}
.dn{ display:none;}

/* focusBox */
.focusBox{ position: relative}
.focusBox .pic img{ display: block}
.focusBox .txt-bg{ position: absolute; top: 550px; z-index: 1; height: 50px; width:100%; background-color:#666; background: rgba(33,33,33,0.6); }
.focusBox .txt{ position: absolute; top: 555px; z-index: 2; height: 50px; width:100%; overflow:hidden}
.focusBox .txt li{ height:50px; line-height:30px; position:absolute}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px; line-height:50px;}
.focusBox .num{ position: absolute; z-index: 3; top: 570px; right: 8px;}
.focusBox .num li{ float: left; width: 14px; height: 14px; line-height: 18px; text-align: center; cursor: pointer; color:white; background-color:#c7c7c7; border-radius:3%; padding:2px; margin-right:10px; color:#333; font-size:15px; text-align:center; color:white}
.focusBox .num li.on { background:#fff; color:red}


/* fullSlide */
.fullSlide{ width:100%; position:relative; background:#fff}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden}
.fullSlide .bd ul{ width:100% !important}
.fullSlide .bd li{ width:100% !important; overflow:hidden; text-align:center; height:835px;}
.fullSlide .bd li a{ display:block}
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:2%; left:0; height:30px; line-height:30px; text-align:center; _background:#000; _filter:alpha(opacity=60)}
.fullSlide .hd ul{ text-align:center; padding-top:5px}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:7px; background:url(../images/gyxsd/tg_flash_p.png) -20px 0; overflow:hidden; line-height:9999px}
.fullSlide .hd ul .on{ background-position:0 0}

/* side-box */
.side-box{ width:100%; overflow:hidden;}
.side-left{ width:11%; position:fixed; left:0; top:0; z-index:300; height:10800px; background:#35c77b url(../images/gyxsd/fl-bj.jpg) no-repeat left top;}
.side-left .logo{ width:87.8%; margin:50px auto 70px;}
.side-left .logo img{ width:100%; display:block;}
.side-left .nav ul li{ background:url(../images/gyxsd/xianxian.jpg) repeat-x left bottom; padding:30px 0; text-align:center;}
.side-left .nav ul li:last-child{ background:none;}
.side-left .nav ul li:hover{background:#151a17;}
.side-left .nav ul li.active{ background:#151a17;color:#fff;}
.side-left .nav ul li.active a{color:#fff;}

.side-left .nav ul li a{ font-size:16px; color:#242424; display:block; cursor:pointer;}
.side-left .nav ul li a:hover{ color:#fff;}
.side-left .nav ul li span{ background:url(../images/gyxsd/icon.png) no-repeat 0 0; background-size:224px 186px; display:block; margin:0 auto 10px;}
.side-left .nav ul li span.home{ width:28px; height:25px; background-position:0 0;}
.side-left .nav ul li span.home:hover{background-position:-39px 0;}
.side-left .nav ul li:hover span.home{background-position:-39px 0;color:#fff;}
.side-left .nav ul li.active span.home{background-position:-39px 0; color:#fff;}

.side-left .nav ul li span.cpxs{ width:27px; height:25px; background-position:0 -37px; }
.side-left .nav ul li span.cpxs:hover{background-position:-39px -37px; }
.side-left .nav ul li:hover span.cpxs{background-position:-39px -37px;color:#fff;}
.side-left .nav ul li.active span.cpxs{background-position:-39px -37px; color:#fff;}

.side-left .nav ul li span.casesx{ width:26px; height:20px; background-position:0 -77px; }
.side-left .nav ul li span.casesx:hover{background-position:-39px -77px;}
.side-left .nav ul li:hover span.casesx{background-position:-39px -77px;color:#fff;}
.side-left .nav ul li.active span.casesx{background-position:-39px -77px; color:#fff;}

.side-left .nav ul li span.lxwm{ width:27px; height:25px; background-position:0 -109px;}
.side-left .nav ul li span.lxwm:hover{background-position:-39px -109px; }
.side-left .nav ul li:hover span.lxwm{background-position:-39px -109px;color:#fff;}
.side-left .nav ul li.active span.lxwm{background-position:-39px -109px; color:#fff;}

.side-left .nav ul li span.kffw{ width:28px; height:25px; background-position:0 -147px;}
.side-left .nav ul li span.kffw:hover{background-position:-39px -147px; }
.side-left .nav ul li:hover span.kffw{background-position:-39px -147px;color:#fff;}
.side-left .nav ul li.active span.kffw{background-position:-39px -147px; color:#fff;}


.mian-right{ width:89%; position:absolute; right:0; top:0; z-index:200;}
.mian-right .page-one .banner{ overflow:hidden;  height:835px;}

.mian-right .page-two{width:1200px; margin:50px auto;}
.mian-right .page-two .tittle{  margin:0 auto 20px; overflow:hidden;}
.mian-right .page-two .tittle a{ display:block; width:22%; float:left; margin-left:34px; border:1px solid #35c77b; color:#35c77b; border-radius:50px;text-align:center; font-size:18px; font-weight:bold; padding:10px 0}
.mian-right .page-two .tittle a:hover{ background:#35c77b; color:#fff;}
.mian-right .page-two .nr ul{ overflow:hidden;}
.mian-right .page-two .nr ul li{ width:350px; margin:20px 25px; position:relative; float:left;}
.mian-right .page-two .nr ul li:hover{ opacity:.8;}
.mian-right .page-two .nr ul li p{ width:100%; position:absolute; z-index:300; bottom:0; left:0; height:50px; line-height:50px; background:rgba(0,0,0,.5); color:#fff; font-size:16px;}
.mian-right .page-two .nr ul li p span{ margin-left:20px;}

.mian-right .page-three{width:1200px; margin:50px auto;}
.mian-right .page-three .newscenter{ overflow:hidden; width:95%; margin:0 auto;}

.mian-right .page-three .newscenter .newsliebao{ width:30%; float:right;}
.mian-right .page-three .newscenter .newsliebao .tittle{ margin:20px 0 20px;}
.mian-right .page-three .newscenter .newsliebao .tittle .pic{ width:24%;}
.mian-right .page-three .newscenter .newsliebao .tittle h3{ color:#000; font-size:16px; margin-top:10px;}
.mian-right .page-three .newscenter .newsliebao .nr{ margin-top:20px;}
.mian-right .page-three .newscenter .newsliebao .nr li{ padding:20px 0;}
.mian-right .page-three .newscenter .newsliebao .nr li span{ display:block; color:#000; font-size:18px;}
.mian-right .page-three .newscenter .newsliebao .nr li p{color:#8d8d8d; font-size:14px;}
.mian-right .page-three .newscenter .newsliebao .more{width:30%; margin-top:15px; height:40px; line-height:40px;  color:#000; font-size:16px; text-align:center; border:1px solid #000;}
.mian-right .page-three .newscenter .newsliebao .more:hover{ opacity:.8;}

#body_01_left{ float:left;  width:740px;}
#body_01_left img{  width:740px; height:600px;}


.mian-right .page-three .lxwm{margin-top:50px;}
.mian-right .page-three .lxwm .tittle{ width:30%; margin:0 auto 30px;text-align:center;}
.mian-right .page-three .lxwm .tittle h3{ font-size:30px; font-weight:bold; color:#1e1e1e; }
.mian-right .page-three .lxwm .tittle p{ font-size:18px; color:#494949; }
.mian-right .page-three .lxwm .nr{font-size:14px; font-weight:bold; text-align:center;}
.mian-right .page-three .lxwm .nr span{ margin-right:30px;}

.mian-right .page-four{width:1200px; margin:50px auto; overflow:hidden;}
.mian-right .page-four .about{ width:570px; float:left;}

.mian-right .page-four .about .tittle{ margin:0 0 20px; text-align:center;}
.mian-right .page-four .about .tittle h2{ font-size:24px; color:#1e1e1e;}
.mian-right .page-four .about .tittle h3{ font-size:18px; color:#494949;}
.mian-right .page-four .about .qyjj{ width:80%; margin:0 auto;}
.mian-right .page-four .about .qyjj p{line-height:34px; text-align:justify;}
.mian-right .page-four .about .qyjj p a{ color:#ca4f00; display:inline;}
.mian-right .page-four .about .qyjj a:hover{ color:#ca4f00;}

.mian-right .page-four .about .icon{ margin-top:30px;}
.mian-right .page-four .about .icon ul{ overflow:hidden; width:70%; margin:0 auto;}
.mian-right .page-four .about .icon ul li{ width:33%; float:left; font-size:14px; text-align:center;}
.mian-right .page-four .about .icon ul li a ,a:hover{ display:block; color:#494949;}
.mian-right .page-four .about .icon ul li span{ background:url(../images/gyxsd/icon.png) no-repeat 0 0; background-size:224px 186px; display:block; margin:0 auto 10px;}

.mian-right .page-four .about .icon ul li span.dszje{ width:50px; height:50px; background-position:-88px 0;}
.mian-right .page-four .about .icon ul li span.dszje:hover{background-position:-148px 0;}

.mian-right .page-four .about .icon ul li span.zzry{ width:50px; height:50px; background-position:-88px -62px;}
.mian-right .page-four .about .icon ul li span.zzry:hover{background-position:-148px -62px;}

.mian-right .page-four .about .icon ul li span.qyln{ width:50px; height:50px; background-position:-88px -122px;}
.mian-right .page-four .about .icon ul li span.qyln:hover{background-position:-148px -122px;}
.mian-right .page-four .shiping{ width:570px; float:right; height:380px;}

.mian-right .page-five{ background:#f4f4f4;overflow:hidden; margin-top:50px;}
.mian-right .page-five .wd{ width:1200px; margin:0 auto;}
.mian-right .page-five .tittle{ width:30%; margin:0 auto;text-align:center; padding:20px 0;}
.mian-right .page-five .tittle h3{ font-size:30px; font-weight:bold; color:#1e1e1e; }
.mian-right .page-five .tittle p{ font-size:18px; color:#494949;} 
.mian-right .page-five .nr{ overflow:hidden; padding:20px 0;}

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd .tempWrap{width:100% !important;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:160px; height:160px; display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px; margin-top:10px;}

.list-ggao{ width:100%; margin-bottom:30px;}
.list-ggao img{width:100%; display:block;}

.mian-right .footer{background:#f4f4f4; padding:20px 0; margin-top:50px; border-top:3px solid #95d6c1}
.mian-right .footer .wd{ overflow:hidden; width:1200px; margin:0 auto;}
.mian-right .footer .fl{ width:60%; float:left;}
.mian-right .footer .fl p{ text-align:center; font-size:15px; color:#565656; line-height:32px;}
.mian-right .footer .fl a{ display:inline;}
.mian-right .footer .fr{ width:15%; float:left; overflow:hidden;}
.mian-right .footer .fr .phone{ width:50%; float:left;}
.mian-right .footer .fr .weixin{ width:50%; float:left;}
.mian-right .footer .fr img{ width:100%;}
.mian-right .footer .fr p{ text-align:center; font-size:15px; color:#515151;}

@media screen and (min-width:768px) and (max-width:1023px){
.side-left{height:700px;}
.side-left .logo{ margin:10px auto 70px;}
.side-left .nav ul li{ background:url(../images/gyxsd/xianxian.jpg) repeat-x left bottom; padding:20px 0; text-align:center;}
}

@media screen and (min-width:1024px) and (max-width:1280px){
.side-left{height:750px;}
.side-left .logo{ margin:20px auto 70px;}
.side-left .nav ul li{ background:url(../images/gyxsd/xianxian.jpg) repeat-x left bottom; padding:20px 0; text-align:center;}
}

@media screen and (min-width:1281px) and (max-width:1366px){
.side-left{height:768px;}
.side-left .logo{ margin:10px auto 30px;}
.side-left .nav ul li{ background:url(../images/gyxsd/xianxian.jpg) repeat-x left bottom; padding:15px 0; text-align:center;}
}

@media screen and (min-width:1367px) and (max-width:1919px){
.side-left{height:900px;}
.side-left .logo{ margin:20px auto 50px;}
.side-left .nav ul li{ background:url(../images/gyxsd/xianxian.jpg) repeat-x left bottom; padding:20px 0; text-align:center;}
}