﻿@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;font-size:12px;color:#333;font-family:"寰蒋闆呴粦";}
a:hover { text-decoration:none; color:#ff0000;font-family:"寰蒋闆呴粦";}
body { font-family:"寰蒋闆呴粦";height:100%;width:100%; font-size:12px;}
.z{ float:left;}
.y{ float:right;}

.clear{clear:both; width:auto;}

.top{width:1200px;margin:0 auto; height:100px; }
.logo{ margin-top:20px;}
.ydh{margin-top:20px;}
.dh{font-size:16px; color:#5d5c5c; text-align:center;background:url(http://oldfile.4e8.com/skin/ry438112/img/dh.jpg) no-repeat left; padding-left:35px; line-height:25px;float:right;}

.menu{width:880px; height:54px; margin:0 auto;}
#nav { width:880px; margin:0 auto; display:block;z-index:99999999;}
#nav .mainlevel { float:left; width:110px; height:54px; text-align:center; position:relative; z-index:99;}
#nav .mainlevel a {color:#222; text-decoration:none; line-height:54px; display:block; width:110px; font-size:16px;}
#nav .mainlevel a:hover {color:#222; text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute;z-index:99999999999; left:0px;  }
#nav .mainlevel li {border-top:1px solid #fff; background:#000; width:150133pxpx; height:33px;filter: alpha(opacity=80);progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.80;/*IE6 only*/}
#nav .mainlevel li a{line-height:33px; font-size:14px; color:#fff;}
#nav .mainlevel li a:hover{color:#000; text-decoration:none; background:#fff;}

.shutter {overflow: hidden;width:100%;position: relative;width:1920px;height:592px;left:50%;margin-left:-50%;}
.shutter-img {z-index: 1;}
.shutter-img,.shutter-img a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.shutter-img a {cursor: default;}
.shutter-img a > img {width: 100%; height: 100%;}
.shutter-img .created {overflow: hidden; position: absolute;z-index: 20;}
.shutter-btn {}
.shutter-btn li {position: absolute; z-index: 2;top: 50%; width: 49px;height: 49px;margin-top: -25px;cursor: pointer;}
.shutter-btn li.prev {left: 15%;background: url(http://oldfile.4e8.com/skin/ry438112/img/shutter_prevBtn.png) no-repeat 0 -49px;}
.shutter-btn li.next {right: 15%;background: url(http://oldfile.4e8.com/skin/ry438112/img/shutter_nextBtn.png) no-repeat 0 -49px;}

.dmlybg{width:100%; background:#efefef; overflow:hidden;}
.dmly{width:1200px; margin:0 auto; overflow:hidden;}
.dmly_z{width:430px;overflow:hidden; margin-top:133px; margin-bottom:180px; float:left;}
.dmly_z_t{ font-size:36px; color:#000; font-weight:bold; line-height:68px;}
.dmly_z_h{ width:80px; height:4px; background:#000;}
.dmly_z_p{font-size:14px; color:#666;line-height:32px; margin-top:32px;}
.xxgd{ width:135px; height:36px; line-height:36px; text-align:center; border:1px solid #999; margin-top:56px;}
.xxgd a{line-height:36px; font-size:14px; color:#999;}
.xxgd:hover{  background:#e60012; color:#fff; border:1px solid #e60012;  }
.xxgd:hover a{ color:#fff;}

.block_08{ width:720px; float:right;}
.block_08 ul{ margin:10px 0 0;}
.block_08 li{ float:left; width:200px;*margin-left:-1px; text-align:center; margin:10px 0px 76px 160px;}
.block_08 li .inner{ padding:0 30px;}
.block_08 li span{ display:block; margin:0 auto; width:110px; height:110px; line-height:110px; 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:10px;}
.block_08 li span a{ display:block;}
.block_08 li:hover span img{transform:rotate(360deg)}
.block_08 li h2{ color:#222; margin:36px 0 10px; font-size:24px; font-weight:bold;}
.block_08 li h2 p{ color:#666;font-size:14px; font-weight:normal; margin-top:8px;}
.block_08 li:hover h2,.block_08 li h2 a{ color:#222;font-size:24px;}
.block_08 li h2 a:hover{text-decoration:underline;}
.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;background-size:cover;-ms-behavior: url(http://oldfile.4e8.com/skin/ry438112/backgroundsize.min.htc);behavior:url(backgroundsize.min.htc);}

.btz{width:1200px; margin:58px auto 50px; overflow:hidden;}
.btz_t{font-size:36px; color:#222; text-align:center; line-height:50px;font-weight:bold;}
.btz_t p{font-size:14px; color:#999;font-weight:normal; }
.lanrenzhijia{width:1246px;margin:30px auto 50px;overflow:hidden;}
.lanrenzhijia ul{width:1246px;}
.lanrenzhijia ul li{float:left;display:inline;width:340px;height:344px; padding:18px;overflow:hidden;position:relative; margin:0px 10px 20px; border:1px solid #e5e5e5;}
.lanrenzhijia ul li .photo{width:340px;height:344px;overflow:hidden;}
.lanrenzhijia .rsp{width:376px;height:382px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.lanrenzhijia .text{position:absolute;width:376px;height:344px;left:-340px;top:0px;overflow:hidden; background:url(http://oldfile.4e8.com/skin/ry438112/img/hh.png) no-repeat center;}
.lanrenzhijia .text h3{width:376px;margin-top:160px;text-align:center;color:#FFFFFF;font-size:18px; font-weight:normal;}
.lanrenzhijia .text a{text-decoration:none}

.dmlpbg{width:100%; background:url(http://oldfile.4e8.com/skin/ry438112/img/bg.jpg) no-repeat center; height:645px;}
.dmlpz{width:1200px; margin:0 auto; overflow:hidden;}
.dmlp{width:530px; overflow:hidden; margin-top:50px; position:relative;}
.dmlp_m{ font-size:36px; color:#fff; font-weight:bold;}
.dmlp_m p{ font-size:13px; color:#fff; line-height:24px; margin-top:22px;font-weight:normal;}
.dmlp_k{width:370px; height:400px; background:url(http://oldfile.4e8.com/skin/ry438112/img/kk.png) no-repeat center; margin-top:15px; padding:30px 42px 0px 28px;}
.dmlp_n{ font-size:14px; color:#fff; line-height:32px;}
.ckxq{ width:115px; height:42px; line-height:42px; text-align:center; background:#fff; position:absolute; bottom:180px; right:0px;}
.ckxq a{line-height:42px; font-size:16px; color:#9f7529;}
.ckxq:hover{  background:#9f7529; color:#fff;}
.ckxq:hover a{ color:#fff;}

.xwz{width:1200px; margin:60px auto 30px; overflow:hidden;}
.xwz_z{ width:750px;overflow:hidden;}
.xw_t{ font-size:24px; color:#222;}
.news_z{ width:303px; height:200px; margin-top:20px; position:relative; margin-bottom:40px;}
.news_z:hover{opacity: 0.7;filter: alpha(opacity=70);}
.news_r{width:64px; height:67px; background:#e60012; padding:10px 20px 0px; position:absolute; top:0px; left:0px; z-index:99;}
.news_q{font-size:28px; color:#fff; text-align:center; font-weight:bold;}
.news_q p{font-size:14px; color:#fff; font-weight:normal;}
.news_y{width:414px; height:200px;margin-top:20px;}
.news_y_b{font-size:18px; color:#555;font-weight:bold;}
.news_y_z{font-size:14px; color:#666;font-weight:normal; line-height:24px; margin-top:28px;}
.news_y_m{font-size:14px; color:#555;font-weight:normal;margin-top:20px;}
.news_y_m a{font-size:14px; color:#555;}
.news_y_m a:hover{color:#e60012;}
.new{overflow:hidden; width:750px;}
.new li{ overflow:hidden;-webkit-transition: all 0.3s ease-in-out; margin-bottom:34px;}
.new li span{display:block; width:58px; height:58px; background:#ccc; float:left; font-size:18px; color:#fff; padding-top:10px; font-weight:bold; text-align:center;}
.new li span em{display:block; font-size:14px;  border-top:1px solid #dbdbdb;font-style:normal;font-weight:normal;}
.new_li{overflow:hidden; float:left;width:668px; float:right;}
.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:22px; margin-top:2px;}
.new li:hover h2{color:#e60012;}
.new li:hover span em{border-top:1px solid #fff;}
.new li:hover span{background:#e60012;}

.xwz_y{ width:386px;overflow:hidden;}
.hy_t{ width:386px; height:200px; margin-top:20px; position:relative;}
.hy_p{width:386px; height:40px; background:url(http://oldfile.4e8.com/skin/ry438112/img/bg2.png) repeat; font-size:16px; color:#fff; text-align:center; line-height:40px;  position:absolute; left:0px; bottom:0px; z-index:999;}
.hy_p a{font-size:16px; color:#fff;font-weight:bold;}
.hy_t img{ width:386px; height:200px;transition: all 2s;}
.hy_t img:hover{transform: scale(1.1);}
.scrollbox{width:386px; position: relative; margin-top:45px;}
#scrollDiv{width:386px;height:192px; overflow:hidden; display: block;}
#scrollDiv ul{ width: 386px;}
#scrollDiv li{width:386px;height:72px;float:left;background: #fff;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; margin-bottom:24px;}
#scrollDiv li img{width:110px;height:72px;float:left;}
#scrollDiv li span{ float: right;width:250px;height:88px; overflow: hidden; display: block;}
#scrollDiv li span h4{font-size: 16px;margin-bottom:5px;color: #555; font-weight:normal;}
#scrollDiv li span p{line-height: 20px;font-size: 14px;color: #666666;display: block;overflow: hidden;}
#scrollDiv li:hover{}
#scrollDiv li:hover span h4{ color: #e60012;}
.scroltit{ position: absolute; right:0px; top:-30px;width:62px;}
.scroltit small{float:right;width:21px;height:11px; line-height:18px; text-align: center;font-family: "宋体"; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; margin-left:10px;}
.scroltit small img{margin-top:6px;}

.dbbg{width:100%; background:#5c5c5c; overflow:hidden;}
.linkz{width:1200px; margin:35px auto 26px; border-bottom: 1px solid #777; 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;}
.db2z{width:1200px; margin:0 auto; overflow:hidden;}
.db_z{width:400px; margin-top:20px; margin-bottom:50px; overflow:hidden;}
.db_b{font-size:18px; color:#fff; line-height:30px; margin-bottom:20px;}
.db_b span{font-size:14px; color:#fff; margin-left:10px;}
.db_zb{font-size:14px; color:#fff; line-height:30px; font-weight:normal;}
.db_zb span{font-size:24px; color:#bfc3c6; line-height:60px; background:url(http://oldfile.4e8.com/skin/ry438112/img/dd.jpg) no-repeat left; padding-left:55px; font-weight:bold;}
.fmenul{width:560px; overflow:hidden; margin-top:20px;margin-bottom:50px;}
.fmenulc{width:140px;text-align:center;}
.fmenulct{ color:#eaeaea; font-size:15px;}
.fmenulct a{color:#eaeaea; font-size:15px;}
.fmenulct a:hover{text-decoration:underline;}
.fmenulcf{ margin-top:13px; width:140px;}
.fmenulcf ul li{ width:140px;overflow: hidden;text-align:center;}
.fmenulcf ul li a{color:#eaeaea; line-height:28px; font-size:13px; } 
.fmenulcf ul li a:hover{text-decoration:underline;}
.db_yb{width:200px; margin-top:40px; overflow:hidden; border-left:1px solid #727171;}
.db_yb ul li{width:106px; float:left; margin-left:74px;}
.db_yb ul li a img{width:106px; height:106px;}
.db_yb ul li p{width:106px;font-size:14px; color:#fff; margin-top:8px; text-align:center;}

.f_dbbg{width:100%; background:#424242; }
.f_dbz{width:1200px; margin:0 auto; height:82px;}
.f_dbs{width:700px;overflow:hidden;}
.f_db{font-size:13px; color:#fff; line-height:29px; padding-top:24px; padding-bottom:30px;}
.f_db a{font-size:13px; color:#fff;}
.f_db a:hover{color:#ff6c00;}


.strength{padding-top:0px;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{float:left;width:50%;overflow:hidden;background:#000;position:relative;}
.strengthMain li img{width:100%;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{width:100%; height:69%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:14px;padding-top:20%;line-height:30px;}
.strengthMain li .font a{font-size:14px;color:#fff;line-height:30px;}
.strengthMain li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:30px;line-height:36px;}
.strengthMain li .font h4{font-size:14px;color:#000;height:32px; line-height:32px; background:#fff; margin-top:8%; border-radius:30px; width:18%; margin-left:41%;font-weight:normal;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}


/*--------------内页-----------------------*/

.nbanner{width:100%;position: relative;width:1920px;height:366px;left:50%;margin-left:-960px;}

.n_nrz{width:1200px; margin:40px auto 0; overflow:hidden;}
.n_nrbt{width:1200px; height:60px; border-bottom:1px solid #ddd;}
.n_nrbt_z{ font-size:40px; color:#000; line-height:58px;font-family:"宋体"; font-weight:bold;}
.n_nrbt_y{/* width:710px;*/}
.n_nrbt_y ul li{ width:120px; height:30px;border:1px solid #999; float:left; margin:10px 0px 0px 20px;text-align:center; line-height:30px;}
.n_nrbt_y ul li a{ font-size:14px; color:#999; text-align:center; line-height:30px;}
.n_nrbt_y ul li a:hover{color:#fff;}
.n_nrbt_y ul li:hover{ background:#e70012; color:#fff;border:1px solid #e70012; }
.n_nrbt_y ul li:hover a{color:#fff;}
.n_nybt_m{font-size:26px; color:#666; margin-top:10px;}
.n_nybt_m p{font-size:13px; color:#999; margin-top:10px;}
.n_nybt_n{width:1200px; margin:30px auto 50px;font-size:13px; color:#666; line-height:28px; overflow:hidden;}

.n_nrbt_b{/* width:710px;*/}
.n_nrbt_b ul li{ width:120px; height:30px;border:1px solid #999; float:left; margin:10px 20px 0px 0px;text-align:center; line-height:30px;}
.n_nrbt_b ul li a{ font-size:14px; color:#999; text-align:center; line-height:30px;}
.n_nrbt_b ul li a:hover{color:#fff;}
.n_nrbt_b ul li:hover{ background:#e70012; color:#fff;border:1px solid #e70012;}
.n_nrbt_b ul li:hover a{color:#fff;}

/*新闻单页*/
.nynew{width:1200px;margin:40px auto 40px; line-height:22px;}
.nynews_title{line-height:26px;font-size:16px;text-align:center;border-bottom:1px dashed #e1e1e1;color:#333;padding-bottom:5px;margin-bottom:15px; margin-top:30px; font-weight:bold;}
.nynews_title span{font-size:13px;line-height:32px;color:#666; font-weight:normal;}
.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:#333;}
.aboutsumtrdd_right{ float:right;color:#666;font-size:13px;}
.aboutsumtrdd_right a:hover{text-decoration:underline;color:#333;}

/*新闻列表*/
.fr_w935{width:1200px; margin:30px auto 30px; overflow:hidden;}
.ul_news li{padding:23px 0;border-bottom:1px dotted #ccc}
.ul_news{margin-top:-13px}
.pt18{padding-top:0px}
.cboth{clear:both}
.fleft{float:left;display:inline}
.ov_hidden{overflow:hidden}
.fz14_bold_1{font-size:15px;font-weight:700;color:#333;line-height:20px;height:20px}
.fz14_bold_1 a{font-size:15px;color:#333;}
.fz14_bold_1 a:hover{color:#e70012;}
.h24_l18{font-size:13px;color:#999;height:24px;line-height:18px; margin-top:10px;}
.lh22_c666{line-height:24px;color:#666;font-size:13px; margin-top:10px;}
.pl175{padding-left:190px}
.ul_news li.cur .fleft img{width:224px!important;height:149px!important}
.ul_news li.cur .pl175{padding-left:255px!important}

/*页码*/
.ny_pages{width:1200px;text-align:center;margin:20px auto 50px;font-size:13px;}
.ny_pages a{ font-size:13px;margin:0px 5px;color:#666;}
.ny_pages a:hover{color:#e70012;}


.pro-list{ width:1220px; margin:40px auto 0;}
.pro-list ul{ padding:0; margin:0 auto;}
.pro-list ul li{ width:285px; float:left; height:339px;  margin:0px 10px 30px; font-family:"微软雅黑"; font-size:14px;}
.pro-list ul li a{ display:block; float:left; width:285px; height:45px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.pro-list ul li a img{ width:285px; height:288px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.pro-list ul li a p{ display:block; width:285px; height:45px;font-size:14px; color:#666;line-height:45px; text-align:center; background:#f5f5f5;}
*html .pro-list ul li a p{ margin-top:5px;}
.pro-list ul li:hover p{ background:#e70012; color:#fff;}




