@charset "utf-8";
*{ margin:0px; padding:0px;}
.clear{ clear:both}
small{ padding-left:7px; font-size:12px; color:#000; font-weight:normal;}
.fl{float: left;}
.fr{float: right;}





.box-din{ width:1200px; height:60px; margin:0 auto; position:absolute; background:url(img/cyy03.png) repeat; border:1px solid #fff; z-index:999; margin-left:-600px; left:50%; top:45px;}
.box-logo{ width:190px; height:46px; margin:9px 0 0 11px; padding:0px; float:left; display:inline;}
.box-logo a img{ width:190px; height:46px; margin:0px; padding:0px; border:0px;}
.box-nav{ width:945px; height:60px; margin:0px; padding:0px; float:right;}


.box-hd{ width:100%; height:670px; margin:0px; padding:0px; overflow:hidden;}







.box-cye{ width:100%; height:auto; margin:0 auto; padding:20px 0 0 0; background:url(img/cyy05.png) center bottom repeat-x;}
.box-cye1{ width:1000px; height:auto; margin:0 auto; padding:0px;}
.box-cyexq{ width:100%; height:auto; margin:20px 0 15px 0; padding:0px; overflow:hidden;}

.box-bt{ width:1000px; height:auto; margin:0 auto; padding:0px; overflow:hidden;}
.box-bt h1{ width:418px; height:34px; margin:0 auto; padding:0px; background:url(img/cyy04.png) center center no-repeat; line-height:34px; text-align:center; font-weight: bold;}
.box-bt h1 a{ font-size:16px; color:#333; font-family:"微软雅黑";}
.box-bt h2{  margin:0 auto; padding:0px;line-height:40px; text-align:center;}
.box-bt h2 a{font:"微软雅黑"; font-size:16px; color:#333; font-weight:normal;}
.box-bt h3{  margin:0 auto; padding:0px;line-height:40px; text-align:center;}
.box-bt h3 a{font-size:16px; color:#333;}
.box-bt p{  margin:0 auto; padding:0px;line-height:30px; text-align:center; font-size:12px; color:#333;}



.box-news{ width:1000px; height:auto; margin:0 auto; padding:15px 0;}
.box-news ul{ width:100%; height:auto; margin:0 auto; padding:0px;}
.box-news ul li{  width:475px;height:110px; margin:0px; padding:10px 0;}
.box-news ul li a img{ width:112px; height:90px; margin:10px 0 0 0; padding:0px; display:block; float:left;}
.box-news-left-xq{ width:345px; height:auto; margin:0px; padding:0px; float:right;}
.box-news-left-xq h3{ width:100%; height:auto; margin:0px; padding:0px; border-bottom:1px dashed #626262;}
.box-news-left-xq h3 a{margin:0px; padding:0px; font-size:14px; color:#333;}
.box-news-left-xq h3 small{margin:0px; padding:0px; font-size:12px; color:#666; display:block; line-height:20px;}
.box-news-left-xq p{margin:0px; padding:5PX 0px 0; font-size:12px; color:#999; text-indent:2em; line-height:18px;}
.box-xmu{ width:100%; height:242px; margin:0 auto; padding:20px 0 0 0; background:url(img/cyy06.png) 0 0 no-repeat; background-size:100%;}
.box-xmu ul{ width:1000px; height:auto; margin:0 auto; padding:0px;}
.box-xmu ul li{ width:105px; height:auto; margin:0 30px; _margin:0 25px; padding:0px; float:left;}
.box-xmu ul li a img{ width:105px; height:105px; margin:0px; padding:0px; border:1px solid #13b8fc; border-radius:105px; display:block;}
.box-xmu ul li p{margin:0px; padding:0px; text-align:center; font-size:16px; color:#000; line-height:40px;}
.box-xmu ul li p a{ margin:0px; padding:0px; font-size:12px; color:#000;}

.box-about{ width:1000px; height:auto; margin:0 auto; padding:20px 0px;}
.box-about p{ width:875px; height:auto; margin:0 auto; padding:0px; font-size:12px; color:#333; line-height:30px; text-align:center;}
.box-about a img{ width:558px; height:316px; margin:0 auto; padding:0px; display:block; margin-top:35px;}

.box-gg{ width:100%; height:133px; margin:0 auto; padding:0px; background:url(img/cyy07.png) top center no-repeat; font-size:23px; color:#000;}
.box-gg h2{margin:0 0 0 30%; padding:0px; font-size:23px; color:#000; line-height:195px;}

.box-lchen{ width:1026px; height:auto; margin:0 auto; padding:20px 0px;}
.box-lchen ul{ width:1026px; height:280px; margin:0 auto; padding:0px; background:url(img/cyy016.png) center center repeat-y; overflow:hidden; margin-top:20px; margin-bottom:20px;}
.box-lchen ul li.one{ width:590px; height:65px; margin:0px; padding:0px; float:left; overflow:hidden;}
.box-lchen ul li.one span{ width:43px; height:18px; margin:0px; padding:0 0 0 40px; float:right; font-size:12px; color:#fff; line-height:18px; background:url(img/cyy014.png) top left no-repeat;}
.box-lchen ul li.one p{ width:480px; height:auto; margin:0px; padding:0px; float:left; font-size:12px; color:#333; line-height:25px; text-align:right;} 
.box-lchen ul li.two{ width:586px; height:65px; margin:0px; padding:0px; float:right; overflow:hidden;}
.box-lchen ul li.two span{ width:73px; height:18px; margin:0px; padding:0 0 0 10px; float:left; font-size:12px; color:#fff; line-height:18px; background:url(img/cyy015.png) top left no-repeat;}
.box-lchen ul li.two p{ width:480px; height:auto; margin:0px; padding:0px; float:right; font-size:12px; color:#333; line-height:25px; text-align:left;} 

.box-gdong{ width:100%; height:360px; margin:0 auto; padding:0px; background:#dcdcdc; overflow:hidden;}
.box-gdong1{ width:1000px; height:100%; margin:0 auto; padding:0px;}

.box-whua{ width:1000px; height:auto; margin:0 auto; padding:20px 0px;}
.box-whua ul{ width:595px; height:auto; margin:0px; padding:0px; float:left;}
.box-whua ul li{ width:100%; height:auto; margin:10px 0 20px 0; padding:0px;}
.box-whua ul li h4{ width:100%; height:auto; margin:0px; padding:0px; line-height:23px; display:table;}
.box-whua ul li h4 span{ width:24px; height:23px; margin:0px; padding:0px; float:left; text-align:center; line-height:23px; font-size:12px; color:#fff; background:url(img/cyy013.png) left top no-repeat;}
.box-whua ul li h4 a{margin:0px; padding:0 0 0 10px; float:left; text-align:left; font-size:12px; color:#000;}
.box-whua ul li p{ width:100%; height:auto; margin:0px; padding:0px;text-align:left; font-size:12px; color:#000; line-height:30px;}
.box-whua a img{ width:335px; height:298px; margin:0px; padding:0px; float:right; display:block;}



.box-si{ width:100%; height:auto; margin:25px 0 0 0; padding:20px 0; overflow:hidden; background-color: #EEE;}
.box-si1{ width:1000px; height:auto; margin:0 auto; padding:0px; overflow:hidden;}
.box-bt{ width:1000px; height:auto; margin:0 auto; padding:0px; overflow:hidden; line-height:40px;}
.box-bt a{margin:0px; padding:0px; font:"微软雅黑"; font-size:18px; color:#000;}
.box-bt a small{margin:0px; padding:0px; font:"微软雅黑"; font-size:14px; color:#000; margin-left:5px;}

.box-qq{ width:100%; height:auto; margin:0px; padding:0px; overflow:hidden;}
.box-qq1{ width:325px; height:122px; margin:0px; padding:0px; float:left; text-align:center; background:#fff;}
.box-qq1:hover{ width:325px; height:122px; margin:0px; padding:0px; float:left; text-align:center; background:#5bb3d0;}
.box-qq1 a img{ width:99px; height:99px; margin:12px 0 0 0; padding:0px;}
.box-qq2{ width:325px; height:122px; margin:0 0 0 10px; padding:0px; float:left; background:#fff; text-align:center;}
.box-qq2:hover{ width:325px; height:122px; margin:0 0 0 10px; padding:0px; float:left; background:#61af4f; text-align:center;}
.box-qq2 a img{ width:99px; height:99px; margin:12px 0 0 0; padding:0px;}
.box-qq3{ width:325px; height:122px; margin:0px; padding:0px; float:right; background:#fff; text-align:center;}
.box-qq3:hover{ width:325px; height:122px; margin:0px; padding:0px; float:right; background:#fb5a4a; text-align:center;}
.box-qq3 a img{ width:99px; height:99px; margin:12px 0 0 0; padding:0px;}


.box-lxi{ width:100%; height:auto; margin:10px 0 25px 0; padding:0px; overflow:hidden;}
.box-lxi1{ width:325px; height:440px; margin:0px; padding:0px; overflow:hidden; float:left; background:#fff;}
.box-lxi1 h1{margin:0px 0 0 12px; padding:0 0 0 45px; font:"微软雅黑"; font-size:32px; color:#cf3529; line-height:80px; background:url(img/mrg010.png) left no-repeat;}
.box-lxi1 p{margin:0px 0 0 12px; padding:0px;font-size:12px; color:#000; line-height:30px;}

.box-ditu{ width:665px; height:440px; margin:0 0 0 10px; padding:0px; overflow:hidden; float:right; background:#fff;}





.box-dbu { width:1000px; height:40px; margin:0 auto; padding:0px; color:#fff; font-size:12px; text-align:center;}
.box-dbu1{ width:100%; height:40px; margin:0 auto; padding:0px; color:#fff; font-size:12px; text-align:center; background:#1275fc;}
.box-dbu p{color:#fff; font-size:14px; line-height:40px;}
.box-dbu p a{color:#fff;}
.box-lh{ width:136px; height:40px; margin:0px 0 0 15px; padding:0px; float:left;}
.box-lh a img{ width:136px; height:40px; margin:0px; padding:0px;}



/*--导航----------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0px; height:60px; line-height:65px;position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 22px; font-size:14px; font:"微软雅黑"; color:#000;}
.nav .nLi h3 a:hover{font-size:14px; font:"微软雅黑"; color:#39a8ff;}
.nav .sub{ display:none; width:90px; left:0; top:87px;  position:absolute; background:#fff;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; text-align:center;}
.nav .sub a{ display:block; padding:0px; color:#000;}
.nav .sub a:hover{ background:#024f25; color:#fff;  }
.nav .on h3 a{ background:none; color:#000;   }

/* 幻灯本例子cs----------------------------------------s */
.fullSlide{position:relative;  height:100%; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:100%; }
.fullSlide .bd li a img{ display:block; height:670px; width:100%;}
.fullSlide .bd li img{ display:block; height:670px; width:100%;}

.fullSlide .hd{ width:100%; height:110px; background:#fff;position:absolute; z-index:1; bottom:0px; overflow:hidden; opacity:0.8;}
.fullSlide .hd ul{ width:650px; position:absolute; left:50%; margin-left:-325px;top:10px;}
.fullSlide .hd ul li{ float:left; margin:6px 5px; display:inline; cursor:pointer; }
.fullSlide .hd ul li img{ width:200px; line-height:41px; display:block; border:2px solid #fff; filter:alpha(opacity=90);opacity:0.9;  }
.fullSlide .hd ul .on img{ border-color:#FF8106; filter:alpha(opacity=100);opacity:1;  }


/* 旗下产品本例子css */
.tmall-brand{ position: relative; height: auto;overflow: hidden;}
.tmall-brand .fCl-slide a{ margin:0px; padding:0px;}
.tmall-brand .fCl-slide li{ margin:0px; padding:0px;}
.box-ys{height:auto; width:235px; border:1px solid #bfbfbf; float:left; margin:0px 0 0 10px ; padding:0px; display:inline; background:#fff;}
.box-ys a img{height:160px;; width:235px; margin:0px; padding:0px; border:0px;}
.box-ys h3{margin:0px; padding:0px; line-height:35px; text-align:center; border-bottom:1px dashed #707070;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box-ys h3 a{ font-size:14px; color:#333;}
.box-ys p{margin:0px; padding:5px; line-height:18px; color:#999; font-size:12px;}
.box-ys p a{ font-size:12px; color:#999;}
.tmall-brand .fCl-nav{ height:30px;margin: 20px auto;width: 50px;}
.tmall-brand .fCl-nav li{ float: left; width: 20px; height: 20px;background-color: #333;margin-right: 5px; display: block; cursor: pointer; text-align:center;border-radius:10px;-moz-border-radius:10px;}
.tmall-brand .fCl-nav li.on{ background-color: #39a8ff; }

/* 微信弹出box */
.box{position:absolute;width:750px; height:340px; left:50%;z-index:100;background-color:#fff;padding:0px; border-radius:20px;}
.box h2{height:25px;font-size:14px;background-color:#FFF;position:relative;line-height:25px;color:#fff; border-radius:25px;}
.box h2 a{position:absolute;right:17px; top:5PX; font-size:24px;color:#009a44;}
.box .mainlist{padding:10px;}
.box .mainlist li{height:24px;line-height:24px;}
.box .mainlist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}
#TB_overlayBG{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

.box-erweima{ width:260px; height:260px; padding:0 0 0 20px; margin:0px; float:left;}
.box-erweima  img{ width:260px; height:260px; padding:0px; margin:0px; border:0px;}
.box-wenzi{ width:420px; height:auto; padding:0px; margin:0px; float:right;}
.box-wenzi h1{ padding:0px; margin:0px; text-align:center; color:#333; font-size:70px; line-height:130px;}
.box-wenzi h3{ padding:0px; margin:0px; text-align:center; color:#333; font-size:26px;  line-height:60px;}

.box-wenzi h3 a{ padding:0px; margin:0px; text-align:center; color:#ff0000; font-size:27px;}


.boxgrid{width:187px;height:187px;float:left;background:#161613;overflow:hidden;position:relative;}
.boxgrid h3{margin:10px 10px 0 10px;color:#FFF;font:18pt Arial, sans-serif;letter-spacing:-1px;font-weight:bold;}
.boxgrid img{position:absolute;top:0;left:0;border:0;}
.boxgrid p{padding:0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif; text-align:center; margin-top:65px;}
.boxgrid p a{ color:#fff; font-size:18px;}
.boxgrid h3 a{ color:#2e2d2d; font-size:14px; width:90px; height:30px; display:block; background:#d1d0cf; line-height:30px; text-align:center; margin:0 auto;}
.boxcaption{float:left;position:absolute;background:#000;height:185px;width:185px;}
.captionfull .boxcaption{top:220px;left:0px;}
.caption .boxcaption {top:20px;left:0px;}
.case{width:100%; height:auto; margin-left:0px;}
.case_nav{color:#fff;width:100px;height:51px;background:url(../images/case_24.png) no-repeat;}
.case_nav a{line-height:35px;padding:0 0 0 15px;color:#fff;font-size:18px;}
.case_nav span { margin-top:15px;}
.case_nav span a{color:#fff;font-size:12px;float:right; padding-top:15px;}
.case ul li{float:left; display:inline; width:187px; margin-right:20px;padding:5px; background:url(../images/63.png) top no-repeat; margin-top:0px; }
.case ul li spam{ margin-top:15px;}
.case ul li img{width:185px;height:185px;border:none; margin-top:10px; border:1px #fff solid;}
.case_img{width:100%;height:auto;overflow:hidden;margin:0 auto;}
.picMarquee-left{ width:100%;  overflow:hidden; position:relative; margin:0px;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{  width:928px;margin:0 0 0 63px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; width:1000px;}
.picMarquee-left .hd .next{width:21px;height:39px;overflow: hidden;float: left;margin-top:92px; position:absolute;background: url("img/cyy09.png") no-repeat;}
.picMarquee-left .hd .prev {background: url("img/cyy010.png") no-repeat;display: block; height: 39px;
margin-top: 92px; position:absolute; right:0px;
overflow: hidden;
width: 21px;
}
.box-gdong .box-bt{margin-top: 30px;}

/* 首页案例左*/
.box-case{width: 1000px;height: auto; margin: 0 auto;padding: 15px 0;overflow: hidden;}
.slideBox{ width:500px; height:370px; overflow:hidden; position:relative; background-color: #eee; float: left; }
.slideBox .hd{ height:30px; overflow:hidden; position:absolute; left:50%;margin-left: -45px;width:90px;top:265px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 5px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; border-radius: 10px;
    -moz-border-radius: 10px;}
.slideBox .hd ul li.on{ background:#39a8ff; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:500px; height:300px; display:block;  }
.slideBox .bd li h4 a{line-height: 40px;height: 40px;font-size: 14px;color: #fff;background: #39a8ff;display: block;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.slideBox .bd li p{line-height: 20px;font-size: 12px;color: #999;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:170px; top:255px; display:block; width:32px; height:40px; background:url(img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:170px; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.box-case .case-r{float: right;width: 490px;height: 300px;}
.box-case .case-r dl{width: 240px;height: 180px;float: left;margin-bottom: 10px;background-color: #eee;}
.box-case .case-r dl dt{width: 240px;height: 150px;overflow: hidden;position:relative;
}
.box-case .case-r dl dt::after{content:"";position:absolute;left:1px;top:1px;bottom:1px;right:1px;border: 1px solid #fff;
transition: all 1s;
-moz-transition: all .5s;
-webkit-transition:  all .5s;
-o-transition:  all .5s;
-ms-transition:  all .5s;
opacity:0
}
.box-case .case-r dl:hover  dt::after{left:5%;top:5%;bottom:5%;right:5%;opacity:1}
.box-case .case-r dl dt img{width: 240px;height: 150px;
transition: all 1s;
-moz-transition: all .5s;
-webkit-transition:  all .5s;
-o-transition:  all .5s;
-ms-transition:  all .5s;

}
.box-case .case-r dl dd{line-height: 30px;height: 30px;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ml10{margin-left: 10px;}
.box-case .case-r dl:hover dt img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */
}

@media all and (max-width: 1200px) {
    /* styles for narrow desktop browsers and iPad landscape */
.box-din{ width:1000px;margin-left: -500px; }
.box-nav {width: 780px;}
.nav .nLi h3 a {padding: 0 12px;}
@media all and (max-width: 768px) {
    /* styles for narrower desktop browsers and iPad portrait */
	.fuwu li  h3{display:none;}
	.fuwu li h4{display:block;}
}
@media all and (max-width: 480px) {
    /* styles for iPhone/Android landscape (and really narrow browser windows) */
}
@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
}
@media all and (max-width: 240px) {
    /* styles for smaller devices */
}