﻿@charset "utf-8";
/* CSS Document */
/*切图：sjh*/
/*网站：毅可新精英版*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0;font-size:12px; font-family:"microsoft yahei"; color:#484848;}
img{border:0}
a{ text-decoration:none; color:#333;
-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;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:"microsoft yahei"; }
input{ margin:0; padding:0; border:0; font-family:"microsoft yahei";}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative;}
i{ font-style:normal;}
input,textarea:focus { outline:none;}

#pz_top{ float:left; width:100%; min-width:1100px;}
#pz_banner{ float: left; width:100%; min-width:1100px; position:relative; overflow:hidden;}
#pz_main{ float:left; width:100%; min-width:1100px;position: relative;z-index: 9;}
#pz_down{ float:left; width:100%; min-width:1100px;background: #1272bb;}
#pz_menu{ float:left; width:100%; min-width:1100px;}
.pz_main{ float:left; width:100%; min-width:1100px; background:#f7f7f7;}

.w_0100{ float:left; width:100%;}
.w_1100{ margin:0 auto; width:1100px;}
.w_1100::after,
.w_1100::before{content: "";display: block;clear: both;}

.w_1200{ margin:0 auto; width:1100px;}


/*--------------------------menu-------------------------------*/
.logo{float: left; width: 117px; padding-right: 30px; margin-top: 22px;}
.menu{float: left; width: 845px; padding: 22px 0;}
.menu .nli{float: left; height: 54px; font-size: 16px; color: #333; text-align: center; padding: 0 10px; position: relative;}
.menu .nli span a{float: left; display: block; color: #333; line-height: 54px; height: 54px; position: relative; }
.menu .nli span a::after{display: none; content: ""; width: 100%; height: 2px; background:#1272bb; position: absolute; bottom: 0; left: 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;}
.menu .nli span a:hover{color: #1272bb; }
.menu .nli span a:hover::after{display: block;}
.menu .nli.on span a{color: #1272bb; }
.menu .nli.on span a::after{display: block;}


.menu .nli .sub{display: none; position: absolute; top: 54px; left: 50%; margin-left: -60px; width: 118px; line-height: 28px; z-index: 9; border: 1px solid #1272bb;}
.menu .nli .sub li{float: left; width: 118px; height: 28px; text-align: center; font-size: 14px; }
.menu .nli .sub li a{display: block; line-height: 28px; color: #fff; background: #1272bb;}
.menu .nli .sub li a:hover{color: #1272bb; background: #fff;}
.change{float: right;  width: 74px; height: 30px; border: 1px solid #1272bb; margin-top: 34px;
-webkit-border-radius: 2px; 
   -moz-border-radius: 2px; 
     -o-border-radius: 2px; 
		border-radius: 2px;}
.change a{float: left; display: block; width: 50%; height: 30px; line-height: 30px; text-align: center; color: #1272bb;}
.change a.hover,
.change a:hover{background: #1272bb; color: #fff;}

/* banner */
.pz_slides_3 { width: 100%; overflow: hidden; position: relative; }
.pz_slides_3 ._btn{width: 142px; overflow:hidden; position:absolute; bottom:20px; z-index:9; left: 50%; margin-left: -71px;}
.pz_slides_3 ._btn ul{overflow:hidden; zoom:1; float:left;  padding: 10px 15px;  background: rgba(0,0,0,.2);
-webkit-border-radius: 16px; 
   -moz-border-radius: 16px; 
     -o-border-radius: 16px; 
		border-radius: 16px;}
.pz_slides_3 ._btn ul li{float:left; width:12px; height:12px; margin:0px 6px; cursor:pointer; display:block; background:rgba(255,255,255,.6);
	-webkit-border-radius: 6px; 
	   -moz-border-radius: 6px; 
		 -o-border-radius: 6px; 
			border-radius: 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;}
.pz_slides_3 ._btn ul li.on{ width: 28px;}
.pz_slides_3 ._pic {width: 100%; height: 500px; position: relative; z-index: 0; }
.pz_slides_3 ._pic li {zoom: 1; vertical-align: middle; position: relative; }
.pz_slides_3 ._pic li img {display: block; margin: auto; }
.pz_slides_3 .prev{ position:absolute; left:31px; top: 50%;margin-top: -26px; display:block; width:52px; height:52px; background:url(images/p1_left01.png) no-repeat; }
.pz_slides_3 .next{ position:absolute; right:31px; top: 50%;margin-top: -26px; display:block; width:52px; height:52px; background:url(images/p1_right01.png) no-repeat; }

/* 首页标题 */
.t_1{float: left; width:100%; padding-top: 52px;}
.t_1 h3{ width: 100%;text-align: center; float: left; font-size: 22px; line-height: 36px; color: #222; }
.t_1 span{width: 100%;text-align: center;  display: block; float: left; font-size: 14px; line-height: 20px; color: #666;}
/* main */
.c_1{float: left; width: 1100px;  padding-top: 36px; padding-bottom:60px; }
.c_1 ul{float: left; width: 1120px; margin-left:-20px; }
.c_1 ul li{float: left; width:260px ; margin-left: 20px; background: #fff;}
.c_1 ul li a{display: block; float: left; width: 260px;  padding-bottom: 14px;}
.c_1 ul li a .c_1_1{float: left; width: 260px; height: 211px; position: relative;background: #fff;}
.c_1 ul li a .c_1_1::after{display: none;  content: ""; width: 252px; height: 207px; border:4px solid #1272bb; position: absolute; top: 0; left: 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;}
/*.c_1 ul li a .c_1_1 img{float: left; display: block;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}*/
.c_1 ul li a .c_1_2{float: left; padding: 11px 18px 10px 18px;}
.c_1 ul li a .c_1_2 h4{float: left; font-size: 16px; color: #333; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.c_1 ul li a .c_1_2 span{float: left; display: block; font-size: 12px; color: #333; line-height: 20px; height: 100px; overflow: hidden; padding-top: 8px;}
.c_1 ul li a > span{display: block; line-height: 20px; text-transform: uppercase; font-size: 12px; color: #333; padding-left: 18px;}
.c_1 ul li a > span i{display: none; padding-left: 11px;}
.c_1 ul li a:hover{background: #1272bb;}
.c_1 ul li a:hover .c_1_1::after{display: block;}
.c_1 ul li a:hover .c_1_2 h4,
.c_1 ul li a:hover .c_1_2 span,
.c_1 ul li a:hover > span{color: #fff;}
.c_1 ul li a:hover > span i{display:inline;}

.c_2{float: left; width: 1120px; margin-left: -20px; padding-bottom: 108px; padding-top: 36px; overflow:hidden; position:relative; }
.c_2 .hd{overflow:hidden; height:9px; width: 40px; position: absolute; left: 50%; bottom: 60px;}
.c_2 .hd ul{overflow:hidden; zoom:1; width: 40px; margin: 0 6px;}
.c_2 .hd ul li{float:left;  width:8px; height:8px; overflow:hidden; cursor:pointer; background: #cacaca; margin: 0 6px; text-indent: 10px; 
-webkit-border-radius: 4px; 
   -moz-border-radius: 4px; 
     -o-border-radius: 4px; 
		border-radius: 4px;}
.c_2 .hd ul li.on{ background: #1272bb; }
.c_2 .bd ul{float: left; width: 1120px;  overflow:hidden; zoom:1; }
.c_2 .bd ul li{float: left; _display:inline; overflow:hidden; width: 260px; height: 188px; margin-left: 20px;}
.c_2 .bd ul li a{float: left; width: 260px; height: 188px; position: relative;}
.c_2 .bd ul li a img{display: block;
-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;}
.c_2 .bd ul li a i img{display: none;
-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;}
.c_2 .bd ul li a span{display: block; width: 229px; margin:10px 0 0 5px; height: 42px; border: 1px solid #1272bb; padding-left: 19px;  background: url(images/p1_bg01.png)no-repeat 204px center ; color: #1272bb; font-size: 16px; line-height: 42px;
-webkit-border-radius: 2px; 
   -moz-border-radius: 2px; 
     -o-border-radius: 2px; 
		border-radius: 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;}

.c_2 .bd ul li a b{font-weight:normal; background:#f5f5f5; display:none; width:100%; height:62px; position: absolute; bottom: 0px; left: 0px;}

.c_2 .bd ul li a:hover{background: #f5f5f5;}
/*.c_2 .bd ul li a:hover img{display: none;}
.c_2 .bd ul li a:hover i img{display: block;}*/
.c_2 .bd ul li a:hover b{display: block;}
.c_3{float: left; width: 1100px; padding-top: 38px; padding-bottom: 40px;}
.c_3 ul{float: left; width: 1120px; margin-left: -20px; }
.c_3 ul li{float: left; width: 540px; margin: 0 0 20px 20px;}
.c_3 ul li a{float: left; display: block; width: 540px; background: #fff; }
.c_3 ul li a img{display: block; float: left;}
.c_3 ul li a div{float: right; width: 276px; padding: 19px 0 22px 0;}
.c_3 ul li a div h4{float: left; font-size: 16px; color: #222; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.c_3 ul li a div span{display: block; float: left; width: 252px; font-size: 12px; line-height: 24px; height: 72px; overflow: hidden; color: #666; padding-top: 10px;}
.c_3 ul li a div h5{float: left; line-height: 24px; padding-top: 10px; font-size: 12px; text-transform: uppercase;}
.c_3 ul li a:hover h4,
.c_3 ul li a:hover h5{color: #1272bb;}

/*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:#1272bb; 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:#1272bb; 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:6px; text-transform:uppercase;}
.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:#1272bb;}
.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;}

/*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:#1272bb;}		
.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:#1272bb; 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: #1272bb;}

/*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;}

/*留言表单*/
.message{ float:left; width:810px; background:#fff; padding:5px 20px 40px 20px;}
.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;}
.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:#1272bb; 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;}

/*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:#1272bb;}
.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;}

.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; color: #fff; font-size:16px; background: #1272bb; 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;}
#demo-list .l1 .l1_a:hover,
#demo-list .l1 .l1_a.active{ background: #2b80c1;}
#demo-list .l1 .l1_a.active .submenu-indicator{background:url(images/left_bg1.png) no-repeat right center;}

#demo-list .l1 .l1_a.on{ background: #2b80c1;}
#demo-list .l1 .l1_a.on .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: #0ba29a;}
#demo-list .l2 .l2_a.active{ 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{ color:#028d86;}

.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: #1272bb;}
.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*/
.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:#0ba29a; background:url(images/h_img6.png) left center no-repeat;}

/*新闻*/
.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:#1272bb;}
.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:#1272bb;}
.l_808_3 li:hover .time_78 .nub{ color:#fff;}
.l_808_3 li:hover .time_78 .year{ color:#fff; border-top:1px solid #2290e4;}
.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:#1272bb;}
.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;}

/*产品中心*/
.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:#1272bb; 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:#1272bb;}
.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 #0ba29a;}
.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: #1272bb; color: #fff;}

/* 分页 */
.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:#1272bb 1px solid; background-color:#1272bb; text-decoration:none;}/*鼠标
/*产品详情修改*/

.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 #1272bb;}
.game163 .sNext:hover{ background:url(images/xiap12.png) no-repeat center #1272bb;}
.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 #1272bb; 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;}

/*新闻详情*/

.qc_1200_15{ float:left; width:100%; margin-top:30px;}
.qc_1200_15 h2{ display:block; float:left; width:100%; color:#1272bb; 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:#1272bb;}
.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:#1272bb;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:#1272bb;}

.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:#0ba29a; 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:#1272bb; 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:#1272bb;}
.Recruitment_list li:hover{ background:#1272bb;}
.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;}



/* down */
.t_2{float: left; width: 1100px; padding-top: 27px; padding-bottom: 18px;}
.t_2 .t_2_1{float: left; width: 457px; position: relative; padding-right:70px;}
.t_2 .t_2_1 h4{float: left; width: 457px; line-height: 46px; font-size: 20px; color: #fff;}
.t_2 .t_2_1 ul{float: left; padding-top: 5px;}
.t_2 .t_2_1 ul li{float: left; font-size: 14px; line-height:36px; color: #fff; padding-left:25px ; width: 432px; }
.t_2 .t_2_2{float: left; width: 267px; padding: 0 75px; position: relative;}
.t_2 .t_2_1::after,
.t_2 .t_2_2::after{content: ""; position: absolute; top: 45px; right: 0; height: 174px; width: 1px; background: #fff; }
.t_2 .t_2_2 h4{float: left; width: 267px; line-height: 46px; font-size: 20px; color: #fff;}
.t_2 .t_2_2 ul{float: left; width: 267px;}
.t_2 .t_2_2 ul li{float: left; width:133px; color: #fff;}
.t_2 .t_2_2 ul li a{float: left; display: block; color: #fff; font-size: 14px; line-height: 40px;}
.t_2 .t_2_2 ul li a:hover{color: #b5dbf8;}
.t_2 .t_2_3{float: right; width: 107px;}
.t_2 .t_2_3 h4{float: left; width: 103px; line-height: 46px; font-size: 20px; color: #fff; padding-left: 4px;}
.t_2 .t_2_3 div{float: left; padding-top: 10px;}
.t_2 .t_2_3 div a{float: left; width: 30px; height: 30px; margin: 0 4px; position: relative;}
.t_2 .t_2_3 div a .t_2_img01{display: block;
-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;}
.t_2 .t_2_3 div a .t_2_img02{display: none; position: absolute; top: 0; left: 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;}
.t_2 .t_2_3 div a span{display: block; position: absolute; width: 107px; height: 0; top: 36px; left: 50%; margin-left: -53px; overflow: hidden;
-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;}
.t_2 .t_2_3 div a span i{display: block; width: 107px; height: 105px; background: url(images/p1_bg06.png) no-repeat center; padding-top: 18px;}
.t_2 .t_2_3 div a span i img{width: 91px; margin: 0 auto; display: block;
-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;}
.t_2 .t_2_3 div a:hover .t_2_img01{display: none;}
.t_2 .t_2_3 div a:hover .t_2_img02{display: block;}
.t_2 .t_2_3 div a:hover span{height: 123px;}
.d_1{float: left; width: 100%; border-top: 1px solid #fff; margin-top: 30px;}
.d_1 .span{display: block; width: 100%; padding-top: 22px; padding-bottom: 26px; line-height: 24px; color: #fff; text-align: center; font-size: 12px; }
.d_1 .span a{ color: #fff;}
.d_1 .span a:hover{color: #b5dbf8;}











