@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#333;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight:normal;}
ul,ol{list-style:none;}
img{border:0px; display: block;margin:0; padding:0;}
em,i,strong{ font-style:normal; }
button,input,select,textarea{font-size: 100%;}
table {border-collapse: collapse;border-spacing:0;}
body{ background:#fff;}
*{padding:0px; margin:0px }
div{ margin:0; padding:0; border:0;}
p{ margin:0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:focus { outline:none; }
a:hover,a:active{ color:#008fd7; text-decoration:none; }
a:visited{text-decoration:none;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
    outline:none;
}
button,select {text-transform: none;}
input{ line-height: normal; border:none;}
textarea{ -moz-box-sizing: border-box;  background: #dddddd;border: 1px solid #999999;width:99%;}
fieldset{display: block;-webkit-margin-start: 2px;-webkit-margin-end: 2px;-webkit-padding-before: 0.35em;-webkit-padding-start: 0.75em;-webkit-padding-end: 0.75em;-webkit-padding-after: 0.625em;min-width: -webkit-min-content;border-width: 2px;border-style: groove;border-color: threedface;border-image: initial;}
/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin:0;}
audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {color: #F00 !important;}

/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0; }
.clearfix{*zoom:1;}
.clear { clear:both; }
.fl{ float:left;}
.fr{ float:right;}
/*其它*/
.hidden{ display:none;}

/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
#banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}


#top_main{width:100%;height:146px;background:url("../images/top_bg.png") no-repeat;}
/*header*/
#header_main{height:46px;border-bottom:1px solid #e2e2e2;}
#header{height:46px;line-height:46px;}
#header .header_l{font-size:12px;color:#333;}
#header .header_l span{color:#333;}

#header .search{position:relative;width: 276px;height: 32px;margin-top:8px;background:url("../images/search_bg.png") no-repeat;}
#header .search .search_form{ width: 212px; height: 30px; float: left; padding: 0px 10px; overflow: hidden; line-height: 30px;background:transparent;}
#header .search .search_form .txt{ border: 0; background: transparent; color: #333; width: 212px; height: 30px; font-size:12px;line-height: 30px;}
#header .search .search_btn{ position:absolute;top:1px;right:34px;width: 26px; height: 26px;display: inline;}
#header .search .search_btn .pushbutton{ background: url(../images/search_btn.png) no-repeat center; border: 0px; width: 26px; height:26px;cursor: pointer; padding: 0px; margin: 0px; float: left;opacity:1;}
#header .search .search_btn .pushbutton:hover{opacity:.8;}
#header .header_nav a{float:left;}
#header .header_nav .cn{margin-right:8px;font:normal 12px arial;color:#dd0000;line-height:46px;}
#header .header_nav .en{margin-left:8px;font:normal 12px arial;color:#000;line-height:46px;}
#header .header_nav .line{display:block;width:1px;height:14px;margin-top:16px;background-color:#e3e3e3;}
#header .header_nav .al{display:block;width:82px;height:20px;margin-top:12px;margin-left:40px;margin-right:20px;;}
#header .header_nav .al:hover{opacity:.8;filter: alpha(opacity=80);}
#header .header_nav .al img{display:block;width:82px;height:20px;}
#header .header_nav .wx_icon{display:block;width:26px;height:26px;margin-top:12px;margin-left:12px;margin-right:8px;}
#header .header_nav .wx_icon:hover{opacity:.8;filter: alpha(opacity=80);}
#header .header_nav .wx_icon img{display:block;width:26px;height:26px;}
#header .header_nav .wb_icon{display:block;width:26px;height:26px;margin-top:12px;margin-right:16px;}
#header .header_nav .wb_icon:hover{opacity:.8;filter: alpha(opacity=80);}
#header .header_nav .wb_icon img{display:block;width:26px;height:26px;}
#header .header_nav .fenx{position:relative;width:86px;height:44px;}
/* .bdsharebuttonbox .bds_weixin{width:26px!important;height:26px;margin-left:12px;margin-top:12px;background:url(../images/icon.png) no-repeat!important;background-position:0 -102px!important;}
.bdsharebuttonbox .bds_tsina{width:26px;height:26px;margin-top:12px;background:url(../images/icon.png) no-repeat!important;background-position:-28px -102px!important;} */
#header .header_nav .zxkh{margin-left:28px;}

/*top*/

#top_main #top{height:100px;position:relative;box-sizing:border-box;z-index:9;}
#top_main #top .logo{display: inline-block;vertical-align: middle; width: 166px;height: 64px;}
#top_main #top .logo .weblogo{display: block; width: 166px;height: 64px;vertical-align: middle;padding-top: 16px;}
#top_main #top .top_r{width:860px;position:relative;}

/*nav*/
/* #nav{width:108%;height: 40px;padding-top:59px;*padding-top:49px;position:absolute;right:-12px;}
#nav ul{display:block;width:100%;margin-right:60px;}
#nav li{float:left;display:block;height:40px;padding-left:12px;padding-right:12px;font-size:18px;text-align:center;line-height:40px;margin-left:42px;position: relative;}
#nav li:first-child{margin-left:40px;}
#nav li a{display:block;margin-top:1px;text-align:center;position: relative;height:33px;color: #000;line-height:33px;}
#nav li a:hover,#nav li.hover a{height:33px;color: #008fd7;}
#nav li .subnav{margin-right:0;transition: all .36s ease; position: absolute; top: calc(100% - 2px); left: 0; opacity: 0; visibility: hidden; width: 180px; height: auto; border-width: 2px 0 0; border-style: solid; border-color: #008fd7; overflow: hidden; background: #fff; box-shadow: 0 13px 42px 11px rgba(0,0,0,.05); z-index: 199;}
#nav li .subnav li{ transition: all .36s ease; display: block; font-weight: 500; margin-left:0;padding: 0 24px; line-height: 48px;cursor: pointer; width: 100%; border-bottom: 1px solid rgba(170,170,170,.2);}
#nav li .subnav li a{ height:40px!important;transition: all .36s ease; display: block; font-weight: 500; padding-right: 24px; line-height: 40px!important;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#nav li:hover .subnav{opacity:1;visibility: visible;}
#nav li.hover .subnav .item .subA{color: #000;}
#nav .subnav .item:hover .subA{color:#008fd7!important;} */

#nav .nav1{ height:98px;}
#nav .nav1 li{ height:98px; line-height:98px; float:left; background:url(../images/v1_03.png) right no-repeat;  position:relative;}
#nav .nav1 li a{ display:block; padding:0 30px;font-size:16px; color:#333333; }
#nav .nav1 li ul{ display:none;  position:absolute; left:0; top:98px; border-top:#15419c solid 1px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);
-moz-box-shadow: 0px 3px 7px #4c91c0;
-webkit-box-shadow: 0px 3px 7px #4c91c0;
box-shadow: 0px 3px 7px #4c91c0;}
#nav .nav1 li ul li{ display:block; clear:left; width:150px;background:none; height:45px; background-color:#ffffff; border-bottom:#d8d8d8 solid 1px; line-height:45px; padding:0; }
#nav .nav1 li ul li a{ display:block; font-size:14px; color:#666666; height:45px; line-height:45px; background:none; padding-left:30px; padding-right:0;}
#nav .nav1 li.a1{ background:none;}
#nav .nav1 li.on a{background:none; color:#008fd7; font-weight:bold;}
#nav .nav1 li.on ul li a{ background-color:#ffffff;color:#666666;}
#nav .nav1 li a:hover{background:none; color:#008fd7; font-weight:bold; }
#nav .nav1 li ul li a:hover{ display:block;background:url(../images/v1_11.png) right no-repeat;   margin-right:20px; color:#fff; }
#nav .nav1 li ul li:hover{background-color:#008fd7; color:#fff;}



/*侧边导航*/
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;}
#banner_main .banner {height:600px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:650px; overflow:hidden;}
.banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3; }
#banner .tip span{width:55px;height:6px;margin:0 6px;display:inline-block;font-size: 0;cursor: pointer;background-position:-110px -10px;}
#banner .tip span.cur{background-position:-110px 0px;}
#banner #btn_prev,#banner #btn_next{width:40px;height:77px;position:absolute;top:300px;z-index:5;}
#banner #btn_prev{background-position:0 0;left:5%;transition: all 600ms ease;}
#banner #btn_next{background-position:-54px 0;right:5%;transition: all 600ms ease;}
#banner #btn_prev:hover{transition: all 600ms ease;left: 4.4%;}
#banner #btn_next:hover{transition: all 600ms ease;right: 4.4%;}

/*banner end*/


:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999;opacity:1;}
input:-ms-input-placeholder{color: #999;opacity:1;}
input::-webkit-input-placeholder{color: #999;opacity:1;}


/*index*/
.index{position:relative;}
.index #floor_1_main{position:relative;padding-bottom:100px;}

/*产品中心*/
.index .floor_1 .cont{position: relative;margin-top:48px;}
.index .floor_1 .top{text-align:center;padding-bottom: 30px;margin-right:-22px;margin-top:20px;}
.index .floor_1 .top h3{display: inline-block;height: 32px;padding:2px 16px;line-height: 32px;color:#333;font-size: 16px;background: #fff;margin-left: 30px;cursor: pointer;+display:inline;+padding: 10px;background-color:#8e8e8e;color:#fff;}
.index .floor_1 .top h3.hover,.index .floor_1 .top h3:hover{background:#008fd7;color: #fff;}
.index .floor_1 .top h3 a{color:#999;}
.index .floor_1 .top h3.hover a,.index .floor_1 .top h3:hover a{color:#fff;}
.index .floor_1 .cont .title .tit{text-align:center;font:bold 30px "microsoft yahei";color:#444;}
.index .floor_1 .cont .title .entit{font:normal 12px Arial;color:#929292;text-align:center;}
.index .floor_1 .imglist{position:relative;width: 100%;display: none;}
.index .floor_1 .imglist:first-child{display: block;}
.index .floor_1 .gridlist{height:auto;overflow: hidden;width: 100%;position: relative;margin-bottom:20px;}
.index .floor_1 .gridlist ul{width: 109%;}
.index .floor_1 .gridlist ul li{width: 370px;float: left;display: block;margin-right:45px;}
.index .floor_1 .gridlist ul li a{display: block;}
.index .floor_1 .gridlist ul li img{width: 370px;height:370px;}
.index .floor_1 .gridlist ul li h3{text-align: center;font-size: 18px;font-weight: normal;height:80px;line-height:80px;color:#3e3a39;border-top:0 none;}
.index .floor_1 .gridlist ul li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.index .floor_1 .gridlist ul li a:hover h3{color:#fff;background:#008fd7;}
.index .floor_1 .look_more{display:block;width: 260px;height: 50px;margin:0 auto;margin-top:50px;background-color: #008fd7;font:normal 14px arial;line-height:50px;text-align:center;color:#fff;}
.index .floor_1 .look_more:hover{opacity:.8;filter:alpha(opacity:80);}
.index #floor_1_main .floor_1 .cont .p1{font-size:16px;text-align:center;color:#666;}


/*领域*/
.index #floor_2_main{width:100%;height:950px;margin-top:40px;padding-bottom:100px;background:#fff;}
.index #floor_2_main .floor_2{height:400px;background:url("../images/f1_bg.png") no-repeat center;}
.index .floor_2 .cont .title{width:580px;margin:0 auto;padding-top:50px;}
.index .floor_2 .cont .title .entit{margin-top:24px;font-size:14px;color:#fff;line-height:14px;text-align:center;}
.index .floor_2 .cont .areaList{position:relative;margin-top:30px;}
.index .floor_2 .areaNav_main{position:absolute;top:0;left:396px;width:396px;height:183px;}
.index .floor_2 .areaNav{width:200px;margin:0 auto;margin-top:14px;}
.index .floor_2 .areaNav .a1{padding-left:6px;padding-right:6px;float:left;display:block;font-size:12px;line-height:14px;color:#fff;border-left:1px solid #0178b3;}
.index .floor_2 .areaNav .a1:first-child{border-left:none;}
.index .floor_2 .areaNav_main .img{width:92px;height:90px;margin:0 auto;margin-top:16px;}
.index .floor_2 .cont .areaList .list li{display:block;float:left;width:396px;height:366px;}
.index .floor_2 .cont .areaList .list li .img{display:block;width:396px;height:183px;overflow:hidden;}
.index .floor_2 .cont .areaList .list li img{display:block;width:100%;height:183px;transition:all ease 600ms;}
.index .floor_2 .cont .areaList .list li .txt_main{position:relative;width:394px;height:181px;border:1px solid #eee;background:#fff;cursor: pointer;}
.index .floor_2 .cont .areaList .list li .txt{padding-top:30px;margin-left:30px;}
.index .floor_2 .cont .areaList .list li .txt .tit{font-size:18px;color: #008fd7;line-height:24px;}
.index .floor_2 .cont .areaList .list li .txt .entit{margin-top:8px;font:normal 14px arial;color:#c3c3c3;line-height:14px;}
.index .floor_2 .cont .areaList .list li .txt .cont{width:330px;margin-top:24px;font-size:14px;line-height:24px;color:#333;}
.index .floor_2 .cont .areaList .list li .txt_main .num{position:absolute;top:-25px;right:22px;width:50px;height:50px;background:url("../images/bot2.png") no-repeat;font:bold 24px arial;font-style: italic;line-height:50px;text-align:center;color:#fff;}
.index .floor_2 .cont .areaList .list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: all ease 600ms;}
.index .floor_2 .cont .areaList .list li:hover .txt .tit{font-weight:bold;}
.index .floor_2 .cont .areaList .list .i1 .txt_main .num{background:url("../images/bot1.png") no-repeat;color:#008fd7;}
.index .floor_2 .cont .areaList .list .i2{margin-top:183px;}
.index .floor_2 .cont .areaList .list .i2 .txt_main .num{background:url("../images/bot1.png") no-repeat;color:#008fd7;}
.index .floor_2 .cont .areaList .list .i3{margin-bottom:183px;}
.index .floor_2 .cont .areaList .list .i3 .txt_main{background:#008fd7;border:1px solid #008fd7;}
.index .floor_2 .cont .areaList .list .i3 .txt .tit{color:#fff;}
.index .floor_2 .cont .areaList .list .i3 .txt .entit{color:#fff;}
.index .floor_2 .cont .areaList .list .i3 .txt .cont{color:#fff;}
.index .floor_2 .cont .areaList .list .i4{margin-top:-183px;}
.index .floor_2 .cont .areaList .list .i4 .txt_main{background:#008fd7;border:1px solid #008fd7;}
.index .floor_2 .cont .areaList .list .i4 .txt .tit{color:#fff;}
.index .floor_2 .cont .areaList .list .i4 .txt .entit{color:#fff;}
.index .floor_2 .cont .areaList .list .i4 .txt .cont{color:#fff;}
.index .floor_2 .cont .areaList .list .i5{margin-left:396px;margin-top:-183px;}
.index .floor_2 .cont .areaList .list .i5 .txt_main .num{background:url("../images/bot1.png") no-repeat;color:#008fd7;}


/*新闻中心*/
.index #floor_3_main{padding-bottom:100px;}
.index .floor_3 .title{margin-bottom:50px;}
.index .floor_3 .title .tit{font:bold 30px "microsoft yahei";color:#444;text-align:center;}
.index .floor_3 .title .entit{font:normal 12px Aarial;color:#929292;text-align:center;}
.index .floor_3 .newsList{}
.index .floor_3 .newsList .list{width: 109%;}
.index .floor_3 .newsList .list li{position:relative;width: 370px;float: left;display: block;margin-right:45px;overflow:hidden;}
.index .floor_3 .newsList .list li .img{display:block;width:370px;height:190px;overflow:hidden;position:relative;}
.index .floor_3 .newsList .list li img{position:absolute;left:0;top:50%;margin-top:-140px;display:block;width: 370px;height: auto;transform: translateZ(0px); transition:all ease 600ms;}
.index .floor_3 .newsList .list li .txt_main{margin-top:24px;border-bottom:1px solid #000;padding-bottom:60px;cursor:pointer;}
.index .floor_3 .newsList .list li .time{width:88px;height:73px;border:1px solid #e5e5e5;}
.index .floor_3 .newsList .list li .time .year{margin-top:14px;font:bold 30px arial;line-height:30px;text-align:center;color:#656565;}
.index .floor_3 .newsList .list li .time .month{margin-left:10px;font:normal 14px arial;line-height:14px;color:#656565;}
.index .floor_3 .newsList .list li .txt{width:244px;margin-left:14px;}
.index .floor_3 .newsList .list li .txt .tit{color: #333;font-size: 16px;line-height: 14px;}
.index .floor_3 .newsList .list li .txt .cont{width: 252px;margin-top:20px;color: #939393;font-size: 14px;line-height: 24px;}
/*.index .floor_3 .newsList .list li:hover img{transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}*/
.index .floor_3 .newsList .list li:hover .txt .tit{color: #008fd7;font-size: 16px;text-decoration: underline;}
.index .floor_3 .newsList .list li:hover .time{background-color: #008fd7;}
.index .floor_3 .newsList .list li:hover .year{color:#fff;}
.index .floor_3 .newsList .list li:hover .month{color:#fff;}
.index .floor_3 .newsList .list li .arrow{position:absolute;top:152px;right:30px;display:block;width:120px;height:36px;background-color: #008fd7;text-transform: capitalize;background: #008fd7 url(../images/rddr.png) 50% center no-repeat; border: 1px solid #005ba0; transition: all 0.5s; -webkit-transition: all 0.5s;display:none;}
.index .floor_3 .newsList .list li:hover .arrow{display:block;}
.index .floor_3 .newsList .list li:hover .txt_main{border-bottom:1px solid #008fd7;}
.index .floor_3 .newsList .list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: all ease 600ms;}
.index .floor_3 .newsList .look_more{display:block;width:160px;height:40px;margin:0 auto;margin-top:50px;text-transform: capitalize;background: url(../images/rddr1.png) 50% center no-repeat; border: 1px solid #e5e2e0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.index .floor_3 .newsList .look_more:hover{background:url(../images/rddr1.png) 57% center no-repeat;box-shadow: 0 1px 6px 0px rgba(229,226,224,1);}


/*产品应用*/
.index #floor_4_main{height:786px;}
.index .floor_4{height:500px;background:url("../images/f2_bg.png") no-repeat center;}
.index .floor_4 .cont .top{padding-top:60px;margin-bottom:50px;}
.index .floor_4 .cont .top .top_tit{float:right;text-align:right;padding-right:10px;}
.index .floor_4 .cont .top .top_tit .num{width:105px;height:38px;margin:0 auto;margin-right:-14px;background:url("../images/num.png") no-repeat;}
.index .floor_4 .cont .top .top_tit .tit{margin-top:20px;font-size:24px;line-height:24px;color:#fff;}
.index .floor_4 .cont .top .top_tit .entit{margin-top:8px;font:normal 30px arial;line-height:36px;color:#fff;}
.index .floor_4 .cont .top .top_tit em{margin-right:8px;color:#ffbc00;}
.index .floor_4 .cont .top .line{width:45px;height:4px;margin-left:10px;margin-top:64px;background-color:#efefef;}
.index .floor_4 .content1 .left{width:375px;height:450px;background-color: #164c90;}
.index .floor_4 .content1 .left .frame{width: 345px;height: 420px;margin:0 auto;margin-top:14px;border:1px solid  #4570a6;*border:1px solid #fff;filter:alpha(opacity=20);}
.index .floor_4 .content1 .left .frame .title{padding-top:100px;}
.index .floor_4 .content1 .left .frame .title .tit{font:bold 30px "microsoft yahei";text-align:center;color:#fff;}
.index .floor_4 .content1 .left .frame .title .entit{margin-top:6px;font:normal 12px arial;text-align:center;color:#fff;}
.index .floor_4 .content1 .left .frame .look_more{display:block;width:160px;height:40px;margin:0 auto;margin-top:190px;text-transform: capitalize;background: url(../images/rddr.png) 50% center no-repeat; border: 1px solid #5579a8; *border:1px solid #fff; transition: all 0.5s; -webkit-transition: all 0.5s;}
.index .floor_4 .content1 .left .frame .look_more:hover{background:url(../images/rddr.png) 57% center no-repeat;box-shadow: 0 1px 6px 0px rgba(85,121,168,1);}
.index .floor_4 .content1 .right{width:825px;height:450px;}
.index .floor_4 .content1 .right .productList .list li{display:block;width:275px;float:left;overflow:hidden;}
.index .floor_4 .content1 .right .productList .list li .img{display:block;width:275px;height:275px;overflow:hidden;}
.index .floor_4 .content1 .right .productList .list li img{display:block;width: 275px;height: 275px;transition:all ease 600ms;}
.index .floor_4 .content1 .right .productList .list li .txt{position:relative;width: 275px;height: 175px;background:#fff;transition:all ease 600ms;cursor:pointer;}
.index .floor_4 .content1 .right .productList .list li .txt .tit{padding-top:20px;margin-left:32px;margin-bottom:20px;font-size: 18px;line-height:30px;color: #333;}
.index .floor_4 .content1 .right .productList .list li .txt .cont{width:212px;margin-left:32px;font-size:12px;line-height:18px;color:#333;text-align:justify;}
.index .floor_4 .content1 .right .productList .list li .txt em{position:absolute;bottom:20px;left:32px;display:block;width:31px;height:31px;background-position:-108px -16px;transition:all ease 600ms;}
.index .floor_4 .content1 .right .productList .list li:hover .txt em{background-position:-146px -16px;transition:all ease 600ms;}
.index .floor_4 .content1 .right .productList .list li:hover .txt{background:#ffbc00;transition:all ease 600ms;}
.index .floor_4 .content1 .right .productList .list li:hover .tit{color:#fff;}
.index .floor_4 .content1 .right .productList .list li:hover .cont{color:#fff;} 
.index .floor_4 .content1 .right .productList .list li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);transition:all ease 600ms;}


/*关于元极*/
.index #floor_5_main{height:690px;background:url("../images/f3_bg.png") bottom center no-repeat;}
.index .floor_5 .left{width:740px;}
.index .floor_5 .left .title{padding-top:126px;}
.index .floor_5 .left .title .tit{font:bold 30px "microsoft yahei";color:#444;}
.index .floor_5 .left .title .entit{font:normal 12px Aarial;color:#929292;}
.index .floor_5 .left .cont{width:660px;margin-top:46px;font-size:14px;line-height:24px;color:#929292;text-align:justify;} 
.index .floor_5 .left .look_more{display:block;width:160px;height:40px;margin-top:50px;text-transform: capitalize;background: url(../images/rddr1.png) 50% center no-repeat; border: 1px solid #e5e2e0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.index .floor_5 .left .look_more:hover{background:url(../images/rddr1.png) 57% center no-repeat;box-shadow: 0 1px 6px 0px rgba(229,226,224,1);}
.index .floor_5 .right{width:460px;height:480px;}
.index .floor_5 .right .about{width:100%;height:100%;position:relative;}
.index .floor_5 .right .about .txt_main{position:absolute;bottom:70px;right:0px;width:270px;height:100px;background-color: #ffbc00;}
.index .floor_5 .right .about .txt_main .txt{padding-top:16px;margin-left:8px;}
.index .floor_5 .right .about .txt_main .txt .tit{width:250px;padding-bottom:4px;border-bottom:1px solid #fff;font-size:40px;line-height:40px;color:#fff;font-family: MFBoHei_Noncommercial-Regular;font-style: italic;font-stretch: normal;}
.index .floor_5 .right .about .txt_main .txt .entit{font-family: EngraversGothicBT-Regular;font-size: 18px;font-weight: normal;font-style: italic;font-stretch: normal;line-height: 26px;color:#fff;}

/*研发实力*/
.index #floor_6_main{height:870px;}
.index .floor_6{}
.index .floor_6 .title{padding-top:44px;}
.index .floor_6 .title .tit{font:bold 30px "microsoft yahei";color:#444;text-align:center;}
.index .floor_6 .title .entit{font:normal 12px Aarial;color:#929292;text-align:center;}
.index .floor_6 .strengthList{margin-top:50px;}
.index .floor_6 .strengthList .list{width:104%;}
.index .floor_6 .strengthList .list .i_wrap{position:relative;display:block;float:left;width:580px;margin-bottom:40px;margin-right:38px;cursor:pointer;}
.index .floor_6 .strengthList .list .i_wrap a{display:block;cursor:pointer;}
.index .floor_6 .strengthList .list .i_wrap img{display:block;width:580px;height:200px;}
.i_wrap .up_graybox{width:580px;height:200px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.i_wrap .up_graybox .bgBox{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40);}
.i_wrap .up_graybox .frame{position:absolute;top:10px;left:10px;width:560px;height:180px;background:url("../images/grid.png") no-repeat;}
.i_wrap .up_graybox .stit{position:absolute;top:50%;left:50%;display:block;width:48px;height:30px;margin-left:-24px;margin-top:-15px;background-position:-192px 0;}
.i_wrap:hover .img_box .up_graybox{opacity: 1; filter: alpha(opacity=100);}
.i_wrap .txt_main{height:40px;padding-top:22px;}
.i_wrap .txt_main .txt{height:40px;border-left:3px solid #cacaca;padding-left:8px;}
.i_wrap .txt_main .txt .tit{font-size:24px;color:#333;line-height:20px;}
.i_wrap .txt_main .txt .entit{margin-top:6px;font:normal 14px arial;color:#c3c3c3;line-height:14px;}
.i_wrap .txt_main s{width:31px;height:31px;background-position:-108px -50px;}
.i_wrap:hover .txt_main s{background-position:-108px -16px;}
.i_wrap:hover .txt_main .txt{border-left:3px solid #008fd7;}


#footer_main{height:306px;}
#footer_main .footer_1_main{height:270px;background:#3e3e3e;}
#footer_main .footer_1_main .left{padding-top:40px;padding-left:14px;}
#footer_main .footer_1_main .left .wxcode .img{width:158px;height:158px;border:1px solid #707070;}
#footer_main .footer_1_main .left .wxcode .img img{display:block;width:143px;height:143px;margin-left:8px;margin-top:8px;}
#footer_main .footer_1_main .left .wxcode p{font-size:14px;color:#fff;text-align:center;line-height:46px;}
#footer_main .footer_1_main .middle{padding-top:12px;margin-left:12px;}
#footer_main .footer_1_main .middle .botNav{margin-left:36px;}
#footer_main .footer_1_main .middle dl{width: 84px;height:198px;margin-top:26px; padding: 0px 31px 0px; line-height: 18px; float: left;border-right:1px dashed rgba(229,226,224,.2);}
#footer_main .footer_1_main .middle dl:first-child{padding-left: 0;}
#footer_main .footer_1_main .middle dl dt{color: #fff; margin-bottom: 6px; font-size: 14px;text-align:center;}
#footer_main .footer_1_main .middle dl dt a{color:#fff;}
#footer_main .footer_1_main .middle dl dt a:hover{display:block;color:#fff;}
#footer_main .footer_1_main .middle dl dd{line-height: 30px;text-align:center;}
#footer_main .footer_1_main .middle dl dd a{color: #fff; font-size: 12px;}
#footer_main .footer_1_main .middle dl dd a:hover{opacity: 0.6; filter: alpha(opacity=60);}
#footer_main .footer_1_main .right{position:relative;margin-left:70px;}
#footer_main .footer_1_main .right .message .title{padding-top:36px;margin-bottom:18px;}
#footer_main .footer_1_main .right .message .title .tit{font-size:14px;line-height:14px;color:#fff;}
#footer_main .footer_1_main .right .message .tit em{font-family:arial;}
#footer_main .footer_1_main .right .message .item .txt{width: 165px;height: 35px;font-size:12px;line-height:35px;text-indent:8px;border:1px solid #656565;background-color: #3e3e3e;color:#fff;}
#footer_main .footer_1_main .right .message .item .tel{margin-left:12px;}
#footer_main .footer_1_main .right .message .item .area{width:344px;height:53px;margin-top:12px;*margin-left:-8px;background:#3e3e3e;font-size:12px;text-indent:8px;line-height:18px;border:1px solid #656565;resize: none;*resize: none;-webkit-appearance:none;color:#fff;}
#footer_main .footer_1_main .right .message .submit .btn{width: 150px;height: 35px;margin-top:6px;font-size:16px;line-height:35px;background-color: #ffbc00;color:#fff;cursor:pointer;}
#footer_main .footer_1_main .right .message .submit .btn:hover{opacity:.9;filter:alpha(opacity(90));}
#footer_main .footer_2_main{height:36px;background:#2f2f2f;}
#footer_main .copyright{height:36px;font-size:12px;color:#fff;}
#footer_main .copyright p{line-height:36px;}
#footer_main .copyright .copy a{color:#fff;margin-left:12px;}
#footer_main .copyright .copy a:hover{color:#999;}
#footer_main .copyright .jszc{line-height:36px;}
#footer_main .copyright .jszc a{color:#fff;}
#footer_main .copyright .jszc a:hover{color:#999;}
#footer_main .copyright .jszc span{padding-right: 10px;}


/********toolbar1*********/
.toolbar1{width: 40px; position: fixed; right: 10px; bottom: 200px; z-index: 999; border: 1px solid #f6f6f6;}
.toolbar1 dd{width: 40px; height: 40px; border-top: 1px solid #f6f6f6; position: relative;}
.toolbar1 dd i{width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; background: #fff;}
.toolbar1 dd i .icon{width: 35px; height: 35px; display: block; margin: 11px auto 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar1 dd:first-child{border-top: 0;}
.toolbar1 dd.item1 i .icon{background-position: 2px 2px;}
.toolbar1 dd.item2 i .icon{background-position: 2px -36px;}
.toolbar1 dd.item3 i .icon{background-position: 2px -72px;}
.toolbar1 dd.return-top{display: none;}
.toolbar1 dd.return-top i .icon{background-position: 2px -108px;}
.toolbar1 dd .pop{position: absolute; right: 90px; top: -45px; background: #008fd7; display: none;}
.toolbar1 dd .pop-code{width: 90px; padding: 10px 10px 0;}
.toolbar1 dd .pop-code img{width: 90px; height: 90px; display: block;}
.toolbar1 dd .pop-code h3{height: 40px; line-height: 40px; text-align: center; color: #f2e8e1; font-size: 12px; font-weight: 400; white-space: nowrap;}
.toolbar1 dd .zx{width: 190px; position: absolute; right: -210px; bottom: 0; background: #fff; z-index: 1000; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);}
.toolbar1 dd .zx .title{padding: 0 20px; height: 56px; line-height: 56px; color: #fff; background: #444;}
.toolbar1 dd .zx .title s{width: 16px; height: 16px; margin-top: 20px; cursor: pointer; background-position: -240px 0px;}
.toolbar1 dd .zx .qq{padding: 0 30px; height: 42px; display:block; line-height: 42px; font-size: 12px; background: #e5e5e5;}
.toolbar1 dd .zx .qq s{width: 22px; height: 18px; margin-right: 15px; background-position: -240px -16px;}
.toolbar1 dd .zx .ztel{padding: 20px 30px; line-height: 22px; font-size: 12px; background: #fff;}
.toolbar1 dd .zx .ztel s{width: 22px; height: 22px; margin-right: 15px; background-position: -240px -36px;}
.toolbar1 dd .zx .ztel strong{display: block; font-size: 14px;}
.toolbar1 dd:hover i{background: #f3f3f3;}

/*css3*/
/*hvr-float-shadow*/
.hvr-float-shadow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}
.hvr-float-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity";}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active{-webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}
/* Bubble Bottom */
.hvr-bubble-bottom{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative;}
.hvr-bubble-bottom:before{pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(44%); bottom: 0; border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent; transition: all .3s;}
.hvr-bubble-bottom.hover:before,
.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before{-webkit-transform: translateY(6px); transform: translateY(6px); border-width: 6px 6px 0 6px; border-color: #363232 transparent transparent transparent;}
/* Underline From Center */
.hvr-underline-from-center{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: #61b32e; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center.hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before{left: 0; right: 0;}
.hvr-underline-from-center:hover,
.hvr-underline-from-center.hover{*height: 77px; *border-bottom: 3px solid #61b32e; *line-height: 77px;}
/* Underline From Center2 */
.hvr-underline-from-center2{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center2:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #008fd7; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center2:hover:before,
.hvr-underline-from-center2.hover:before,
.hvr-underline-from-center2:focus:before,
.hvr-underline-from-center2:active:before{left: 0; right: 0;}
.hvr-underline-from-center2:hover,
.hvr-underline-from-center2.hover{*height: 47px !important; *border-bottom: 3px solid #008fd7; *line-height: 50px !important;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}