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

/* 主体 */
.container { position:relative; z-index:8;margin-top:-100px; }
.wrap { position:relative; width:1200px; min-height:460px; _height:460px; margin:0 auto; background:url(wrap.gif) repeat-y; }
.wrap .sidebar { float:left; width:211px; margin-top:-45px; margin-right:40px; }
.wrap .main { display:block; *zoom:1; padding:70px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }
.wrap .sidebar img { vertical-align:top; }

/* 左侧栏目标题 */
.leftTitle { position:relative; padding:18px 0; background:url(leftTitle.jpg) repeat-x #0062bb; color:#fff; }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:22px; line-height:28px; font-weight:normal; }
.leftTitle s { color:#eee; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu { margin-bottom:15px; }
.menu dl dt { }
.menu dl dt a { display:block; padding:6px 6px 6px 36px; border-bottom:1px solid #cfcfcf; background:#efefef; color:#666; font-size:14px; text-align:left; }
.menu dl dt a:hover,.menu dl dt .current { border-bottom:1px solid #929292; background:#929292; color:#fff; text-decoration:none; }
.menu dl dd { padding:5px 0 5px 45px; border-bottom:1px solid #eee; background:url(o_ico_18.gif) no-repeat 35px 13px; font-size:14px; text-align:left; }
.menu dl dd a:hover,.menu dl dd .current { color:#32a237; text-decoration:none; }

/* 左侧栏目图片 */
.m-ltp li { margin-bottom:15px; }

/* 左侧联系我们 */
.m-ltc { margin-bottom:15px; border-right:0; }
.m-ltc .hd { padding:0 15px; background:url(leftTitle.jpg) repeat-x #0062bb; color:#fff; font-size:14px; line-height:36px; }
.m-ltc .bd { padding:10px 15px; border:1px solid #0177e3; line-height:20px; }

/* 左侧推荐产品 */
.m-ltpro { margin-bottom:15px; }
.m-ltpro .hd { padding:0 15px; background:url(leftTitle.jpg) repeat-x #0062bb; color:#fff; font-size:14px; line-height:36px; }
.m-ltpro .bd { padding:10px 15px; border:1px solid #0177e3; line-height:20px; }
.m-ltpro .bd ul li { padding-top:6px; }
.m-ltpro .bd ul li span { display:block; padding:5px 0; line-height:20px; text-align:center; }


/* 面包屑 */
.location { position:relative; height:68px; margin-bottom:30px; line-height:68px;  background:rgba(255,255,255,0.5); z-index:99; width:1200px; margin:0 auto }
.location h3 { float:right; padding-right:16px; background:url(o_ico_11.jpg) no-repeat 0 center; color:#b02122; font-size:16px; font-weight:normal; }
.location h3 a{ display:inline-block; vertical-align:top; padding:0 10px 0 5px ; position:relative}
.location h3 a::after{ content:""; display:block; width:1px; height:13px; position:absolute; background:#808081; right:0; top:28px}
.location h3 a:last-child::after{ content:""; display:block; width:0; height:0; position:absolute; background:#808081; right:0; top:28px}
.breadcrumbs { float:left; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(g_37.png) no-repeat 0 center; vertical-align:top; color:#9f9f9f }
.breadcrumbs .u-home { padding-left:20px; background:url(g_36.png) no-repeat 0 center; color:#9f9f9f }
.breadcrumbs a.current{ color:#333}
/* 内容模式 */
.article { padding:0 0 30px; 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:30px 0 0; border-top:1px solid #ddd; }

/* 相关案例 */
.m-relates { margin-bottom:15px; }
.m-relates .hd { padding:0 15px; background:url(leftTitle.jpg) repeat-x #0062bb; color:#fff; font-size:14px; line-height:36px; }
.m-relates .bd { padding:10px 12px; border:1px solid #0177e3; line-height:20px; }
	/* 图片类 */
.m-relates-p li { float:left; width:165px; margin:0 8px; padding-top:6px; display:inline; }
.m-relates-p li span { display:block; padding:5px 0; line-height:20px; text-align:center; }
.m-relates-p li img { vertical-align:top; }
	/* 文字类 */
.m-relates-f { padding:3px 0; }
.m-relates-f li { float:left; width:346px; margin:0 8px; line-height:24px; display:inline; }
.m-relates-f li span { display:block; padding:5px 0; line-height:20px; text-align:center; }
.m-relates-f li:before { padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; content:"\20"; }


/* 头部新闻 */
.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; }

.hotNews2{ width:1200px; margin:0 auto; box-sizing:border-box; background:#f7f7f7; padding:27px 63px}
.hotNews2 .title{ width:100%}
.hotNews2 .title a{ color:#4c4c4c; font-size:18px; display:inline-block; vertical-align:top;}
.hotNews2 .title span{ float:right; font-size:14px; color:#808080; display:inline-block; height:30px}
.hotNews2 .title span em{ font-size:14px; color:#808080; display:inline-block; vertical-align:middle; margin-top:5px;}
.hotNews2 .title span i{ color:#4c4c4c; font-size:20px; display:inline-block; vertical-align:middle}
.hotNews2 .pic{ margin:20px 0}
.hotNews2 .intro{ font-size:14px; color:#808080; line-height:25px}
.hotNews2 .more{ width:100%}
.hotNews2 .more a{ display:block; background:url(g_63.png) center center no-repeat; width:148px; height:40px; color:#fff; text-align:center; line-height:40px; font-size:16px; float:right}
/* 新闻列表 */
.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 { box-sizing:border-box; padding:40px 63px; border-bottom:1px solid #ededed;  line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { }
.list li a:hover { text-decoration:underline; }
.list li .title{ width:100%}
.list li .title a{ color:#4c4c4c; font-size:18px; display:inline-block; vertical-align:top;}
.list li .title span{ float:right; font-size:14px; color:#808080; display:inline-block; height:30px}
.list li .title span em{ font-size:14px; color:#808080; display:inline-block; vertical-align:middle; margin-top:5px;}
.list li .title span i{ color:#4c4c4c; font-size:20px; display:inline-block; vertical-align:middle}

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:150px; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:150px; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

/* 图片列表 */
.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 0px 20px; overflow:hidden; }
.piList .pic-item-list { width:1250px; margin:0; padding:0; }
.piList .pic-item { position:relative; width:280px; margin:0 24px 23px 0; padding:0; display:inline; }
.piList .list-pic { display:block; width:100%;  margin-bottom:0; padding:0; border:0; overflow:hidden}
.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 .list-pic img { width:100%;  }
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:12px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.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 #b22a21; background:#b22a21; color:#fff; }
.page span { display:inline-block; margin:0 2px; padding:0 8px; }

/* 人才招聘 */
.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 35px; }
.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:14px; 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:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; 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:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.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; }


.nav{ width:100%;  height:93px; background:#fff; position:fixed; z-index:99; left:0; top:0 }
.nav .lt{ float:left; width:220px; }
.nav .rt{ float:right; width:93px; height:93px;}
.nav .nav02{ width:calc(100% - 313px); float:left; height:93px; float:left;}
.nav .nav02 .sp1{ display:block; float:right; line-height:93px; font-size:18px; color:#979998; padding-right:50px; background:url(g_09.jpg) left center no-repeat; padding-left:15px}
.nav .nav02 .sp1 a{ color:#979998}
.nav .nav02 .sp2{ display:block; width:20px; height:93px; float:right; background:url(g_02.png) center center no-repeat; margin-right:15px; position:relative}
.nav .nav02 .sp2 .form{ width:150px; height:33px; position:absolute; right:0; top:30px; display:none; background:#fff}
.nav .nav02 .sp2 .form .inp1{ width:150px; height:31px; border:1px solid #ccc; position:absolute; left:0; top:0; padding-left:10px}
.nav .nav02 .sp2 .form .inp2{ width:20px; height:33px; border:0; background:url(g_02.png) center center no-repeat; position:absolute; right:0; top:0; cursor:pointer}
.nav .nav02 .sp2:hover .form{ display:block} 
.nav .nav02 .nav03{ float:right; margin-right:50px}
.nav .nav02 .nav03 ul li{ float:left; line-height:93px; font-size:16px; background:url(g_01.jpg) left center no-repeat; padding-left:30px; margin-right:30px}
.nav .nav02 .nav03 ul li a{ color:#999}

/*server*/
.server{ width:1200px; margin:0 auto}
.server .pic{ width:362px; height:406px; float:left; overflow:hidden; position:relative; margin:40px 57px 40px 0}
.server .pic:nth-child(3n){ margin-right:0}
.server .pic a{ display:block; width:100%; height:100%}
.server .pic a .sp1{ display:block; width:100%; height:100%; background:url(g_38.png) center bottom no-repeat; position:absolute; bottom:0; left:0;}
.server .pic a .sp2{ display:block; width:100%; height:110px; background:#b81e20; position:absolute; z-index:3; right:-350px; bottom:0; transition:all 0.5s}
.server .pic:hover a .sp2{ right:0}
.server .pic a .sp3{ display:block; width:100%; height:110px; position:absolute; right:30px; bottom:0; z-index:4}
.server .pic a .sp3 p{ text-align:right; color:#fff}
.server .pic a .sp3 p.p1{ font-size:16px; margin-top:30px; line-height:1}
.server .pic a .sp3 p.p2{ font-size:14px; margin-top:10px; line-height:1; color:#999}

.footer{ height:130px; background:#303030; position:relative}
.footer .sec3_nav{ position:absolute; top:40px; left:20px; z-index:999; font-size:16px; color:#9b9b9b}
.footer .sec3_nav a{ margin:0 15px; color:#9b9b9b}
.footer .sec3_copyright{ position:absolute; top:70px; left:35px; z-index:999; font-size:16px; color:#9b9b9b}

/*about*/
.about{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.about .about01{ width:1200px; margin:0 auto}
.about .about01 .top{ width:100%}
.about .about01 .top .lt{ width:400px; float:left; height:120px; background:url(g_41.png) right center no-repeat}
.about .about01 .top .lt .p1{ font-size:18px; color:#333; line-height:1; margin-top:20px}
.about .about01 .top .lt .p2{ font-size:12px; color:#333; line-height:1; margin-top:20px; text-transform:uppercase}
.about .about01 .top .rt{ width:755px; float:right; text-align:justify; font-size:16px; color:#555; line-height:25px; margin-top:8px}
.about .about01 .intro{ font-size:16px; color:#555555; margin-top:30px}
.about .about01 .intro p{ margin-top:10px}
.about .about02{ width:1200px; margin:0 auto; padding-top:70px}
.about .about02 .top{ width:100%; background:url(g_42.png) left center no-repeat; font-size:18px; color:#333333; padding-left:10px}
.about .about02 .nr{ width:100%; padding-top:30px}
.about .about02 .nr .lt{ float:left}
.about .about02 .nr .lt .pic_focus{ width:582px; height:407px; position:relative}
.about .about02 .nr .lt .pic_focus .prev{ display:block; width:34px; height:35px; position:absolute; background:url(g_43.png) center center no-repeat; right:56px; bottom:20px; z-index:99}
.about .about02 .nr .lt .pic_focus .next{ display:block; width:34px; height:35px; position:absolute; background:url(g_44.png) center center no-repeat; right:16px; bottom:20px; z-index:99}
.about .about02 .nr .rt{ width:599px; float:right}

.about .about03{ width:100%; padding-top:70px}
.about .about03 .top{ background:url(g_42.png) left center no-repeat; font-size:18px; color:#333333; padding-left:10px; width:1200px; margin:0 auto; box-sizing:border-box}

.about .about03 .nr{ width:100%; height:824px; padding-top:1px; background:url(g_46.jpg) center center no-repeat; margin-top:40px; position:relative}
.about .about03 .nr .s1{ width:1200px; margin:0 auto; font-size:18px; margin-top:80px}
.about .about03 .nr .s1::before{ content:""; display:block; width:1px; height:100%; background:#6d747a; position:absolute; top:0; left:960px; }
.about .about03 .nr .s1 .lt{ width:560px; float:left; color:#2798f3; text-align:right; position:relative}
.about .about03 .nr .s1 .lt:before{ content:""; display:block; width:17px; height:17px; background:url(g_51.png) center center no-repeat; position:absolute; top:5px; right:-49px; z-index:99}
.about .about03 .nr .s1 .rt{ width:560px; float:right; color:#fff; text-align:left}
.about .about03 .nr .s2 .lt{ color:#fff;}
.about .about03 .nr .s2 .rt{ color:#2798f3;}

.about .about04{ width:100%; background:#f8f8f8; padding:75px 0;}
.about .about04 .tab{ width:1208px; margin:0 auto}
.about .about04 .tab .hd{ width:270px; height:578px; background:#fff; float:left}
.about .about04 .tab .hd ul{ margin-top:30px;}
.about .about04 .tab .hd ul li{ width:262px; margin-left:8px; height:79px; background:url(g_48.jpg) left center no-repeat; margin-top:10px; line-height:79px; text-align:center; font-size:20px;}
.about .about04 .tab .hd ul li.on{ background:url(g_47.jpg) left center no-repeat; color:#fff}
.about .about04 .tab .bd{ width:932px; height:578px; float:right; background:#fff}
.about .about04 .tab .bd .nr{

padding: 20px;

overflow-y: scroll;

height: 578px;

box-sizing: border-box;}
.about .about04 .tab .bd .nr img{ max-width:100%}
/*contact*/
.contact{ width:1200px; margin:0 auto}
.contact .m1{ width:100%}
.contact .m1 .lt{ width:600px; float:left}
.contact .m1 .lt .p1{ font-size:24px; color:#333333; line-height:1; padding-bottom:15px}
.contact .m1 .lt .p2{ font-size:14px; color:#999; text-transform:uppercase}
.contact .m1 .lt .p2::after{ content:""; display:block; width:128px; height:2px; background:#666666; margin-top:10px; margin-bottom:15px}
.contact .m1 .lt .intro p{ font-size:16px; color:#666666; opacity:0.84; line-height:34px}
.contact .m1 .rt{ width:600px; float:right}
.contact .m2{ width:100%; border-top:1px solid #d2d2d2; margin-top:50px; padding-top:30px; margin-bottom:70px}
.contact .m2 .form{ width:100%; background:#fafafa; padding:50px 0}
.contact .m2 .form .lt{ width:500px; float:left; margin-left:100px; margin-bottom:60px;}
.contact .m2 .form .lt p{ font-size:18px; color:#666}
.contact .m2 .form .lt .inp1{ width:398px; height:43px; border:1px solid #d2d2d2; background:#fff; border-radius:8px; font-size:16px; box-sizing:border-box; padding:0 20px}
.contact .m2 .form .lt2{ width:1000px; float:left; margin-left:100px}
.contact .m2 .form .lt2 p{ font-size:18px; color:#666}
.contact .m2 .form .lt2 .inp2{ width:1000px; height:165px; border:1px solid #d2d2d2; background:#fff; border-radius:8px; font-size:16px; box-sizing:border-box; padding:0 20px; line-height:43px}
.contact .m2 .form .lt3{ width:100%; float:left; margin-left:100px}
.contact .m2 .form .lt3 .inp3 {display: block; width: 198px; height: 53px; background: url(g_23.png) center center no-repeat; background-size: auto auto; background-size: contain; color: #fff;font-size: 19px;box-sizing: border-box; padding-left: 50px;line-height: 53px;text-align: left;cursor: pointer;margin-top: 20px; }

/*part*/
.part{ width:1200px; margin:0 auto; padding-bottom:80px}
.part .pic_list{ width:379px; float:left; overflow:hidden; margin:35px 0; margin-right:30px;}
.part .pic_list:nth-child(3n){ margin-right:0}
.part .pic_list .pic{ width:379px; height:227px; position:relative; overflow:hidden}
.part .pic_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;}
.part .pic_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);}

.part .pic_list .pic a{ display:block; width:100%; height:100%}
.part .pic_list .pic a span{ display:block; width:100%; height:100%; background:url(g_53.png) center center no-repeat; position:absolute; left:0; top:0}
.part .pic_list .title{ width:100%}
.part .pic_list .title h3{ background:url(g_55.png) left bottom no-repeat; font-weight:normal; padding:30px 0 20px}
.part .pic_list .title h3 a{ font-size:24px; color:#000}
.part .pic_list .title h3 span{ font-size:16px; color:#999; text-transform:uppercase; display:inline-block; vertical-align:middle}
.part .pic_list .title p{ margin-top:15px; font-size:16px; color:#7c7d80}

/*down*/
.down{ width:100%}
.down01{ width:1200px; background:#f5f5f5; padding:30px 0}
.down01 ul{ width:1074px; margin:0 auto}
.down01 ul li{ width:358px; border-bottom:1px solid #fff; float:left; padding:30px 0}
.down01 ul li a{ font-size:16px; color:#666; background:url(g_57.jpg) left center no-repeat; padding-left:30px;}
.down01 ul li span{ font-size:16px; color:#666; float:right; margin-right:40px}
.down01 ul li a:hover{ color:#333}
.down02{ position:relative; left:50%; margin-left:-960px; width:1920px; margin-top:55px}

/*ys*/
.ys{ width:100%}
.ys .m1{ margin-bottom:20px;}
.ys .m1 h3{ border-bottom:1px solid #efefef; padding:10px 0; font-size:18px; color:#333333; margin-bottom:10px; font-weight:normal}
.ys .m1 h3 span{ background:url(g_42.png) left center no-repeat; padding-left:15px}
.ys .m1 p{ color:#808080; font-size:14px;}
.ys .m2{ width:1920px; position:relative; left:50%; margin-left:-960px; margin-top:80px}

.zx{ width:100%; padding-bottom:50px}
.zx .lt{ width:560px; float:left; margin-top:5px}
.zx .rt{ float:right; width:450px}
.zx .rt .text{ width:450px; height:45px; box-sizing:border-box; border:1px solid #d2d2d2; padding:0 20px; border-radius:8px; color:#000; margin-bottom:30px}
.zx .rt	.submit-field{ padding:0}
.zx .rt  .textarea{ width:450px; height:145px; box-sizing:border-box; border:1px solid #d2d2d2; padding:0 20px; border-radius:8px; color:#000; margin-bottom:30px; line-height:45px}
.zx .rt .btn-submit,.zx .rt .btn-reset{ display:inline-block; width:198px; height:53px; background:url(g_23.png) center center no-repeat; background-size:contain; color:#fff; font-size:19px; box-sizing:border-box; padding-left:50px; line-height:53px; text-align:left; cursor:pointer;}

.sideMen{ width:560px  }
.sideMen h3{ height:60px; line-height:60px; padding-left:20px;  border-top:1px solid #e3e3e3; background:#fff;font:normal 14px/60px "Microsoft YaHei"; color:#555555; box-shadow:0 0 10px #ddd; margin-bottom:15px; cursor:pointer}
.sideMen h3.on{ color:#b23028}
.sideMen h3 em{ float:right; display:block; width:80px; height:60px;   background:url(g_60.png) center center no-repeat; cursor:pointer; }
.sideMen h3.on em{ background:url(g_61.png) center center no-repeat }
.sideMen ul{ padding:10px 25px 20px; text-align:justify; color:#999; font-size:14px; color:#555; line-height:25px;  }



.tb{ width:150px; height:70px; position:absolute; right:20px; top:30px;}
.tb ul li{ float:left; margin-right:5px; margin-bottom:10px; width:25px; height:25px; position:relative}
.tb ul li span{ display:block; width:150px; height:150px; position:absolute; left:50%; margin-left:-75px; top:-150px; z-index:99; display:none; background:#fff}
.tb ul li:hover span{ display:block}
.tb ul li span img{ width:150px}

.tb2{ width:150px; height:70px; position:absolute; right:180px; top:30px;}
.tb2 ul li{ float:left; margin-right:5px; margin-bottom:10px; width:45px; height:25px; position:relative}
.tb2 ul li span{ display:block; width:150px; height:150px; position:absolute; left:50%; margin-left:-75px; top:-150px; z-index:99; display:none; background:#fff}
.tb2 ul li:hover span{ display:block}
.tb2 ul li span img{ width:150px}



/*server2*/
.server2{ width:1200px; margin:0 auto}
.server2 .pic{ width:284px; float:left; overflow:hidden; position:relative; margin:40px 21px 40px 0}
.server2 .pic:nth-child(4n){ margin-right:0}
.server2 .pic a{ display:block; width:100%; height:100%}
.server2 .pic a .sp1{ display:block; width:100%; height:100%; background:url(g_38.png) center bottom no-repeat; position:absolute; bottom:0; left:0;}
.server2 .pic a .sp2{ display:block; width:100%; height:110px; background:#b81e20; position:absolute; z-index:3; right:-350px; bottom:0; transition:all 0.5s}
.server2 .pic:hover a .sp2{ right:0}
.server2 .pic a .sp3{ display:block; width:100%; height:110px; position:absolute; right:30px; bottom:0; z-index:4}
.server2 .pic a .sp3 p{ text-align:right; color:#fff}
.server2 .pic a .sp3 p.p1{ font-size:16px; margin-top:30px; line-height:1}
.server2 .pic a .sp3 p.p2{ font-size:14px; margin-top:10px; line-height:1; color:#999}