/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:"microsoft yahei"; min-width:1400px; overflow-x:hidden;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #e96300;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:"microsoft yahei";}
.w1400{width:1400px;margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.title{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; color:#000000; font-size:46px;}
.title i{ display:inline-block; height:46px; width:5px; background:#e96300;}
.title span{ display:inline-block; margin:0 10px;}
.title em{ font-size:18px; color:#555555;}
.hovermaincolor a:hover{ color:#e96300;}
/*抬头*/
.istuck .header{ background:rgba(0,0,0,.7);}

header{ position:relative; z-index:999; width:100%;}
.header{ position:absolute; top:0; left:0; width:100%; z-index:999;}
.header .w1400{height:100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.hleft{ font-size:30px; color:#fff; padding-top:10px;}
.hleft a{ display:inline-block; margin-right:10px; vertical-align:middle;}
.hleft em{font-size: 18px; opacity:0.8;}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.nav>ul>li{ position:relative; margin-right:33px;}
.nav>ul>li>a{ font-size:16px; color:#fff; display:block; line-height:100px; position:relative;} 
.nav>ul>li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; bottom:18px; height:1px; width:0; transition:all .3s ease; background:#fff;}
.nav>ul>li.cur>a:after,.nav>ul>li:hover>a:after{ width:95%;}
.nav>ul>li.cur>a,.nav>ul>li:hover>a{ font-weight:bold;}
.nav>ul>li>a i{ display:inline-block; vertical-align:middle; margin-left:5px; width:12px; height:7px; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210112/20210112091805_521891142.png) no-repeat center;}
.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:100%; left:-20%; width:140%; background:rgba(255,255,255,0.98); box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);}
.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:40px; font-size:14px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ background:#e96300; color:#fff; padding-left:10px;}
.nav>ul>li#a2 .dropmenu{ width:200%; left:-50%;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.searchicon{ width:20px; height:21px; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210112/20210112092734_670883701.png) no-repeat center; cursor:pointer;}
.search{ position:relative;}
.search:hover .iser_box{transform: rotateX(0deg);}
.iser_box{background: rgba(255,255,255,0.98); position: absolute;top:90px;right: 0;padding: 30px; transform-origin: top; transition: all 0.5s;z-index: 9;box-shadow:0 0 10px rgba(0,0,0,.2); visibility:hidden; transition:all .3s ease; opacity:0;}
.iser_box.iShow{ visibility:visible; opacity:1; top:130px;}
.search_l{display:flex;align-items:center;justify-content:end;width:625px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.istuck .header .hleft{padding-top:0;}

/*幻灯片*/
.banner{ background:#000; position:relative; min-width:1400px;}
.banjt{ position:absolute; z-index:99; width:47px; height:104px; top:0; bottom:0; margin:auto 0; left:45px; opacity:0; transition:all .3s ease; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111114335_1186213546.png) no-repeat left center; cursor:pointer;}
.banjt.next{ left:auto; right:45px; background-position-x:right;}
.banner:hover .banjt{ opacity:1;}
.banpage{ position:absolute; bottom:40px; width:100%; left:0; z-index:99; font-size:0; height:12px; text-align:center;}
.bannercon{ width:100% !important;}
.banpage li{ display:inline-block; vertical-align:top; text-align:center; width:12px; height:12px; transition:all .3s ease; border-radius:12px; background:rgba(255,255,255,.5); cursor:pointer;}
.banpage li+li{ margin-left:10px;}
.banpage li.on{ width:50px; background:#e96300;}
.bannercon ul{ width:100% !important; height:940px;}
.bannercon .w1400{ position:relative; height:100%;}

.bantwo .bantext{top:300px;}
.bantext{ position:absolute; height:350px; z-index:9; color:#fff; left:0;top:320px; }
.bantext h2 b{ font-size:56px; color:#fff;}
.bantext h2 span{ display:block; font-size:36px; color:#ffffff; font-weight:lighter; margin:20px 0 30px 0; font-weight:lighter; letter-spacing:5px;}
.bantext h2 em{ font-weight:lighter; font-size:20px; color:rgba(255,255,255,.7);}
.bantext p{ margin-top:100px;}
.bantext p a{ width:180px; line-height:40px; position:relative; border-radius:20px; display:inline-block; font-size:15px; color:#fff; background:rgba(255,255,255,.3); text-align:center; overflow:hidden;}
.bantext p a+a{ margin-left:35px;}
.bantext p a i{ position:relative; z-index:3;}
.bantext p a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; height:100%; width:0; transition:all .3s ease; background:rgba(233,99,0,.5); top:0;}
.bantext p a:hover:after{ width:100%;}


/*术业有专攻，润扬有匠心！*/
.trait{ margin:80px 5%;}
.trait ul{ margin-top:30px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.trait ul li{ width:24%; padding:15px; background:#fff; position:relative; box-shadow:0 0 15px #ccc; text-align:center;}
.trapic{ overflow:hidden;}
.trapic img{ width:100%; height:auto;}
.tratext{ height:165px; width:100%;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; font-size:16px; color:#999999; line-height:30px; transition:all .3s ease;}
.tratext span{ display:block; font-size:25px; color:#333333; margin-bottom:10px; transition:all .3s ease;}
.trait ul li div{ position:relative; z-index:3; white-space:nowrap;}
.trait ul li:after{ content:''; display:block; position:absolute; transition:all .5s ease; width:10px; height:10px; background:#e96300; right:0; bottom:0;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.trait ul li:hover:after{ width:100%; height:100%;}
.trait ul li:hover .tratext{ color:#efdbcb;}
.trait ul li:hover .tratext span{ color:#fff;}
/*走进润扬精密*/
.about{ padding:80px 5% 0 5%; background:#f2f2f2;}
.abcon{ background:#fff url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111135223_145436923.jpg) no-repeat right top;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.abright{ margin:0 3%;}
.abwa{overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; font-size:15px; color:#999999; line-height:32px; height:96px; overflow:hidden; margin:30px 0 45px 0;}
.abtitl{ font-size:66px; color:#000;}
.abtitl b{ color:#e96300;}
.abtitl b a{color:#e96300; font-size:66px;}
.abtitl span{ display:block; font-size:30px; font-weight:lighter; color:#222222; margin-top:15px;}
.abbtn a{ display:inline-block; width:30%; height:100px; vertical-align:top; background:#f5f5f5; transition:all .3s ease; position:relative; padding:25px 30px; font-size:22px; color:#555555;}
.abbtn { font-size:0;}
.abbtn a+a{ margin-left:25px;}
.abbtn a em{ text-transform:uppercase; font-size:12px; color:#999999; display:block; margin-top:3px;}
.abbtn a:hover{ background:#e96300; color:#fff;}
.abbtn a:hover em{color:#efdbcb;}
.abbtn a i{ position:absolute; top:0; bottom:0; margin:auto 0; right:28px; width:40px; height:37px; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111135223_1979802515.png) no-repeat left top; transition:all .3s ease;}
.abbtn a:nth-child(2) i{ background-position-x:-53px;}
.abbtn a:nth-child(3) i{ background-position-x:-106px;}
.abbtn a:hover i{ background-position-y:-50px;}
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:260px; font-size:15px; color:#555555; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:top;}
.num span{ font-size:60px; color:#000000; font-family:impact; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:22px; font-family:impact; line-height:30px; color:#fff; background:#e96300; margin-left:-10px;}
.num p+p{ margin-top:5px;}
/*润扬精密产品展示*/
.product{ margin:80px 5%;}
.protop{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.protrait b{ font-size:22px; color:#333333;}
.protrait b+b:before{ content:''; display:inline-block; vertical-align:middle; width:1px; height:20px; border-left:1px dashed #a6a6a6; margin:0 35px;}
.procon{ margin:30px 0 80px 0; font-size:0;}
.probottom{display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; }
.probottom i{ display:inline-block; vertical-align:top; width:12px; height:21px; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111144127_101671128.png) no-repeat left top; cursor:pointer;}
.probottom i:hover,.probottom  a:hover{ background-position-y:bottom;}
.probottom i.next{ transform:rotate(180deg);}
.probottom  a{ display:inline-block; width:28px; height:28px; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111144127_220491114.png) no-repeat left top; margin:0 95px;}
.procon .divproduct_new_div{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: wrap;align-items:flex-start;}
.procon .divproduct_new_div_item{ display:inline-block; vertical-align:top; width:32.333333%; margin:0 1% 1% 0;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: wrap;align-items:flex-start;flex-direction: column-reverse; border:1px solid #eeeeee; position:relative;}
.procon .divproduct_new_div_item:nth-child(3n){ margin-right:0;}
.procon .divproduct_new_div_item:nth-child(4),.procon .divproduct_new_div_item:nth-child(5),.procon .divproduct_new_div_item:nth-child(6){ margin-bottom:0;}
.procon .product_div_item_pic{ overflow:hidden; width:100%;}
.procon .product_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.procon .divproduct_new_div_item_content{ border-top:1px solid #eee; height:120px; padding:25px 190px 0 40px; position:relative; width:100%;}
.procon .divproduct_new_div_item_a{ display:block; white-space:nowrap; font-size:20px; color:#333333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.procon .divproduct_new_div_item_body{ margin-top:10px; color:#999999; font-size:15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.procon .divproduct_new_div_item_content .prodetail{ position:absolute; top:0;bottom:0; margin:auto 0; width:145px; line-height:40px; background:#f5f5f5; right:40px; font-size:15px; color:#999999; text-align:center; transition:all .3s ease; height:40px;}
.procon .divproduct_new_div_item:hover .prodetail{ background:#e96300; color:#fff;}
.procon .divproduct_new_div_item:hover .product_div_item_pic img{ transform:scale(1.1);}
/*行业应用领域*/
.case{ background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111152119_2119216382.jpg) no-repeat center; height:656px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.case .title{ color:#fff;}
.case .title em{ color:#cccccc;}
.casecon{ margin:0 5%; width:90%}
.caseshow{ margin-top:30px; padding:40px; background:#fff; height:410px; position:relative; margin-right:40px;}
.caseleft{ width:75%; overflow:hidden;}
.caseright{ position:absolute; height:456px; width:26%; background:#e96300; right:0; top:-86px; right:-40px; padding:0 40px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; color:#fff; }
.caseright .casebtn{ text-align:center;}
.cese_t{ font-size:15px; line-height:30px;}
.cese_t span{ display:block; font-size:25px; white-space:nowrap; text-align:center; margin:25px 0 10px 0;}
.cese_t em{ display:block; font-size:12px; color:#ffffff; opacity:.25; margin:20px 0;}
.caseline{ position:absolute; width:100%; height:50px; background:#da5c00; bottom:0; left:0;}
.caseline:after,.caseline:before{ content:''; display:block; position:absolute; top:0; width:0; height:0;}
.caseline:after{ border-left:40px solid #e96300; border-bottom:50px solid transparent; left:0;}
.caseline:before{ border-right:40px solid #e96300; border-bottom:50px solid transparent; right:0;}
.caseleft table,.caseleft tbody,.caseleft tr{ display:block; font-size:0;}
.caseleft td{ display:inline-block; padding:0 !important; width:380px; margin-right:25px;}
.caseleft td br{ display:none;}
.caseleft td a{ display:block; overflow:hidden; position:relative;}
.caseleft td>a img{ width:100%; height:auto; transition:all .6s ease;}
.caseleft td:hover>a img{ transform:scale(1.1);}
.caseleft td div{ padding:0 !important;}
.caseleft td div a{ font-size:15px; color:#555555; line-height:45px; transition:all .3s ease; background:#f9f9f9;}
.caseleft td:hover div a{ background:#e96300; color:#fff;}
/*新闻动态*/
.news{ margin:80px 5%;}
.newstop{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; margin-bottom:30px;}
.newstab a{ display:inline-block; vertical-align:top; width:170px; line-height:40px; background:#f2f2f2; text-align:center; transition:all .3s ease; font-size:16px; color:#222;}
.newstab a+a{ margin-left:15px;}
.newstab a.on{ background:#e96300; color:#fff; font-weight:bold;}
.newscon .news_div{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.newscon .news_div_item{ position:relative; width:32.5%; display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: wrap;align-items:flex-start;flex-direction: column-reverse;}
.newscon .news_div_item .news_div_item_pic{ overflow:hidden; width:100%;box-sizing: border-box; border: 1px solid #eee;}
.newscon .news_div_item .news_div_item_pic img{ overflow:hidden; transition:all .6s ease; width:100%; height:auto;}
.newscon .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.newscon .news_div_item .news_div_item_date{ position:absolute; width:75px; height:90px; background:#e96300; right:35px; bottom:175px; color:#fff; text-align:center; padding-top:55px; font-size:0; z-index:9;}
.newscon .news_div_item .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.newscon .news_div_item .news_div_item_date>div.news_div_item_day{ position:absolute; top:20px; font-size:30px; width:100%; left:0;}
.newscon .news_div_item_content{ height:220px; padding:45px 40px; background:#f5f5f5; width:100%;}
.newscon .news_div_item_a{ display:block; padding-right:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333333; font-weight:bold;}
.newscon .news_div_item_body{ margin-top:12px; font-size:15px; color:#999999; line-height:28px; height:84px; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;} 
.newscon .news_div_item:hover .news_div_item_a{ color:#e96300;}
/*地图*/
.indexmap{width:100%;height:407px;font-size:12px; border-top:1px solid #cfcdcc; border-bottom:1px solid #cfcdcc;}
/*版权*/
.crcontact{ padding:60px 0 50px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;}
.crcicon{width:80px; height:80px; border-radius:50%; box-shadow:0 0 15px #ddd;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; margin:0 auto; transition:all .3s ease;}
.crctext{ font-size:18px; color:#333333;}
.crctext em{ font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.crctext span{ display:block; font-size:15px; color:#999999; margin:15px 0;}
.crcicon span{ display:inline-block; width:40px; height:43px; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111164923_249187165.png) no-repeat left top; transition:all .3s ease;}
.crcontact li:nth-child(2) .crcicon span{ background-position-x:-64px;}
.crcontact li:nth-child(3) .crcicon span{ background-position-x:-128px;}
.crcontact li:nth-child(4) .crcicon span{ background-position-x:-185px;}
.crcontact li:hover .crcicon{ background:#e96300; transform:rotate(360deg);}
.crcontact li:hover .crcicon span{ background-position-y:-64px;}
.end{ text-align:center; padding-bottom:40px;}
.end,.end a{ font-size:15px; color:#999999; line-height:30px;}
.links{ background:#222222;}
.links .w1400{ height:80px; font-size:16px; color:#fff; background:url(https://memberpic.114my.com.cn/runyangdg/uploadfile/image/20210111/20210111164923_618186661.png) no-repeat right center;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.links .w1400 .links_e{ font-size:30px; margin-right:15px; color:#aaaaaa; font-family:impact;}


/* 浮动右侧按钮 */
.side{position:fixed;width:54px;height:275px;right:0;top:280px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom: 1px; -webkit-transition:all 0.5s;transition:all 0.5s;}
.side ul li:nth-of-type(1){height:65px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;-webkit-transition:all 0.3s;transition:all 0.3s;background:#e96300;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/54px "microsoft yahei";overflow:hidden;}
.side ul li .sidebox1{position:absolute;width:54px;height:54px;top:0;right:0;-webkit-transition:all 0.3s;transition:all 0.3s;background:#e96300;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/54px "microsoft yahei";overflow:hidden;}
.side ul li .sidetop{width:54px;height:65px;line-height:54px;display:inline-block;background:none;-webkit-transition:all 0.3s;transition:all 0.3s;}
.side ul li img{float:left;}
.side ul li .sidebox_ewm{position:absolute;width:54px;height:54px;top:0;right:0;-webkit-transition:all 0.3s;transition:all 0.3s;background:#e96300;opacity:1;filter:Alpha(opacity=100);color:#fff;font:14px/54px "microsoft yahei";overflow:hidden;}
.side ul .sidebox_ewmbox:hover{width:54px;height:210px !important;}
.side ul .sidebox_ewmbox p{-webkit-transition:all 0.5s;transition:all 0.5s; left:5px; top:0px;}
.side ul .sidebox_ewmbox:hover p{display: block; position: relative; left:5px; top: 0px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.side ul .sidebox_ewmbox img{margin-left:0px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.nav_l_p{float:left;font-size:16px;margin: 33px 0 0 13px;line-height: 25px;}