@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, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;color:#333;font-family:"微软雅黑";}
td, th { word-wrap:break-word; word-break:break-all; }
ul{ font-size:12px;}
li{list-style:none; font-size:12px;}
img { border:0; }
.clear { clear:both; }
a { text-decoration:none;color:#333;font-family:"微软雅黑";}
a:hover { text-decoration:none; color:#ff6000;font-family:"微软雅黑";}
body { font-family:"微软雅黑";height:100%;width:100%; font-size:12px;}

.z{ float:left;}
.y{ float:right;}

.clear{clear:both; width:auto;}



.headbg{width:100%; height:36px; background:#eee;}
.headbg_z{width:20%; height:36px; background:#98a6b0; float:left;}
.head{width:1200px; height:36px; margin:0 auto;}
.headl{ width:416px; font-size:14px; color:#666; line-height:36px;}
.headr{ width:784px; height:36px; color:#666;font-size:14px; overflow:hidden; text-align:right; position:relative;}
.headr a{color:#666; line-height:36px; margin-left:3px; margin-right:3px;}
.headr a:hover{ text-decoration:underline;}

.top{width:1200px; height:114px; margin:0 auto;}
.logo{margin-top:24px;}
.dhz{ width:236px; overflow:hidden; padding-top:24px;}
.tel{width:58px; height:47px; margin-top:10px;}
.dhy{ width:165px; overflow:hidden;}
.dhhm{font-size:26px; color:#02335a; line-height:32px;font-family:"Impact";}
.dhhm p{font-size:14px; color:#666; font-weight:normal;}

.menubg{width:100%; height:43px; background:#02335a;}
.menu{width:1200px; margin:0 auto; height:43px;}
#nav { width:1200px; margin:0 auto; display:block;}
#nav .mainlevel { float:left; width:120px; text-align:center; position:relative;z-index:9999; }
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:43px; display:block; width:120px; font-size:15px;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:#024f8d;}
#nav .mainlevel ul {display:none; position:absolute;z-index:9999; left:0px;  }
#nav .mainlevel li {border-top:1px solid #fff; background:#024f8d; width:120px; height:30px;filter: alpha(opacity=80);progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.80;/*IE6 only*/}
#nav .mainlevel li a{line-height:30px; font-size:13px;}
#nav .mainlevel li a:hover{color:#012038; text-decoration:none; background:#fff;}

#full-screen-slider { width:100%; height:549px; float:left;position:relative}
#slides { display:block; width:100%; height:549px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:27%; top:490px; z-index:9999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:15px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#02335a;}

.bkz{width:1200px; margin:86px auto 64px; overflow:hidden;}
.bkz_z{width:216px; overflow:hidden;}
.bkz_z_z{width:216px; height:180px;}
.bkz_z_x{width:190px; height:173px; background:#02335a; padding:27px 13px 0px; margin-top:12px;}
.bkz_z_xx{font-size:18px; color:#fff;}
.bkz_z_xx p{font-size:13px; color:#fff; margin-top:32px; line-height:30px;}
.bkz_m{width:474px;height:350px; background:#eee; margin-left:10px; padding:42px 28px 0px;}
.bkz_m_mm{font-size:24px; color:#02335a; font-weight:bold;}
.bkz_m_mm p{font-size:14px; color:#333; margin-top:26px; line-height:26px; font-weight:normal;}
.bkz_m_n{width:474px; margin-top:28px;}
.bkz_m_nn{width:130px; font-size:46px; color:#02335a;font-weight:bold; margin-right:38px;}
.bkz_m_nn span{ font-size:18px; color:#02335a;font-weight:normal; margin-left:5px;}
.bkz_m_nn p{ font-size:16px; color:#222;font-weight:normal; margin-left:10px;}
.bkz_y{width:434px; overflow:hidden;margin-left:10px;}
.bkz_y_s{width:408px; height:153px; background:#02335a;padding:27px 13px 0px;}
.bkz_y_ss{font-size:18px; color:#fff;}
.bkz_y_ss p{font-size:13px; color:#fff; margin-top:20px; line-height:30px;}
.bkz_y_x{width:194px; height:173px; background:#eee; padding:27px 13px 0px; margin-top:12px;}
.bkz_y_xx{font-size:18px; color:#222;text-align: center;}
.bkz_y_xx p{font-size:13px; color:#222; margin-top:22px; line-height:30px;}
.bkz_y_t{width:205px; height:200px;margin-top:12px;}

.sbbg{width:100%; background:url(img/bg.jpg) no-repeat center; height:340px;}
.sb_t{width:1200px; margin:0 auto; overflow:hidden;}
.sb_tt{ font-size:30px; text-align:center; color:#fff; margin-top:47px;}
.sb_tt p{ font-size:17px;color:#fff; margin-top:12px;}
.sb_tb{width:594px; margin:30px auto 0; overflow:hidden;}
.block_08{ height:122px;}
.block_08 ul{ margin:20px 0 0;}
.block_08 li{ float:left; width:106px;text-align:center; margin:0px 46px;}
.block_08 li .inner{ padding:0px;}
.block_08 li span{ display:block; margin:0 auto; width:106px; height:122px;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;}
.block_08 li:hover span img{transform:rotate(360deg)}

.sbz{width:1218px; margin:50px auto 30px; overflow:hidden;}
.sbz ul li{width:388px; margin:0px 9px 10px; float:left;}
.sbz ul li a img{width:386px; height:270px; border:1px solid #eee;}
.sbz ul li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.sbz ul li p{width:388px; text-align:center; line-height:50px; font-size:14px; color:#666;}
.sbz ul li:hover p{color:#02335a;}

.gcbg{width:100%; background:#eee; overflow:hidden;}
.gcal{width:1224px; margin:56px auto 65px; overflow:hidden;}
.gcal ul li{width:384px; height:292px; float:left; margin:0px 12px;}
.gcal ul li a img{width:384px; height:247px;}
.gcal ul li:hover img{filter:alpha(opacity=60);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.gcal ul li p{width:370px; background:#fff; height:45px; padding-left:14px;}
.gcal ul li p.e{ font-size:14px; color:#666; line-height:45px;}
.gcal ul li:hover p{background:#e73737; color:#fff;}


.xwbg{width:100%; background:url(img/bg3.jpg) repeat; height:200px;}
.sb_p{width:1200px; margin:0 auto; overflow:hidden;}
.sb_pp{ font-size:30px; text-align:center; color:#fff; margin-top:46px;}
.sb_pp p{ font-size:17px;color:#fff; margin-top:6px; line-height:40px;}

.xwz{width:1200px; margin:80px auto 70px; overflow:hidden;}
.xwz_z{width:530px;overflow:hidden;}
.xwz_zt{width:530px; font-size:16px; color:#023054; border-bottom:1px solid #eee; padding-bottom:25px;}
.xwz_zt a{font-size:16px; color:#023054;}
.xwz_zt a:hover{color:#02335a;}
.xwz_zt p{ font-size:12px; color:#666; line-height:24px; margin-top:6px;}
.xwlist{width:530px; overflow:hidden; margin-top:30px;}
.xwlist ul li{width:530px; float:left; line-height:30px;}
.xwlist ul li a{ font-size:13px; color:#333;line-height:30px;}
.xwlist ul li a:hover{color:#02335a;}
.xwlist ul li span{ float:left; margin-right:10px;}
.xwlist_y{width:584px; overflow:hidden;}
.xwlist_y ul li{width:584px; float:left; line-height:50px;border-bottom:1px solid #eee;}
.xwlist_y ul li a{ font-size:14px; color:#333;line-height:50px;}
.xwlist_y ul li a:hover{color:#02335a;}
.xwlist_y ul li span{ float:right;font-size:13px; color:#333;}
.more{ width:140px; height:40px;font-size:16px; color:#999; text-align:center; line-height:40px; border:1px solid #999; margin:30px auto 0;}
.more a{font-size:13px; color:#999;}
.more:hover{border:1px solid #02335a; color:#fff; background:#e73737;}
.more:hover a{ color:#fff;}

.linkbg{width:100%; background:#1c486b; overflow:hidden;}
.linkz{width:1200px; margin:26px auto 26px; overflow:hidden;}
.link{font-size:12px; color:#fff;}
.link a{font-size:12px; color:#fff; margin-left:5px; margin-right:5px; line-height:30px;}
.link a:hover{color:#e73737;}
.link span{font-size:14px; color:#fff;}

.footbg{width:100%; background:#02335a; overflow:hidden;}
.footz{width:1200px; margin:40px auto 0;padding-bottom:35px; overflow:hidden;}
.fmenul{width:800px; overflow:hidden;}
.fmenulc{ padding-right:60px; }
.fmenulct{ color:#fff; font-size:14px; text-align:left;}
.fmenulct a{color:#fff; font-size:14px;padding-right:28px;}
.fmenulct a:hover{color:#e73737;}
.fmenulcf{ margin-top:14px;padding-right:26px;}
.fmenulcf ul li a{color:#fff; line-height:26px; font-size:12px;}
.fmenulcf ul li a:hover{color:#e73737;}
.f_y{width:240px;margin-top:45px; overflow:hidden;}
.f_yy{font-size:12px; color:#999; text-align:center; line-height:22px; text-align:right;}
.f_yy span{font-size:14px; color:#fff; text-align:center; line-height:22px;}

.dbbg{width:100%; background:#1c486b; overflow:hidden;}
.db{width:1200px; margin:30px auto 0; overflow:hidden;}
.dbz{font-size:12px; color:#fff; text-align:center; margin-bottom:30px;}
.dbz a{font-size:12px; color:#fff; text-align:center; line-height:36px;}
.dbz a:hover{color:#02335a;}


/*------------------内页----------------------------*/

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

.listbg{ width:100%; background: url(http://oldfile.4e8.com/skin/ry0296430/img/nbg.jpg);padding:25px 0 10px 0; overflow:hidden;}
.list{ width:1180px; margin:0 auto; overflow:hidden;}
.list ul li{ float:left; text-align:center; margin-right:10px; margin-bottom:18px; line-height:28px; margin-left:10px;}
.list ul li a{ border:1px solid #ededed; background:#fff; width:146px; height:28px; float:left; font-size:14px; color:#333;}
.list ul li a:hover, .list ul li a.on{ border:1px solid #e73737; background:#e73737;width:146px; height:28px; color:#fff; float:left;font-size:14px;}

/*单页*/
.nabout{width:1200px; padding:30px 0px 60px 0px; line-height:2; margin:0 auto; font-size:13px;}
#casem_down { HEIGHT:200px; OVERFLOW: hidden; margin-top:30px;}
#casem_down ul { height:200px; overflow:hidden; float:left;}
#casem_down ul li {	width:268px; height:200px; float:left; margin:0px 15px;border-bottom:none;}
#casem_down ul li img {width:268px; height:200px;}

/*新闻*/
.new{overflow:hidden; width:1200px; margin:30px auto 0; }
.new li{padding:25px 20px; overflow:hidden;-webkit-transition: all 0.3s ease-in-out;}
.new li span{display:block; width:100px; height:85px; background:#f7f7f7; float:left; font-size:30px; color:#acacac; font-weight:bold; text-align:center;padding-top:15px;}
.new li span em{display:block; font-size:18px;  border-top:1px solid #dbdbdb; padding-top:6px;font-style:normal;font-weight:normal;}
.new_li{overflow:hidden; float:left;width:1040px; margin-left:20px; padding-top:10px;}
.new_li h2{font-size:16px; color:#333;-webkit-transition: all 0.3s ease-in-out; padding-bottom:5px; font-weight:normal; }
.new_li p{font-size:14px; color:#666; line-height:28px; margin-top:6px;}
.new li:hover{background:#f5f9fa;}
.new li:hover h2{color:#02335a;}
.new li:hover span{background:#02335a; color:#fff;}
.new li:hover span em{border-top:1px solid #fff;}


/*新闻单页*/
.nynew{width:1200px;margin:30px auto 40px; line-height:22px;}
.nynews_title{line-height:26px;font-size:15px;text-align:center;border-bottom:1px dashed #e1e1e1;color:#e73737;padding-bottom:5px;margin-bottom:15px; margin-top:30px;}
.nynews_title span{font-size:13px;line-height:32px;color:#666;}
.nynewsbody{line-height:22px; text-align:left; font-size:13px; color:#666; margin-top:40px;}

.aboutusmtrd_down{width:1200px;margin:40px auto 0; overflow:hidden;}
.aboutusmtrd_down a{color:#666; font-size:13px;}
.aboutusmtrdd_left{ float:left;color:#666;font-size:13px;}
.aboutusmtrdd_left a:hover{ text-decoration:underline;color:#02335a;}
.aboutsumtrdd_right{ float:right;color:#666;font-size:13px;}
.aboutsumtrdd_right a:hover{text-decoration:underline;color:#02335a;}

/*页码*/
.ny_pages{width:1200px;text-align:center;margin:30px auto 40px; font-size:14px;color:#666;}
.ny_pages a{ font-size:14px;margin:0px 5px;color:#666;}
.ny_pages a:hover{color:#02335a;}

/*产品列表*/
.lanren{width:1218px; overflow:hidden;margin:50px auto;}
.lanren ul li{width:386px;height:270px;float:left;margin:0 10px 15px 10px;position:relative;overflow:hidden;cursor:pointer;}
.lanren .txt{width:386px;height:45px; background:url(http://oldfile.4e8.com/skin/ry0296430/img/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑"; }
.lanren .txt h3{font-size:18px;font-weight:100;height:45px;text-align:center;line-height:45px; color:#fff;border-bottom:1px solid #fff;}
.lanren .txt img{ width:70px; height:70px; margin-top:80px; margin-left:162px;}


@media screen and (max-width: 579px) {.owl-pagination{bottom:0px;height:15px;}}
/*幻灯片*/



/*客服*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(http://oldfile.4e8.com/skin/ry0296430/img/r_qq.png) 0px 0px no-repeat; background-color:#b2b9bf;}
.izl-rmenu .btn-qq:hover{background-color:#02335a;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(http://oldfile.4e8.com/skin/ry0296430/img/r_qq.png) 0px 0px no-repeat; background-color:#b2b9bf; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(http://oldfile.4e8.com/skin/ry0296430/img/r_wx.png) 0px 0px no-repeat; background-color:#b2b9bf;}
.izl-rmenu .btn-wx:hover{background-color:#02335a;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(http://oldfile.4e8.com/skin/ry0296430/img/r_phone.png) 0px 0px no-repeat; background-color:#b2b9bf;}
.izl-rmenu .btn-phone:hover{background-color:#02335a;}
.izl-rmenu .btn-phone .phone{background-color:#02335a; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(http://oldfile.4e8.com/skin/ry0296430/img/r_top.png) 0px 0px no-repeat; background-color:#b2b9bf; display:none;}
.izl-rmenu .btn-top:hover{background-color:#02335a;}