@charset "utf-8";
/* CSS Document */

/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文*/
.banner a { background:url(../images/banner.jpg) no-repeat center 0; height:520px; display:block}

/*瑞龙祥科技策略合作伙伴 */
.hz_bg { width:1260px; margin:0 auto; padding-top:30px; margin-bottom:60px;}
.hz_top { text-align:center; padding:40px 0 20px;}
.hz_top span { display:block; font-size:36px; color:rgb(0,0,40);}
.hz_top span small { display:block; font-size:14px; font-family:Arial; color:rgb(0,0,40); margin-top:8px; text-transform:uppercase;}

.hz_con { padding:11px 0 0; display:inline-block}
.hz_con ul li { float:left; background:url(../images/hz_picbg.jpg) no-repeat; width:246px; margin-left:6px; display:inline;}
.hz_con ul .nobor { padding:0;}
.hz_con ul li img { padding:15px 0 0 15px; width:216px; height:120px; cursor:pointer; transition:transform 0.3s; -webkit-transition:transform 0.3s;}
.hz_con ul li:hover img { transform:scale(1.08); -webkit-transform:scale(1.08);}
.hz_con ul li span { width:216px; display:block; height:53px; line-height:53px; text-align:center; color:rgb(0,0,40); font-size:14px; margin:3px auto 0;}

/*瑞龙祥科技产品中心*/
.zx_bg { background:url(../images/zx_bg.jpg) no-repeat center 0; height:1000px; margin-top:0px;}
.zx_bt { text-align:center; padding:75px 0 30px; font-size:36px; color:rgb(0,0,40);}
.zx_bt small { display:block; font-size:14px; font-family:Arial; color:rgb(0,0,40); margin-top:8px; text-transform:uppercase;}

.zx { width:268px; overflow:hidden;}
.zx_top { background: url(../images/zx_top.jpg) no-repeat;  height:99px; text-align:center;}
.zx_top a { font-size:24px; color:rgb(0,0,40); display:block; padding-top:25px;}
.zx_top em { display:block; font-size:12px; font-family:Arial; color:rgb(0,0,40); padding-top:3px;}
.zx_con {  width:268px}
.zx_con dl { background:#fff; padding-top:5px; margin:0 0 10px;}
.zx_dl02 { height:270px;}
.zx_con dl dt { height:45px; line-height:45px; background:transparent; border-bottom:solid 2px #ebebeb; margin:0 auto; width:228px;}
.zx_con dl:hover dt { background-color:rgb(209,255,242);}
.zx_con dl:hover dt a { color:rgb(0,0,40);}
.zx_con dl dt a { font-size:18px; color:rgb(0,0,40);}
.zx_con dl dd { padding:10px 0 20px 20px;}
.zx_con dl dd a { display:block; height:32px; line-height:32px; font-size:14px; color:rgb(0,0,40);}
.zx_con dl dd a:hover { color:rgb(0,0,40); background-color:rgb(209,255,242);}
.zx_bot { background:#fff; width:268px; text-align:center; font-size:14px; color:#333; padding:25px 0;}
.zx_bot em { display:block; font-size:24px; color:#1a6adc;}
.zx_bot a { display:block; width:100px; height:38px; line-height:38px; border:solid 1px #cbcbcb; margin:5px auto 0;}

.rx { width:955px; padding-left:37px;}
.rx_top { background:url(../images/cp_bt01.png) repeat-x; height:44px; line-height:44px;}
.rx_top02 { background:url(../images/cp_bt02.png) repeat-x;}
.rx_top03 { background:url(../images/cp_bt03.png) repeat-x;}
.rx_top04 { background:url(../images/cp_bt04.png) repeat-x;}

.rx_top i { display:block; float:right; padding:10px 0 0;}
.rx_top span { display:block; padding-left:10px;}
.rx_top span a { font-size:18px; color:rgb(0,0,40);}

.rx_con { padding:20px 0 0; display:block; width:100%; height:290px; overflow:hidden;}
.rx_con ul { overflow:hidden;}
.rx_con ul li { float:left; width:305px; padding:0 20px 0 0; line-height:0; font-size:0;}
.rx_con ul .nobor { padding:0;}
.rx_con ul li > a { display:block; width:305px; height:235px; overflow:hidden;}
.rx_con ul li > a img { width:305px; height:235px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.rx_con ul li > a:hover img {
-webkit-transform:scale(1.05,1.05);
-moz-transform:scale(1.05,1.05);
-transform:scale(1.05,1.05);
}
.rx_con ul li span a { display:block; height:48px; line-height:48px; text-align:center; color:rgb(0,0,40); font-size:14px; background:#fff;}
.rx_con ul li span a:hover { color:rgb(0,0,40);}

/*广告*/
.pic01 { background:url(../images/pic01.jpg) no-repeat center 0; height:260px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:165px; left:0; width:100%; text-align:center;}
.pic01 p span { display:block; background:url(../images/p_inp.png) no-repeat; width:348px; height:49px; line-height:49px; float:left; margin-right:10px;} 
.pic01 p span em { display:block; float:left; font-size:14px; color:#333; padding:0 32px 0 15px;}
.pic01 p span .p_inp { display:block; float:left; width:250px; height:47px; line-height:47px; border:none; background:#fff; outline:none; font-family:"Microsoft Yahei"; color:#333; font-size:14px;}
.pic01 p i { display:flex; justify-content:center; gap:100px; width:100%;}
.pic01 p i a { display:inline-block;}

.pic02 { margin-top:0; position:relative; width:100vw; margin-left:calc(-50vw + 50%); overflow:hidden;}
.pic02 > img { width:100%; height:auto; display:block;}
.pic02 p { position:absolute; top:60px; left:66%;}
.pic02 p span { display:block; float:left; font-size:18px; color:rgb(0,0,40); text-align:right; padding-right:30px;}
.pic02 p span em { display:block; font-size:30px; color:rgb(0,0,40);}

/*原厂授权，专注新能源汽车关键电子元器件解决方案*/
.yc_bg { height:802px;}
.yc_top { text-align:center; padding-top:70px; height:160px; font-size:36px; color:rgb(0,0,40); margin-bottom:10px;}
.yc_top span { display:block; margin-bottom:10px;}
.yc_top small { display:block; font-size:14px; font-family:Arial; color:rgb(0,0,40); margin-top:8px; text-transform:uppercase;}
.yc_top ul { padding:25px 0 0 295px;}
.yc_top ul li { float:left; padding-right:20px;}
.yc_top ul li a { display:block; width:136px; height:46px; line-height:46px; text-align:center; border:solid 1px rgb(0,0,40); font-size:14px; color:rgb(0,0,40); border-radius:4px;}
.yc_top ul li a:hover,.yc_top ul .cur a { border:solid 1px rgb(0,0,40); color:rgb(0,0,40); background-color:rgb(209,255,242);}

.yc_con { height:520px; position:relative; text-align:center;}
.yc_con img { max-width:100%; height:520px; display:block; margin:0 auto;}

.hf_con { height:520px; text-align:center;}
.hf_con img { max-width:100%; height:520px; display:block; margin:0 auto;}

.sc_con { height:520px; text-align:center;}
.sc_con img { max-width:100%; height:520px; display:block; margin:0 auto;}

.rd_con { height:520px; text-align:center;}
.rd_con img { max-width:100%; height:520px; display:block; margin:0 auto;}

.yc_bot { padding:15px 0 0 530px;}
.yc_bot a { width:20px; height:20px; display:block; float:left; margin-right:20px}
.yc_bot a:hover,.yc_bot .cur {  }

/*三大优势，一流品牌，资深团队，高效服务*/
.ys_bg .zx_bt { padding:75px 0 30px;}
.ys_bg .zx_bt a span { font-size:22px;}

.ys_con { height:560px;}

.ys_con dl { float:left;}
.ys_con dl dt { float:left; padding:70px 0 0 25px; width:275px;}
.ys_con .ys_dl03 dt { float:left; padding:70px 0 0 25px; width:575px;}
.ys_con dl dt span { font-size:14px; color:#333; line-height:25px; padding-right:35px; display:block;}
.ys_con dl dt span a { display:block; font-size:18px; color:#1a6adc;}
.ys_con dl dt span i { width:14px; background:#1a6adc; margin:15px 0; display:block; height:2px; line-height:0; font-size:0}
.ys_con dl dd { float:left;}

/*六大策略*/
.cl_bg { background:url(../images/cl_bg.jpg) no-repeat center 0; height:791px;}
.cl_top { display:block; text-align:center; padding:38px 0; font-size:36px; color:rgb(255,255,255);}
.cl_top small { display:block; font-size:14px; font-family:Arial; color:rgb(255,255,255); margin-top:8px; text-transform:uppercase;}
.cl_con { height:520px; position:relative; width:1260px; margin:0 auto;}
.cl_item { position:absolute; display:flex; align-items:center; transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease; cursor:pointer;}
.cl_item:hover { transform:scale(1.08); -webkit-transform:scale(1.08); z-index:10;}
.cl_item a { display:flex; align-items:center; justify-content:center; width:100px; height:100px; background:#fff; border-radius:50%; font-size:18px; color:rgb(0,0,40); text-align:center; line-height:22px; box-shadow:0 2px 8px rgba(0,0,0,0.1); flex-shrink:0;}
.cl_item span { display:block; font-size:20px; color:rgb(0,255,180); line-height:24px; white-space:nowrap; text-decoration:underline; font-style:italic;}
.cl_left span { text-align:right; padding-right:20px;}
.cl_right span { text-align:left; padding-left:20px;}

.cl_item1 { right:690px; top:0px;}
.cl_item2 { right:800px; top:200px;}
.cl_item3 { right:690px; top:400px;}
.cl_item4 { left:680px; top:0px;}
.cl_item5 { left:790px; top:200px;}
.cl_item6 { left:680px; top:400px;}




/*走进瑞龙祥*/
.zj_bg { background:#f8fafc; padding:60px 0; overflow:hidden;}
.about-wrap { overflow:hidden;}
.about-left { width:560px; overflow:hidden; border-radius:4px;}
.about-left a { display:block; overflow:hidden; }
.about-left img { width:560px; height:373px; display:block; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease;}
.about-left a:hover img { transform:scale(1.08); -webkit-transform:scale(1.08);}
.about-right { width:640px; padding-left:60px;}
.about-header { margin-bottom:25px; }
.about-logo { height:50px; display:block; margin-bottom:15px;}
.about-title { font-size:28px; color:rgb(0,0,40); font-weight:normal; margin:0;}
.about-title small { display:block; font-size:14px; color:rgb(0,0,40); margin-top:8px; text-transform:uppercase; font-family:Arial;}
.about-desc { font-size:14px; color:rgb(0,0,40); line-height:2.2; margin-bottom:35px; text-align:justify;}
.about-desc p { text-indent:2em; margin-bottom:10px;}
.about-btn { display:inline-block; padding:12px 40px; border:1px solid rgb(0,0,40); color:rgb(0,0,40); font-size:14px; border-radius:4px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.about-btn:hover { background:rgb(0,0,40); color:#fff; text-decoration:none;}

/*电子元件百科*/
.dt_bg { background:#f0f0f0; height:500px; padding-top:60px;}

.dt { width:570px;}
.dt_top { height:38px;}
.dt_top span { float:right;}
.dt_top span a { font-size:14px; color:rgb(0,0,40); text-transform:uppercase;}
.dt_top ul li { float:left; padding:0 55px 0 0; font-size:18px; color:rgb(0,0,40);}
.dt_top ul .cur { color:rgb(0,0,40);}

.dt_con { padding-top:50px;}
.dt_con dl { height:102px; margin-bottom:30px; border-bottom:solid 2px #d8d8d8;}
.dt_con .nobor { border:none;}
.dt_con dl dt { float:left; width:80px; text-align:center; line-height:0; font-size:0;}
.dt_con dl dt img { width:80px; height:60px; display:block;}
.dt_con dl dd { float:left; width:428px; padding-left:35px;}
.dt_con dl dd span { display:block; height:35px;}
.dt_con dl dd span a em { display:block; font-size:14px; color:rgb(0,0,40);}
.dt_con dl dd p { font-size:14px; color:rgb(112,120,127); line-height:25px;}

/*常见问题*/
.wd { width:570px; padding-left:58px; border-left:solid 1px #d8d8d8; margin-left:61px; height:470px;}
.wd_top { height:48px;}
.wd_top em { display:block; float:right;}
.wd_top em a { font-size:14px; color:rgb(0,0,40); text-transform:uppercase;}
.wd_top span { font-size:18px; color:rgb(0,0,40);}
.wd_con img { width:570px; height:152px; display:block; margin-bottom:30px;}
.wd_con p { height:100px; border-bottom:solid 2px #d8d8d8; margin-bottom:30px;}
.wd_con .nobor { border:none;}
.wd_con p a { display:block; font-size:14px; color:#333; margin-bottom:10px;}
.wd_con p a em { padding-right:15px;}
.wd_con p span { display:block; font-size:14px; color:#636b73; line-height:25px;}
.wd_con p span em { display:block; float:left; font-style:normal;}
.wd_con p span i { display:block; float:left; width:457px; padding-left:15px; height:50px; overflow:hidden; font-style:normal;}