@charset "utf-8";
/* Banner */
.banner { position:relative; width:1920px; left:50%; margin-left:-960px; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }

/* 主体 */
.container { position:relative; background:#f1f1f1}
.wrap { position:relative; width:1130px; min-height:460px; padding:0 50px; _height:460px; margin:0 auto; background:#fff; margin-top:-25px; z-index:9 }
.sidebar { width:100%;}
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:30px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { width:145px; float:left; border-right:1px solid #999999; height:47px; line-height:47px; font-size:30px; color:#005ea8; font-weight:normal }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu{ width:958px; float:right}
.menu ul { zoom:1; text-align:center; }
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul li { display:block; width:123px; height:47px; float:left; margin-right:20px;}
.menu ul li a { display:block; width:100%; height:47px; line-height:47px; text-align:center; color:#fff; background:#666666; border-radius:8px; font-size:14px;}
.menu ul li a:hover,.menu ul li .current { background:#1192e3; color:#fff;}



.menu.menu2 ul li a {width:240px;}


.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


.xmmenu{ width:1200px; margin:0 auto; padding-top:33px}
.xmmenu ul { zoom:1; text-align:center; }
.xmmenu ul{ width:1250px}
.xmmenu ul li { width:187px; height:62px; border-bottom:3px solid #eeeeee; background:#eeeeee; float:left; line-height:62px; font-size:16px; margin-right:16px}
.xmmenu ul li a { display:block; color:#00aec4}
.xmmenu ul li a:hover,.xmmenu ul li a.current { background:#00aec4; color:#fff;border-bottom:3px solid #addb3d;}
.xmmenu ul li a i{ display:inline-block; vertical-align:top; background:url(g_27.png) left center no-repeat; padding-left:55px}
.xmmenu ul li a:hover i,.xmmenu ul li a.current i{background:url(g_28.png) left center no-repeat; }
.xmmenu ul li:nth-child(2) a i{ background:url(a2.png) left center no-repeat; padding-left:50px}
.xmmenu ul li:nth-child(2) a:hover i,.xmmenu ul li:nth-child(2) a.current i{background:url(a2_2.png) left center no-repeat; }
.xmmenu ul li:nth-child(3) a i{ background:url(a3.png) left center no-repeat; padding-left:50px}
.xmmenu ul li:nth-child(3) a:hover i,.xmmenu ul li:nth-child(2) a.current i{background:url(a3_2.png) left center no-repeat; }
.xmmenu ul li:nth-child(4) a i{ background:url(a4.png) left center no-repeat; padding-left:45px}
.xmmenu ul li:nth-child(4) a:hover i,.xmmenu ul li:nth-child(2) a.current i{background:url(a4_2.png) left center no-repeat; }
.xmmenu ul li:nth-child(5) a i{ background:url(a5.png) left center no-repeat; padding-left:45px}
.xmmenu ul li:nth-child(5) a:hover i,.xmmenu ul li:nth-child(2) a.current i{background:url(a5_2.png) left center no-repeat; }
.xmmenu ul li:nth-child(6) a i{ background:url(a6.png) left center no-repeat; padding-left:50px}
.xmmenu ul li:nth-child(6) a:hover i,.xmmenu ul li:nth-child(2) a.current i{background:url(a6_2.png) left center no-repeat; }
/* 面包屑 */
.location { position:relative; height:24px; padding:31px 0; line-height:24px; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:left; text-align:right; }
.breadcrumbs a { display:inline-block; vertical-align:top; font-size:14px; color:#333; margin:0 8px }
.breadcrumbs .u-home { padding-left:20px; background:url(x1.png) no-repeat 0 center; margin-left:0 }
.breadcrumbs a:hover{ color:#329be1}
/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.ft{ width:100%; font-size:16px; color:#333; line-height:30px;}
/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:15px 17px;border:1px solid #eeeeee; overflow:hidden; }
.pothoItem .item .pic { float:left; width:174px; height:126px; overflow:hidden; margin-right:25px; }
.pothoItem .item .pic img { width:174px; }
.pothoItem .item img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.pothoItem .item:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.pothoItem .item .pic .p1{ font-size:26px; padding:20px 0 0 20px;}
.pothoItem .item .pic .p2{ font-size:18px; padding:0 0 0 20px;}
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:14px; line-height:32px; }
.pothoItem .item dl .m a{ display:block; width:82px; height:25px; text-align:center; line-height:25px; border:1px solid #1192e3; color:#1192e3; float:right}
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; height:60px }
.pothoItem .item dl dt a{ color:#333}
.pothoItem .item:hover dl dt a{ color:#329be1}
.pothoItem .item:hover .pic{ background:rgba(50,155,255,0.7);}
.pothoItem .item:hover .pic p{ color:#fff}
.pothoItem .item:hover{ border:1px solid #329be1}
.pothoItem .item dl dt span{ background:url(x15.jpg) left center no-repeat; padding-left:20px; color:#999999; font-size:12px; display:inline-block; vertical-align:top; line-height:32px; float:right}
/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; margin:0 auto; padding:4px; border:1px solid #919090;  text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:1200px; margin:0; padding:0; }
.piList .pic-item { position:relative; width:238px; height:355px; background:#efefef; margin:0 59px 29px 0; padding:0; display:inline; }
.piList .list-pic { display:block; width:220px; height:304px; overflow:hidden; margin-top:10px; margin-left:9px;  margin-bottom:0; padding:0; border:0;  }
.piList .list-pic img { width:220px;}
.piList .list-pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.piList .list-pic:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:14px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.piList dl dt a{ color:#333}
.piList .pic-item:hover dl dt a{ color:#2a95df}
/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #329be1; background:#329be1; color:#fff; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:160px; line-height:40px; text-align:right; font-size:14px; color:#272727 }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:34px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:190px; height:46px; border:none; background:#1192e3; color:#fff; cursor:pointer; font-size:14px; }
.form-panel .submit-field .btn-submit{ margin-left:60px;}
.form-panel .submit-field .btn-reset { background:#666666}
/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }

.team{ width:1010px; margin:0 auto; padding-top:70px}
.team .s1{ width:100%; height:650px; background:#f1f1f1; margin-bottom:30px}
.team .s1 .lt{ width:510px; float:left; text-align:right; height:650px}
.team .s1 .lt a{ display:block}
.team .s1 .rt{ width:445px; float:right}
.team .s1 .rt h3{ font-size:24px; color:#00aec4; font-weight:normal; margin-top:160px}
.team .s1 .rt h3 a{ color:#00aec4}
.team .s1 .rt h4{ font-size:16px; color:#00aec4; font-weight:normal; }
.team .s1 .rt .intro{ width:335px; text-align:justify; font-size:16px; color:#bfbfbf; line-height:30px; margin-bottom:30px}
.team .s1 .rt .intro h5{ font-size:20px; color:#000; font-weight:normal; padding:50px 0 15px}
.team .s1 .rt .more a{ display:block; float:left; width:120px; height:39px; text-align:center; line-height:39px; background:#666666; color:#fff; font-size:16px; margin-right:15px}
.team .s1 .rt .more a.a2{ background:#addb3d}

.xm{ width:100%}
.xm .top{ text-align:center; padding:50px 0}
.xm .top h3{ font-size:30px; color:#000000; font-weight:normal; line-height:1}
.xm .top h4{ font-size:14px; color:#999; font-weight:normal; line-height:1; text-transform:uppercase; padding-top:20px}
.xm .nr{ width:1200px; margin:0 auto}
.xm .nr .xmlist{ width:1250px;}
.xm .nr .xmlist .s1{ width:290px; float:left; margin-right:13px; margin-bottom:35px}
.xm .nr .xmlist .s1 .tit{ width:100%; border:1px solid #f3f3f3; box-sizing:border-box; padding:15px 15px 20px}
.xm .nr .xmlist .s1 .tit h3 a{ font-size:20px; color:#070606; font-weight:normal; line-height:20px;}
.xm .nr .xmlist .s1 .tit h3 i{ display:inline-block; vertical-align:top; line-height:20px; background:url(g_33.png) left center no-repeat; padding-left:22px; float:right; font-size:14px; color:#000; font-weight:normal}
.xm .nr .xmlist .s1 .tit p{ font-size:16px; color:rgba(7,6,6,0.6); padding:10px 0 25px}
.xm .nr .xmlist .s1 .tit .more{ display:block; width:100px; height:25px; background:#808080; line-height:25px; color:#fff; margin:0 auto; text-align:center}

.productlist{ position:relative;  width:1116px; margin:0 auto;margin-top:80px;}
.productlist .pic { width:1116px; margin:0 auto; position:relative}

.productlist .picList { width:1116px; height:620px; overflow:hidden; }
.productlist .picList ul { width:1116px; height:620px; overflow:hidden; }
.productlist .picList li { width:1112px; height:616px; overflow:hidden; cursor: pointer;padding:1px; border:1px solid #ccc }
.soldWrap { position: relative; width:1116px; height:117px; margin-top:22px; margin-bottom:50px; }
.productlist a.prev{ display:block; width:57px; height:57px; background:url(g_37.png) center center no-repeat; position:absolute; left:-80px; top:-400px}
.soldWrap .tempWrap{ width:1116px!important; overflow:hidden}
.productlist a.next{ display:block; width:57px; height:57px; background:url(g_38.png) center center no-repeat; position:absolute; right:-80px; top:-400px}
.sold { width:1116px; height:auto;  }
.sold ul { overflow:hidden; height:auto; }
.sold li { float:left; width:210px; height:116px; margin-right:16px; display:inline; cursor: pointer; position:relative; overflow:hidden }
.sold li.on span{ display:block; width:100%; height:100%; box-sizing:border-box; border:2px solid #f00; position:absolute; left:0; top:0}

.h3{ font-size:25px; color:#333; text-align:center; font-weight:normal; border-bottom:1px solid #eeeeee; padding:35px 0 5px}
.nft{ width:100%}
.nft .s1{ width:100%; padding-bottom:12px;}
.nft .s1 .nr{ float:right}
.nft .s1 .nr .bdsharebuttonbox{ float:left}
.nft .s1 .nr .m1{ display:block; width:107px; height:36px; background:#f75859; float:left; }
.nft .s1 .nr .m1 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x2.png) 10px center no-repeat; padding-left:40px; font-size:14px; width:100%; box-sizing:border-box}
.nft .s1 .nr .m2{ display:block; width:107px; height:36px; background:#4487ef; float:left; margin-left:4px;}
.nft .s1 .nr .m2 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x3.png) 13px center no-repeat; padding-left:40px; font-size:14px; width:100%; box-sizing:border-box}
.nft .s1 .nr .m3{ display:block; width:153px; height:36px; background:#42c068; float:left;  margin-left:4px;}
.nft .s1 .nr .m3 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x4.png) 9px center no-repeat; padding-left:35px; font-size:16px; width:100%; box-sizing:border-box}
.nft h3{ font-size:16px; color:#333; line-height:40px;}
.nft .s2{ width:100%; padding-top:10px; padding-bottom:48px;}
.nft .s2 .pic{ width:360px; float:left; margin-right:25px; position:relative; text-align:center; overflow:hidden}
.nft .s2 .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.nft .s2 .pic:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.nft .s2 .pic:nth-child(3){ margin-right:0}
.nft .s2 .pic img{ width:100%}
.nft .s2 .pic p{ width:100%; height:47px; background:rgba(255,255,255,0.5); color:#333; line-height:47px; font-size:16px; position:absolute; left:0; bottom:0; font-weight:bold; opacity:0; transition:all 0.3s linear}
.nft .s2 .pic:hover p{ opacity:1}
.nft .s3{ width:100%; text-align:center; padding-bottom:54px}
.nft .s3 a{ display:inline-block; vertical-align:top; width:370px; height:48px; background:#329be1; line-height:48px; font-size:16px; color:#fff; border-radius:24px;}
.nft .s3 a:hover{ color:#000}
/*产品中心*/
.wrap2{ width:1177px; padding:0 25px 45px 25px;}
.sidebar2 { width:242px; float:left}

.sidebar2 .menu2{ width:240px; border:1px solid #e5e5e5}
.sidebar2 dl{ width:210px; margin:0 auto; padding:25px 0 16px; position:relative}
.sidebar2 dl dt a{ display:block; width:210px; height:40px; background:url(c1.png) 90% center no-repeat #dddddd; box-sizing:border-box; padding-left:15px; font-size:16px; color:#333333; line-height:40px; margin-bottom:9px}
.sidebar2 dl dt a.current,.sidebar2 dl dt a:hover{background:url(g_08.png) 90% center no-repeat #1192e3; color:#fff}
.sidebar2 .menu2::after{ content:""; display:block; width:100%; height:5px; background:url(g_10.jpg) left center no-repeat}
.sidebar2 dl dd a{ display:block; width:210px; height:40px; background:url(g_09.png) 90% center no-repeat #eeeeee; box-sizing:border-box; padding-left:15px; font-size:16px; color:#333333; line-height:40px; margin-bottom:9px}
.sidebar2 dl dd a.current,.sidebar2 dl dd a:hover{background:url(g_08.png) 90% center no-repeat #7DB2FF; color:#fff}
.sidebar2 .s1{ width:100%; text-align:center; color:#fff; background:#1081cb; margin-top:10px;}
.sidebar2 .s1 h3{ font-size:28px; line-height:1; padding-top:25px;}
.sidebar2 .s1 p{ font-size:15px; opacity:0.5; line-height:1; padding:5px 0 18px}
.sidebar2 .s2{ width:238px; border:2px solid #1081cb}
.sidebar2 .s2 .nr{ width:220px; margin:11px auto; background:#677888; color:#fff; box-sizing:border-box; padding:20px 0 20px 10px;font-size:14px; line-height:30px;}
.sidebar2 .s3{ width:100%; text-align:center; margin-top:5px;}
.sidebar2 .s3_1{ width:100%; height:75px; line-height:75px; background:#1081cb; border-radius:5px; font-size:22px; color:#fff; position:relative; z-index:2}
.sidebar2 .s3_2{ border:2px solid #b2b2b2; border-top:0;border-bottom:1px solid #b2b2b2; padding-top:5px; margin-top:-5px; position:relative; z-index:1}
.sidebar2 .s3_2 .pic{ width:100%; border-bottom:1px solid #b2b2b2}
.main2{ width:907px; float:right; font-size:14px; color:#333; line-height:30px;}
.main2 .s1{ width:100%; height:89px; border-top:1px solid #329be1; border-bottom:1px solid #329be1; line-height:89px; margin-bottom:40px;}
.main2 .s1 h3{ font-size:25px; color:#333}
.main2 .s1 h3 i{ font-size:17px; color:#bababa; font-weight:normal}
.main2 p{ text-align:justify}
.pic-item-list2 { margin:0 0 20px; }
.pic-item-list2 .pic-item2{ display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list2 .list-pic2 { display:block; margin:0 auto; padding:4px; border:1px solid #919090;  text-align:center; }
.piList2 { padding:0 0 20px; overflow:hidden; }
.piList2 .pic-item-list2 { width:1200px; margin:0; padding:0; }
.piList2 .pic-item2 { position:relative; width:293px; height:222px; margin:0 14px 30px 0; padding:0; display:inline; }
.piList2 .list-pic2 { display:block; width:293px; height:222px; overflow:hidden;padding:0; border:0; position:relative  }
.piList2 .list-pic2 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.piList2 .list-pic2:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.piList2 .pic-item2:nth-child(3n){ margin-right:0}
.piList2 .list-pic2 img { width:293px; vertical-align:top}
.piList2 dl { position:absolute; width:100%; height:40px; background:rgba(00,00,00,0.5); line-height:40px; position:absolute; left:0; bottom:0}
.piList2 dl dt { width:100%; height:100%; font-size:16px; text-align:center}
.piList2 dl dt a{ color:#fff}
/*产品详情*/
.main2 .s2{ width:100%}
.main2 .s2 .lt{ width:602px; float:left}
.main2 .s2 .rt{ width:286px; float:right}
.main2 .s2 .rt h3{ font-size:20px; color:#333333; border-bottom:1px dashed #e0e0e0; line-height:54px;}
.main2 .s2 .rt .intro{ font-size:14px; line-height:40px; color:#333333; margin-top:15px}
.main2 .s3{ width:100%; margin-top:55px; margin-bottom:30px;}
.main2 .s3 .nr{ float:right}
.main2 .s3 .nr .bdsharebuttonbox{ float:left}
.main2 .s3 .nr .m1{ display:block; width:110px; height:36px; background:#f75859; float:left; text-align:center}
.main2 .s3 .nr .m1 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x2.png) 10px center no-repeat; padding-left:40px; font-size:14px; width:100%; box-sizing:border-box}
.main2 .s3 .nr .m2{ display:block; width:110px; height:36px; background:#4487ef; float:left; text-align:center; margin-left:4px;}
.main2 .s3 .nr .m2 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x3.png) 13px center no-repeat; padding-left:40px; font-size:14px; width:100%; box-sizing:border-box}
.main2 .s3 .nr .m3{ display:block; width:153px; height:36px; background:#42c068; float:left; text-align:center; margin-left:4px;}
.main2 .s3 .nr .m3 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x4.png) 9px center no-repeat; padding-left:35px; font-size:14px; width:100%; box-sizing:border-box}
.main2 .s4{ width:100%;}
.main2 .s4_1{ width:100%; height:36px; background:#f2f2f2; margin-bottom:30px}
.main2 .s4_1 span{ display:block; width:112px; height:36px; text-align:center; line-height:36px; background:#005ea8; color:#fff; font-size:16px; font-weight:bold}
.main2 .s5{ width:100%}
.main2 .s5 a{ display:block; width:136px; height:34px; float:right; background:#1081cb; color:#fff; text-align:center; line-height:34px; font-size:16px;}


/*案例*/
.sidebar3 { width:242px; float:left}
.sidebar3 .menu3{ width:226px; border:8px solid #1081cb}
.sidebar3 .top{ width:100%; height:91px; background:#1081cb; text-align:center; color:#fff}
.sidebar3 .top .p1{ font-weight:bold; font-size:28px; line-height:1; padding-top:25px;}
.sidebar3 .top .p2{ font-size:15px; opacity:0.5; line-height:1; padding:5px 0 18px}
.sidebar3 dl{ width:208px; margin:0 auto; padding:16px 0 16px; position:relative}
.sidebar3 dl dt{ width:100%; height:88px; margin-bottom:1px; background:#e5e4e4; background:url(x12.png) 180px center no-repeat #e5e4e4; }
.sidebar3 dl dt a{ display:block; width:100%; height:100%;box-sizing:border-box; padding:28px 0 0 8px; line-height:1; font-size:16px; color:#333; font-weight:bold}
.sidebar3 dl dt a p{ padding-top:5px; text-transform:uppercase; font-size:13px; color:#727272; font-weight:normal}
.sidebar3 dl dt:hover{background:url(x12s.png) 180px center no-repeat #1081cb; }
.sidebar3 dl dt:hover a{ color:#fff}
.sidebar3 dl dt:hover a p{ color:#fff}
.sidebar3 dl dt.current{background:url(x12s.png) 180px center no-repeat #1081cb; }
.sidebar3 dl dt.current a{ color:#fff}
.sidebar3 dl dt.current a p{ color:#fff}
.sidebar3 .s1{ width:100%; text-align:center; color:#fff; background:#1081cb; margin-top:10px;}
.sidebar3 .s1 h3{ font-size:28px; line-height:1; padding-top:25px;}
.sidebar3 .s1 p{ font-size:15px; opacity:0.5; line-height:1; padding:5px 0 18px}
.sidebar3 .s2{ width:238px; border:2px solid #1081cb}
.sidebar3 .s2 .nr{ width:220px; margin:11px auto; background:#677888; color:#fff; box-sizing:border-box; padding:20px 0 20px 10px;font-size:14px; line-height:30px;}
.sidebar3 .s3{ width:100%; text-align:center; margin-top:5px;}
.sidebar3 .s3_1{ width:100%; height:75px; line-height:75px; background:#1081cb; border-radius:5px; font-size:22px; color:#fff; position:relative; z-index:2}
.sidebar3 .s3_2{ border:2px solid #b2b2b2; border-top:0;border-bottom:1px solid #b2b2b2; padding-top:5px; margin-top:-5px; position:relative; z-index:1}
.sidebar3 .s3_2 .pic{ width:100%; border-bottom:1px solid #b2b2b2}

.main3{ width:907px; float:right}
.main3 .s1{ width:100%; height:89px; border-top:1px solid #d10f18; border-bottom:1px solid #d10f18; line-height:89px; margin-bottom:40px;}
.main3 .s1 h3{ font-size:25px; color:#333}
.main3 .s1 h3 i{ font-size:17px; color:#bababa; font-weight:normal}
.pic-item-list3 { margin:0 0 20px; }
.pic-item-list3 .pic-item3{ display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list3 .list-pic3 { display:block; margin:0 auto; padding:4px; border:1px solid #919090;  text-align:center; }
.piList3 { padding:0 0 20px; overflow:hidden; }
.piList3 .pic-item-list3 { width:1200px; margin:0; padding:0; }
.piList3 .pic-item3 { position:relative; width:293px; margin:0 14px 30px 0; padding:0; display:inline; }
.piList3 .list-pic3 { display:block; width:293px;  overflow:hidden;padding:0; border:0; position:relative  }
.piList3 .list-pic3 img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.piList3 .list-pic3:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.piList3 .pic-item3:nth-child(3n){ margin-right:0}
.piList3 .list-pic3 img { width:293px; vertical-align:top}
.piList3 dl {  width:100%; height:40px;  line-height:40px;}
.piList3 dl dt { width:100%; height:100%; font-size:16px; text-align:center}
.piList3 dl dt a{ color:#333}
.piList3 dl dt a:hover{ color:#329be1}
.case01{ width:100%; margin-bottom:20px; line-height:30px;}
.case01 .lt{ width:65px; float:left; font-size:14px; color:#2d2d2d; font-weight:bold}
.case01 .rt{ width:840px; float:right}
.case01 .rt a{ display:block; padding:0 10px; float:left; font-size:14px; color:#333333; position:relative}
.case01 .rt a::after{ content:""; display:block; width:1px; height:15px; background:#cbcbcb; position:absolute; right:0; top:9px}
.case01 .rt a:last-child::after{ content:""; display:block; width:0}
.case02{ width:100%; margin-bottom:20px; line-height:30px;}
.case02 .lt{ width:65px; float:left; font-size:14px; color:#2d2d2d;font-weight:bold}
.case02 .rt{ width:840px; float:right}
.case02 .rt a{ display:block; padding:0 10px; float:left; font-size:14px; color:#333333; position:relative}
.case02 .rt a::after{ content:""; display:block; width:1px; height:15px; background:#cbcbcb; position:absolute; right:0; top:9px}
.case02 .rt a:last-child::after{content:""; display:block; width:0;}
.case02 .rt a.on,.case01 .rt a.on,.case02 .rt a:hover,.case01 .rt a:hover{ color:#1192e3}
.case03{ width:100%; height:42px; line-height:42px; font-size:14px; color:#fff; background:#677888; box-sizing:border-box; padding-left:20px; margin-bottom:20px;}

/*案例详情*/
.main3 .s1_1{ width:100%; height:43px; text-align:center; line-height:43px; font-size:16px; color:#fff; background:#677888; margin-bottom:20px;}
.main3 .s2{ width:100%}
.main3 .s2 .lt{ width:602px; float:left}
.main3 .s2 .rt{ width:286px; float:right}
.main3 .s2 .rt h3{ font-size:20px; color:#333333; border-bottom:1px dashed #e0e0e0; line-height:54px;}
.main3 .s2 .rt .intro{ font-size:14px; line-height:40px; color:#333333; margin-top:15px}
.main3 .s3{ width:100%; margin-top:55px; margin-bottom:30px;}
.main3 .s3 .nr{ float:right}
.main3 .s3 .nr .bdsharebuttonbox{ float:left}
.main3 .s3 .nr .m1{ display:block; width:110px; height:36px; background:#f75859; float:left; text-align:center}
.main3 .s3 .nr .m1 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x2.png) 10px center no-repeat; padding-left:40px; font-size:14px; width:100%; box-sizing:border-box}
.main3 .s3 .nr .m2{ display:block; width:110px; height:36px; background:#4487ef; float:left; text-align:center; margin-left:4px;}
.main3 .s3 .nr .m2 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x3.png) 13px center no-repeat; padding-left:40px; font-size:14px; width:100%; box-sizing:border-box}
.main3 .s3 .nr .m3{ display:block; width:153px; height:36px; background:#42c068; float:left; text-align:center; margin-left:4px;}
.main3 .s3 .nr .m3 a{ display:inline-block; vertical-align:top; line-height:36px; color:#fff; background:url(x4.png) 9px center no-repeat; padding-left:35px; font-size:14px; width:100%; box-sizing:border-box}
.main3 .s4{ width:100%;}
.main3 .s4_1{ width:100%; height:36px; background:#f2f2f2; margin-bottom:30px}
.main3 .s4_1 span{ display:block; width:112px; height:36px; text-align:center; line-height:36px; background:#005ea8; color:#fff; font-size:16px}
.main3 .s5{ width:100%}
.main3 .s5 a{ display:block; width:136px; height:34px; float:right; background:#1081cb; color:#fff; text-align:center; line-height:34px; font-size:16px;}

.s4_news{ width:100%;}
.s4_news h3{ font-size:25px; color:#333; font-weight:normal; text-align:center}
.s4_news p{ border-bottom:1px solid #eeeeee; padding-bottom:5px; margin-bottom:20px; font-size:12px; color:#999999; margin-top:10px}
.s4_news p i{ display:inline-block; vertical-align:top; background:url(x16.jpg) left center no-repeat; padding-left:15px; margin-right:15px;}

.h2s{ font-size:20px; color:#272727; padding-left:120px; margin-top:15px}
.ps{ font-size:14px; color:#272727; padding-left:120px; margin-bottom:40px;}
.sq02{ margin-bottom:30px}
.sq03{ width:100%; font-size:16px; padding:10px 0; border-bottom:1px dashed #eeeeee}
.sq03 .p1{ color:#2f95e8}
.sq03 .p2{ color:#494949}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height:480px;
  width: 1128px; border:1px solid #d7d7d7
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.6;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.gallery-top .swiper-wrapper .swiper-slide{}
.gallery-top .swiper-wrapper{ width:854px; margin:0 auto; margin-top:30px; position:relative}
.gallery-top .swiper-wrapper p{ width:854px; text-align:center; font-size:20px; box-sizing:border-box; padding:0 137px}
.main .swiper-button-prev{ width:61px; height:480px; background:url(x20.png) center center no-repeat; position:absolute; left:0; top:0; margin-top:0}
.main .swiper-button-next{ width:61px; height:480px; background:url(x21.png) center center no-repeat; position:absolute; right:0; top:0; margin-top:0}

.gallery-thumbs{ width:951px; margin:0 auto; overflow:hidden}
.gallery-thumbs .swiper-slide{ padding:12px 2px; width:142px!important; position:relative; cursor:pointer}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after{ content:""; display:block; width:142px; height:94px; border:2px solid #ff6600; position:absolute; top:10px; left:0;}
.gallery-top .swiper-pagination-s{position: absolute;right: 0;top: 0;z-index: 99999;color: #e0e0e0;font-size: 20px;left: auto!important; width: 150px!important; height:50px;}
.swiper-pagination-s .swiper-pagination-current{ color:#ff3300}


/* box */
.box{width:600px; box-sizing:border-box; padding:8px; border:1px solid #bfbfbf}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{overflow:hidden; float:left; width:109px; height:351px}
.tb-thumb li{width:107px; height:81px; border:1px solid #e5e5e5; overflow:hidden; margin-bottom:7px; cursor:pointer}
.tb-s310, .tb-s310 a{width:464px;height:351px;}
.tb-s310, .tb-s310 img{max-width:464px;max-height:351px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1; float:right}
.tb-thumb .tb-selected{border:1px solid #ff0000; }
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb .tb-selected div img{ height:81px;}
.tb-thumb li div{}
.tb-thumb li div img{ width:107px; height:81px}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:999;}
div.zoomDiv img{ width:300%}
/* webmap */
.webmap { padding: 20px; margin: 0 auto; }
.webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; }
.webmap dl dt a { color: #000; font-weight: bold; }
.webmap dl dd { padding-left: 18px; }
.webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #ccc; color: #333; font-size: 14px; line-height: 2; white-space: nowrap; }
.webmap dl dd a:hover { background: #555; color: #fff; text-decoration: none; }
.webmap dl dd p.thd a { background: #eee; }
.webmap dl dd p.thd a:hover { background: #999; }

/* sform */
.sform {}
.sform ul{ margin-left:350px; margin-top:50px}
.sform li { height: 30px; padding: 8px 0; line-height: 30px; }
.sform li label { float: left; width: 80px; height: 30px; padding-right: 5px; font-size: 14px; text-align: right; }
.sform input[type=text],.sform input[type=password] { width: 200px; height: 28px; padding-left: 10px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 14px; line-height: 28px; }
.sform textarea { width: 190px; height: 98px; padding: 5px 10px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 14px; line-height: 1.2; }
.sform select { width: 212px; height: 30px; padding-left: 10px; border: 1px solid #ccc; background: #fff; color: #333; font-size: 14px; line-height: 30px; }
.sform input[type=radio],.sform input[type=checkbox] { display: inline-block; *display: inline; zoom:1; width: 20px; height: 30px; vertical-align: middle; }
.sform input[name=code]{ width: 70px; }
.sform input[type=submit],.sform input[type=reset] { float: left; width: 80px; height: 30px; margin: 10px 15px 0 0; background: #ddd; border: 0; color: #333; font-size: 14px; text-align: center; line-height: 1; cursor: pointer; }
.sform input[type=submit]:hover { background: #777; color: #fff; }
.sform input[type=reset]:hover { background: #bbb; }
.Validform_checktip { display: inline-block; padding-left: 30px; font-size: 14px; vertical-align: top; }
.Validform_right { background: url(../js/Validform/success.png) 5px center no-repeat; color: #00d100; }
.Validform_wrong { background: url(../js/Validform/error.png) 5px center no-repeat; color: #f00; }

.gcon_3{ width:1120px; margin:0 auto; padding-top:53px}
.gcon_3 .s1{ width:100%}
.gcon_3 .s1 .lt{ background:url(g_13.png) left top no-repeat; padding-left:72px; width:450px; box-sizing:border-box; float:left; margin-top:45px}
.gcon_3 .s1 .lt h3{ color:#000000; font-size:28px; font-weight:normal; border-bottom:2px solid #979797; padding:8px 0}
.gcon_3 .s1 .lt .intro{ color:#505050; font-size:16px; text-align:justify; margin-top:15px}
.gcon_3 .s1 .rt{ float:right}
.gcon_3 .s2{ width:100%; margin-top:-25px}
.gcon_3 .s2 .lt{ float:left}
.gcon_3 .s2 .lt .pic2{ margin-top:25px}

.gcon_3 .s2 .rt{ width:470px; float:right}
.gcon_3 .s2 .rt .m1{ background:url(g_14.png) left top no-repeat; padding-left:72px; width:470px; box-sizing:border-box; float:left; margin-top:70px}
.gcon_3 .s2 .rt .m1 h3{ color:#000000; font-size:28px; font-weight:normal; border-bottom:2px solid #979797; padding:8px 0}
.gcon_3 .s2 .rt .m1 .intro{ color:#505050; font-size:16px; text-align:justify; margin-top:15px}
.gcon_3 .s2 .rt .m2{ background:url(g_15.png) left top no-repeat; padding-left:72px; width:470px; box-sizing:border-box; float:left; margin-top:55px}
.gcon_3 .s2 .rt .m2 h3{ color:#000000; font-size:28px; font-weight:normal; border-bottom:2px solid #979797; padding:8px 0}
.gcon_3 .s2 .rt .m2 .intro{ color:#505050; font-size:16px; text-align:justify; margin-top:15px}
.gcon_3 .s2 .rt .m3{ background:url(g_16.png) left top no-repeat; padding-left:72px; width:470px; box-sizing:border-box; float:left; margin-top:55px}
.gcon_3 .s2 .rt .m3 h3{ color:#000000; font-size:28px; font-weight:normal; border-bottom:2px solid #979797; padding:8px 0}
.gcon_3 .s2 .rt .m3 .intro{ color:#505050; font-size:16px; text-align:justify; margin-top:15px}
.gcon_3 .s3{ text-align:center; padding:65px 0 }

.nr .m1>a{ font-weight:bold!important}.nr .m2>a{ font-weight:bold!important}.nr .m3>a{ font-weight:bold!important}

.xxx{ width:1920px; height:1080px; background:rgba(00,00,00,0.8); position:fixed; z-index:9999999999; left:50%; margin-left:-960px; top:50%; margin-top:-540px; text-align:center; color:#fff; font-size:18px; line-height:40px; display:none}
.xxx .s11{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:8}
.xxx .s1{ width:400px; height:590px; text-align:center; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-300px; z-index:99}