body,  ul,ol, li,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Helvetica, sans-serif;color:#000;font-size:14px;background: url(bg.jpg);}

em{font-style:normal;}
.clear{height:0; overflow:hidden; clear:both}
a:link, a:visited{text-decoration:none;color:#000;}
a:hover,a:focus{text-decoration:underline;color:#05552F;text-decoration:none;}
ul, ul li{list-style-type:none;}
.nav{height:70px;width:100%;background: #FFF;box-shadow:1px 1px 7px #595858;position:fixed;z-index:994;left:0;width: 100%;}
.top{width:1200px;height:70px;margin:0 auto;}
.ztoprdh li{width:100px;float:left; text-align: center; list-style:none;height:25px; line-height:25px;font-weight:bold;}
.ztoprdh a{font-size:14px; height:25px; line-height:25px; color:#135931;width:100px;letter-spacing:2px;font-weight:bold;}
.ztoprdh a:hover{font-size:18px; height:30px; line-height:30px; color:#DA221A; width:100px;font-weight:bold;letter-spacing:2px;}
.ztoprdh1 li{width:100px;float:left; text-align: center; list-style:none; color:#BEC0BF; font-size:12px; margin-top:-8px;}
/* 首页广告 */
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{position: relative;width: 100%;overflow: hidden;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{width: 100%;text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 100%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "宋体";font-size: 52px;font-weight: 600;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0;text-align: left;}
.silder-ctrl-next{right: 0;text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{position: absolute;top: 40%;margin-top: -40px;
}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
.silder-ctrl-con{display: inline-block;width: 4%;padding: 10px 0;margin-top: -50px;cursor: pointer;}
.silder-ctrl-con>span{display: block;line-height: 0;text-indent: -9999px;overflow: hidden;padding: 5px 0;cursor: pointer;background-color: #e4e4e4;}
.silder-ctrl-con.active>span{background-color: #7bbedf;}
/* 业务图动画*/
.set_11_buttons {margin-top: 50px;}
.set_11_buttons > a {position: relative;font-size: 25px; text-align: center; display: inline-block;z-index: 1; border-radius: 50%;  border: 0 none;line-height: 155px; margin: 10px;width: 155px; height: 155px;-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);}
.set_11_buttons > a:before {content: "";position: absolute;display: block; width: 100%;height: 100%;border-radius: 50%; border: 0 none;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;z-index: -1;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.set_11_buttons > a:hover:before {background: #ff0000;border-radius: 0; border: 0; -webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}
.set_11_buttons > a.facebook:before {background: #294F5A;}
.set_11_buttons > a.facebook:hover:before {background: #580A6F;}
.set_11_buttons > a.twitter:before {background: #D02127;}
.set_11_buttons > a.twitter:hover:before {background: #68B04E;}
.set_11_buttons > a.google-plus:before { background: #000000;}
.set_11_buttons > a.google-plus:hover:before { background: #03607E;}
.set_11_buttons > a.github:before {background: #FDA101;}
.set_11_buttons > a.github:hover:before {background: #D02127;}
.set_11_buttons > a.email:before {background: #2187D0;}
.set_11_buttons > a.email:hover:before {background: #02c39a;}
.set_1_btn {color: #333;cursor: pointer;display: block;font-size: 12px;font-weight: 400;line-height: 30px;margin-right: 2em;text-align: center;max-width: 100px;position: relative;text-decoration: none;text-transform: uppercase;vertical-align: middle;width: 100%;}
.set_1_btn:hover {text-decoration: none;font-size: 12px;}
.Vbtn-3 {background:transparent;text-align: center;float:left;}
.Vbtn-3 svg {height: 30px;left: 0;position: absolute;top: 0;width: 100%;}
.Vbtn-3 rect {fill: none;stroke: #71706E;stroke-width: 3;stroke-dasharray: 422, 0;transition: all 450ms linear 0s;	}
.Vbtn-3:hover {background: rgba(225, 51, 45, 0);font-weight: 900;letter-spacing: 1px;transition: all 150ms linear 0s;}
.Vbtn-3:hover rect {stroke-width: 5;stroke-dasharray: 15, 310;stroke-dashoffset: 48;-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);}


/* 案例动画*/
.artGroup {display: block;width: 100%;height: 300px;position: relative;}
.artwork {display: block;width: 100%;height: 100%;}
.artGroup .detail {display: block;background: #31434F;width: 100%;height: 100%;position: absolute;}
.artGroup .detail h3 {font: 300 18px/1.1 Raleway,"Microsoft YaHei",Dosis, sans-serif;text-align: center;color: orange; line-height:40px; height:40px; }
.artGroup .detail p {font: 200 14px/1.2 Raleway,"Microsoft YaHei",Dosis, sans-serif;text-align: left;line-height:30px; height:30px; margin-left:15px; margin-right:15px;line-height:30px; color:#FFF }
.artGroup.flip {-webkit-perspective: 800px;perspective: 800px;}
.artGroup.flip .artwork {-webkit-transition: -webkit-transform 1s ease; transition: transform 1s ease; -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.artGroup.flip .detail, .artGroup.flip .theFlip {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.artGroup.flip img, .artGroup.flip .detail {-webkit-backface-visibility: hidden;backface-visibility: hidden;}
/* 客服 */
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/* 行业动态 */

.tab1{ width:1200px; margin:0 auto 50px;}
.tab-hd1 {overflow:hidden; zoom:1;}
.tab-hd1 li{width:400px;float:left; width:80px;height: 50px;line-height: 50px; color: #000; text-align:center; cursor:pointer;font-size: 16px; font-weight:bold; margin-left:20px; margin-right:20px;}
.tab-hd1 li.active{ color: #777777;background:url(index7.png); font-weight:bold;}
.tab-bd1 li{display:none; border-top:0 none; font-size:24px;}
.tab-bd1 li.thisclass{ display:list-item;height: 610px;}


/*nav-main*/
.nav-main li{width:100px;float:left; text-align: center; list-style:none;height:30px; line-height:30px;}
/*隐藏盒子设置*/
.hidden-box{
    width: 100%;
	 margin:0 auto;
    position: absolute;
    display:none;
	height:65px;
line-height:65px;
    top: 40px;
	letter-spacing:2px; font-size:12px; padding:3px;
}
.hidden-box>ul{
    list-style-type: none;
    color: #643519;
    cursor: pointer;

}
.hidden-box li:hover{
    color: #fff;
}
/*隐藏盒子位置设置*/
/* 点开大图 */
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }