@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html {overflow-x:hidden; width:100%; height:100%;}
body{background:#fff;color:#666;font:12px/24px "微软雅黑","华文细黑",Arial,sans-serif;padding:0;margin:0; height:100%;}
a{color:#666}
a:hover{color:#00a53a}
.ablock{width:100%;height:100%;display:block}
#loading{position:absolute;left:0;top:0;z-index:99;width:100%;height:100%}
#loading img{position:absolute;left:50%;top:50%;margin:10px 0 0 -50px}
#indexWrap{position:relative;width:100%;height:715px;min-width:960px}
.viewport{position:relative;height:100%}
.view-bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.view-bg img{position:absolute;left:50%;top:0;height:100%;margin-left:-960px}

/*系统通用CSS样式*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
html{height:100%; font:12px/1.8 "微软雅黑","\5b8b\4f53",Arial,sans-serif;color:#666;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*{margin:0;padding:0}
a{text-decoration:none;background:0 0;outline:0;blr:expression(this.onFocus=this.blur())}
a:focus{outline:0}
a:active,a:hover{outline:0}
img{border:0;-ms-interpolation-mode:bicubic}
ol,ul{list-style:none;float:left}
li{list-style:none;float:left}
.clear{zoom:1}
.clear:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.z{ float:left;}
.y{ float:right;}

.viewport-cont{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}
.viewport-cont .view-tit{ width:615px; height:109px; margin:-80px auto 0;}
.viewport-cont .view-tit h2{line-height:70px;font-size:48px;color:#999; font-family:"微软雅黑"; font-weight:normal;}
.viewport-cont .view-tit span.line{display:block;margin:0 auto 20px; font-size:24px; color:#333;}
.viewport-cont .view-tit-about h2{color:#fff}
.viewport-cont .view-tit-about span.line{background:#fff}
.viewport-cont .view-tit-news h2{color:#333}
.viewport-cont .view-tit-news span.line{background:#333}
.pro-view .view-tit{position:relative;z-index:3}

.fixed-view-ico{width:200px; height:auto; margin:0 0 0 135px; padding:0px; z-index:20; position:absolute; right:0px; top:10%; _top:150px;}
.fixed-view-ico a{display:block;width:116px; height:35px; margin:24px 0; padding:0px; border:1px solid #fff; text-align:center; line-height:35px;font-size:18px; color:#333;}
.fixed-view-ico .cur,.fixed-view-ico a:hover{border:1px solid #1a446d;font-size:18px; color:#1a446d;}



/*--------------------新 CSS----------------------------------*/

.box-bj{ width:100%; height:100%; margin:0px; padding:0px; position:absolute; overflow:hidden; left:0px;}
.box-bj img{ width:100%; height:100%; margin:0px; padding:0px;}
.box-nav-bj{ width:297px; height:100%; margin:0px; padding:0px; position:absolute; right:0px; z-index:-5; background:#fff;}
.box-nav-bj img{ width:100%; height:100%; margin:0px; padding:0px; position:absolute; right:0px; z-index:-5}
.box-nav{ width:200px; height:auto; margin:0 0 0 135px; padding:0px; z-index:20; position:absolute; right:0px; top:10%; _top:150px;}
.box-nav li{ width:105px; height:35px; margin:18px 0; padding:0px; border:1px solid #fff; text-align:center; line-height:35px;}
.box-nav li a{ font-size:18px; color:#333;}
.box-nav li:hover{ border:1px solid #1a446d;}
.box-nav li:hover a{ font-size:18px; color:#1a446d;}

/* 弹出css */
#mintbar{font-size:14px;font-family:Arial,Helvetica,Sans-serif;color:#FFF;padding:0;position: absolute;top:40px; right:90px; z-index:2000;width:47px;text-align:center;height:62px;}
#mintbar div{position:relative;margin:0 auto;padding-top:10px;width:960px;height:30px;}
#mintbar div h2{float:left;font-size:16px;}
#closebtn{float:right;}
#mint{cursor:pointer;position:relative;z-index:10; height:100%;}
#mint img{ position:absolute; right:225px; top:40px; display:block;}

.logo{ position:fixed; top:20px; left:3%; z-index:99999999;}

.banner{position:absolute;width:100%;left:0;bottom:0;background:#fff;z-index:3}
.banner ul{position:absolute;left:0;top:0}
.banner ul,.banner ul li{width:100%;height:100%;cursor:pointer}
.banner ul li{position:relative}
.banner ul li img{display:none;position:absolute;left:0;}
.ban-num{position:absolute;height:58px;bottom:30px;left:50%;z-index:4;text-align:center}
.ban-num li{display:inline-block;width:20px;height:20px;background: url(http://oldfile.4e8.com/skin/ry0397605/img/icon111.png) no-repeat;background-position:0 0;margin-right:15px;overflow:hidden}
.ban-num li.on{background-position:-23px 0}
.ban-num li img{width:44px;height:44px;vertical-align:top; display:none;}

.aboutz{width:1200px; margin:0 auto; overflow:hidden;margin-top:-180px;}
.about{width:600px;overflow:hidden; float:right;}
#HomeAdvantages{color:#222; padding-top:285px;}
#HomeAdvantages .HomeAdvantages{display:block;overflow:hidden;width:600px;margin:0 auto;}
#HomeAdvantages .HomeAdvantages .HomeAdvantagesFrame{display:block;overflow:hidden;width:600px;}
#HomeAdvantages .HomeAdvantages .HomeAdvantage{display:block;overflow:hidden;float:left;width:300px;text-align:center;}
#HomeAdvantages .HomeAdvantages .HomeAdvantage .Huge{line-height:80px;font-size:18px;color:#222; font-family:"微软雅黑";}
#HomeAdvantages .HomeAdvantages .HomeAdvantage .Huge span{font-size:67px;font-family:"Verdana";}
#HomeAdvantages .HomeAdvantages .HomeAdvantage .Desc{line-height:24px;height:48px;font-size:16px; color:#454545;font-family:"Microsoft Yahei";}
.Root{width:600px;}
.about_x{width:600px;overflow:hidden; font-size:16px; color:#666; line-height:35px; margin-top:40px;}
.about_s{width:600px; height:555px; float:left;padding-top:145px;}
.heng{width:300px; height:1px; background:#fff; margin-top:130px;}

.tytd{width:1200px; margin:0 auto; overflow:hidden;}
.tytd_j{ font-size:16px; color:#fff; line-height:34px; text-align:center; margin-top:100px;}

/*navgator*/
.nav{width:1200px;margin:70px auto 0;  }
.nav ul li{ width:240px;display:inline-block;position:relative; float:left; text-align:center;left:500px;}
.nav ul li a img{ width:122px; height:122px; border-radius:100px; border:6px solid #eee;display:inline-block;position:relative; float:left; margin-left:53px;}
.nav ul li p{width:240px; margin-top:150px;text-align:center; font-size:18px; color:#fff;}
.nav a:hover{color:#1a456e;}
	
/*tooltip*/
.tooltip{display:inline;position:relative;color:#CCC;z-index: 999;}
.tooltip-content{width:220px; overflow:hidden;background: url(img/jsbg.png) repeat;padding:20px 10px 30px;cursor: default;pointer-events: none;opacity:0;line-height:26px;font-size:13px; color:#fff;border-radius:10px 10px;font-family:"微软雅黑"; text-align:left !important;}

.tooltip-style .tooltip-content{-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);-o-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;-ms-transition: opacity 0.3s, -ms-transform 0.3s;-o-transition: opacity 0.3s, -ms-transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.tooltip-style .tooltip-content i{-webkit-transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
.tooltip:hover .tooltip-content,.tooltip:hover .tooltip-content i{opacity:1;pointer-events: auto;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
-moz-transform:translate3d(0,0,0) scale3d(1,1,1);-ms-transform:translate3d(0,0,0) scale3d(1,1,1,);-o-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1);}


.tzlj{width:726px; float:right; padding-top:130px;}
.tzlj_r{width:726px;overflow:hidden; padding-top:30px;}
.tzlj_t{width:34px; height:542px; float:left;}
.tzlj_z{width:676px;float:left; margin-left:16px; overflow:hidden;}
.tzlj_p{ font-size:18px; color:#333; line-height:40px;}
.tzlj_p p{ font-size:14px; color:#666; line-height:30px;}

.wapper{width:1179px;height:483px;margin:40px auto 0;overflow:hidden;} 	
.wapper ul{margin-top:0px;}		
.wapper li{float:left;margin-left:60px; margin-right:60px;width:273px;height:443px;background-color:#fff;color:#fff;text-align:center;font-weight:bold;display:inline-block;position:relative;box-shadow: 1px 1px 5px 5px #e5e5e5;
}
.wapper li .pic{margin:34px 0 10px 0;}
.wapper li .title{margin:20px 10px 2px;color:#1a446d;font-size:20px; font-weight:normal;}
.wapper li .title a{color:#1a446d; font-size:20px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-weight:normal;}
.wapper li .desc{margin:20px 24px 12px; line-height:24px;font-size:14px;white-space:pre-wrap;overflow:hidden; font-weight:normal;color:#b0b0b0; color:#666; text-align:left;}	
.wapper li .price{ width:35px; height:44px;margin:20px auto 0; border:1px solid #d9d9d9;color:#808080; font-size:14px; text-align:center; line-height:44px;font-weight:normal;}
.wapper li .price a{color:#808080;}	
.wapper li .price a:hover{color:#fff;}
/*.wapper li:hover .price a,.wapper li:hover .price{color:#fff; background:#e8313e;}	*/		
.wapper li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;	
}
.wapper li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}


.block_08{ width:870px; overflow:hidden; margin:0 auto;}
.block_08 .ind_tit{ padding:80px 0 20px;}
.block_08 .ind_tit span{ color:#fff;}
.block_08 ul{ margin:40px 0 0;}
.block_08 li{ float:left; width:290px; text-align:center;}
.block_08 li .inner{ padding:0 30px;}
.block_08 li span{ display:block; margin:0 auto; width:90px; height:90px;  text-align:center; }
.block_08 li span img{ display: inline-block; height: auto; max-height: 100%;max-width: 100%;vertical-align: middle; width: auto;transition:1s all; margin-top:20%;}
.lt8 .block_08 li span img{ margin-top:20px;}
.block_08 li span a{ display:block;}
.block_08 li:hover span img{transform:rotate(360deg)}
.block_08 li h2{ color:#1a456d;font-size:18px; font-weight:normal; margin-top:34px; line-height:30px;}
.block_08 li:hover h2,.block_08 li h2 a{ color:#1a456d;}
.block_08 li .c{ padding:10px 0 0; color:#FFFFFF; font-size:12px; height:3em; overflow:hidden;}
.block_08 .ind_tit em{ border-bottom:1px solid #fff;}
.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;background-size:cover;-ms-behavior: url(http://oldfile.4e8.com/skin/ry0397605/backgroundsize.min.htc);behavior:url(backgroundsize.min.htc);}
.ind_tit{ padding:10px 0 0; text-align:center;}
.yswap{ width:1100px; margin:0 auto;}

.top{width:90px; height:76px; position:absolute; top:-40px; left:354px;}

.lxwm{width:1050px; margin:46px auto 40px;overflow:hidden;}
.lxwm_z{width:350px; text-align:center;}
.lxwm_zp{width:87px; height:87px; margin:23px auto 0;}
.lxwm_zt{ font-size:18px; color:#222; margin-top:12px;}
.lxwm_zt p{ font-size:16px; color:#666; margin-top:4px;}
.ewm{width:141px; height:141px;margin:0 auto;}
.ewmt{ font-size:18px; color:#222; margin-top:12px;}


.f_dbz{width:1200px; margin:40px auto 0; overflow:hidden;}
.f_db{font-size:16px; color:#222; line-height:29px; /*padding-top:24px;*/ padding-bottom:30px; text-align:center;}
.f_db a{font-size:16px; color:#222;}
.f_db a:hover{text-decoration:underline;}


.bannerx{width:100%;position: relative;width:1920px;height:944px;left:50%;margin-left:-960px;}

.wrap{ width:1179px;height:483px;margin:10px auto 0;overflow:hidden;}
.solutions{width:1179px;overflow: hidden}
.solutions ul{margin-top:30px;}
.solutions li{float:left;margin:0px 60px 20px;width:273px;height:443px;background-color:#fff;color:#fff;text-align:center;display:inline-block;position:relative;box-shadow: 1px 1px 5px 5px #e5e5e5;}
.solutit{display: block;width:100%;}
.solutit img{ margin:30px auto;text-align: center;display: block;}
.solutit h4{color: #1a446d;font-size: 20px;text-align: center;line-height: 30px;font-weight:normal;}
.solutit p{color: #666;line-height: 24px;font-size: 14px;text-align: left; font-weight:normal; margin-top:20px; padding:0px 23px;}
.solutit a{width:35px; height:44px;border:1px solid #d9d9d9;color:#808080; font-size:14px; text-align:center;text-align: center;display: block;margin:20px auto 0;line-height:44px;font-weight:normal; position:absolute; bottom:20px; left:118px;}
.solutit:hover a{background: #1a446d; color:#fff;border:1px solid #1a446d;}
.solutit2{width:273px;position:absolute;left:0px;top:0px;overflow: hidden;height:0px;background: #fff;z-index: 99;display: block;}
.solutit2 h4{color: #1a446d;font-size:20px;line-height: 30px;margin-bottom: 10px;text-align: center;margin-top:30px;font-weight:normal;}
.solutit2 img{width:273px; height:350px;display: block; margin-top: 40px;}