﻿

@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    



.t_logo{width: 220px;  height: 49px; margin-top: 26px;}
.t_logo img{ width:100%; height:100%; border:0px;}


.xn_h_3_wrap{width: 75px; height:100px; float:right;}
.xn_h_3_Lang{width:75px;height:23px; margin-top:38px;}
.xn_h_3_Lang_lb{height:23px;position:relative;cursor:pointer;}
.xn_h_3_Lang_top{width:75px;height:23px;font-size:12px;line-height:23px;color:#ececec;text-align:center; background:url(../../../../../rc/Heads/15489/images/xn_h_3_Lang_topwenzi.png) #404040 53px center no-repeat;}
.xn_h_3_Lang_topwenzi{float:right; margin-right: 28px;}
.xn_h_3_Lang_topwenzi span{display: none;}
.xn_h_3_Lang_HVbox{width:75px;height:auto;font-size:12px; color:#ececec; display:none;position:absolute;top:22px;right:0px;z-index:999; background: #404040;}
.xn_h_3_Lang_wenzi{width: 75px; height: 23px; overflow: hidden; line-height: 23px;}
.xn_h_3_Lang_wenzi a{float:right; margin-right: 28px; color:#ececec;}



.xn_n_14_wrap{position: relative; height:100px; width:924px; text-align:center; float: right;}
.xn_n_14_wrap_main{margin:0 auto; height:100px; width:911px; text-align: right;  padding-right: 13px;}
.xn_n_14_wrap_main>ul>li{display: inline;width: auto; position:relative; }
.xn_n_14_wrap_main>ul>li>a{color:#2d2d2d;width: auto; height: 96px; line-height: 100px; border-bottom: 4px solid #fff; margin-right:43px; display: inline-block;*display: inline;*zoom: 1; }
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2>a{border-color: #18128c;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>a{border-color: #18128c;}
.xn_n_14_wrap_main>ul>li>ul{padding-bottom: 47px; height: auto; line-height: 32px; padding-top: 14px; width: 385px; background: url(../../../../../rc/Heads/15489/images/type1Ul_t101.png);  position: absolute; top:63px;*top:100px; left:-29px;text-align: left; box-shadow: 0px 0px 0px #262626; -webkit-box-shadow: 0px 0px 0px #262626;-ms-box-shadow: 0px 0px 0px #262626;-moz-box-shadow: 0px 0px 0px #262626;-o-box-shadow: 0px 0px 0px #262626; }
.about_tp_1{width:150px; height: auto; float: left;}
.about_tp_1>li{position:relative;width: auto; margin-left: 29px;}
.about_tp_1>li>a{font-size: 14px;color:#AEAEAE;}
.about_tp_1>li>a:hover{color: #ffffff; border-bottom: 1px solid #ffffff}
.about_tp_1>li>ul{display:none !important;}
.about_tp,.case_tp{float:right; width: 172px; height: 113px; margin-right: 26px; margin-top:11px;}
#type1Li_n7>ul



.nav_tp{width: auto; height:auto;} 
.nav_tp>div{display: none;} 


.top{ width: 100%; z-index:99; position:relative;min-width: 1200px; }
.top_main{width: 1200px; height: 100px; margin: 0px auto;}
.t_t{position:relative; z-index:100; width:201px; height: 100px; float: left;}
.t_r{position:relative; z-index:100; width:999px; height: 100px; float: left;}


.nav_tp{width: auto; height:auto;} 
.nav_tp>div{display: none;} 




.contact_banner{width:100%; height:350px; overflow: hidden; position:relative; margin:0 auto;}
.contact_banner_m{Z-INDEX:0; width:1920px; height:350px; position:absolute; left:50%; margin-left:-960px;}
.contact_banner_wenzi{width: 1170px; height: 1px; position: relative;margin: 0 auto;}
.contact_banner_wenzi1{position: absolute; top: 135px;right: 0px; font-size: 25px; line-height: 25px;color: #0072d4;font-weight: bold;}
.contact_banner_wenzi2{position: absolute; top: 168px;right: 0px; font-size: 18px; line-height: 18px;color: #FFF;}
.contact_banner_wenzi3{position: absolute; top: 210px;right: 0px;width: 12px; height: 6px;background: url(../../../../../rc/Banners/32813/images/banner_jt.png) no-repeat top right;}




.n_content_right_name_r{position:absolute; top:-32px; left:0px; width:auto; height:auto; color:#eaeaea; font-size:14px; text-align:left;}
.n_content_right_name_r a{ color:#eaeaea; font-size:14px; }
.n_content_right_name_r a:hover{color: #0072d4;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_content_right_name_r ul li{float:right; line-height:14px;}
.n_content_right_name_r ul li img{ margin-right:12px;display: none;}
.n_r_wz1{display: none;}


.n_content_left{clear:both;}
.n_content_left_t{ width:auto; height:40px;float: left;}
.n_content_left_t1{display: block;width: auto;position: relative;color: #000000; font-size: 24px;line-height: 26px;}
.n_content_left_t2{display: block;width: auto;position: relative;color: #666666; font-size: 14px;line-height: 14px;}


.n_content_left_cnt{width: auto;height: 30px;position: relative;float: right;}


.left_menu1,.left_menu1_cur,.left_menu1_2{width: 100px;height: 30px;position: relative;float: left; background: url(../../../../../rc/Contents/32822/images/left_menu1.png) no-repeat left center;}
.left_menu1>a,.left_menu1_cur>a,.left_menu1_2>a{display: block;width: 100%; height: 100%;text-align: center;color: #444444;font-size: 12px;position: relative;line-height: 30px;transition: all ease-out .4s;}
.left_menu1 a:hover{background:#0072d4;color: #FFF; }
.left_menu1 a:hover::after,.left_menu1_cur a:hover::after,.left_menu1_2 a:hover::after{background:#0072d4;}
.left_menu1_cur>a,.left_menu1_2>a{background:#0072d4;color: #FFF;}
.left_menu1_cur a::after,.left_menu1_2 a::after{background:#0072d4}
.left_menu2{ width:193px;}
.left_menu2 a{ text-indent:10px; color:#333; background:none !important;}
.left_menu2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_2{ width:193px;}
.left_menu2_2 a{text-indent:10px; background:none !important;  color:#C00;}
.left_menu2_2 a:hover{ color:#000; background:none !important;  color:#333;}
.left_menu2_cur{ width:193px;}
.left_menu2_cur a{text-indent:10px; color:#C00; background:none !important;}
.left_menu2_cur a:hover{ color:#000; background:none !important;}
.left_menu3{ width:193px;}
.left_menu3 a{  color:#000; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3 a:hover{ color: #F00; height:20px; background:none !important; font-weight:normal;}
.left_menu3_2{ width:193px;}
.left_menu3_2 a{  color:#C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3_2 a:hover{ color:#F00; height:20px; background:none !important; font-weight:normal;}
.left_menu3_cur{ width:193px;}
.left_menu3_cur a{  color: #C00; height:20px; text-indent:20px; background:none !important; font-weight:normal;  border:none !important;}
.left_menu3_cur a:hover{ color:#F00; background:none !important; font-weight:normal;}
.n_content_left_cnt>ul>ul>li ul{display: none !important;}
.left_menu1:hover +li{background: none;}
.left_menu1_cur:hover +li,.left_menu1_cur +li{background: none;}
.left_menu1_2:hover +li,.left_menu1_2 +li{background: none;}


.xn_c_pro_30_wrap{width:100%;height:auto;position: relative;}
.xn_c_pro_30_xhbox{width:100%;height: 432px;position: relative;}
.xn_c_pro_30_xhbox:nth-child(2n){background: #f6f6f6;}
.xn_c_pro_30_xhboxcon{width: 1170px;position: relative;height: 432px;margin: 0px auto;}
.xn_c_pro_30_onetybox{width:640px;height: 432px;position: relative;float: left; text-align: center;overflow: hidden;}
.xn_c_pro_30_onetybox img{max-width: 100%;max-height: 100%;}
.xn_c_pro_30_twoxhlbbox{width:100%;position:relative;}
.xn_c_pro_30_twolbw{width:530px; height: 54px;position: absolute;top: 65px;right: 0px;}
.xn_c_pro_30_twolbw3{position: absolute;top: 80px;right: 16px;}
.xn_c_pro_30_twolbname1::before{content:"";width: 30%;transition: all ease-out .4s; height: 2px; background: #0072d4;position: absolute;bottom: 0px;left: 0px;}
.xn_c_pro_30_twolbname1{width:auto; height: 54px;line-height: 30px;font-size: 30px;color: #333333;float: left;position: relative;}
.xn_c_pro_30_twolbw::after{display: block;content: '';width: 46px;height: 46px;position: absolute;right: 0px;top: 0px; background:url(../../../../../rc/Contents/32822/images/xn_c_pro_30_twolbw1.png) no-repeat center;transition: all ease-out .4s;}
.xn_c_pro_30_twotybox{width: 530px;position: relative;float: right;height: 432px;}
.xn_c_pro_30_twolbpic{width:150px;}
.xn_c_pro_30_twolbpic img{width:150px;height:80px;}
.xn_c_pro_30_twolbcont{display:none;}
.xn_c_pro_30_twolbmore{position:absolute;width:120px;height:22px;line-height:22px;bottom:3px;right:5px;}
.xn_c_pro_30_twonrw{width: 530px;position: absolute;height: auto;top: 165px;right: 0px;opacity: 0;transition: all ease-out .4s;}
.xn_c_pro_30_twoname{width: 100%; height: 28px;position: relative;margin: 0px 0px 10px 0px;}
.xn_c_pro_30_twoname>a{display: block;width: 100%; height: 28px; line-height: 28px;color: #333333; font-size: 14px;transition: all ease-out .4s; text-indent: 12px;}
.xn_c_pro_30_twoname>a::before{content: ""; display: block;width: 7px; height: 7px; background: #666666;border-radius: 50%; position: absolute; top: 11px;left: 0px;}
@keyframes myfirst
{
form{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-moz-keyframes myfirst 
{
form{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-webkit-keyframes myfirst 
{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@-o-keyframes myfirst 
{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.xn_c_pro_30_xhbox:hover .xn_c_pro_30_twolbw::after{animation:myfirst 2s linear infinite;
-moz-animation:myfirst 2s linear infinite; 
-webkit-animation:myfirst 2s linear infinite; 
-o-animation:myfirst 2s linear infinite; 
background:url(../../../../../rc/Contents/32822/images/xn_c_pro_30_twolbw2.png) no-repeat center;
}
.xn_c_pro_30_twoname:hover>a{background: #0072d4;color: #FFF; text-indent: 25px; }
.xn_c_pro_30_twoname:hover>a::before{left: 11px;background: #FFF;}
.xn_c_pro_30_xhbox:hover .xn_c_pro_30_twolbname1::before{width: 100%;}
.xn_c_pro_30_twolbw2{ width: 530px;position: absolute;height: 84px;line-height: 28px;font-size: 14px;color: #333333;overflow: hidden;top:165px; right: 0px;opacity: 1;}
.xn_c_pro_30_xhbox:hover .xn_c_pro_30_twonrw{opacity: 1;}
.xn_c_pro_30_xhbox:hover .xn_c_pro_30_twolbw2{opacity: 0;}



.n_main{width: 100%; margin:0; padding:0;  height:auto; z-index:5; position: relative;} 
.n_content{width:1170px; margin:0 auto;}
.video_view_body .n_content{padding: 0px 0px 160px 0px;}
.news_view_body .n_content{padding: 0px 0px 160px 0px;}
.case_view_body .n_content{padding: 0px 0px 160px 0px;}
.pro_zdy{width: 1170px;position: relative;padding: 60px 0px 0px 0px;height: auto;margin: 0px auto;}


.n_content_left{width:1170px; height: 40px; position:relative;padding: 90px 0px 0px 0px;}


.n_content_right{position:relative; width:100%; height: auto;padding: 50px 0px 0px 0px;}


.n_content_right_name{ width:92%; height:90px; margin:0 auto; position:relative; border-bottom:1px solid #DBDBDB;display: none;}


.n_content_right_m {position: relative;width: 100%; height: auto;}
.n_content_right_m_left{width: 780px;position: relative;float: left;}
.news_view_body .n_content_right_m_left{width: 800px;}
.n_content_right_m_right{width: 350px;position: relative;float: right;}
.news_view_body .n_content_right_m_right{width: 320px;}




.foot_nav{position:relative; width:auto;height: auto;text-align: left;}
.foot_nav_ul{}
.foot_nav ul li{width:185px; float:left;}
.foot_menu1>a{width: 100%;height: 32px;display: block;color: #ffffff; font-size: 16px;line-height: 16px;}
.foot_menu1>a:hover{color: #bcc0c6;}
.foot_menu2{width: 100%;}
.foot_menu2>a{display: block;width: 100%; height: 30px;color: #7e8793; line-height: 30px;font-size: 14px;}
.foot_menu2>a:hover{color: #4e5c6f;}


.xn_f_3_wrap {width: auto;padding: 144px 20px 0px 0px;position: absolute; top: 64px;right: -28px;background: url(../../49/45/CgAGfFo9tKOAP0KsAAArPPxhpZo771.png) no-repeat top right; }
.xn_f_3_chat { width: 1000px; margin:0 auto; }
.xn_f_3_telphone1{width: auto;height: 36px;color: #a9aeb6; font-size: 24px;line-height: 38px;}
.xn_f_3_telphone2{width: auto;height: 14px;color: #a9aeb6; font-size: 14px;line-height: 14px;}


.foot_copy{    width: auto;display: inline-block;float: left; height: 14px;color: #a9aeb6;font-size: 14px;line-height: 14px;position: relative;text-align: left;}
.foot_copy_name,.foot_copy_ba,.xn_f_2_warp{display: inline-block;float: left;margin: 0px 10px 0px 0px;}
.foot_copy a{color: #7e8793;}
.foot_copy>a:hover{color: #4e5c6f;}


.xn_f_2_warp {}


.foot{  width:100%; position:relative; text-align:center; min-height:330px;background: #213752;}
.foot_c{position:relative; width:1170px; margin:auto;}
.foot_c1{width: 100%; height: 221px;position: relative;padding: 65px 0px 33px 0px;border-bottom: 1px solid #1a2f48;}
.foot_c2{max-width: 100%;position: relative;padding: 30px 0px; min-height: 14px;text-align: left;}
.fenxiang{display:none;width: auto;position: relative;float: right;
    height: 14px;
    color: #a9aeb6;
    font-size: 14px;
    line-height: 14px;}
    .fenxiangwenzi{width: auto;float: left;}
    .fenxiang .bds_tsina,.fenxiang .bds_weixin{width:31px !important;height: 31px !important;position: relative;float: left !important;margin: -8px 0px 0px 10px !important;padding: 0px  !important;background:url(../../../../../rc/Bottoms/32814/images/weibo.png) no-repeat !important;}
    .fenxiang .bds_weixin{background:url(../../../../../rc/Bottoms/32814/images/weixin.png) no-repeat !important;}


.xn_c_7_wrap{position: fixed;bottom: 30px;right:20px;z-index: 111;}
.xn_c_7_main{cursor: pointer;}





.xn_m_6_head{width: 100%;height: 20px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#333));color:#fff;display: none;}
.xn_m_6_wrap{position:fixed;height:auto;width: 150px;z-index: 10001;border: 1px solid #ccc;background: #eee;display: none;}
.xn_m_6_mbox img{width: 20px;clear:both;}
.xn_m_6_mbox ul li{margin:5px;width: 100px;text-align: left;}
.xn_m_6_tel_box img{width: 20px}
.xn_m_6_head .close{cursor:pointer;text-align: left;padding-left:10px;}
.xn_m_6_mbox ul{background: #fff;width: 100px;border: 1px solid #ccc;padding:10px;border-radius: 4px;margin: 10px;}
.xn_m_6_markrt_code img{width: 100px;}
.xn_m_6_small_but { width:20px; height:50px; background:#000; position:absolute; top:50%; margin-top:-25px; right:0px; cursor:pointer; color:#fff; font-size:12px; display:none; text-align:center; line-height:24px; }
.xn_m_6_foot{width: 100%;height: 20px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#333));}
.xn_m_6_wrap img{width:30px;height:30px;}
.xn_m_6_orderId{display:none;}


.index_c_erma{position: fixed;top:40%;right:0;height: 203px;}
.index_c_erma li{height: 50px;position: relative;cursor: pointer;left:129px;border-bottom:#ffffff solid 1px;z-index: 9999999;border-radius: 5px;}
.index_c_ermaul{height: 254px;}
.left_yx01,.left_yx04{width:55px;height: 50px;display: block !important;}
.left_yx01 a,.left_yx02 a,.left_yx03 a,.left_yx04 a,.left_yx05 a,.left_yx06 a{display: block;width:129px;height: 50px;line-height: 50px;padding-left: 55px;text-align: left;color: #fff;font-size: 16px;overflow: hidden;}
.er_shouji{width: 183px;height: 183px;background:url(../../46/82/CgAGe1o3fBOAfSG-AABITOFvOOs472.png) no-repeat;position: absolute;bottom:-1px;right: 183px;display: none;}
.index_c_erma li:hover .left_yx01 a{background: #ff9911 url(../../../../../rc/Marketings/28519/images/diy_float_icon1.png) no-repeat;font-weight: bold;border-radius: 5px}
.index_c_erma li:hover .left_yx04 a{background: #ff9911 url(../../../../../rc/Marketings/28519/images/diy_float_icon4.png) no-repeat;}
#left_c_ck1{background: #212121 url(../../../../../rc/Marketings/28519/images/diy_float_icon1.png) left no-repeat; }
#left_c_ck2{background: #212121 url(../../../../../rc/Marketings/28519/images/diy_float_icon2.png) left no-repeat; }
#left_c_ck3{background: #212121 url(../../../../../rc/Marketings/28519/images/diy_float_icon4.png) left no-repeat; display: none;}
#left_c_ck4{background: #212121 url(../../../../../rc/Marketings/28519/images/diy_float_icon5.png) left no-repeat;}
#left_c_ck4:hover .er_shouji{display: block;}
.xn_c_7_wrap11{height:50px;width:55px; position: absolute;cursor: pointer;left:129px;bottom: 0;z-index: 9999999;}
.xn_c_7_main11{height:50px;width:55px; background: #212121 url(../../../../../rc/Marketings/28519/images/xn_c_7_main.png) no-repeat;border-radius: 5px;}
.xn_c_7_main11:hover{background: #ff9911 url(../../../../../rc/Marketings/28519/images/xn_c_7_main.png) no-repeat;}





