@charset "utf-8";
/*共用*/
body{font-size:12px; color:#222; font-family:"Microsoft YaHei"; font-weight:100;}
body,div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}	
a{color: #222; text-decoration: none;}
a:hover{color: #006db8; text-decoration: none !important;}
.border_bg{width:auto; height:auto; margin:0 auto; border:1px solid #d0d0d0;}
.cp img{border:1px solid #bbb; padding:1px;}
.cp img:hover{border:1px solid #006db8; padding:1px;}
.white a{color: #fff; text-decoration: none;}
.white a:hover{color: #ff0; text-decoration: none;}
input,button,select,textarea{outline:none}
/*p{margin:auto !important;}*/

ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
.totalwiht_bg{width:1400px; margin:0 auto;}
.sxgd{animation: myfirst 2s infinite; display: inline-block;}  
 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
}
/*第一个首页代码*/
.sdw-header { opacity: 0; transform: translateX(-100%); }
.sdw-banner-wrap { opacity: 0; }
.sdw-header, .sdw-banner-wrap, .contactUs-page02-wrap { transition: all .2s ease-out .2s; }
.sdw-banner-wrap.active, .sdw-header.active, .contactUs-page02-wrap.active { opacity: 1; transform: translateX(0);} 

.banner-mask-wrap { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; transform-origin:right center; transform: translateX(100%); }
.banner-mask-wrap span { display: block; width: 100%; background-color: #006db8; position: absolute; left: 0; transition:all 0.2s cubic-bezier(0.9, 0.05, 0.69,-0.26) 2.2s;}
.banner-mask-wrap span{ height: 100%; top: 0; left:0px;}
.banner-mask-wrap span img{ top:20%; left:36.7%; position:absolute;}
.banner-mask-wrap.active { transform: translateX(0); transition:all .3s ease;}
.banner-mask-wrap.active span { transform: translateX(-100%);}

@media only screen and (min-width: 1600px){
	.width1200 { width: 1400px;}
	.sdw-banner-wrap .sdw-banner-nav { margin-left: -700px; }
	.good-website-wrap .good-cen-cont .man img { width: 52%!important; }
}
@media only screen and (max-width: 1400px){
	.sdw-nav ul li { margin-right: 20px; }
	.sdw-header .tel { padding: 0 1%; }
}

.bodycontent{ opacity:0;}
/*第二个首页代码*/

/*导航*/
#nav_bg{width:100%; height:90px; background:#006db8; color:#fff; font-size:13px;}
#nav_logo{float:left; background:#333; text-align:center; height:65px; padding:25px 20px 0px 20px; box-sizing:content-box;}
#en_cn{height:90px; border-left:1px solid #157ec2; float:right; padding:0px 20px; box-sizing:content-box;}
#en_cn p{padding-top:13px; padding-bottom:5px; box-sizing:content-box; padding-bottom:5px;}
#search_bg{height:90px; border-left:1px solid #157ec2; float:right; padding:0px 20px; box-sizing:content-box;}
#search_bg p{padding-top:15px; box-sizing:content-box; padding-bottom:3px;}
#tel_bg{height:60px; border-left:1px solid #157ec2; float:right; padding:30px 20px 0px 20px; font-size:18px; font-weight:bold; text-align:center; box-sizing:content-box;}
#nav{float:right;/* padding-right:10px;*/ height:90px; line-height:90px;}
#nav li{float:left; padding:0px 14px; position:relative; font-size:15px;}
#nav li>a{display:block; line-height:90px; font-size:15px; color:#fff; position:relative;}
#nav li>a:hover{font-size:15px; color:#ff0;}
#nav li>a:after{ display:block; content:''; position:absolute; width:20px; height:10px; background: url(../images/rtf_32.png); transform:rotate(180deg); position:absolute; top:100px; left:20px; opacity:0; transition:all 0.5s ease; z-index:999;}
#nav li:hover>a:after{ top:90px; opacity:1;}
#nav li:nth-child(1)>a:after,#nav li:nth-child(2)>a:after{ display:none;}
#nav li:nth-child(6){cursor:pointer !important; font-size:15px;}
#nav li:nth-child(8){padding-left:20px !important;}
.dropmenu{ position:absolute; width:600px; height:0px; background:#f5f5f5; right:0px; top:110px; overflow:hidden; transition:all 0.5s ease; border-radius:10px; z-index:999;}
#nav li:hover .dropmenu{ height:250px; top:100px; padding:50px; box-sizing:content-box;}
.droppic{ width:400px; height:250px; border:1px solid #eee; float:left;}
.droppic img{ width:100%; height:100%;}
.dropa a{ display:block; float:left; width:130px; text-align:center; line-height:55px; border-bottom:1px dashed #eee; margin-left:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropa{ width:150px; float:right;}
.dropmenu1 .droppic{ width:230px; height:350px;}
.dropmenu1 .dropa{ width:330px;} 

.dropmenus{ position:absolute; width:690px; background:#f5f5f5; right:-400px; top:110px; overflow:hidden; transition:all 0.5s ease; border-radius:10px; z-index:999; height:0px;}
.dropmenuss{ position:absolute; width:688px; background:#f5f5f5; right:-400px; top:110px; overflow:hidden; transition:all 0.5s ease; border-radius:10px; z-index:999; height:0px;}
#nav li:hover .dropmenus,#nav li:hover .dropmenuss{top:100px; height:340px; padding:40px; box-sizing:content-box;}
.droppic_bg{background: none;}
.droppic1{ width:205px; height:340px; border:1px solid #eee; float:left; overflow:hidden; border-radius:10px;}
.droppic1 img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:100%; cursor:pointer; border-radius:10px;}
.droppic1 img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12); border-radius:10px;}
.droppic11{margin-left:15px !important;}
.dropa1{ width:150px; float:right;}
.dropa1 a{ display:block; float:left; width:130px; color:#555; text-align:center; line-height:55px; border-bottom:1px dotted #ccc; margin-left:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropa1 a:hover{color:#006db8;}
.dropa1 b,.dropa3 b{font-size:15px; font-weight:bold; color:#006db8;}
.dropa1 b:hover,.dropa3 b:hover{color:#222;}
.dropa1 .dro{border-bottom:none;}

.dropmenus .rtf_tel{font-size:16px; color:#222; width:350px; right:50px; position:absolute; top:320px;}
.dropmenus .rtf_tel span{font-size:30px; color:#006db8;}

.dropmenu2{ position:absolute; width:530px; background:#f5f5f5; right:-100px; top:110px; overflow:hidden; transition:all 0.5s ease; border-radius:10px; z-index:999; height:0px;}
#nav li:hover .dropmenu2{top:100px; height:120px; padding:30px; box-sizing:content-box;}
.droppic2{ width:230px; height:120px; border:1px solid #eee; float:left; overflow:hidden; border-radius:10px;}
.droppic2 img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:100%; cursor:pointer; border-radius:10px;}
.droppic2 img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12); border-radius:10px;}
.dropa2{ width:149px; float:right;}
.dropa2 a{ display:block; float:left; width:130px; color:#555; text-align:center; line-height:55px; border-bottom:1px dotted #ccc; margin-left:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropa2 a:hover{color:#006db8;}

.dropmenu3{ position:absolute; width:730px; background:#f5f5f5; right:-100px; top:110px; overflow:hidden; transition:all 0.5s ease; border-radius:10px; z-index:999; height:0px;}
#nav li:hover .dropmenu3{top:100px; height:355px; padding:40px; box-sizing:content-box;}
.droppic3{ width:205px; height:355px; border:1px solid #eee; float:left; overflow:hidden; border-radius:10px;}
.droppic3 img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:100%; cursor:pointer; border-radius:10px;}
.droppic3 img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12); border-radius:10px;}
.droppic33{margin-left:15px !important;}
.dropa3{ width:150px; float:right;}
.dropa3 a{ display:block; float:left; width:130px; color:#555; text-align:center; line-height:55px; border-bottom:1px dotted #ccc; margin-left:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropa3 a:hover{color:#006db8;}

.dropmenu4{ position:absolute; width:530px; background:#f5f5f5; right:-100px; top:110px; overflow:hidden; transition:all 0.5s ease; border-radius:10px; z-index:999; height:0px;}
#nav li:hover .dropmenu4{top:100px; height:230px; padding:40px; box-sizing:content-box;}
.droppic4{ width:230px; height:230px; border:1px solid #eee; float:left; overflow:hidden; border-radius:10px;}
.droppic4 img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:100%; cursor:pointer; border-radius:10px;}
.droppic4 img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12); border-radius:10px;}
.dropa4{ width:149px; float:right;}
.dropa4 a{ display:block; float:left; width:130px; color:#555; text-align:center; line-height:55px; border-bottom:1px dotted #ccc; margin-left:20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropa4 a:hover{color:#006db8;}

#nav li:hover .dropmenu1{ height:350px;}

/*搜索*/
#en_cn{ position:relative; cursor:pointer;}
#en_cn .language { width:75px; height:0px; position:absolute; color:#222; right:0; background:#f5f5f5; top:91px; z-index:333; overflow:hidden; border-radius:10px; transition:all 0.5s ease;}
#en_cn:hover .language{ color:#222; padding:10px; height:110px; box-sizing:border-box;}
#en_cn:hover .language .l_h1h2{width:100%; border-bottom:1px dotted #ccc; padding:10px 0px;}
#en_cn:hover .language .l_h1{height:8px; width:8px; background:#f02137; float:left; margin-top:5px;}
#en_cn:hover .language .l_h11{height:8px; width:8px; background:#006db8; float:left; margin-top:5px;}
#en_cn:hover .language .l_h2{font-size:14px; float: right;}
#en_cn:hover .language .l_h2 a{font-size:14px; color:#222;}
#en_cn:hover .language .l_h2 a:hover{font-size:14px; color:#006db8;}


#search_bg{ position:relative; cursor:pointer;}
#search_bg .search { width:450px; height:0px; color:#222; position:absolute; right:0px; background:#f5f5f5; top:91px; z-index:333; overflow:hidden; border-radius:10px; transition:all 0.5s ease;}
#search_bg:hover .search{ height:110px; color:#222; padding:20px; width:370px; box-sizing:content-box;}

#search_bg:hover .search .search_t{width:330px; background:#006db8; padding:20px; height:40px; border-radius:10px; box-sizing:content-box;}
#search_bg:hover .search .search_t_l{float:left; width:60px; line-height:40px; color:#fff; font-size:14px; text-align:center;}
#search_bg:hover .search .search_t_c{float:left; width:200px; height:40px; line-height:60px; background:#fff; color:#aaa;}
#search_bg:hover .search .search_t_r{float:left; width:60px; height:40px; background:#ed2e38; text-align:center; color:#fff; font-size:14px;}
.input{background:none; border:none; height:40px; line-height:40px; width:200px; padding-left:20px; color:#aaa; font-size:14px; font-family:"Microsoft YaHei";}
.inputs{background:none; border:none; height:40px; line-height:40px; width:60px; color:#fff; font-size:14px; text-align:center; cursor:pointer; font-family:"Microsoft YaHei";}

#search_bg:hover .search .search_c{height:30px; line-height:30px; font-size:12px; color:#888; width:330px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#search_bg:hover .search .search_c span{color:#F00; font-weight:bold;}
#search_bg:hover .search .search_c a{color:#888; font-size:12px;}
#search_bg:hover .search .search_c a:hover{color:#006db8; font-size:12px;}
/*幻灯片*/

/*品牌*/
#brand_bg{width:100%; height:431px; background:url(../images/rtf_5.jpg) center no-repeat;}
#brand_bg_l{width:830px; float:left;}
#brand_bg_l .hh1{padding-top:70px; font-size:26px; line-height:40px; color:#333; padding-bottom:10px;}
#brand_bg_l .hh2{font-size:16px; color:#bbb;}
#brand_bg_l .hh3{padding-top:56px; font-size:25px; color:#bbb; font-family:"noto sans s chinese";}
#brand_bg_l .hh4{padding-top:6px; font-size:14px; color:#bbb; font-family:"noto sans s chinese";}
#brand_bg_l .hh5{width:55px; height:5px; background:#006db8; margin-top:35px;}

#brand_bg_r{width:570px; float:right; position:relative; height:330px;}
#brand_bg_r .brand_pic{width:412px; height:309px; position:absolute; top:58px; left:0px;}
#brand_bg_r .brand_quan{width:226px; height:145px; position:absolute; top:155px; left:338px;}
#brand_bg_r .brand_video{width:205px; height:80px; position:absolute; top:102px; left:350px;}
#brand_bg_r .brand_video_l{width:75px; float:left; padding-top:75px; padding-left:30px;}
#brand_bg_r .brand_video_r{width:120px; float:right; font-size:15px; color:#484848; padding-top:100px;}

/*背景扩展*/
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}

.dot{top:72px; position: absolute; left:4%; z-index: 2; width:68px; height:68px; cursor:pointer; border-radius: 100%; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.dot img{width:22px; height:36px; margin-top:16px; margin-left:30px;}

.pulse2 {position: absolute; left:0; z-index: 1; margin-left: -45px; width:180px; height:180px; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; top:17px; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #006db8;box-shadow: 1px 1px 30px #0091f5;}

.pulse3 {position: absolute; left:-22%; top:17px; z-index: 1; width:180px; height:180px; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #0091f5;box-shadow: 1px 1px 30px #0091f5;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed; top:-100%;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999;transition:600ms ease; top:0px;}
.video{position: fixed;top:-100%;left:50%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:50%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:50%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
/*产品*/
#products_bg{width:100%; height:803px; background:url(../images/rtf_9.jpg) center no-repeat;}
#products_l{float:left;}
#products_l .hh6{padding-top:80px; font-size:30px; line-height:45px; color:#333;}
#products_l .hh7{font-size:16px; color:#bbb;}
#products_l .hh8{width:55px; height:5px; background:#006db8; margin-top:35px;}
#products_r{float:right; padding-top:90px;}

#products_c{width:1400px; margin:0 auto; margin-top:30px;}
#products_c_l{width:406px; float:left; margin-left:31px; background:#fff; padding:20px; box-sizing:content-box;}
#products_c_l:nth-child(1){margin-left:0px;}
#products_c_l .pro1{width:406px; height:60px; background:#006db8; color:#fff; font-size:20px; line-height:60px;}
#products_c_l .pro1 img{float:left; padding-left:90px; padding-right:20px;}
#products_c_l .pro1 a{font-size:20px; color:#fff;}
#products_c_l .pro1 a:hover{font-size:20px; color:#ff0;}
#products_c_l .pro11{width:406px; height:60px; background:#006db8; color:#fff; font-size:20px; line-height:60px;}
#products_c_l .pro11 img{float:left; padding-left:100px; padding-right:20px;}
#products_c_l .pro11 a{font-size:20px; color:#fff;}
#products_c_l .pro11 a:hover{font-size:20px; color:#ff0;}
#products_c_l .pro2{width:405px; line-height:60px;}
#products_c_l .pro2 li{float:left; width:61px; line-height:60px; font-size:14px; color:#666; border-bottom:1px dotted #ccc; margin-left:25px;}
#products_c_l .pro2 li:nth-child(1){margin-left:0px;}
#products_c_l .pro3{width:406px; line-height:60px;}
#products_c_l .pro3 li{float:left; width:118px; text-align:center; line-height:60px; font-size:14px; color:#666; border-bottom:1px dotted #ccc; margin-left:26px;}
#products_c_l .pro3 li:nth-child(1){margin-left:0px;}
#products_c_l .pro2 li a,#products_c_l .pro3 li a{font-size:14px; color:#666;}
#products_c_l .pro2 li a:hover,#products_c_l .pro3 li a:hover{font-size:14px; color:#006db8;}
#products_c_l .pro4{width:404px; border:1px solid #e3e3e3; background:#f8f8f8; height:303px; box-sizing:content-box; margin-top:29px;}
#products_c_l .pro5{width:100%; text-align:center; line-height:60px; font-size:15px; color:#666; border-bottom:1px dotted #ccc;}

#products_c_r{width:446px; float:right; height:495px; background:url(../images/rtf_12.jpg) no-repeat; color:#fff;}
#products_c_r .pro5{padding-left:40px; padding-top:155px; font-size:18px;}
#products_c_r .pro6{padding-left:40px; padding-top:17px; font-size:30px;}
#products_c_r .pro7{padding-left:40px; padding-top:13px; font-size:18px;}
#products_c_r .pro7 p{text-transform:uppercase; color:#66699b; font-size:12px;}
#products_c_r .pro8{padding-left:103px; padding-top:23px;}
#products_c_r .pro9{padding-left:85px; padding-top:13px; font-size:18px;}
#products_c_r .pro9 a{font-size:18px; color:#fff;}
#products_c_r .pro9 a:hover{font-size:18px; color:#ff0;}

.procontent {width:404px; height:303px; position:relative; margin:0 auto;}
.procontent ul{  width:404px; height:303px;overflow:hidden; position:relative;}
.propic img{ width:404px; height:303px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;}
.propic img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
.propic{width:404px; height:303px; background:#f5f5f5;}
.procontent ul p{ line-height:60px; width:100%; position:absolute; background:rgba(0,0,0,0.6); color:#fff; position:absolute; left:0px; bottom:0px; font-size:16px; padding-left:20px;}
.procontent ul p a{font-size:16px; color:#fff;}
.procontent ul p a:hover{font-size:16px; color:#ff0;}
.protab li{ width:13px; height:13px; border-radius:50%; background:#fff; float:left;}
.protab li.on{ background:#006db8; cursor:pointer;}
.protab li+li{ margin-left:5px;}
.procontent>.protab{ position:absolute; right:20px; top:266px;}
/*案例*/
#case_t{text-align:center; font-size:33px; color:#484848; padding-top:60px;}
#case_t p{padding-top:3px; color:#aaa; font-size:16px;}

#tab11{width:1051px; margin:0 auto; margin-top:30px; background:url(../images/rtf_60.png) right no-repeat !important;}
#tab1 {overflow:hidden; width:1050px;}
#tab1 li{float:left; background:url(../images/rtf_60.png) left no-repeat; width:350px; height:49px; color:#484848; cursor:pointer; text-align:center; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
#tab1 li .c_bg_img1{ margin-left:28px; width:71px; height:48px; background:url(../images/rtf_14.png) 0px 0px no-repeat; float:left;}
#tab1 li .c_bg_img2{ margin-left:28px; width:58px; height:48px; background:url(../images/rtf_14.png) -142px 0px no-repeat; float:left;}
#tab1 li .c_bg_img3{ margin-left:28px; width:43px; height:48px; background:url(../images/rtf_14.png) -258px 0px no-repeat; float:left;}
#tab1 li .c_bg_img4{ margin-left:28px; width:48px; height:48px; background:url(../images/rtf_14.png) -344px 0px no-repeat; float:left;}

#tab1 li .c_bg_font{float:left; margin-left:13px; font-size:20px;}
#tab1 li .c_bg_font p{font-size:13px;}

#tab1 li.current1{color:#006db8; width:350px; background:url(../images/rtf_15.png) -1px 0px no-repeat; height:49px; width:350px;}
#tab1 li.current1 .c_bg_img1{ margin-left:28px; width:71px; height:48px; background:url(../images/rtf_14.png) -71px 0px no-repeat; float:left;}
#tab1 li.current1 .c_bg_img2{ margin-left:28px; width:58px; height:48px; background:url(../images/rtf_14.png) -200px 0px no-repeat; float:left;}
#tab1 li.current1 .c_bg_img3{ margin-left:28px; width:43px; height:48px; background:url(../images/rtf_14.png) -301px 0px no-repeat; float:left;}
#tab1 li.current1 .c_bg_img4{ margin-left:28px; width:48px; height:48px; background:url(../images/rtf_14.png) -392px 0px no-repeat; float:left;}

#tab1 li.current1:hover .c_bg_font{color:#006db8;}

#content1{ width:100%; margin:0 auto; position:relative; height:480px; color:#222; margin-top:40px;}
#content1 ul{display:none; width:100%; position: absolute; height:480px;}
#content1 ul:nth-child(1){display:block;}

#case_bg{width:100%; box-sizing:content-box;}
#case_bg li{float:left; width:24%; margin-left:0.8%; box-sizing:content-box;}
#case_bg li:nth-child(4){margin-right:0.8%;}
#case_bg li:nth-child(1){ display:block;}
#case_bg li .case_img{width:100%; height:343px; box-sizing:content-box; overflow:hidden;}
#case_bg li .case_img img{width:100%; height:343px; overflow:hidden; box-sizing:content-box;}
#case_bg li .case_img img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;}
#case_bg li .case_img img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
#case_bg li .case_font{padding-top:15px; padding-left:1%; font-size:16px; width:90%; box-sizing:content-box; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#case_bg li .case_font a{font-size:16px; color:#222;}
#case_bg li .case_font a:hover{font-size:16px; color:#006db8;}
#case_bg li .case_fonts{padding-top:15px; color:#bbb; box-sizing:content-box; font-size:12px; width:90%; padding-left:1%; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#case_bg li .case_more{margin-top:20px; margin-left:1%; width:21px; height:8px; background:url(../images/rtf_16.png) 0px 0px no-repeat;}
#case_bg li .case_more:hover{margin-top:20px; width:21px; height:8px; background:url(../images/rtf_16.png) -21px 0px no-repeat;}
#case_bg li .case_more a{display:block; width:21px; height:8px;}
/*新闻*/
#news_bg{width:100%; background:#f5f5f5; margin-top:20px; padding:80px 0px 60px 0px; box-sizing:content-box;}
#news_c{width:96%; margin:0 auto; height:105px; position: relative; box-sizing:content-box;}
#news_xian{width:100%; height:1px; background:#e3e3e3; position:absolute; left:0px; top:66px; box-sizing:content-box;}
#news_nav{width:100%; height:105px; position:absolute;}
#news_nav_l{width:155px; float:left; height:105px; background:#f5f5f5; font-size:36px;}
#news_nav_l p{padding-top:10px; box-sizing:content-box;}
#news_nav_c{float:left;}
#news_nav_r{width:100px; float:right; background:#f5f5f5; height:105px;}
#news_nav_r_l{width:50px; float:left; text-align:center; padding-top:58px; box-sizing:content-box; cursor:pointer;}
#news_nav_r_r{width:50px; float:left; text-align: right; padding-top:58px; box-sizing:content-box; cursor:pointer;}

#tab22{overflow:hidden; width:680px; margin-top:58px;}
#tab22 li{float:left; margin-left:50px; width:95px; height:20px; line-height:20px; color:#999; background:#f5f5f5; font-size:16px; cursor:pointer; text-align:center; -webkit-transition:all 0.4s linear; transition:all 0.4s linear;}
#tab22 li a{font-size:16px; color:#999;}
#tab22 li:nth-child(2),#tab22 li:nth-child(3){width:135px;}
#tab22 li:nth-child(1){width:115px;}
#tab22 li.current22{color:#006db8; height:20px; line-height:20px;}
#tab22 li.current22 a{font-size:16px; color:#006db8; font-weight:bold;}

#content22{ width:96%; margin:0 auto; position:relative; height:415px; margin-top:30px;}
#content22 ul{display:none; width:100%; position: absolute; height:415px;}
#content22 ul:nth-child(1){display:block;}

#news_c_bg{width:100%; box-sizing:content-box;}
#news_c_bg li{float:left; width:18.4%; margin-left:2%; background:#fff; padding-bottom:20px; box-sizing:content-box;}
#news_c_bg li:nth-child(1){margin-left:0px;}
#news_c_bg li .news_c_img{width:100%; height:225px; box-sizing:content-box; overflow:hidden;}
#news_c_bg li .news_c_img a{display:block; width:100%;}
#news_c_bg li .news_c_img img{width:100%; height:100%; overflow:hidden; box-sizing:content-box;}
#news_c_bg li .news_c_img img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;}
#news_c_bg li .news_c_img img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
#news_c_bg li .news_c_font{padding-top:15px; font-size:14px; width:90%; margin:0 auto; box-sizing:content-box; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#news_c_bg li .news_c_font a{font-size:14px; color:#222;}
#news_c_bg li .news_c_font a:hover{font-size:14px; color:#006db8;}
#news_c_bg li .news_c_fonts{padding-top:15px; color:#bbb; box-sizing:content-box; font-size:12px; line-height:30px; width:90%; margin:0 auto; height:60px; overflow:hidden;}
#news_c_bg li .news_c_xian{width:90%; margin:0 auto; height:1px; background:#ededed; margin-top:10px;}
#news_c_bg li .news_c_more_date{width:90%; margin:0 auto; margin-top:20px;}
#news_c_bg li .news_c_date{float:left; color:#bbb; font-size:12px;}
#news_c_bg li .news_c_more{ float:right; width:21px; height:8px; background:url(../images/rtf_16.png) 0px 0px no-repeat; margin-top:2px;}
#news_c_bg li .news_c_more:hover{width:21px; height:8px; background:url(../images/rtf_16.png) -21px 0px no-repeat;}
#news_c_bg li .news_c_more a{display:block; width:21px; height:8px;}

/*数字*/
#sz_b{width:96%;margin-top:50px; height:110px; margin-left:2%; margin-right:2%;}
#sz_b li{float:left; width:16%; background:url(../images/rtf_30.jpg) left no-repeat; height:110px; text-align:center;}
#sz_b li:nth-child(1){background:none;}
#sz_b li .sz_top{font-size:72px; color:#555; font-weight:normal !important; box-sizing:content-box; overflow:hidden; height:80px; font-family:"Courier New";}
#sz_b li .sz_top b{font-weight:normal !important; letter-spacing:-10px;}
#sz_b li .sz_top span{font-size:14px; font-weight:normal; display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; background:#006db8; color:#fff; border-radius:100px; letter-spacing:0px; font-family:"Microsoft YaHei"; margin-left:10px;}
#sz_b li .sz_center{font-size:14px; color:#888; padding-top:10px;}

/*友情链接*/
#links_bg{width:100%; margin:0 auto; margin-top:60px; border-top:1px solid #eee;}
#links_c{width:1400px; margin:0 auto; margin-top:50px;}
#links_c_l{width:150px; float:left; font-size:18px;}
#links_c_l b{padding-left:5px; font-family:"Impact"; text-transform:uppercase; color:#aaa;}
#links_c_l p{padding-top:5px; padding-left:45px;}
#links_c_r{width:1250px; float:right;}
#links_c_r a{font-size:12px; color:#888;}
#links_c_r a:hover{font-size:12px; color:#006db8;}
/*版权*/
#copyrihgt_bg{width:100%; background:#333; padding:60px 0px 40px 0px; margin-top:50px; color:#888; font-size:13px;}
#copyrihgt_bg a{color:#888; font-size:13px;}
#copyrihgt_bg a:hover{color:#ff0; font-size:13px;}
#copyrihgt_c{width:1400px; margin:0 auto;}
#copyrihgt_c_l{width:425px; float:left;}
#copyrihgt_c_l .c_h1{height:auto;}
#copyrihgt_c_l .c_h2{padding-top:10px; font-size:20px; color:#fff; letter-spacing:2px;}
#copyrihgt_c_l .c_h3{padding-top:20px; line-height:36px;}
#copyrihgt_c_l .c_h3 img{padding-top:5px; padding-right:10px; float:left;}

#copyrihgt_c_c{width:760px; float:left;}
#copyrihgt_c_c li{float:left; width:135px; background:url(../images/rtf_25.png) left no-repeat; height:306px; padding-left:55px; box-sizing:content-box;}
#copyrihgt_c_c li:hover{float:left; background:url(../images/rtf_26.png) left no-repeat; height:306px; transition:all 0.8s ease;}
#copyrihgt_c_c li .b_top{font-size:17px; color:#fff;}
#copyrihgt_c_c li .b_top a{font-size:17px; color:#fff;}
#copyrihgt_c_c li .b_top a:hover{font-size:17px; color:#ff0;}
#copyrihgt_c_c li .b_bottom{padding-top:20px; line-height:28px;}

#copyrihgt_c_cc{width:95px; float:left;}
#copyrihgt_c_r{width:120px; float:right;}
#copyrihgt_c_r p{text-align:center; color:#fff; font-size:12px; line-height:35px;}

#copyrihgt_xian{width:100%; height:1px; background:#383838; margin-bottom:10px; margin-top:50px;}
#copyrihgt_b{width:1400px; margin:0 auto; padding-top:20px;}

/*第二个首页代码*/

/*返回顶部*/
.mfaz_bg{ position:fixed; right:8px; top:280px; z-index:999999999999999;}

.floating_ck{ position:fixed; right:0; bottom:130px; z-index:19999999111;}
.floating_ck dl dd{ position:relative; width:65px; height:70px; background-color:#006db8; text-align:center; background-repeat:no-repeat; background-position:center 20%; cursor:pointer; border-radius:10px;}
.floating_ck dl dd:hover{ background-color:#ed2e38;}
.floating_ck dl dd:hover .floating_left{ display:block; }
.return{ background-image:url(../images/rt_28.png); }
.floating_ck dd span,.floating_ck dd a{ color: #fff; display: block; padding-top:38px; font-size: 13px; line-height: 30px; }


/*右边浮动*/
.my-kefu{position: fixed;left: 0px;top:30% !important;z-index:99999999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;}
.my-kefu li{background:#006db8; margin-top: 1px;padding: 9px 0;height: 77px;width: 77px;box-sizing: border-box;}
.my-kefu li i{background: url(https://www.rtfans.com/skin/home/js/b999.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;font-size: 14px;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:166px;margin-left: 0px !important;}

.my-kefu-tel2 img{opacity: 0;}
.my-kefu-tel2:hover img{opacity: 1;}
.my-kefu .my-kefu-tel3 i{background-position: -28px -98px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;} 
.my-kefu .my-kefu-xiadan i{background-position: 0 -98px;}
.my-kefu .my-kefu-wuliu i{background-position: 0 -123px;} 
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#222;cursor: pointer;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu .my-kefu-ftop p{color:#fff;}
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 18px; color: #fff; float: left; height: 40px; line-height: 18px; padding-left:15px; border-left: 1px solid #ddd; padding-top: 10px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 40px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 40px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}
.my-kefu-xiadan a{color: #fff;font-size: 15px;}
.my-kefu-wuliu a{color: #fff;font-size: 15px;}
.my-kefu-qq a{color: #fff;font-size: 15px;}