*{margin:0;padding:0}
table {border-collapse: collapse; border-spacing: 0;}
html{ overflow-x:hidden; font-size:62.5%;}
body{-webkit-text-size-adjust:none; color:#555; font-size:14px; line-height:200%; font-family:"微软雅黑,MyriadPro Regular"; font-style: normal;font-weight: normal;font-variant:normal;}
*::before, *::after{ box-sizing:border-box;}
*{ box-sizing:border-box;}
a { text-decoration: none; color:#555; }
img{ display:block; width:100%; max-width:100%; border:0;vertical-align: middle;}
ul,li,dt,dl,dd{list-style-type: none;margin: 0px;padding: 0px;background:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.show{ display:block;}
.hide{ display:none;}
*:focus{ outline:none;}
a,.foot_serSub,.com_sub{ transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
a:hover,.com_sub:hover{ transition:all 0.6s ease 0.01s; -webkit-transition:all 0.6s ease 0.01s; -moz-transition:all 0.6s ease 0.01s; -o-transition:all 0.6s ease 0.01s;}
html{ -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
/*兼容iphone去除默认input表单默认设置*/
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
.clearfix::before, .clearfix::after, .content::before, .content::after, .content-fluid::before, .content-fluid::after, .row::before, .row::after{ content:""; display:table;}
.wd1200{ max-width:1200px; width:100%; margin:0 auto;}
.pdd{ float:left; width:100%; padding:3% 0 4%;}
.pro_hotBox img,.demo_Nimg img,.advan_img img,.ser_buton,.ab_view img,.ab_quality img,.sub_img img,.sub_nav{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.pro_hotBox:hover img,.demo_Nimg:hover img,.ab_view img:hover,.ab_quality img:hover,.sub_img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
..advan_img:hover img{ transform:rotate(360deg) scale(1.1);    -webkit-transform:rotate(360deg) scale(1.1);    -moz-transform:rotate(360deg) scale(1.1);    -o-transform:rotate(360deg) scale(1.1);    -ms-transform:rotate(360deg) scale(1.1);}

/*header*/
.header{ position:fixed; top:0; left:0; z-index:1000; background:rgba(11, 11, 11, 1); width:100%;}
.header2{ display:none;}
.head{ position:relative;}
.head.wd1200{ overflow:inherit;}
.logo{ position:relative; z-index:30; width:220px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.h_r{ position:absolute; top:0; right:0; width:100%;}
.lang{ padding-top:10px;}
.lang a{ display:block; background:url(../images/lang_licon.png) no-repeat left; padding-left:40px; color:#FFF; font-size:12px;}
.lang a span{ background:url(../images/lang_ricon.png) no-repeat right; padding-right:16px;}
.ser_click{ width:16px; padding-top:16px; margin-right:6px; cursor:pointer;}
.nav{ position:relative; width:100%; height:56px; text-align:right; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.nav li{ display:inline-block; width:auto; height:56px; line-height:24px; padding:8px 2% 24px;  transition:all 2s ease-in 0s; -webkit-transition:all 2s ease-in 0s; -moz-transition:all 2s ease-in 0s; -o-transition:all 2s ease-in 0s;}
.nav li a.nav_name{ color:#f7f7f7;}
.sub_nav{ display:none; position:absolute; z-index:1000; width:180px; height:auto; overflow:hidden; background-color:#FFF;box-shadow: 0px 0px 6px #aaa;border: 1px solid #eee;}
.sub_t{ width:100%; background-color:#eeeeef;}
.sub_tcen{ line-height:40px; text-align:center;}
.sub_tcen a{ display:block; color:#555; overflow:hidden;height:40px;text-align:left; padding-left:12%;font-size:14px;}
.sub_tcen a.cur{ color:#fff; background:#e6730e;}
.sub_d{ width:100%; height:auto; overflow:hidden;}
.sub_dcen,.sub_list{ height:auto; overflow:hidden;}
.sub_list{ padding:1.4% 0;}
.nav .sub_list li{ float:left; display:block; line-height:20px; width:25%; height:auto;}
.sub_list li a,.sub_img{ display:block; width:100%;}
.sub_img{ overflow:hidden;}
.sub_name{ display:block; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  text-align:center;}
.serach_tk{ opacity:0; filter: alpha(opacity=0); width:714px; height:66px; padding-top:32px; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
.ser_tkShow{ width:656px; height:34px; border-bottom:1px solid #ACACAC;}
.ser_text{ display:block; background: transparent; font-family:"MyriadPro Regular"; color:#dbdbdb; font-size:12px; background:url(../images/ser_icon.png) no-repeat left; padding-left:28px; width:80%; height:33px; line-height:33px; border:0; border:none;}
.ser_buton{ display:block; background-color:#888; font-family:"MyriadPro Regular"; color:#FFF; font-size:12px; width:50px; height:33px; border:0; border:none; cursor:pointer;}
.ser_buton:hover{ background-color:#4B4B4B;}
.ser_close{ width:16px; padding-top:10px; cursor:pointer;}

.warp_all{ float:left; width:100%; overflow:hidden;}

/*more*/
.pro_hbHmore a,.demo_Nbmore a{ display:inline-block; color:#999; font-size:12px; line-height:normal; padding:0.4em 1.4em;}
.pro_hbHmore a{ border:1px solid #FFF;}
.pro_hotBox a:hover{ color:#FFF;}
.demo_Nbmore a{ border:1px solid #ccc;}
.demo_Nbmore a:hover{ color:#555; border:1px solid #555;}

/*wap*/
.warp_box{ display:none; width:30px; margin-right:3%; margin-top:28px; cursor:pointer;}
.warp_box img{ vertical-align:middle; display:inline-block;}

/*sarch*/
.wap_show{ position:absolute; left:0; width:100%; z-index:1200; height:auto; overflow:hidden; top:75px; background-color:#FFF;}
.wap_show .hide1{ max-width:1000px; margin:0 auto; padding:3%;}
.wap_search{ width:100%; height:36px; overflow:hidden; border:1px solid #dcdcdc; border-radius:5px;}
.wap_serText{ display:block; font-family:"MyriadPro Regular"; color:#555; font-size:14px; width:80%; height:34px; line-height:20px; padding:7px 10px; border:0; border:none;}
.wap_serSub{ display:block; background:url(../images/wap_sersub.jpg) no-repeat; width:44px; height:34px; border:none; cursor:pointer;}

/*wap-下拉*/
.wap_subTop{ color:#5d5e60; padding:0.3em 3%; cursor:pointer; border-bottom:1px solid #dcdcdc;}
.wap_subTop span,.wap_subTop a{ display:block; color:#5d5e60; font-size:16px;  background:url(../images/wap_subac.png) no-repeat right;}
.wap_subChnal li.cur .wap_subTop span{ background:url(../images/wap_subho.png) no-repeat right;}
.wap_subDown{ background-color:#f5f5f5; display:none;}
.wap_subDown li{ padding:0.3em 3% 0.3em 4%; border-bottom:1px solid #dcdcdc;}
.wap_subDown li a{ display:block; font-size:14px; background:url(../images/wap_subac.png) no-repeat right;}

/*home-tk*/
.yy{ position:fixed; top:0; left:0; z-index:20000; width:100%; height:100%; background-color:#000; opacity:0.5; filter: alpha(opacity=50);}
.home_tk{ position:fixed; top:50%; left:50%; margin-left:-251px; z-index:30000; background-color:#FFF; width:502px; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;}
.home_tkAge{ color:#333; font-size:22px;  font-weight:normal; padding:0.6em 0 0.8em; text-align:center;}
.home_tkAick{ text-align:center;}
.home_tkAick a{ display:inline-block; color:#FFF; font-size:18px; line-height:normal; padding:0.5em 0; margin:0 2%; width:42%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px;}
.home_tkAic1{ background-color:#006cc1;}
.home_tkAic2{ background-color:#4e4e4e;}

.home_tkMust{ color:#888; font-size:16px; padding:1.2em 0 1.2em; text-align:center;}

/*news*/
.demo_Nfshow{ position:absolute; left:0; bottom:18%; z-index:20; background:url(../images/news_yy.png) repeat; width:100%; height:0; overflow:hidden; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
.demo_Nshimg{ position:absolute; top:50%; left:50%; margin-top:-14px; margin-left:-14px; z-index:30; width:28px;}

/*footer*/
.footer{ float:left; width:100%; overflow:hidden;}
.foot_t,.foot_d{ float:left; width:100%;background:#131313;}
.foot_t{ background-color:#323333; padding:3% 0}
.foot_top{ opacity:0; height:auto; overflow:hidden;}
.foot_click{ width:73%;}
.foot_click dl{ float:left; width:20%;}
.foot_cont{ width:27%;}
.foot_click dt{ height:24px; line-height:24px; margin-bottom:10%;}
.foot_click dt a,.foot_ctName a{ display:block; height:24px; background:url(../images/foot_chicon.png) no-repeat left; padding-left:18px; color:#f7f7f7; font-size:16px;}
.foot_click dd{ height:36px; line-height:36px;}
.foot_click dd a{ display:block; height:36px; color:#888; padding-left:18px;}
.foot_click a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.foot_click a:hover{ color:#FFF;}
.foot_ctName{ margin-bottom:6px;}
.foot_ctAll{ padding-bottom:8px;}
.foot_ctAbox{ padding:8px 0 8px 18px;}
.foot_ctAll{ line-height:20px;}
.foot_ctAll,.foot_ctAll a{ color:#f2f2f2; font-size:18px;}
.foot_ctAll img{ vertical-align:middle; width:20px; display:inline-block; margin-right:8px;}
.foot_share{ height:22px; margin:26px 0 26px 18px;}
.foot_share a{ display:inline-block; float:left; width:22px; height:22px; margin-right:10px;}
.foot_sh1{ background:url(../images/share_ac1.jpg) no-repeat;}
.foot_sh2{ background:url(../images/share_ac2.jpg) no-repeat;}
.foot_sh3{ background:url(../images/share_ac3.jpg) no-repeat;}
.foot_sh4{ background:url(../images/share_ac4.jpg) no-repeat;}
.foot_sh5{ background:url(../images/share_ac5.jpg) no-repeat;}
.foot_sh6{ background:url(../images/share_ac6.jpg) no-repeat;}
.foot_sh7{ background:url(../images/share_ac7.jpg) no-repeat;}
.foot_sh1:hover{ background:url(../images/share_ho1.jpg) no-repeat;}
.foot_sh2:hover{ background:url(../images/share_ho2.jpg) no-repeat;}
.foot_sh3:hover{ background:url(../images/share_ho3.jpg) no-repeat;}
.foot_sh4:hover{ background:url(../images/share_ho4.jpg) no-repeat;}
.foot_sh5:hover{ background:url(../images/share_ho5.jpg) no-repeat;}
.foot_sh6:hover{ background:url(../images/share_ho6.jpg) no-repeat;}
.foot_sh7:hover{ background:url(../images/share_ho7.jpg) no-repeat;}
.foot_ser{ width:100%; height:32px; padding-left:18px;}
.foot_serText{ display:block; background-color:#fafafa; font-family:"MyriadPro Regular"; color:#FFF; font-size:14px; width:70%; height:32px; line-height:32px; padding-left:16px; border:0; border:none;}
.foot_serSub{ display:block; background-color:#888;  font-family:"MyriadPro Regular"; color:#FFF; font-size:14px; width:30%; height:32px; border:none; cursor:pointer;}
.foot_serSub:hover{ background-color:#666;}
.foot_down{ padding:1% 0;}
.copyright,.copyright a{ color:#888;}
.copyright a:hover{ color:#555;}
.foot_top{ transition:transform 0.5s ease 0s; animation-duration:1.2s;}
.foot_top.animate{ opacity:1; animation-duration:3s; animation-name:fadeInDown; animation-fill-mode:both;}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
}