﻿@charset "utf-8";
ul,ol,li{list-style:none;}
h2{margin:0; padding:0;}
body{margin:0; padding:0; font-family:"微软雅黑"; font-size:14px; color:#555;}
ul{margin:0; padding:0;}
img{border:0;}
a{ color:#333; text-decoration:none; outline:none;}
.green{color:#0168b7;}
.f16{font-size:16px;}
.indentmb { text-indent:2.1em; margin-bottom:20px;}
.imgcenter { text-align:center; margin-top:30px}
*{margin:0px;padding:0px;}

.header{width:1155px; height:105px; margin:0 auto;}
.fwrx{float:right; margin:20px 20px 0 0;}
.header #nav_top{float:left; margin:19px 0 0 30px; width:798px;}
.header #nav_top>li{width:114px; height:50px; display:block; float:left; line-height:50px; text-align:center; font-size:16px; margin:0; cursor:pointer; position:relative; *z-index:999;}
.header ul .active{border-bottom:4px solid #0168b7; color:#0168b7;}
#nav_cell {position:absolute;top:50px;border-top:4px solid #0168b7; left:-9px; display:none; z-index:999; *z-index:999; background:url(../images/nav_bg.png) repeat; box-shadow:0px 2px 5px #666; padding-bottom:24px; border-radius:0px 0px 5px 5px }/*11.23*/
#nav_cell li{width:132px; height:43px; display:block; cursor:pointer; line-height:43px; color:#333; border-bottom:1px solid #efefef; font-size:15px}/*11.23*/
#nav_cell li a:hover{color:#0168b7;}

/*banner 引导页、首页 共用*/
.indexWrapBg {
    width: 100%;
    min-width: 1155px;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: url(../images/bg2.jpg.html) no-repeat center;
    margin-top: 8px;
}

.indexWrapBg ul{list-style:none;}
.indexWrapBg ul li{width:100%; height:100%;position:absolute;top:0px;left:0px;opacity:0; z-index:0;}
.indexWrapBg ul li:nth-of-type(1){z-index:1;}
.indexWrap1{background:url(../images/1.gif) no-repeat center top;}
.indexWrap2{background:url(../images/2.gif) no-repeat center top;}
.indexWrap3{background:url(../images/3.gif) no-repeat center;}
.banBtn {position:relative;z-index:3; width:100px; margin:0 auto; margin-top:27%; height:30px;}
.banBtn span { width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.4; filter:alpha(opacity=40); display:block; float:left; margin:5px;display:inline-block; cursor:pointer}
.banBtn span.a_active { background:#fff; opacity:1; filter:alpha(opacity=100); }
.banBtn span b { display:none}
#indexWrapBgm a  img{width:100%;height:auto;}
#indexWrapBgm a { height:566px; width:100%; margin:0 auto; display:block;outline:none; }
.indexWrapBg .btnLeft {cursor:pointer; background:url(../images/btnLeft.png.html) no-repeat top; width:51px; height:103px; position:absolute; left:0px; top:45%; z-index:9999}
.indexWrapBg .btnRight {cursor:pointer; background:url(../images/btnRight.png.html) no-repeat top; width:51px; height:103px; position:absolute; right:0px;top:45%; z-index:9999}
.indexWrapBg .btnLeft:hover,.indexWrapBg .btnRight:hover { background-position:bottom;}

/*产品系列*/
.cpxl-en{width:1155px; height:648px; margin:66px auto 0; background:url(../images/cpxl-lyc-en.png) no-repeat center top; }

.cpxl{width:1155px; height:648px; margin:66px auto 0; background:url(../images/cpxl_title.png) no-repeat center top; }
.cpxl_xq{width:1155px; height:570px;}
.cpxl_xq ul{padding-top:130px; position:relative;}
.cpxl_xq li{position:absolute;width:230px; height:446px; text-align:center; display:block; background:#fff; box-shadow:0px 0px 8px #efefef;border:1px solid #efefef}
.cpxl_xq li a { display:block; width:100%; height:100%;}
.cpxl_xq li .pro { height:240px; display:block;  background:#fff;}
.cpxl_xq li img {width:100%;height:100%;}
.cpxl_xq li .title{color:#555; font-size:20px; margin-top:20px}
.cpxl_xq li .text{ color:#a4a4a4; font-size:18px; line-height:25px; padding:20px; height:50px; overflow:hidden}
.cpxl_xq li .more{color:#0168b7; font-size:12px; width:120px; height:29px; display:block; line-height:29px; text-align:center; margin:10px auto 0;}
.cpxl_xq li.zhizun { width:256px; height:476px; margin-left:-18px; margin-top:-25px; z-index:99; background:url(../images/black2.png) repeat; padding:10px; border:none;}
.cpxl_xq li.zhizun .more { color:#fff; border:1px solid #fff;}
.cpxl_xq li.zhizun .title { color:#fff;}
.cpxl_xq li.zhizun .text { color:#fff; opacity:0.6; filter:alpha(opacity=60); height:60px}
.cpxl_xq li.zhizun a { background:#0168b7;}
.cpxl_xq li.zhizun .pro { height:250px}
/*行业解决方案*/


.hyjjfa{width:100%;min-width:1155px; height:646px; background:url(../images/hyjjfa_bg.jpg) no-repeat center;}

.hyjjfa_con_en{width:1155px; height:646px; margin:0 auto; background:url(../images/hhjjfa_title-en.png) no-repeat center 80px;}


.hyjjfa_con{width:1155px; height:646px; margin:0 auto; background:url(../images/hhjjfa_title.png) no-repeat center 80px;}
.hyjjfa_wrap{width:1155px; height:482px; padding:144px 0 0 0;}
.indexWrapBg1{width:1155px;height:482px;position:relative; overflow:hidden;background:url(../images/bg2.jpg.html) no-repeat center;margin-top:5px;}
.banBtn1 {position:relative;z-index:3; width:60px; margin:0 auto; padding-top:452px; height:30px;}
.banBtn1 span { width:10px; height:10px; border-radius:50%; background:#fff; display:block; float:left; margin:5px;display:inline-block; cursor:pointer}
.banBtn1 span.a_active { background:#0168b7;}
.banBtn1 span b { display:none}

.indexWrapBg1 ul{list-style:none;}
.indexWrapBg1 ul li{width:1152px; height:350px;position:absolute;top:20px;left:0px;opacity:0; z-index:0;}
.indexWrapBg1 .btnLeft1 {cursor:pointer; background:url(../images/btn_left.png) no-repeat top; width:58px; height:58px; position:absolute; left:0px; top:35%; z-index:9999}
.indexWrapBg1 .btnLeft1:hover{background:url(../images/btn_left_g.png) no-repeat top;}
.indexWrapBg1 .btnRight1 {cursor:pointer; background:url(../images/btn_right.png) no-repeat top; width:58px; height:58px; position:absolute; right:0px;top:35%; z-index:9999}
.indexWrapBg1 .btnRight1:hover{background:url(../images/btn_right_g.png) no-repeat top;}
.indexWrapBg1 .btnLeft1:hover,.indexWrapBg .btnRight1:hover { background-position:bottom;}
.facell{width:262px; height:316px; float:left;}
.facell .name:hover{color:#008574;}
.facell .pic{width:262px; height:174px; padding-top:50px; position:relative;}
.facell .pic img{ margin-left:49px; cursor:pointer;}
.facell .pic .img_top{ position:absolute; top:50px; left:0; display:none;}
.facell .name{width:262px; height:30px; color:#555555; text-align:center; line-height:50px; font-size:20px; font-weight:bold; cursor:pointer;}
.facell .js{width:262px; color:#b2b2b3; font-size:12px; text-align:center; line-height:20px; padding-top:30px;}
.tianyi-left{ background:#333;width:600px;height:453px; float:left;}
.tianyi-right{background:#069;width:540px; height:453px;float:right;}

/*品牌优势*/

.ppys-en{width:1155px; height:388px; margin:0 auto; background:url(../images/ppys_bg-en.png) no-repeat center 65px;}
.ppys{width:1155px; height:388px; margin:0 auto; background:url(../images/ppys_bg.png) no-repeat center 65px;}
.ppys_con{width:1155px; height:304px; padding-top:150px;}
.ppys_con li{width:360px; height:122px; display:block; float:left; margin:30px 25px 40px 0;}
.ppys_con img{ float:left;}
.ppys_con .jieshao{width:220px; height:102px; float:right; padding:10px; overflow:hidden;}
.jieshao .ppName a{color:#555; font-size:20px; font-weight:bold; cursor:pointer;}
.jieshao .ppName a:hover{color:#0168b7;}
.jieshao .ppcon{color:#b2b2b3;font-size:12px; line-height:20px; padding-top:20px;}
.ppcon a{color:#0168b7; float:right; margin-right:5px; *margin-top:-20px;}
/*经典案例*/
.jdal{width:100%;min-width:1155px; height:878px; background:url(../images/jdal_bg.jpg) no-repeat center;}

.jdal_con-en{width:1155px; height:878px; margin:0 auto; background:url(../images/enjdal.png) no-repeat center 48px;}

.jdal_con{width:1155px; height:878px; margin:0 auto; background:url(../images/jdal.png) no-repeat center 48px;}
.jdal_con2{ background:url(../images/jdal2.png) no-repeat center 60px;}

.tab{width:889px; height:36px; padding:140px 133px 30px;}
.tab li{width:100px; height:36px; border-radius:5px; background:#f7f7f7; display:block; font-size:16px; color:#555; margin:0 5px; float:left; line-height:36px; text-align:center; font-weight:bold; cursor:pointer;}
.tab .active{background:#0168b7; color:#fff;}

.jdal_con .content{width:1155px; height:660px; margin-top:20px; display:none;}
.jdal_con .content li{width:368px; height:285px; display:block;  float:left; margin:0 auto;padding-right:10px; border:1px;}
.jdal_con .content li .title{width:368px; height:50px; line-height:50px; text-align:center; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jdal_con .content li a:hover{ text-decoration:underline}
.jdal_con .content li img{ border:1px solid #0168b7 }


/*新闻中心*/
.xwzx-en{width:1155px; height:566px; margin:0 auto; background:url(../images/xwzx-en.png) no-repeat center 65px;}


.xwzx{width:1155px; height:566px; margin:0 auto; background:url(../images/xwzx.png) no-repeat center 65px;}
.xwzx_wrap{width:1155px; height:346px; padding-top:190px;}
.xwzx_wrap .xwPic{width:427px; height:346px; float:left;}
.xwzx_wrap .xwList{width:684px; height:346px; float:right;}
.xwtab{width:648px; height:40px; padding-bottom:5px; border-bottom:1px solid #ededed;}
.xwtab li{width:142px; height:42px; display:block; float:left; font-size:20px; font-weight:bold; line-height:42px; text-align:center; cursor:pointer;color:#333;}
.xwtab .active{color:#fff; background:url(../images/new_tab_bg.png) no-repeat;}
.xwcontent{width:608px; height:260px; padding:20px 20px 20px 10px; display:none;}
.xwcontent li{ list-style:none; height:20px; color:#6c6c6c; margin:22px 0;}
.xwcontent li p{height:20px;background:url(../images/list_corn.png) no-repeat 0 center; text-indent:1em; color:#6c6c6c;}
.xwcontent li p span{color:#999; float:right;}
.xwcontent li p .bt{width:500px; height:20px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
/*幻灯片*/
#slideshow {!important;border:0px !important; text-align:center;}
#focus {width:420px; height:270px; overflow:hidden; position:relative; border:4px solid #e3e5e4;}
#focus ul {height:270px; position:absolute;}
/*#focus ul li img,h2{ margin-top:-12px;}*/
#focus ul li {float:left; width:420px; height:270px; overflow:hidden; position:relative; background:#fff;}
#focus ul li p {position:absolute; z-index:999; bottom:0px; color:#fff; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/black.png) repeat; height:50px; line-height:50px; font-size:14px; font-weight:normal; text-align:center; }
#focus ul li img {width:100%; height:100%;}
#slideshow .btnBg {position:absolute; width:428px; left:0; bottom:-30px; background:#000;}
#slideshow .btn { width:420px; height:65px; padding:35px 10px; right:0; bottom:-30px; text-align:center;}
#slideshow .btn span {display:inline-block; _display:inline; _zoom:1; width:59px; height:5px; _font-size:0; margin-left:5px; cursor:pointer; background:#585858;}
#slideshow .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url('../images/sprite.png') no-repeat 0 0; cursor:pointer}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus ul li .slideother { position:absolute; left:15px; top:280px; width:720px; height:80px;display:inline-block;background:url('../images/bg_down.gif') no-repeat 0 0; }
#focus ul li .slideother .h12{font-size:24px;padding-left:10px;padding-bottom:5px;position:absolute; top:0px; left:55px;}
#focus ul li .slideother .h12 a{ color:#FFF; font-size:24px; font-weight:bold; padding-top:10px; text-decoration:none;}
#focus ul li .slideother .h12 a:hover { text-decoration:underline;}
#focus ul li .slideother p{ padding-left:10px; position:absolute; top:38px; left:55px;}
#focus ul li .slideother p a{ color:#8B8B8B; text-decoration:none;}
#focus ul li .slideother a:hover{ color:#FFF;}
#focus ul li .slideother p a:hover{ text-decoration:none;}

.bottom_nav{width:100%;min-width:1155px; height:120px; background:#f5f5f5;}
.bottom_nav .nav_con{width:1155px; height:120px; margin:0 auto;}
.bottom_nav ul{float:right; margin:-25px 0 0 0 ;}
.bottom_nav li{float:left; width:76px; height:25px; line-height:25px; display:block; text-align:center; color:#585858; cursor:pointer;}
.footer{width:100%;min-width:1155px; height:64px; background:#464646;}
.footer p{width:1180px; height:64px; line-height:64px; display:block; margin:0 auto; color:#f5f5f5; font-size:12px;}


/*控制台*/
.banner{width:100%; min-width:1155px;height:300px; background: transparent url(../images/banner.jpg) no-repeat no-repeat scroll 50% 50%; margin-top:8px;}
.daohang{width:100%; height:99px; background:#f1f1f1;}
.daohang_con{width:1155px; height:99px; margin:0 auto; line-height:99px; background:#f1f1f1}
.daohang_con .title1{color:#555; font-size:20px; float:left}
.daohang_con .title11{color:#c1c1c1; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
/*9.7*/
.daohang_con .now{width:auto; height:97px; background:url(../images/home.jpg) no-repeat 0 center; padding-left:20px; float:right; color:#999}
.daohang_con .now a { color:#999}
.kongzhitai{width:1155px; margin:0 auto;}
.kzt-tit { background:url(../images/green.png) no-repeat center top; color:#585858; text-align:center; font-size:28px; height:80px; padding-top:10px; margin-top:44px;}
.kzt-tit b { font-size:14px; text-transform:uppercase; display:block; font-weight:normal;margin-top:5px;}
.kongzhitai .kzttab{height:35px; font-size:16px; color:#555;}/*9.7*/

/*9.7*/
.kongzhitai .kzttab li{width:95px; height:35px; list-style:none; float:left; border-radius:5px; line-height:35px; text-align:center; margin:10px 5px 0px; cursor:pointer;}

.kongzhitai .kzttab .active{background:#0168b7; color:#fff;}
.kztcontent{width:1155px; display:none; min-height:200px; clear:both; overflow:hidden; padding-bottom:20px}
.kztcontent .top_jieshao{width:1155px; border-bottom:1px solid #ebebeb; color:#555; line-height:35px; padding:20px 5px 20px;}
.kztcontent .top_con {padding:20px 5px 20px; padding-left:0px; line-height:30px,}
.kztcontent .kzt_cell{width:1155px; height:342px; border-bottom:1px solid #ebebeb;}
.kzt_cell .img_left{width:382px; height:262px; padding:40px 23px; float:left;}
.kzt_cell .img_left img{border:1px solid #f4f4f4;}
.kzt_cell .word_right{width:716px; height:162px; float:right; padding:59px 0;}
.kzt_cell .word_right .title{font-size:20px; color:#555555;}
.kzt_cell .word_right .detail{padding-top:20px; color:#999; line-height:36px;}

.kongzhitai .pageNum {text-align:center; clear:both; padding-top:45px; line-height:36px; text-align:center; height:38px; }
.pagelist{  margin-left:47%}
.kongzhitai .pageNum a{width:37px; height:37px; background:url(../images/page.jpg) no-repeat; display:inline-block; *display:inline; *zoom:1; margin:0 6px; font-size:16px; color:#7f7f7f; line-height:36px; text-align:center; vertical-align:top;}
.kongzhitai .pageNum ul{ float:left}
.kongzhitai .pageNum ul li{ float:left;font-family: Tahoma;margin-right: 6px;}
.kongzhitai .pageNum ul li.thisclass {
    background: ;
    border-radius: 3px;
    color: #fff;
}

.kongzhitai .pageNum a.active{color:#fff; background:url(../images/page_active.png) no-repeat;}
.jjfa{width:125px; height:38px; background:#0168b7; color:#fff; border-radius:20px; line-height:35px; text-align:center; cursor:pointer; margin:20px 0;}
.jjfa a:hover{ color:#3F6; }



/*详情页*/
.kongzhitaixq{width:1155px; min-height:800px; margin:0 auto; }
.kongzhitaixq .kzttab{ min-height:35px; font-size:16px; color:#555;}

.kongzhitaixq .kzttab li{width:95px; height:35px; list-style:none; float:left; border-radius:5px; line-height:35px; text-align:center; margin:0 5px; cursor:pointer;}
.kongzhitaixq .kzttab .active{background:#0168b7; color:#fff;}

.content{margin:42px auto; width:1155px;}
.xq_jieshao{width:1024px; margin-left:80px; color:#555; line-height:35px; }
.xq_jieshao p{margin:0; padding:0; text-align:left;}

.piclist { padding:30px 0px; border-bottom:1px solid #eee; overflow:hidden;}
.piclist a { color:#555}
.piclist a:hover {color:#0168b7}
.piclist li { float:left;width:362px; height:254px;border:1px solid #eeeeee; margin:30px 10px;}
.piclist li a { color:#555;}
.piclist li img { width:362px; height:202px}
.piclist li p {border-top:1px solid #eee; height:50px; line-height:50px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:280px; margin:0 auto; padding:0px 41px;}
.line { border-bottom:1px solid #EBEBEB; height:30px;}

/*产品滚动*/
.imgwrap { width:1025px; margin:30px auto 10px;}
.imgwrap img { width:100%; height:100%;}
.bigimg { width:1025px; height:400px; position:relative; overflow:hidden}
.bigimg ul { position:absolute; left:0px; top:0px}
.bigimg li{ width:1025px; height:400px; float:left; position:relative}
.bigbtnleft { z-index:999; position:absolute; left:0px;background:url(../images/bigbtnleft.png) no-repeat; width:46px; height:80px; top:50%; margin-top:-40px; cursor:pointer;opacity:0.6;filter:alpha(opacity=60)}
.bigbtnleft:hover {opacity:1;filter:alpha(opacity=100)}
.bigbtnright {z-index:999; position:absolute; right:0px;background:url(../images/bigbtnright.png) no-repeat; width:46px; height:80px; top:50%; margin-top:-40px;cursor:pointer;opacity:0.6;filter:alpha(opacity=60)}
.bigbtnright:hover {opacity:1;filter:alpha(opacity=100)}
.smimg { width:100%; height:114px; position:relative; margin-top:20px}
.smimglist {width:992px;height:114px;  margin:0 auto; position:relative; overflow:hidden;}
.smimg ul { position:absolute; left:0px; top:0px; height:108px;}
.smimg li{ width:224px; height:100%; float:left; margin:0px 9px; border:3px solid #fff;}
.smimg li.cur {border:3px solid #063}
.smbtnleft { position:absolute; z-index:999; left:0px; background:url(../images/smbtnleft.jpg) no-repeat; width:21px; height:74px; top:50%; margin-top:-37px;cursor:pointer;}
.smbtnright { position:absolute;z-index:999; right:0px; background:url(../images/smbtnright.jpg) no-repeat; width:21px; height:74px; top:50%; margin-top:-37px;cursor:pointer;}
.imgtitle { position:absolute; bottom:0px; width:100%; padding-left:20px; height:40px; line-height:40px; background:url(../images/black.png) repeat; color:#fff; font-size:14px;}





.zj {
    background: url(../images/zj.jpg) no-repeat center 0;
    height: 510px;
    overflow: hidden;
    margin-bottom: 25px;
}

 .content{
    width: 1200px;
    margin: 0 auto;
    font-family: "Microsoft YaHei";}
.fl {
    float: left;
}
.zj_uu {
    text-align: center;
    height: 42px;
}
.fr {
    float: right;
}
dd {
    display: block;
    -webkit-margin-start: 40px;
}
.zj_l{ padding: 70px 22px 0; width: 152px;}
.zj_uu{ text-align: center; height: 42px;}
.zj_uu a{ display: inline-block; padding-top: 19px;}
.zj_con ul li{ font-size: 0; margin-bottom: 2px;}
.zj_con ul li img{ width: 152px; height: 95px;}
.zj_con ul li.on img{ border:2px solid #ccc;  width: 148px; height: 91px;}
.zj_dd{ text-align: center; height: 42px;}
.zj_dd a{ display: inline-block; padding-top:10px;}
.zj_r{ width: 1004px; padding-top: 70px;}
.zj_r dl dt{ font-size: 0; width: 586px; height: 368px; float: left; overflow:hidden}
.zj_r dl dt img{width: 586px; height:368px; display:block}


.zj_r dl dd{ float: right; width: 373px; padding-top: 31px; color: #666;}
.zj_r dl dd h4{ font-size: 20px; font-weight: normal;}
.zj_r dl dd h4 i{ display: block; font-size: 36px; font-weight: bold; padding-top: 32px;}
.zj_r dl dd p{ font-size: 14px; color: #666; line-height: 24px; padding-top: 23px; height: 168px;}
.zj_r dl dd em{ display: block; width: 161px; height: 44px;background:url(../images/zj_btn.png) no-repeat; line-height: 44px;}
.zj_r dl dd em a{ display: block; padding-left: 35px; font-size: 16px; color: #666}

.zd{float: right; width: 373px; padding-top: 31px; color: #666;}

