body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#005033;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto; position:relative;} 
.inp_one { width:200px; height:25px; line-height:25px;}
.inp_small { width:100px; height:25px; line-height:25px;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
.blue { color:#0037FF;}

/*top*/
.header { width:1200px; height:65px; background:#fff; margin:auto; position:absolute; top:0; right:0; left:0; z-index:999;}
.header .logo { height:65px; float:left;}

.header .nav { float:left; height:65px; line-height:65px; position:relative;}
.header .nav li { float:left; position:relative; text-align:center;}
.header .nav li a { display:block; padding:0 29.5px; font-size:16px; color:#000; font-weight:bold; text-transform:uppercase;}
.header .nav li:hover,.header .nav .on { background:#4a4a4a;}
.header .nav li:hover a,.header .nav .on a { color:#fff;}
.header .nav li ul { width:100%; height:0; background:url(../images/kx_13.png) repeat 0 0; position:absolute; top:65px; left:0px; overflow:hidden;}
.header .nav li li { float:none; margin:0 auto; line-height:20px; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li li a { color:#ddd; font-size:14px; text-align:left; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav li:hover ul { height:auto; padding:15px 0;}
.header .nav li:hover li { line-height:30px; filter:alpha(opacity=100); opacity:1;}
.header .nav li li a:hover { color:#005033;}
.header .nav li li:hover { background:none;}

.header .nav li .y_hy { display:none; width:1000px; height:0; background:url(../images/kx_13.png) repeat 0 0; position:absolute; top:65px; left:-147px; z-index:2;}
.header .nav li .y_hy a { display:block; float:left; width:220px; padding:15px;}
.header .nav li .y_hy a img { display:block; width:220px; height:145px;}
.header .nav li .y_hy a span { display:block; line-height:35px; color:#fff; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .nav li .y_hy a:hover span { color:#005033;}
.header .nav li:hover .y_hy { display:block; height:auto;}

.header .nav li .pro_ser { display:none; width:990px; height:0; position:absolute; top:65px; left:-295px; z-index:2;}
.header .nav li .pro_ser .hd { float:left; width:200px;}
.header .nav li .pro_ser .hd ul { width:100%; height:auto; padding:0; background:none; position:relative; top:0; left:0;}
.header .nav li .pro_ser .hd li { line-height:45px; font-size:14px; font-weight:bold; color:#fff; margin-left:5px; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.header .nav li .pro_ser .hd li:hover,.header .nav li .pro_ser .hd .on { background:#fff; color:#333;}
.header .nav li .pro_ser .bd { float:right; width:790px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li .pro_ser .bd ul { width:100%; height:0; background:#fff; padding:0; position:relative; top:0; left:0;}
.header .nav li .pro_ser .bd li { float:left; width:28%; margin:19px 0 0 25px; filter:alpha(opacity=100); opacity:1;}
.header .nav li .pro_ser .bd li a { display:block; padding:0; width:100%; white-space:normal;}
.header .nav li .pro_ser .bd li img { display:block; float:left; width:70px; height:48px; border:1px solid #ddd;}
.header .nav li .pro_ser .bd li p { float:right; width:140px; text-align:left; font-size:14px; font-weight:500; color:#333; line-height:25px; height:50px; overflow:hidden;}
.header .nav li .pro_ser .bd li:hover p { color:#005033;}

.header .nav li:hover .pro_ser { display:block; height:auto; padding:0 5px 5px 5px; background:#005033;}
.header .nav li:hover .pro_ser .hd,.header .nav li:hover .pro_ser .bd ul { height:360px;}




.header .tel_serch { float:right; width:195px; height:100%; background:#e0e1e2; padding:0 25px;}
.header .tel_serch .tel { width:140px; line-height:35px; background:url(../images/kx_01.png) no-repeat left center; padding-left:22px; font-size:20px; color:#005033; border-bottom:1px solid #ccc;}
.header .tel_serch .tools { position:relative; width:115px; height:29px; margin-left:25px;}
.header .tel_serch .tools p { position:relative; background:url(../images/kx_02.png) no-repeat left center; font-size:14px; padding-left:25px; line-height:25px;}
.header .tel_serch .tools p::after { display:block; content:""; width:6px; height:6px; border-top:1px solid #000; border-right:1px solid #000; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(135deg); transform:rotate(135deg); position:absolute; top:7px; right:15px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .tel_serch .tools:hover p::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); top:10px;}
.header .tel_serch .tools .on { width:1080px; height:0px; padding:0; background:#333; color:#fff; position:absolute; top:29px; right:-80px; -webkit-transition:all .5s ease; transition:all .5s ease; overflow:hidden;}
.header .tel_serch .tools .on li { float:left; height:90px; margin-left:30px; padding-left:120px; background-repeat:no-repeat; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .6s ease; transition:all .6s ease;}
.header .tel_serch .tools .on li h3 { font-size:22px; font-weight:bold; color:#e6e6e6; line-height:25px; margin:15px 0 10px 0;}
.header .tel_serch .tools .on li a { display:inline-block; color:#c7c7c7; font-size:14px;}
.header .tel_serch .tools .on li a:hover { color:#caa403; text-decoration:underline;}
.header .tel_serch .tools .on .to1 { background-image:url(../images/kx_04.png); background-position:0 0;}
.header .tel_serch .tools .on .to1:hover { background-position:0 -92px;}
.header .tel_serch .tools .on .to2 { background-image:url(../images/kx_05.png); background-position:0 0;}
.header .tel_serch .tools .on .to2:hover { background-position:0 -90px;}
.header .tel_serch .tools .on .to3 { background-image:url(../images/kx_06.png); background-position:0 0;}
.header .tel_serch .tools .on .to3:hover { background-position:0 -91px;}
.header .tel_serch .tools .on .to4 { background-image:url(../images/kx_07.png); background-position:0 0;}
.header .tel_serch .tools .on .to4:hover { background-position:0 -91px;}
.header .tel_serch .tools:hover .on { height:90px; padding:20px 0;}
.header .tel_serch .tools:hover .on li { filter:alpha(opacity=100); opacity:1;}

.header .serch { width:55px; height:65px; position:absolute; top:0; right:0;}
.header .serch .tb { display:block; width:55px; height:65px; background:url(../images/kx_03.png) no-repeat center center; cursor:pointer; position:absolute; right:0px; top:0px;}
.header .serch .sch {display: none; width:225px; padding:10px; background:#bcbcbc; position:absolute; top:65px; right:0;}
.header .serch .sch input { float:left; width:150px; padding:0 10px; font-size:14px; color:#666; height:30px; line-height:30px; background:#fff; border:1px solid #999; border-radius:2px;}
.header .serch .sch .btn { width:48px; height:31px; background:#005033; color:#fff; border-color:#005033; font-size:16px; margin-left:5px;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { width:100%; text-align:center; position:absolute; bottom:15px; z-index:2;}
.banner .hd li { display:inline-block; width:10px; height:10px; border:3px solid #fff; border-radius:50%; margin:0 3px; overflow:hidden;}
.banner .hd .on { border-color:#005033;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width:100%; padding-top:30px; background:#aaa; text-align:center; line-height:25px; font-size:14px; color:#fff;}
.footer a { color:#fff;}
.footer h3 { font-size:20px; margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.footer .fotnav { float:left; width:800px;}
.footer .lt { float:left; text-align:left;}
.footer .wid_th { width:305px;}
.footer .lt a { display:block; width:100%; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:64px;}
.footer .lt a:hover { filter:alpha(opacity=70); opacity:0.7;}
.footer .lt span { font-weight:bold; font-size:20px;}
.footer .lt p { padding-left:30px; margin-top:10px; background-repeat:no-repeat; background-image:url(../images/kx_001.png);}
.footer .add { background-position:0 5px;}
.footer .email { background-position:0 -51px;}
.footer .qq { background-position:0 -87px;}
.footer .ewma { float:right; width:255px;}
.footer .ewma h3 { padding-left:100px;}
.footer .ewma img { width:120px; height:120px; border:5px solid #fff; margin-left:120px;}
.footer .ewma p { margin-left:120px; line-height:40px; font-size:14px; color:#fff; text-align:center;}
.footer .p { text-align:left; font-size:12px; line-height:50px; padding:10px 0; color:#fff; background:#2c2c2c; margin-top:40px;}
.footer .sitecode { float:right; width:100px; margin:10px auto 0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*在线客服*/
.online { position:fixed; top:25%; right:5px; z-index:999;}
.online li { width:65px; height:65px; margin-bottom:5px; border:1px solid #335b40; background-color:#fff; border-radius:4px; box-shadow:0 1px 3px #335b40; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative;}
.online li a,.online .hc { display:block; width:100%; height:30px; padding-top:35px; background-position:center 5px; background-repeat:no-repeat; background-size:35px 35px;}
.online li span { display:block; text-align:center; font-size:14px; line-height:30px; color:#335b40;}
.online li .mesg { width:0px; height:55px; line-height:25px; padding:7px 10px 3px 10px; background:#335b40; border:1px solid #335b40; border-radius:4px 0 0 4px; color:#fff; font-size:16px; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; right:64px; top:-1px; box-shadow:0 1px 3px #335b40;}
.online li a .mesg { line-height:50px;}
.online li .img { width:120px; height:120px; background:#fff; border:1px solid #335b40; border-radius:4px 0 0 4px; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease; box-shadow:0 1px 3px #335b40; position:absolute; right:75px; bottom:0;}
.online li .img img { display:block; width:120px; height:120px; margin:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.online li:hover { background-color:#335b40;}
.online .hc:hover { border-radius:0 4px 4px 0;}
.online li:hover span { color:#fff;}
.online li:hover .mesg { width:125px; filter:alpha(opacity=100); opacity:1;}
.online li:hover .img { filter:alpha(opacity=100); opacity:1;}
.online li:hover .img img { width:120px; height:120px;}
.online .on1 { background-image:url(../images/online/online00.png);}
.online .on1:hover { background-image:url(../images/online/online00h.png);}
.online .on2 a { background-image:url(../images/online/online01.png);}
.online .on2:hover a { background-image:url(../images/online/online01h.png);}
.online .on3 a { background-image:url(../images/online/online02.png);}
.online .on3:hover a { background-image:url(../images/online/online02h.png);}
.online .on4 a { background-image:url(../images/online/online03.png);}
.online .on4:hover a { background-image:url(../images/online/online03h.png);}
.online .on5 { background-image:url(../images/online/online04.png);}
.online .on5:hover { background-image:url(../images/online/online04h.png);}

/************************************************ 首页代码 （多余不用请删除） start*****************************************************/

/**栏目标题**/
.title { line-height:40px; margin-bottom:10px; padding:40px 0 20px 0;}
.title h3 { float:left; font-size:20px; color:#464646;}
.title a { float:right; font-size:14px; color:#676767;}

/*行业应用*/
.sysige { width:100%; padding:30px 0; background:#f6f5f5;}
.sysige .title { line-height:40px; margin-bottom:10px; padding:0px;}
.sysige .title h3 { float:left; font-size:20px; color:#464646;}
.sysige .title a { float:right; font-size:14px; color:#676767;}
.sysige li { float:left; width:280px; margin:0 26px 20px 0;}
.sysige li a { display:block; width:100%;}
.sysige li .img { width:280px; height:185px; overflow:hidden; position:relative;}
.sysige li .img img { display:block; width:280px; height:185px; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sysige li .img span { display:block; padding:0 10px; height:45px; line-height:45px; font-size:20px; font-weight:bold; color:#fff; text-align:center; background:#005033;opacity:0.8;filter:alpha(opacity=80);position:absolute; right:0; bottom:0; z-index:2;}
.sysige li h4 { margin-top:10px;  line-height:25px;}
.sysige li p { margin-top:10px; font-size:13px; color:#666; line-height:25px;}
.sysige li:hover .img img { transform:scale(1.3, 1.3);}
.sysige li:hover p { color:#005033;}

/*新闻动态*/
.news { float:left; width:610px;}
.news li { padding:15px 10px; background:#f9f8f8; margin-bottom:15px;}
.news li a { display:block; width:100%;}
.news li .img { float:left; width:155px; height:110px; overflow:hidden;}
.news li .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .mesg { float:right; width:415px;}
.news li .mesg h3 { width:100%; font-size:14px; color:#434343; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .mesg span { display:block; color:#999; font-size:12px; line-height:25px;}
.news li .mesg p { line-height:22px; color:#666; font-size:12px;}
.news li:hover { background:#f6f6f6;}
.news li:hover .img img { transform:scale(1.3, 1.3);}
.news li:hover h3 { color:#005033;}

/*现场视频*/
.video { float:right; width:510px;}
.video .bd { width:100%; overflow:hidden;}
.video .bd li { float:left; width:510px; height:300px;}
.video .bd li a { display:block; width:100%; position:relative;}
.video .bd li a::after { display:block; content:""; width:60px; height:60px; background:url(../images/kx_12.png) no-repeat center center; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.video .bd li img { display:block; width:100%; height:300px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.video .bd li p { height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; width:80%; padding:0 10%; background:url(../images/kx_13.png) repeat 0 0; position:absolute; bottom:0; left:0;}
.video .bd li:hover img { transform:scale(1.3, 1.3);}
.video .hd { width:100%; overflow:hidden; margin-top:10px;}
.video .hd li { float:left; width:160px; height:px; margin-right:15px; position:relative; filter:alpha(opacity=80); opacity:0.8;}
.video .hd li::after { display:block; content:""; width:42px; height:42px; background:url(../images/kx_11.png) no-repeat center center; margin:auto; position:absolute; top:30px; right:0; left:0;}
.video .hd li img { display:block; width:100%;}
.video .hd li p { width:100%; font-size:14px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video .hd li:nth-child(3) { margin-right:0;}
.video .hd .on,.video .hd li:hover { filter:alpha(opacity=100); opacity:1;}

/*应用领域*/
.channelMain { margin-top:40px; padding:50px 0; background:#ececec;}
.channelMain .chan01 { float:left; width:365px; height:460px; position:relative; overflow:hidden;}
.channelMain .chan01 img { display:block; width:100%; height:460px;}
.channelMain .chan01 .mesg { width:244px; height:166px; margin:auto; background:url(../images/kx_14.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.channelMain .chan01::after { display:block; content:""; width:100%; height:100%; background:#005033; filter:alpha(opacity=20); opacity:0.2; position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.channelMain .chan01:hover::after { filter:alpha(opacity=100); opacity:1;}
.channelMain .li { float:left; text-align:center; background:#fff;}
.channelMain .li a { display:block; width:100%;}
.channelMain .li .mesg { position:relative; padding:43px 0; width:245px;}
.channelMain .li .mesg::after { display:block; content:""; width:16px; height:16px; background:#fff; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; z-index:2;}
.channelMain .li .mesg h3 { /*width:65%;*/ margin:0 auto; font-size:20px; color:#555; font-weight:600; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.channelMain .li .mesg b { display:block; font-size:16px; color:#333; font-weight:100; margin:15px auto;}
.channelMain .li .mesg span { display:block; width:115px; height:35px; line-height:35px; text-align:center; color:#666; border:1px solid #666; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.channelMain .li .img { overflow:hidden;}
.channelMain .li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.channelMain .li:hover .img img { transform:scale(1.3, 1.3);}
.channelMain .li:hover h3,.channelMain .li:hover b { color:#005033;}
.channelMain .li:hover span { background:#005033; border-color:#005033; color:#fff;}
.channelMain .chan02 { width:245px;}
.channelMain .chan02 .mesg::after { bottom:-8px; left:0; right:0;}
.channelMain .chan02 .img { width:245px; height:210px;}
.channelMain .chan03 { width:590px;}
.channelMain .chan03 .img { float:left; width:370px; height:235px;}
.channelMain .chan03 .mesg { float:right; width:200px; padding:43px 10px;}
.channelMain .chan03 .mesg::after { top:0; bottom:0; left:-8px;}
.channelMain .chan03 .mesg h3 { width:90%; text-overflow:inherit; white-space:normal; margin-bottom:52px;}
.channelMain .chan04 { width:590px; height:180px;}
.channelMain .chan04 .img { float:right; width:263px; height:180px;}
.channelMain .chan04 .mesg { float:left; padding:31px 0; width:265px;}
.channelMain .chan04 .mesg::after { top:0; bottom:0; right:-8px;}

.channelMain li { float:left; width:258px; margin:0 0px 20px 20px;}
.channelMain li a { display:block; width:100%; text-align:center}
.channelMain li .img { width:258px; height:185px; overflow:hidden; position:relative;}
.channelMain li .img img { display:block; width:258px; height:185px; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.channelMain li .img span { display:block; padding:0 10px; height:45px; line-height:45px; font-size:20px; font-weight:bold; color:#fff; text-align:center; background:#005033;opacity:0.8;filter:alpha(opacity=80);position:absolute; right:0; bottom:0; z-index:2;}
.channelMain li h4 { margin-top:10px;  line-height:25px;}
.channelMain li p { margin-top:10px; font-size:13px; color:#666; line-height:25px;}
.channelMain li:hover .img img { transform:scale(1.3, 1.3);}
.channelMain li:hover p { color:#005033;}
/************************************************ 首页代码 （多余不用请删除） end*****************************************************/

/*** 子页公用当前位置、栏目标题及二级栏目 ***/
.ej_banner { position:relative;}
.ej_banner .position { color:#fff; height:65px; text-align:left; background:url(../images/kx_13.png) repeat 0 0; position:absolute; bottom:0px; left:0; right:0; z-index:9;}
.ej_banner .position h3 { float:left; line-height:65px; font-size:30px; font-weight:bold; margin:0 20px;}
.ej_banner .position p { float:left; height:25px; line-height:25px; margin-top:28px; font-size:14px;}
.ej_banner .position p a { color:#fff;}

/*左侧公共*/
.fl { float:left;}
.fr { float:right;}
.content { width:100%; background:#f8f8f8; padding:30px 0;}

.lt_nav { float:left; width:235px; padding:15px 0 25px 0; background:#fff; border:1px solid #f1f1f1; border-top:4px solid #005033;}
.lt_nav li { font-size:16px; line-height:50px; text-align:center;}
.lt_nav li a { display:block; width:90%; margin:0 auto; border-bottom:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lt_nav li:hover,.lt_nav .on { background:#005033;}
.lt_nav li:hover a,.lt_nav .on a { color:#fff; border-color:#005033; font-weight:bold;}
.lt_nav .on a { font-weight:bold;}
.lt_nav li .van { display:none; width:100%; background:#eee;}
.lt_nav li .van a { font-size:14px; border-bottom:none; line-height:35px; color:#666; font-weight:100;}
.lt_nav .on .van { display:block;}
.lt_nav li .van:hover a,.lt_nav li .van .hov { color:#005033;}
.lt_nav li .van .hov { font-weight:bold;}

/*右侧公共*/
.right { float:right; width:935px; overflow:hidden;}
.time_click { font-size:12px; text-align:center; color:#666; line-height:50px; font-weight:100;}
.mart { margin-top:15px;}
.lh { font-size:14px; line-height:25px; padding:25px 30px; background:#fff; border:1px solid #f1f1f1;}
.lh img { max-width:100%;}
.show_h3 { font-size:22px; color:#333; font-weight:bold; text-align:center; margin:10px 0 30px 0; border-bottom:1px solid #eee;}
.show_sxp { text-align:left; clear:both; font-size:14px; line-height:35px; color:#666; background:#f8f8f8; padding:15px 25px;}
.show_sxp a { color:#333;}

/*分页*/
.scott { overflow:hidden; text-align:center; line-height:30px; padding:10px 0; font-size:14px; letter-spacing:2px;}
.scott a { border:1px solid #0067cb; padding:5px 15px; margin-right:10px;}
.scott a:hover { border:1px solid #0067cb; text-decoration:none; color:#0067cb;}
.scott a:active { border:1px solid #0067cb; text-decoration:none; background:#0067cb;}
.scott .current { border:1px dashed #0067cb; padding:5px 15px; font-weight:bold; color:#fff; margin:0 10px; background:#0067cb;}
.scott .disabled { border:1px dashed #0067cb; padding:5px 15px; color:#0067cb; margin-right:10px;}

/*图片模型列表*/
.picli { width:100%;}
.picli li { float:left; width:450px; margin:0 30px 20px 0; background:#fff; border:1px solid #f1f1f1; position:relative; overflow:hidden;}
.picli li i { display:block; font-style:normal; width:50px; height:50px; line-height:45px; border-radius:50%; background:rgba(0,0,0,0.5); font-size:38px; color:#fff; text-align:center; margin:auto; position:absolute; top:-50px; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.picli li a { display:block; width:100%;}
.picli li .img { width:450px; height:297px; overflow:hidden;}
.picli li .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.picli li .mesg { padding:10px 10px 15px 10px; line-height:40px;}
.picli li .mesg h3 { float:left; width:65%; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli li .mesg span { float:right; border:1px solid #ddd; text-align:center; color:#666; padding:0 15px; line-height:25px; margin-top:8px;}
.picli li:hover img { transform:scale(1.3, 1.3);}
.picli li:hover h3,.picli li:hover span { color:#005033;}
.picli li:hover span { border-color:#005033;}
.picli li:hover i { top:120px;}

.lh_pro { width:100%;}
.lh_pro h4 { display:block; font-size:28px; border-left:8px solid #226ad0; font-weight:500; line-height:35px; margin-bottom:25px; padding-left:15px;}
.lh_pro li { float:left; width:269px; margin-right:30px; background:#fff; border:1px solid #f1f1f1; position:relative; overflow:hidden;}
.lh_pro li i { display:block; font-style:normal; width:50px; height:50px; line-height:45px; border-radius:50%; background:rgba(0,0,0,0.5); font-size:38px; color:#fff; text-align:center; margin:auto; position:absolute; top:-50px; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.lh_pro li a { display:block; width:100%;}
.lh_pro li .img { width:269px; height:184px; overflow:hidden;}
.lh_pro li .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.lh_pro h3 { width:100%; text-align:center; font-weight:500; font-size:16px; line-height:50px; background:#f9f9f9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lh_pro li:hover h3 { color:#005033;}
.lh_pro li:hover i { top:70px;}

/*视频列表*/
.li_vide { width:100%;}
.li_vide li { float:left; width:450px; margin:0 30px 20px 0; background:#fff; border:1px solid #f1f1f1; position:relative; overflow:hidden;}
.li_vide i { display:block; font-style:normal; width:60px; height:60px; border-radius:50%; background:url(../images/kx_12.png) no-repeat 0 0; margin:auto; position:absolute; top:-60px; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.li_vide a { display:block; width:100%;}
.li_vide .img { width:450px; height:265px; overflow:hidden;}
.li_vide .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.li_vide .mesg { padding:10px 10px 15px 10px; line-height:40px;}
.li_vide .mesg h3 { float:left; width:70%; height:60px; font-size:16px; line-height:30px; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/}
.li_vide .mesg span { float:right; border:1px solid #ddd; text-align:center; color:#666; padding:0 15px; line-height:25px; margin-top:8px;}
.li_vide li:hover img { transform:scale(1.3, 1.3);}
.li_vide li:hover h3,.li_vide li:hover span { color:#005033;}
.li_vide li:hover span { border-color:#005033;}
.li_vide li:hover i { top:110px;}

/*产品模型列表*/
.proli { width:100%;}
.proli li { float:left; width:289px; margin:0 30px 20px 0; padding-bottom:20px; background:#fff; border:1px solid #f1f1f1; position:relative; overflow:hidden;}
.proli li i { display:block; font-style:normal; width:50px; height:50px; line-height:45px; border-radius:50%; background:rgba(0,0,0,0.5); font-size:38px; color:#fff; text-align:center; margin:auto; position:absolute; top:-50px; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proli li a { display:block; width:100%;}
.proli li .img { width:289px; height:198px; overflow:hidden;}
.proli li .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proli li .mesg { padding:10px 10px 15px 10px;}
.proli li .mesg h3 { width:100%; text-align:center; font-weight:500; font-size:18px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proli li .mesg p { color:#999; line-height:25px; height:50px; overflow:hidden;}
.proli li span { display:block; width:100px; border:1px solid #bbb; text-align:center; color:#666; font-size:16px; line-height:35px; margin:0 auto;}
.proli li:hover img { transform:scale(1.3, 1.3);}
.proli li:hover h3,.proli li:hover span { color:#005033;}
.proli li:hover i { top:80px;}
.proli li:hover span { color:#f00; border-color:#f00;}

/*产品详情*/
.proFocus { float:left; margin:0px auto; width:600px; padding:15px; background:#fff; border:1px solid #f1f1f1; position:relative; overflow:hidden; zoom:1;}
.proFocus .hd { width:100%; padding-top:5px; overflow:hidden;}
.proFocus .hd ul { margin-right:-5px; overflow:hidden; zoom:1;}
.proFocus .hd li { float:left; text-align:center;}
.proFocus .hd li img { width:114px; height:78px; border:1px solid #ddd; cursor:pointer; margin-right:5px;}
.proFocus .hd .on img { border-color:#f00;}
.proFocus .bd li { vertical-align:middle;}
.proFocus .bd img { width:600px; height:411px; display:block;}
.proRgt { float:right; width:350px;}
.proRgt .show_h3,.proRgt .time_click { text-align:left;}
.proRgt .show_h3 { margin-bottom:15px;}
.proRgt li { line-height:30px; font-size:14px; color:#333;}
.proRgt li b { margin-right:10px;}
.proH5 { line-height:35px; background:#f4f4f4; font-size:16px; color:#333; border-left:30px solid #037edb; padding-left:10px;}

.Rt_meg { float:right; width:500px;height:482px; overflow:hidden;padding:25px 25px 20px 25px; background:#fff; border:1px solid #f1f1f1; margin-bottom:30px;}
.Rt_meg h3 { font-size:22px; font-weight:bold; color:#333;}
.Rt_meg .msg { height:135px; overflow:hidden; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; font-size:14px; color:#999; line-height:30px; padding:15px 0; margin:25px auto 15px auto; overflow:hidden;}
.Rt_meg .meg { height:90px; overflow:hidden; font-size:14px; color:#333; line-height:25px;}
.Rt_meg .cart { margin-top:15px;}
.Rt_meg .cart a { display:block; float:left;}
.Rt_meg .cart .cat { width:221px; height:59px; background:url(../images/dg.jpg) no-repeat 0 0;}
.Rt_meg .cart .down { float:right; font-size:12px; color:#005033; text-align:center; line-height:25px; margin:0 15px;}
.Rt_meg .cart .down i { display:block; width:65px; height:35px; margin:2px auto 0 auto; background:url(../images/xz.png) no-repeat center center; border:1px solid #005033; border-radius:6px;}
.Rt_meg .cart p { color:#005033; font-weight:bold; font-size:26px; line-height:40px; background:#f8f8f8; padding:15px 75px; margin-top:10px;}
.Rt_meg .cart p span { display:block; float:left; font-size:16px; font-weight:500; color:#666;}

.lh_h3 { height:50px; border-bottom:4px solid #eee; margin-bottom:40px;}
.lh_h3 a { display:block; float:left; width:130px; border-bottom:4px solid #eee; line-height:50px; text-align:center; font-size:16px; color:#333; margin-right:5px;}
.lh_h3 a:hover,.lh_h3 .on { background:#005033; border-color:#00638f; color:#fff;}

.li_prry { width:100%;}
.li_prry h4 { display:block; font-size:28px; border-left:8px solid #226ad0; font-weight:500; line-height:35px; margin:25px 0; padding-left:15px;}
.li_prry li { float:left; width:364px; margin:0 20px 20px 0; background:#fff; border:1px solid #f1f1f1; position:relative; overflow:hidden;}
.li_prry li i { display:block; font-style:normal; width:50px; height:50px; line-height:45px; border-radius:50%; background:rgba(0,0,0,0.5); font-size:38px; color:#fff; text-align:center; margin:auto; position:absolute; top:-50px; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.li_prry li a { display:block; width:100%;}
.li_prry li .img { width:364px; height:240px; overflow:hidden;}
.li_prry li .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.li_prry li .mesg { padding:10px 10px 15px 10px; line-height:40px;}
.li_prry li .mesg h3 { float:left; width:65%; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.li_prry li .mesg span { float:right; border:1px solid #ddd; text-align:center; color:#666; padding:0 15px; line-height:25px; margin-top:8px;}
.li_prry li:hover img { transform:scale(1.3, 1.3);}
.li_prry li:hover h3,.li_prry li:hover span { color:#005033;}
.li_prry li:hover span { border-color:#005033;}
.li_prry li:hover i { top:100px;}

/*新闻模型*/
.new_list { width:100%;}
.new_list li { padding:15px; background:#fff; border:1px solid #f1f1f1; margin-bottom:15px;}
.new_list li .img { float:left; width:200px; height:142px; overflow:hidden;}
.new_list li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.new_list li .mesg { float:right; width:680px;}
.new_list li .mesg h3 { width:100%; font-size:20px; line-height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new_list li .mesg span { display:block; font-size:12px; color:#999; margin:5px 0 10px 0; padding-bottom:10px; border-bottom:1px dashed #ddd;}
.new_list li .mesg p { font-size:12px; color:#666; line-height:25px;}
.new_list li:hover img { transform:scale(1.3, 1.3);}
.new_list li:hover h3 { color:#0f0867;}

/*联系我们单独页面*/
.n_contact { width:100%;}
.n_contact .info { padding-top:15px; padding-bottom:30px; color:#666; text-align:center; font-size:14px;}
.n_contact .info b { margin-top:15px; display:block; font-size:24px; color:#333;}
.n_contact .info img { margin-top:15px;}
.n_contact .upbox { margin-bottom:40px; border:1px solid #dbdbdb;}
.n_contact .upbox .text_box { border-right:1px solid #dbdbdb; width:520px; padding:45px 20px; float:left;}
.n_contact .upbox .text_box .box { background:url(../images/icon_contact.png) left 8px no-repeat; font-size:14px; line-height:30px; color:#333; padding-left:25px;}
.n_contact .map {}
.n_contact .ewm_box { float:right; display:block; width:300px; margin-top:20px;}
.n_contact .ewm_box .box span { display:block; margin-top:8px; color:#666; text-align:center; font-size:12px;}
.n_contact .ewm_box img { display:block; margin:0 auto; width:115px; height:115px;}

/*招聘*/
.up_box { position:relative; background:url(../images/bg_job.png) right top no-repeat; margin:0 auto 20px auto;}
.up_box img { position:absolute; left:0; top:0; width:460px; height:250px;}
.up_box .text_box { margin-left:460px; padding:20px; text-align:center; padding-top:170px; line-height:30px; color:#fff; font-size:14px;}
.up_box .text_box a { color:#fff;}
.n_job { width:872px; margin:0 auto;}
.n_job th { background:#444; text-align:center; height:60px; line-height:60px; color:#fff; font-size:16px;}
.n_job .titl td { border-bottom:3px solid #f2f2f2; padding:10px; background:#f8f8f8; text-align:center; color:#666; font-size:14px;}
.n_job .titl td a { display:block; height:23px;  background:url(../images/icon_bnt__slide_close.png) center no-repeat;}
.n_job .titl.on td a { background:url(../images/icon_bnt_slide_open.png) center no-repeat;}
.n_job .cont { padding:0 35px; background:#f9f9f9; line-height:25px; color:#666;}
.n_job .show_box {display: none}
/*.n_job .show_box .cont { display:block;}*/
.n_job .article { padding:30px 0;}
.n_job .un { line-height:26px; margin-top:30px; font-size:14px; color:#777;}
.n_job .un a { color:#f30; font-size:16px;}


  .warp .cpright {float:right;width:480px;height:485px;background:#fff;overflow:hidden;padding:20px;}
.warp .cpright h1 {font-size:22px;font-weight:bold;color:#333;margin-bottom:20px;}
.warp .cpright font {font-size:14px;color:#999;line-height:30px;display:block;border:1px dashed #ccc;border-left:none;border-right:none;padding:20px 0;}
.warp .cpright h2 {font-size:14px;color:#333;line-height:30px;font-weight:normal;margin:10px 0;padding-left:5px;}
.warp .cpright .bshare-custom {}
.warp .cpright .dinggou {margin-top:15px;}
.warp .cpright .dinggou a {}
.warp .cpright .dinggou .a1 {float:left;}
.warp .cpright .dinggou .a2 {float:left;font-size:12px;text-align:center;color:#005033;}
.warp .cpright .dinggou .a2 img {display:block;text-align:center;padding:2px 18px;border:1px solid #005033;border-radius:5px;margin:2px 15px 0 10px;}
.warp .cpright .dinggou p {font-size:16px;line-height:27px;color:#005033;}
.warp .cpright .dinggou p span {font-weight:bold;font-size:22px;letter-spacing:-1px;}