/*切图：zcy*/
/*网站：*/
/*全局*/
html{ overflow-x:auto; overflow-y:auto;}
*{ margin: 0; padding: 0; }
ul,ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'Microsoft yahei'; font-size:12px; color:#848484; }
code, kbd, pre, samp {font-family:'Microsoft yahei';}
a{ text-decoration: none; color:#333;}
a:hover{color:#01a8ff ;}
img{ max-width:100%; border:0;}
li{ line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none;}
input,textarea,button{ outline:none;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }

.pz_top{ float:left; width:100%; min-width:1100px;background:rgba(255,255,255,0.9); z-index:999;}
.pz_banner{ float:left; width:100%; min-width:1100px; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%; min-width:1100px;}
.pz_down{ float:left; width:100%; min-width:1100px;}
.w_0100{ float:left; width:100%;}
.w_1200{ margin:0 auto; width:1100px;}



/*左右结构*/
/*top*/

.c_0100_2{ float:left; width:100%; height: 109px;}
.logo{ float:left; width:177px; height:49px; margin:37px 0 0 0;}
.logo img{float:left; width:204px; height:54px;}
.r_200{ float:right; width:910px; margin:32px 0 0 0;}
.so{ float:right;  position:relative; margin-top: 18px; z-index: 999;}
.so .Search_but{float:left; width:33px; height:32px; background: #929292 url(images/so.png) no-repeat center; border:none;}
.so .Search_but.on{background: #01a8ff url(images/so.png) no-repeat center;}
.so .search{ float:left; width:285px; height:37px; padding-top: 7px; background:url(images/search_k.png) left top no-repeat;  position: absolute; right: 0; top: 100%; display: none;}
.so .search .search_k{ width: 126px; padding-left: 11px; float: left; font-size: 14px; color: #8f8f8f; height: 35px; line-height: 35px; border: 0; background: none;}
.so .sear_sub{ float:right; width:35px; height:35px; border:none;background:url(images/so_h.png) center no-repeat; cursor: pointer;}
/*.so:hover .search{ display: block;}*/

.so .z_span{ margin-top:1px; margin-left:2px; display:block; float:left; width:100px; height:35px; background:url(/templates/cn/images/img_1_1.png) no-repeat 75px center #f5f5f5; cursor:pointer; position:relative; z-index:9;}
.so .z_span input{ display:block; position:absolute; left:0; top:0; width:100px; height:35px; z-index:1; opacity:0; filter:alpha(opacity=00);}
.so .z_span div{ float:left; padding-left:16px; height:35px; line-height:35px; font-size:12px; color:#4c4c4c; position:relative; z-index:9; width:84px;}
.so .z_span ul{ display:none; position:absolute; left:0; top:35px; background:#f5f5f5; border:1px solid #e0e0e0; border-top:0 none; width:100px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9}
.so .z_span ul li{ float:left; width:103px; padding-left:16px; height:35px; line-height:35px; font-size:12px; color:#4c4c4c;}
.so .z_span ul li:hover{ background:#fff;}

.so_0100{width:100%;float:left}
.so_0100 .r_572{width:850px}
.so_0100 .ul_1{width:1120px}
.so_0100 .ul_1 li{width:260px;}



.pc_menu{ float:right; z-index:99;}
.pc_menu ul{ float:left; width:100%;}
.pc_menu ul .nli{ float:left;text-align:center; position:relative; z-index:99; margin:0 20px 0 0;}
.pc_menu ul .nli span a{ float:left;font-size:14px; height:75px; line-height:75px; color:#383635;text-align:center; padding:0 15px;}
.pc_menu ul .nli span a:before{ position:absolute; width:0; height:2px; content:""; background-color:#01a8ff ; left:50%; top:75px; 
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}

.pc_menu ul .nli:hover span a,
.pc_menu ul .nli.on span a{color:#01a8ff ;}
.pc_menu ul .nli.on span a:before,
.pc_menu ul .nli:hover span a:before{ width:100%;}

.pc_menu .sub{ display:none; float:left; width:140px; position:absolute; left:50%; top:75px; margin-left:-70px; background:#fff; background:rgba(255,255,255,0.8); z-index:99; padding:10px 0;}
.pc_menu .sub li{ float:left; width:100%; position:relative; }
.pc_menu .sub li a{ float:left; color:#666666; font-size:14px; line-height:34px; padding:0 15px; text-align:center; width:110px;}
.pc_menu .sub li:hover a{ color:#01a8ff;}
.pc_menu .sub .ul2 { float:left;  position:absolute; left:100%; display:none;  margin:0px;  width:140px;  overflow:hidden;  background:rgba(255,255,255,0.8); top:-10px; box-shadow:0 3px 16px rgba(0,0,0,0.15); padding: 10px 0;}
.pc_menu .sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 34px; line-height:34px; float:left; font-size:13px; color:#666; text-align:left;}
.pc_menu .sub .ul2 .l3 .l3_a{ padding:0px; line-height: 34px;  width:100%;  display:block;  float:left;  color:#666; background-position:left center;}
.pc_menu .sub .ul2 .l3:hover .l3_a { color:#01a8ff;}



.banner_1 { position:relative; width:100%; height:500px; overflow: hidden;}
.banner_1 .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner_1 .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner_1 .hd { position:absolute; bottom:11px; left:50%; width:1000px; margin-left:-500px; height:15px; text-align:center; }
.banner_1 .hd li {opacity:0.7;filter:Alpha(opacity=70); display:inline-block; width:15px; height:15px; margin:0 8px; background: #cccbcb; border-radius: 100%; text-indent:-999em; overflow:hidden; cursor:pointer;}
.banner_1 .hd li.on { background: #ea9721;}
.banner_1 img {transition:1.5s ease-in-out;}
.banner_1 .bd li.hover img {transform:scale(2);}

.banner { position:relative; width:100%; height:250px; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }
.banner .hd { position:absolute; bottom:13px; left:50%; width:1000px; margin-left:-500px; height:15px; text-align:center; }
.banner .hd li { display:inline-block; width:15px; height:15px; margin:0 8px; background: #fff; border-radius: 100%; text-indent:-999em; overflow:hidden; cursor:pointer; opacity: 0.5; }
.banner .hd li.on { opacity: 0.7;}
.banner img {transition:1.5s ease-in-out;}
.banner .bd li.hover img {transform:scale(2);}

/*main*/
.c_1200_1{ width:100%; float: left; padding: 63px 0; text-align: center;}
.c_1200_1 ul{display:inline-block; *zoom:1; *display:inline;}
.c_1200_1 li{ width:242px; float: left; margin: 0 9px;}
.c_1200_1 li .img{ width:100%; float: left; position: relative; height: 180px; overflow: hidden;}
.c_1200_1 li .img img{ width: 100%; float: left;}
.c_1200_1 li .img .mb_1{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background: url(images/bg_1.png); opacity: 0;filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.c_1200_1 li .img .ico{ width:75px; height:75px; position: absolute; left: 50%; top: 60%; margin: -37px 0 0 -37px;opacity: 0;filter: alpha(opacity=0);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.c_1200_1 li .title{ width:100%; float: left; margin-top: 16px; font-size: 16px; color: #3e3a39; text-align: left; line-height: 33px;}
.c_1200_1 li .title span{font-family: "宋体";margin-left: 12px; font-size: 24px; vertical-align: middle; position: relative; top: -3px;}
.c_1200_1 li:hover .img .mb_1{opacity: 1;filter: alpha(opacity=100);}
.c_1200_1 li:hover .img .ico{opacity: 1;filter: alpha(opacity=100); top: 50%;}
.c_1200_1 li:hover .title{ color: #01a8ff ;}

.c_1200_2{ width:100%; float: left; padding: 11px 0 118px 0;}
.c_1200_2 .c_460{ width:460px; float: left; margin-left: 33px;}
.tit_1{ width:100%; float: left; padding-bottom: 9px; border-bottom: solid 1px #ebecec; line-height: 30px; font-size: 18px; color: #3e3a39}
.tit_1 a{color:#3e3a39;}
.tit_1 a:hover{color:#01a8ff;}
.c_1200_2 .c_460 .c_460_b{ position: relative; width: 100%; float: left; margin-top: 16px;}
.c_1200_2 .c_460 .c_460_b .img{ width: 280px; height: 230px; float: right; overflow: hidden;}
.c_1200_2 .c_460 .c_460_b .img img{ width: 100%; height: 100%;}
.c_1200_2 .c_460 .c_460_b .text{ width:210px;  background: url(images/bg_1.png); padding: 30px 15px 30px 15px; position: absolute; left: 0; top: 50%; margin-top: -75px; font-size: 14px; color: white; line-height: 25px;}
.c_1200_2 .c_460 .c_460_b .text .z_a{ float:right; margin-top:18px; text-align:center; display:block; font-size:12px; height:20px; line-height:20px; width:55px; color:#fff; border:1px solid #fff;}

.c_1200_2 .c_505{ width:505px; float: right; margin-right: 36px;}
.c_1200_2 .c_505 ul{ width: 100%; float: left; margin-top: 6px;}
.c_1200_2 .c_505 ul li{ width: 100%; float: left; margin-top: 9px; border-bottom: solid 1px #e6e6e7;}
.c_1200_2 .c_505 ul li .time{ width:57px; float: left; text-align: center; background: #898989; padding: 14px 0 15px 0; text-align: center;}
.c_1200_2 .c_505 ul li .time h4{ width:100%; float: left; font-size: 21px; color: white; line-height: 26px;}
.c_1200_2 .c_505 ul li .time h6{ width:100%; float: left; font-size: 12px; color: white; line-height: 15px;}
.c_1200_2 .c_505 ul li .text{ margin-left: 70px;}
.c_1200_2 .c_505 ul li .text h5{ width:100%; float: left; margin-top: 4px; font-size: 14px; color: #3e3a39; line-height: 24px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; height: 24px; font-weight: bold;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.c_1200_2 .c_505 ul li .text .p{ width:100%; float: left; font-size: 13px; color: #898989; line-height: 16px; height: 32px; overflow: hidden;}
.c_1200_2 .c_505 ul li:hover .time{ background: #01a8ff ;}
.c_1200_2 .c_505 ul li:hover h5{ color: #01a8ff ;}
.c_1200_2 .c_505 ul li:hover .p{ color: #01a8ff ;}


.bg_1{ background: #f7f7f7;}


/*down*/
.back1{ width: 100%; float: left; background:#f7f6f2;}
.c_1200_3{ width: 100%; float: left; padding:24px 0 30px 0;}
.c_1200_3 .c_180{ width:180px; float: left; margin-top: 18px;}
.c_1200_3 .c_180 .logo1{ width: 100%; float: left;}
.c_1200_3 .c_180 .logo1 img{ width:100%; float: left;}
.c_1200_3 .c_180 h4{ width:100%; float: left; font-size: 21px; color: #727171; line-height: 36px;}
.c_1200_3 .c_180 h4 img{ vertical-align: middle; margin: -3px 5px 0 0;}
.c_1200_3 .c_180 h4 a{ color: #727171;}
.c_1200_3 ul{ float: right; width: 760px;}
.c_1200_3 ul li{ float: left; width: 137px;}
.c_1200_3 ul li dl{ width: 100%; float: left;}
.c_1200_3 ul li dl dd,.c_1200_3 ul li dl dt{ width: 100%; float: left;}
.c_1200_3 ul li dl dt a{ width: 100%; float: left; font-size: 12px; color: #535353; line-height: 26px; font-weight:  bold;}
.c_1200_3 ul li dl dd a{ width: 100%; float: left; font-size: 12px; color: #898989; line-height: 20px;}
.c_1200_3 ul li.last{ width: 56px;}
.c_1200_3 ul li dl dt a:hover,.c_1200_3 ul li dl dd a:hover{ color:#01a8ff ;}
.back2{ width: 100%; float: left; background:#0c377a;}
.c_1200_4{ float:left; width:100%;}
.t_1200{ float:left; width:100%; color:#01a8ff ; font-size:14px; line-height:24px; text-align:center;}
.t_1200 a{ color:#01a8ff ;}
.t_1200 a:hover{ text-decoration:underline;}
.cop{ float:left; width:100%; text-align:center; color:#4d4d4d; line-height:22px; margin-top:5px;}

.copyright { margin:0 auto; display:table; height:40px; color:#fff;}
.copyright a {color:#fff; font-size: 12px; line-height: 40px; background:url(../images/icon_1.jpg) no-repeat right center;}
.copyright a:hover{ text-decoration:underline;}



.jquery-accordion-menu red{ float:left; width:100%;}
#demo-list{ float:left; width:100%;}
#demo-list .l1{ float:left; width:100%;}
#demo-list .l1 .l1_a{ float:left; width:183px; padding: 14px 22px; float: left; color: #fff; font-size:16px; background: #01a8ff ; white-space: nowrap; position: relative; overflow: hidden; -o-transition: color .2s linear,background .2s linear; -moz-transition: color .2s linear,background .2s linear; -webkit-transition: color .2s linear,background .2s linear; transition: color .2s linear,background .2s linear;}
#demo-list .l1 .l1_a .submenu-indicator{float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear;background:url(images/left_bg.png) no-repeat right center; width:13px;background:url(images/left_bg.png) no-repeat right center;}
#demo-list .l1 .l1_a.on{ background: #2a7eaf;}
#demo-list .l1 .l1_a:hover,
#demo-list .l1 .l1_a.active{ background: #2a7eaf;}
#demo-list .l1 .l1_a.active .submenu-indicator{background:url(images/left_bg1.png) no-repeat right center;}
#demo-list .submenu1{ float:left; width:100%; display:none;}
#demo-list .submenu2{ float:left; width:100%; display:none; padding:7px 0 14px 0; background:#000;}
#demo-list .l2{ float:left; width:100%;}
#demo-list .l2 .l2_a{ float:left; width:169px; padding: 14px 22px 14px 30px; color: #fff; font-size:14px; background: #333; border-top: none; position: relative; border-left: solid 6px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear}
#demo-list .l2 .l2_a .submenu-indicator{float: right; right: 22px; position: absolute; line-height: 19px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear;background:url(images/left_bg.png) no-repeat right center; width:13px;background:url(images/h_img10_2.png) no-repeat right center;}
#demo-list .l2 .l2_a:hover{ background: #222222; border-left-color: #01a8ff ;}
#demo-list .l2 .l2_a.active,
#demo-list .l2 .l2_a.on{ background: #222222;}
#demo-list .l1 .l2 .l2_a.active .submenu-indicator{background:url(images/h_img10_1.png) no-repeat right center;}
#demo-list .l3{ float:left; width:169px; padding:0 22px 0 36px; }
#demo-list .l3 a{ float:left; width:149px; color:#fff; font-size:14px; padding:7px 0 7px 15px; background:url(images/h_img6.png) left center no-repeat;}
#demo-list .l3 a:hover,
#demo-list .l3 a.on{ color:#028d86;}


.ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear}

@-webkit-keyframes ripple {
	100% {opacity: 0; -webkit-transform: scale(2.5)}
}
@-moz-keyframes ripple {
	100% {opacity: 0; -moz-transform: scale(2.5)}
}
@-o-keyframes ripple {
	100% { opacity: 0; -o-transform: scale(2.5)}
}
@keyframes ripple {
	100% { opacity: 0; transform: scale(2.5) }
}

/**/
.menu-b { float:left; width: 100%; margin:30px 0; }
.menu-b li { border-bottom: 1px solid #d9d9d9; padding: 15px 8px 12px 49px;}
.menu-b li a { position: relative; display: block; background:url(images/left_img1_hover.png) right center no-repeat;}
.menu-b li span { display: block; color: #828282; font-size: 12px; line-height: 16px; }
.menu-b li em { display: block; color: #bfbfbf; font-size: 12px; line-height: 16px; text-transform: uppercase;}
.menu-b li:hover span { color: #01a8ff ;}
.menu-b li:hover a { background:url(images/left_img1.png) right center no-repeat;}
.menu-b li.ico1 { background: url(images/md-icon-1.png) no-repeat 5px center;}
.menu-b li.ico2 { background: url(images/md-icon-2.png) no-repeat 5px center;}
.menu-b li.ico3 { background: url(images/md-icon-3.png) no-repeat 5px center;}



/*1关于我们*/
.pf_1200_1{ float:left; width:100%; padding:25px 0 50px 0;}
.l_227{ float:left; width:227px;}
.tit_227{ float:left; width:187px; height:66px; background:#01a8ff ; margin-bottom:1px; padding:36px 20px 26px 20px;}
.tit_227 strong{ float:left; width:100%;color:#fff; font-size:24px; line-height:36px; font-weight:normal;}
.tit_227 span{ float:left; width:100%; font-family: Arial;font-size: 18px;color: #fff;line-height: 36px; text-transform: uppercase;}



.r_944{ float:right; width:850px; min-height:500px;}
.t_944{ float:left; width:100%; padding:0 0 10px 0; border-bottom:1px solid #dedede;}
.t_944 .l_300{ float:left; color:#01a8ff ; font-size:20px; line-height:24px; padding-left:24px; background:url(images/b_img1.png) left center no-repeat; font-weight:bold;}
.t_944 .l_300 span{padding-left:10px;}
.t_944 .r_400{ float:right;color:#666666; font-size:14px; }
.t_944 .r_400 a{ color:#666666; font-size:14px; line-height:24px;}
.t_944 .r_400 a:hover{ color:#01a8ff ;}
.d_944{ float:left; width:100%; color:#555555; font-size:14px; line-height:24px; padding:15px 0 60px 0;}

.news-tittle { padding: 0 20px; height: 68px; background: #d6d7d9; margin-bottom: 25px; margin-top:15px;}
.news-tittle h2 { padding: 16px 0 10px; color: #696969; font-size: 14px; line-height: 14px; text-align: center;}
.news-tittle p { display: table; margin: 0 auto;}
.news-tittle span { margin: 0 12px; color: #696969; font-size: 12px; line-height: 12px;}

/*新闻资讯1*/
.d_944_1{ float:left; width:100%; padding:5px 0 40px 0;}
.d_944_1 ul{ float:left; width:100%; padding:0 0 40px 0;}
.d_944_1 ul .li3{ float:left; width:100%; padding:0 11px 0 15px; box-sizing:border-box;}
.d_944_1 ul .li3.li1{ float:left; width:100%; background:#f6f6f6;}
.d_944_1 ul .li3 a{ float:left; width:85%; color:#333333; font-size:14px; line-height:43px; overflow:hidden;text-overflow:ellipsis; padding:0 0 0 18px; box-sizing:border-box; background:url(images/h_img5.png) left center no-repeat;}
.d_944_1 ul .li3 span{ float:right; color:#333333; line-height:43px;}
.d_944_1 ul .li3:hover a{ color:#01a8ff ; background:url(images/h_img6.png) left center no-repeat;}

/*新闻资讯2*/
.l_0100_1{ float:left; width:100%; padding:0 0 40px 0;}
.t_new{ float:left; width:100%; padding:0 0 40px 0;}
.t_new .t_new_a{ float: left; width:100%; padding:22px 0; border-bottom:#cdcdcd dashed 1px; overflow:hidden;}
.t_new .t_new_a .l_img{ float: left; width:180px; height:118px; overflow:hidden;}
.t_new .t_new_a .l_img img{-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.t_new .t_new_a .r_new{ float: right; width:650px; height:118px;}
.t_new .t_new_a .d_new_1{ float:left; width:100%; height:22px;}
.t_new .t_new_a .d_new_1 a{ float:left; width:100%; height:22px; line-height:22px; color:#535962; font-size:14px; overflow: hidden; text-overflow:ellipsis;}
.t_new .t_new_a:hover .d_new_1 a{ color:#01a8ff ;}
.t_new .t_new_a .d_new_2{ float:left; width:100%; height:auto;overflow:hidden; color:#646464; margin-top:3px; line-height:27px;}
.t_new .t_new_a .d_new_3{ float:left; width:100%;}
.t_new .t_new_a .d_new_3 a{ color:#a2a2a2; line-height:22px;}
.t_new .t_new_a:hover .l_img img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}



/* 分页 */
.pz_fy{width:100%; float:left; padding:5px 0; text-align:center;display:inline}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border: #d3d3d3 1px solid; PADDING:3px  8px; color:#767676; font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:#01a8ff  1px solid; background-color:#01a8ff ; text-decoration:none;}/*鼠标
经过和默认当前页样式*/

/*3业务领域*/
.d_944_3{float:left; width:100%; color:#333333; line-height:24px; padding:14px 0 40px 0;}


/*7加入我们*/
.d_944_4{float:left; width:100%; padding:9px 0 74px 0;}
.sideMenu{float:left; width:100%;}
		.sideMenu .t_740{float:left; width:100%; height:50px; line-height:50px; padding:0 31px 0 23px; box-sizing:border-box; background:#f0f0f0; cursor:pointer; margin:11px 0 0 0; font-weight:normal; color:#2d2d2d; font-size:14px;}
		.sideMenu .t_740 em{ float:right; display:block; width:13px; height:50px;   background: url(images/h_img9.png) right center no-repeat; cursor:pointer; }
		.sideMenu .t_740.on{ background:#01a8ff ; color:#fff;}
		.sideMenu .t_740.on em{ background:url(images/h_img10.png) right center no-repeat;}
		.sideMenu .l_740{float:left; width:100%;display:none; padding:0 0 15px 0;}
		.l_t_740{ float:left; width:100%; padding:14px 24px 12px 24px; color:#666666; line-height:24px; border-bottom:1px dotted #c2c2c2;}
		.l_t_740 .l_230{ float:left; width:100%;}
		.l_t_740 .l_230 .l_225{ float:left; width:225px;}
		
	.l_d_740{ float:left; width:100%; color:#666666; line-height:24px; padding:13px 24px 0 24px; box-sizing:border-box;}
	._bnt{ float:left; width:100%; margin:9px 0 0 0;}
	._bnt a{ float:left; width:120px; height:32px; line-height:32px; color:#fff; text-align:center; background:#01a8ff ;}
	
/* job-list */
.job-list { float:left; width: 100%; }
.job-list .jobli{margin-bottom: 20px;position: relative;padding: 27px 15px 60px 37px;background-color: #fff;min-height: 87px;max-height: 87px;border: 1px solid #ededed;overflow:hidden;}
.job-list .jobli:before{content: '';display: block;width: 9px;height: 13px;background: url(images/job.png) no-repeat -44px -13px;position: absolute;z-index: 1; right: 64px;bottom: 8px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list .jobli:after{content: '';display: block;width: 40px;height: 30px;background-color: #bfbfbf;position: absolute;right: 50px;bottom: 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}

.job-list .jobli .job-person{float: left; text-align: center;font-size: 12px;line-height: 24px;color: #666;position: relative;width: 121px;height: 63px;border: 3px solid #01a8ff ;background-color:#fff;padding-top: 58px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list .jobli .job-person:before{content: '';display: block;width: 27px;height: 32px;background: url(images/job.png) no-repeat 0px -32px;position: absolute;left: 41px;top: 18px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.job-list .jobli .job-person em{display: block;font-size: 16px;}
.job-list .jobli .job-work{float: right;width: 584px; height:88px; overflow:hidden;}
.job-list .jobli.on .job-person{background-color: #01a8ff ;color: #fff;}
.job-list .jobli.on .job-person:before{background-position: 0px 0px;}
.job-list .jobli.on{max-height: 100%;}
.job-list .jobli.on:after{background-color: #01a8ff }
.job-list .jobli.on:before{background-position: -44px 0px}
.job-list .jobli.on .job-work{ height:auto;}
.m_t_40{ padding-top:40px;}

.wrap .wrapli{ float:left; width:100%; line-height:45px; color:#7c7c7c; text-align:center; background:#fff;}
.wrap .wrapli.one{ background:#ebebeb;}
.wrap .wrapli span{ float:left; width:20%;}
.wrap .wrapli span .more{ background:url(images/mb-icon-10.png) left center no-repeat; padding:5px 0 5px 22px; color:#7c7c7c;}
.wrap .wrapli span .more:hover{ background:url(images/mb-icon-11.png) left center no-repeat; color:#01a8ff ;}
.wrap .wrapli .l1{ text-align:left; padding-left:5%; width:15%;}


/* page */
.page {color:#727272;font-size: 14px; line-height:14px; clear:both; float:left; width:100%; text-align:center; margin:56px auto 0;  }
.page a:nth-child(2) { border:0;}
.page a { display:inline-block;zoom:1; padding:0 10px; color:#727272;font-size: 14px; line-height:14px;text-transform: uppercase;text-align: center;}
.page a.prev {width:50px; height:14px; line-height: 14px; color: #727272;border:0; padding:0; margin:0 16px;position: relative;}
.page a.prev:before{content: '';display: block;position: absolute;left:-8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-right:9px solid #727272;top: 1px}
.page a.next {width:50px; height:14px; line-height: 14px; color: #727272; border:0; padding:0; margin:0 16px;position: relative;}
.page a.next:after{content: '';display: block;position: absolute;right:-8px;border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 9px solid #727272;top: 2px}
.page a:hover,.page a.current { color:#38afdb; }
.page a.prev:hover,.page a.next:hover {color: #38afdb;}
.page a.prev:hover:before{border-right:9px solid #38afdb;}
.page a.next:hover:after{border-left:9px solid #38afdb;}
.but_dpf{ position:absolute; left:239px; bottom:18px; width:120px;}
.but_dpf a{ background:#bfbfbf; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:14px;}	
.job-list li.on .but_dpf a{ background:#01a8ff ;}



/*7加入我们的--详情页面*/
.hr_text { float:left;  width:100%; padding:20px 0 30px 0; overflow: hidden;}
.hr_text h2 { margin-bottom: 10px; color: #4e4e4e; font-size: 20px;}
.hr_text dl { float: left; width: 500px;}
.hr_text dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 14px; font-weight: bold;}
.hr_text dl dd { color: #4e4e4e; font-size: 12px; line-height: 24px;}

/*5在线留言*/
.c_800_3{float:left; width:100%; padding:10px 0; }
.c_800_3 table td{ padding:10px 0;}
.input_1{float:left; width:343px; border:1px solid #d4d4d4; background:#fff; height:39px; line-height:39px; padding:0 10px; color:#333; outline:none; }
.input_2{float:left; width:728px; border:1px solid #d4d4d4; background:#fff; margin-top:1px; height:39px; line-height:39px; padding:0 10px; color:#333; outline:none;  }
.i{ background:#fff; color:#333;}
.c_800_5{background:#fff; border:1px solid #d4d4d4; outline:none;  float:left; color:#333; width:728px; height:128px; padding:5px 10px;  font-size:14px; line-height:20px;}
.i{ background:#fff; color:#646464;}
.input_3{float:left; width:171px; border:1px solid #d4d4d4; outline:none;  background:#fff; height:39px; line-height:39px; padding:0 10px; font-size:14px; color:#333; }
.i{ background:#fff; color:#333;}
.yzm{float:left; width:98px; height:41px; margin-left:11px;}
.c_800_6{float:left; width:100%; padding:20px 0 60px 0;}
.c_800_6 a{float:left;width:167px; height:50px; border:none; background: #01a8ff ; border-radius:4px; cursor:pointer; font-size:14px; color:#fff; text-align:center; font-size:14px; line-height:50px;}
.c_800_6 a:hover{ opacity: 0.8; color:#fff;}
.c_800_3 input[placeholder], [placeholder], *[placeholder] {color:#333 !important;} 
.c_800_3 ::-webkit-input-placeholder{color:#333}
.c_800_3 :-moz-placeholder{color:#333}
.c_800_3 ::-moz-placeholder{color:#333}
.c_800_3 :-ms-input-placeholder{color:#333}

.input_1:focus,
.input_2:focus,
.input_3:focus,
.c_800_5:focus{border:1px solid #01a8ff ;}


.form-panel { float:left; width:100%; padding:15px 0 50px 0;}
.form-panel li{ float: left; border: 0; width: 358px;margin-bottom: 17px; }
.form-panel li.m_l_30{ margin-right:30px;}
.form-panel li:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .field { float: left; border: 0; width:750px; margin-bottom: 17px; }
.form-panel li .label { display:block; color: #878787; font-size: 14px; line-height: 16px; margin: 16px 0 0 8px; }
.form-panel li label { display:block; color: #878787; font-size: 14px; line-height: 16px; margin: 16px 0 0 8px; }
.form-panel li label em { text-transform: uppercase; color: #c1c1c1; font-size: 14px; line-height: 16px;}
.form-panel .input { margin: 10px 0; width: 321px; height:30px; padding:3px 20px; border: 1px solid #e4e4e4; background: #e4e4e4; border-radius: 20px; color:#878787; line-height: 30px; }
.form-panel .input1 { margin: 10px 0; width: 710px; height:30px; padding:3px 20px;  border: 1px solid #e4e4e4; background: #e4e4e4; border-radius: 20px; color:#878787; line-height: 30px; }
.form-panel .textarea { margin: 10px 0; float: left; width:708px; height:229px; padding:10px 20px; border: 1px solid #e4e4e4; background: #e4e4e4; border-radius: 20px; color: #878787; font-size: 14px; line-height: 16px; overflow: hidden; resize:none;}
.form-panel .input:focus,.form-panel .input1:focus,.form-panel .textarea:focus { border: 1px solid #c9c9c9; background: #fff; }
.form-panel .btn-submit { width:182px; height:40px; border:none; background: #e4e4e4; border-radius: 20px; cursor:pointer; font-size:14px; color:#878787;}
.form-panel .btn-submit:hover { background: #01a8ff ; color:#fff;}



/*产品中心*/
.d_1101_4{ float:left; width:100%; padding:0 0 40px 0; overflow:hidden; min-height:500px;}
.d_1101_4 .ul_1{ float:left; width:870px; padding:0 0 40px 0;}
.ul_1 li{ float:left; width:270px; margin:20px 20px 0 0;}
.ul_1 li .t_337{ float:left; width:100%; line-height:0; background:#01a8ff ; position: relative; overflow:hidden; }
.ul_1 li .t_337 img{ opacity:1;filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}}
.ul_1 li .t_337 span{ background:url(images/md-icon-4.png) center no-repeat; width:48px; height:48px; position:absolute; left:50%; top:-48px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; margin:-24px 0 0 -24px;}
.ul_1 li .t_337  i{ width:50px; height:50px; background:url(images/main46.png) center no-repeat; background-size:100% 100%; position:absolute; top:50%; left:-25px; margin-left:-25px; margin-top:-25px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.ul_1 li .t_337  em{ width:50px; height:50px; background:url(images/main47.png) center no-repeat; background-size:100% 100%; position:absolute; top:50%; right:-25px; margin-top:-25px; margin-right:-25px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.ul_1 li:hover .t_337 em{right:50%;}
.ul_1 li:hover .t_337 i{left:50%;}

.ul_1 li .d_337{ float:left; width:100%; line-height:14px; padding:15px 10px 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;text-overflow:ellipsis; overflow:hidden;text-align:center;}
.ul_1 li .d_337 a{ color:#333; font-size:14px;}
.ul_1 li:hover .d_337 a{ color:#01a8ff ;}
.ul_1 li:hover .t_337 img{ opacity:0.2;filter: alpha(opacity=10.2);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ul_1 li:hover .t_337 span{ top:50%;}


/*产品中心内页*/
.c_800_9{float:left; width:100%; padding:20px 0;}
.picFocus{ float:left; width:100%; position:relative; zoom:1;}
.picFocus .text{ float: right; width: 240px; line-height:200%; word-wrap:break-word; text-align:justify;}
.l_0100_2{ float:left; width:100%;}
.hometop .slick-slide{float:left; width:100%;position:relative;}
.hometop .slick-slide li{ vertical-align:middle; border:1px solid #e5e5e5;  }
.hometop .slick-dots{ height:0; overflow:hidden;}
.hometop .slick-prev{float:left; width:27px; height:40px; background:url(images/z_img21.png) center no-repeat rgba(11,162,154,0.8); margin-top:-20px; left:0;}
.hometop .slick-prev:hover{ background:url(images/z_img21.png) center no-repeat rgba(11,162,154,0.6);}
.hometop .slick-next{float:right; width:27px; height:40px; background:url(images/z_img20.png) center no-repeat rgba(11,162,154,0.8); margin-top:-20px; right:0}
.hometop .slick-next:hover{ background:url(images/z_img20.png) center no-repeat rgba(11,162,154,0.6);}
.homedown{ float:left;width:100%; overflow:hidden; margin-top:20px; padding:0 15px;}
.homedown .slick-prev{float:left; width:7px; height:13px; background:url(images/zy_img24.png) no-repeat; margin-top:-7px; left:0;}
.homedown .slick-prev:hover{background:url(images/zy_img24_1.png) no-repeat;}
.homedown .slick-next{float:right; width:7px; height:13px; background:url(images/zy_img25.png) no-repeat; margin-top:-7px; right:0;}
.homedown .slick-next:hover{background:url(images/zy_img25_1.png) no-repeat;}
.homedown .slick-slide{ float:left; overflow:hidden; margin:0 5px; zoom:1; border:1px solid #e7e7e7; cursor:pointer;   }
.homedown .slick-slide.slick-current{border:1px solid #01a8ff ;}
.l_0100_2.l_450{ width:580px;}

.c_800_10{float:left; width:100%; color:#848484; line-height:24px; padding:10px 0 30px 0;}
.slideTxtBox .hd { float:left; width:100%; border-bottom:1px solid #e3e3e3;}
.slideTxtBox .hd li { float:left; width:108px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }
.slideTxtBox .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }
.slideTxtBox .bd{ float:left; width:100%; margin-top:0;}
.pro-fh{ float:left; width:100%;}
.pro-fh a{ float:left; width: 120px; height: 26px; background: #eee; border-radius: 4px; color: #999; font-size: 14px; line-height: 26px; text-align: center;}
.pro-fh:hover a{ background: #01a8ff ; color: #fff;}

/*分页*/
.fy_box{float:left; width:712px; padding:10px 0 50px 0; line-height:36px;position:relative; border-top:1px solid #d7d7d7;}
.fy_l{float:left;}
.fy_r{float:right;}
.fy_center{width:25px; height:13px; position:absolute; left:50%; margin-left:-12px; top:0;}
.fy_box a{color:#646464;}
.fy_box a:hover{color:#01a8ff ;}

.c_800_11{float:left; width:100%; padding-bottom:40px;}
.tit_16{float:left; width:100%; line-height:46px; height:47px;  background:url(images/main_img5.png) repeat-x bottom;font-size:18px; color:#323232;}
.slide_pic{ float:left; width:100%; padding:24px 0 0 0; position:relative;}
.slide_pic .slick-prev{float:right; width:7px; height:13px; background:url(images/zy_img24.png) no-repeat; margin-top:-28px; top:0; left:auto; right:15px;}
.slide_pic .slick-prev:hover{background:url(images/zy_img24_1.png) no-repeat;}
.slide_pic .slick-next{float:right; width:7px; height:13px; background:url(images/zy_img25.png) no-repeat; margin-top:-28px; margin-left:10px; top:0; right:0;}
.slide_pic .slick-next:hover{background:url(images/zy_img25_1.png) no-repeat;}
.slide_pic .slick-slide{ margin:0 5px;}
.slide_pic .slick-slide .c_178{ float:left; width:100%;border:1px solid #e6e6e6;}
.slide_pic .slick-slide .tit_15{ float:left;width:100%; }
.slide_pic .slick-slide .tit_15 a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; color:#323232; font-size:14px; line-height:14px; padding:15px 0;}

.slide_pic .slick-slide:hover .c_178,
.slide_pic .slick-slide.slick-current .c_178{border:1px solid #01a8ff ;}
.slide_pic .slick-slide:hover .tit_15 a,
.slide_pic .slick-slide.slick-current .tit_15 a{color:#01a8ff ;}
.slide_pic .slick-dots{ float:left; position:static; height:0; overflow:hidden;}

/*6下载列表*/
.c_main_6{ float:left; width:100%; padding-bottom:40px;}
.ul5{ float:left; width:100%; line-height:42px; padding:0 0 40px 0;}
.ul5 li{ float:left; width:100%; border-bottom:1px dashed #cccccc; line-height:48px;}			
.ul5 li .li2{ float:left; width:620px; font-size:14px; color:#666666; padding:0 0 0 23px; background:url(images/md-icon-7.png) left center no-repeat; overflow:hidden; text-overflow:ellipsis;}	
.ul5 li:hover .li2{ color:#01a8ff ;}		
.ul5 li .li1{ float:right; color:#666666; font-size:14px; background:url(images/img_7.png) right center no-repeat; padding:0 18px 0 0;}
.ul5 li:hover .li1{ color:#01a8ff ; background:url(images/img_8.png) right center no-repeat;}

.download li { padding: 24px 0 18px 34px; background: url(images/md-icon-7.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}
.download li p { float: left;}
.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}
.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}
.download li a.more:hover { background: #01a8ff ;}




/*8联系我们*/
.d_984_1{ float:left; width:100%; padding:20px 0 50px 0;}
.map{ float:left; width:848px; border:1px solid #ccc; line-height:0;}
.l_881{ float:left; width:100%; margin-top:20px;}
.c1{ float:left; width:100%; font-size:20px; line-height:18px; color:#01a8ff ;}
.contact{ float:left; width:100%; margin-top:15px;}
.contact li{ float:left; width:340px; line-height:42px; color:#666; font-size:14px; padding-left:25px; margin-right:20px;}
.contact li a{ color:#666;}
.contact li.i2{ background:url(images/mb-c2.png) left center no-repeat;}
.contact li.i3{ background:url(images/mb-c3.png) left center no-repeat;}
.contact li.i4{ background:url(images/mb-c4.png) left center no-repeat;}
.contact li.i5{ background:url(images/mb-c5.png) left center no-repeat;}
.contact li.i6{ background:url(images/mb-c6.png) left center no-repeat;}
.contact li.i7{ background:url(images/mb-c7.png) left center no-repeat;}
.contact li.i8{ background:url(images/mb-c8.png) left center no-repeat;}
















/*20170714*/

/*新闻*/
.l_808_3{ float:left; width:100%;}
.l_808_3 li{ float:left; width:100%; padding:30px 0; border-bottom:1px dashed #dcdcdc;}
.l_570{ float:left; width:100%;}
.r_time{ float:right;line-height:26px; color:#bcbcbc; font-size:14px; font-family:"Arial";}
.l_808_3 li:hover .txt1{ color:#01a8ff ;}
.txt1{ float:left; width:100%; color:#333333; font-size:18px; line-height:26px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; overflow:hidden;
white-space: nowrap; text-overflow:ellipsis;}
.h_txt1{ width:500px;}
.txt2{ float:left; width:100%; color:#666666; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:8px;}
.h_txt2{ height:66px;}
.r_709{ float:right; width:750px;}
.time_78{ float:left; width:66px; height:66px; background:#efefef; text-align:center; padding:6px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.time_78 .nub{ float:left; width:66px;font-size:40px; line-height:40px;  color:#999999; font-family:"Arial"; margin-top:3px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.time_78 .year{ float:left; width:66px; font-size:13px; border-top:1px solid #d5d5d5; color:#999999; font-family:"Arial"; line-height:21px; padding-top:2px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.r_572{ float:right; width:600px;}
.pic_220{ float:left; width:223px; height:146px; overflow:hidden; background:#000;}
.pic_220 img{opacity:0.9;filter: alpha(opacity=90);
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.l_808_3 li:hover:hover .pic_220 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}


.l_808_3 li:hover .time_78{ background:#01a8ff ;}
.l_808_3 li:hover .time_78 .nub{ color:#fff;}
.l_808_3 li:hover .time_78 .year{ color:#fff; border-top:1px solid #028d86;}
.r_572 .more{ float:left; width:100%; margin-top:12px;}
.r_572 .more span{ float:left; width:100px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:14px; background:#01a8ff ;}
.l_808_3 li:hover .r_572 .more span{ box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;}



/*新闻详情*/

.qc_1200_15{ float:left; width:100%; margin-top:30px;}
.qc_1200_15 h2{ display:block; float:left; width:100%; color:#01a8ff ; line-height:30px; text-align:center;}
.qc_1200_15 .qc_15_1{ float:left; width:100%; border-bottom:1px solid #d3d3d3; margin-top:8px; padding-bottom:10px; text-align:center;}
.qc_1200_15 .qc_15_1 span{ display:inline-block; *display:inline; *zoom:1;}
.qc_1200_15 .qc_15_1 span font{ display:block; float:left; font-size:14px; line-height:48px; color:#999; margin:0 30px; padding-left:22px;}
.qc_1200_15 .qc_15_2{ float:left; width:100%; font-size:14px; line-height:30px; color:#666; padding:42px 0; border-bottom:1px solid #d3d3d3;}
.qc_1200_15 .qc_15_3{ float:left; width:100%; margin-top:20px;}
.qc_1200_15 .qc_15_3 .qc_15_4{ float:left; width:600px;}
.qc_1200_15 .qc_15_3 .qc_15_4 a{ display:block; float:left; clear:left; font-size:14px; line-height:24px; color:#666;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.qc_1200_15 .qc_15_3 .qc_15_4 a:hover{ color:#01a8ff ;}
.qc_1200_15 .qc_15_3 .qc_15_5{ float:right; margin-top:7px;}
.bdsharebuttonbox{ float:left !important; margin:0 !important; padding:0 !important; border:0 !important;}
.bdsharebuttonbox .bds_more{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_5.png) no-repeat center !important;}
.bdsharebuttonbox .bds_weixin{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_6.png) no-repeat center !important;}
.bdsharebuttonbox .bds_tsina{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_7.png) no-repeat center !important;}
.bdsharebuttonbox .bds_qzone{ display:block !important; float:left !important; margin:0 0 0 20px !important; padding:0 !important; width:26px !important; height:26px !important; background:url(images/qimg_15_8.png) no-repeat center !important;}


/*加入我们*/
.chancecontain{ position:relative; width:100%; float:left;}
.chancecontain ul{ float:left; width:100%;}
.chancecontain ul li{ float:left; width:100%; margin-top:12px; line-height:60px;}
.chancecontain ul li .l_1115{ float:left; width:100%; background:#fff; line-height:60px; font-size:16px; cursor:pointer;}
.lermore_box{ width:70px; float:right; border-left:solid 1px #e5e5e5;}
#lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(images/z_btn_2.png) no-repeat center;
-webkit-transition: all 0.1s ease-out 0s; 
-moz-transition: all 0.1s ease-out 0s; 
-o-transition: all 0.1s ease-out 0s; 
transition: all 0.1s ease-out 0s;}

.chancecontain ul li .l_1115 .a .z_270{ color:#333; width:190px; float:left; text-align:left; padding-left:20px;}
.chancecontain ul li .l_1115 .a .z_170{ color:#333; width:134px; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_236{ color:#333; width:134px; float:left; text-align:center;}
.chancecontain ul li .l_1115 .a .z_204{ color:#333; width:144px; float:left; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.chancecontain ul li .l_1115 .a .z_196{ color:#333; width:144px; float:left; text-align:center; text-align:center;}
.chancecontain ul li.z_l1 .l_1115{ background:#01a8ff ;height:60px;}
.chancecontain ul li.z_l1 .l_1115 .a{ color:white; line-height:60px; font-size:16px; font-weight:bold;}
.chancecontain ul li.z_l1 .l_1115 .a .z_270{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_170{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_236{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_204{ color:white;}
.chancecontain ul li.z_l1 .l_1115 .a .z_196{ color:white;}
.chancecontain ul li .l_1115.on #lermore{ background:url(images/z_btn_3.png) no-repeat center;}
.chancecontain ul li .l_1115.on .a .z_270,
.chancecontain ul li .l_1115.on .a .z_170,
.chancecontain ul li .l_1115.on .a .z_236,
.chancecontain ul li .l_1115.on .a .z_204,
.chancecontain ul li .l_1115.on .a .z_196{ color:#01a8ff ;}

.chancecontain .deta{ display:none; width:100%; overflow:hidden; float:left; background:#fbfbfb;}
.chancecontain .deta .l_1200{ float:left; width:770px; padding:40px;}
.chancecontain .deta .l_1200 .z_1200_t{ width:100%; float:left; font-size:12px; color:#666; line-height:28px;}
.chancecontain .deta .l_1200 .z_655{ width:100%; float:left;}
.chancecontain .deta .l_1200 .z_655 span{ display:block; font-size:16px; color:#333;}
.chancecontain .deta .l_1200 .z_384{ width:100%;  float:right; margin-top:20px;}
.chancecontain .deta .l_1200 .z_384 span{ display:block; font-size:16px; color:#333;}
.chancecontain .deta .l_1200 .z_1200_b{ width:100%; margin-top:20px; font-size:14px; line-height:28px; float:left; color:#666;}
.chancecontain .deta .l_1200 .z_1200_b .z_384{ border:none;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3{ margin-top:12px;}
.chancecontain .deta .l_1200 .z_1200_b .z_384 .z_btn3 a{ color:white; background:#01a8ff ; width:123px; height:37px; line-height:37px; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; overflow:hidden; display:block; float:left;}





.Recruitment_list{ float:left; width:100%; margin-top:20px;}
.Recruitment_list li{ float:left; width:810px; background:#fff; padding:20px;display: flex; flex-wrap: wrap; align-items: center; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; position:relative; margin-top:10px;}
.Recruitment_list .name{ float:left; width:30%;}
.Recruitment_list .name a{ display:block; color:#01a8ff ; font-size:18px; line-height:28px;}
.Recruitment_list .name span{ display:block; color:#333333; font-size:14px; line-height:22px;}
.Recruitment_list .add{ float:left; width:36.02%; color:#333333; font-size:14px; line-height:28px;}
.Recruitment_list .time{ float:left; color:#909090; font-size:14px; line-height:28px;}
.Recruitment_list .more{ float:left; color:#333; font-size:16px; font-family:"Arial"; line-height:26px; position:absolute; right:40px; top:50%; margin-top:-13px;}
.Recruitment_list .more a{ color:#01a8ff ;}
.Recruitment_list li:hover{ background:#01a8ff ;}
.Recruitment_list li:hover .add,
.Recruitment_list li:hover .time,
.Recruitment_list li:hover .name a,
.Recruitment_list li:hover .name span,
.Recruitment_list li:hover .more a{ color:#fff;}



/*留言表单*/
.message{ float:left; width:810px; background:#fff; padding:5px 20px 40px 20px;}
.message label{ float:left; width:100%; font-weight:normal; margin-top:11px;}
.message .label{ float:left; width:100%; font-weight:normal; margin-top:11px;}
.fm1{ float:left; width:385px; padding:0 10px;}
.fm2{ float:left; width:790px; padding:0 10px;}
.fm3{ float:left; width:100%; margin-top:20px; text-align:center;}
.fm1_1{ float:left; width:100%; color:#4c4c4c; font-size:14px; line-height:32px; text-transform:uppercase;}
.fm1_1 font{ font-size:12px;}
.fm1_1 span{ color:#ec9706;}
.fm1_2{ float:left; width:350px; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 15px; color:#999999; font-size:14px; height:50px; line-height:48px;}
select.fm1_2{width:380px;}
.fm1_3{ float:left; width:752px; border:1px solid #e6e6e6; background:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:16px 18px; color:#999999; font-size:14px; height:139px; line-height:24px;}
.fm1_4{ display:inline-block; *display:inline; *zoom:1; width:180px;  border:none; background:#01a8ff ; color:#fff; height:50px; line-height:50px; text-align:center;  font-size:18px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 10px;}
.fm1_5{display:inline-block; *display:inline; *zoom:1; color:#999999; font-size:14px; line-height:34px; text-align:center; margin:0 10px;}
.fm1_6{ display:inline-block; *display:inline; *zoom:1; color:#4c4c4c; font-size:14px; line-height:50px; margin:0 10px;}


/*右侧漂浮*/

.pf_right{ width:46px; position:fixed; right:15px; top:50%; margin-top:-58px; z-index:9;}
.pf_right ul{ width:100%; float:left;}
.pf_right ul li{ width:46px; height:46px; float:left; margin:6px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative; background:#2d2d2d; cursor:pointer; z-index:10;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.pf_right ul li .z_span_1{ padding:0 15px; height:46px; line-height:44px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; position:absolute; right:0; top:50%; margin-top:-22px; background:#01a8ff ; font-size:18px; font-weight:bold; color:white; white-space:nowrap; opacity:0; filter:alpha(opacity=0); z-index:9;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.pf_right ul li .z_span_2{ padding:5px; width:90px; height:90px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; text-align:center; position:absolute; right:0; top:50%; margin-top:-45px; background:#01a8ff ; border:solid 1px #ccc; white-space:nowrap; opacity:0; filter:alpha(opacity=0); 
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}		
.pf_right ul li .z_ico_1{ background:url(images/z_img_1_ico.png) no-repeat right center; width:6px; height:11px; position:absolute; right:-6px; top:50%; margin-top:-6px;}
.pf_right ul li:hover{ background:#01a8ff ;}
.pf_right ul li:hover .z_span_1{ right:61px; opacity:1; filter:alpha(opacity=100);}
.pf_right ul li:hover .z_span_2{ right:61px; opacity:1; filter:alpha(opacity=100);}
@media  screen and (max-width:1199px){
.pf_right{ right:0;}
}


/*产品详情修改*/

.game163 { position: relative; width:100%; overflow: hidden; position:relative;}
.game163 .bigImg { height: 376px; position: relative;margin-left:105px; width:500px; float:left;}
.game163 .bigImg li{ width:100%; height:100%; position:relative !important; overflow:hidden;}
.game163 .bigImg li img { vertical-align: middle; width: 100%; height: 100%; max-width:none; }
.game163 .smallScroll { height:376px; position:absolute; left:0; top:0; z-index:5;}
.game163 .sPrev{ float:left; width:100%; height:20px; background:url(images/xiap2.png) no-repeat center #c5c5c5;}
.game163 .sNext{ float:left; width:100%; height:20px; background:url(images/xiap12.png) no-repeat center #c5c5c5;}
.game163 .sPrev:hover{background:url(images/xiap2.png) no-repeat center #01a8ff ;}
.game163 .sNext:hover{ background:url(images/xiap12.png) no-repeat center #01a8ff ;}
.game163 .smallImg { float:left; margin:3px 0 12px 0; display: inline; height:320px; width: 94px; overflow: hidden;}
.game163 .smallImg ul { width:94px !important; height: 9999px; overflow: hidden;}
.game163 .smallImg li { float: left; width:100%; height:70px; cursor: pointer; display: inline; overflow:hidden; margin-top:10px; position:relative;}
.game163 .smallImg img { display:block; width: 94px; height: 70px;}
.game163 .smallImg li:before{ content:''; display:block; width:90px; height:66px; border:solid 2px #01a8ff ; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); z-index:9;}
.game163 .smallImg li.on::before{ opacity:1; filter:alpha(opacity=100);}

.game163 .bigImg1{ width:745px; height:507px;}
.game163 .smallImg1{ height:452px; margin:5px 0 10px 0;}
.game163 .smallScroll1 { height:376px;}
.game163 .smallImg1 li { margin-top:5px;}



