/* CSS Document */
/*qt：sjh*/
*{ padding:0; margin:0;}
html{ overflow-x:hidden; overflow-y:auto;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
body{ float:left; width:100%; position:relative;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
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;
/*清除IOS系统点击默认事件*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; }
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;}


/*pc版头部*/
.top1{float: left; position: relative; width:100%; z-index:1010;}
.top1 .head{float: left; width: 100%;}
.top1 .logo{ float:left; width:514px;  margin:22px 0 21px 0;}
.top1 .search{float: right; width: 348px; margin-top: 31px;}
.top1 .search input{float: left; width: 311px; padding-left: 16px; font-size: 14px; line-height: 40px; height: 40px; background: #f4f4f4; color: #333;}
.top1 .search input::-webkit-input-placeholder { color:#9d9d9d !important;}
.top1 .search input:-moz-placeholder {  color:#9d9d9d !important;}
.top1 .search input::-moz-placeholder {  color:#9d9d9d !important;}
.top1 .search input:-ms-input-placeholder { color:#9d9d9d !important; }
.top1 .search a{float: left; width: 37px; height: 40px; background: #186ebf url(images/search_bg.png) no-repeat center;}

.menu{position: absolute; top: 108px; left: 0; width: 100%; height:61px; background: #f1f1f1;}
.menu .nli{ float:left; z-index:15; position:relative; width: 14.285714%;}
.menu .nli span a{display:block; width: 100%; float:left; font-size:16px; height:61px; line-height:61px; color:#333; position:relative; text-align: center;}
.menu .nli span a:hover,
.menu .nli.on span a{color:#fff; background: #0190dc;}
.menu .sub{position:absolute; width:198px; left:0; top:100%; display:none; padding-top: 7px; }
.menu .sub::before{content: ""; width: 9px; height: 5px; background: url(images/sub_bg.png) no-repeat; position: absolute; left: 79px; top: 2px;}
.menu .sub ul{float: left; width: 198px; background: rgba(255,255,255,.9); padding: 27px 0 50px 0; position: relative;}

.menu .sub .section-nav1{ overflow: hidden;}
.menu .sub  ul .li2{ float:left; width:100%; padding: 0 32px 0 40px;}
.menu .sub  ul .li2 a{ display:block; float:left; width:100%; padding-right: 4px; height:38px; line-height:38px; color:#000; font-size:14px;background: url(images/sub_bg_2.png) no-repeat right;}
.menu .sub  ul .li2 .li2_m{display: none;}

.menu .sub .sub_m{position: absolute; width: 334px; height: 100%; left: 100%; top: 0;  padding: 52px 43px 43px 43px; background: rgba(255,255,255,.9); 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;}
.menu .sub .sub_m::before{content: ""; width: 1px; height: 219px; background: #dedfe1; position: absolute; left: 0px; top: 27px;}
.menu .sub .sub_m::after{ display: none;content: ""; width: 1px; height: 219px; background: #dedfe1; position: absolute; right: 0px; top: 27px;}
.menu .sub .sub_m img{width: 100%; display: block;}
.menu .sub .sub_m span{width: 100%; display: block; font-size: 14px; color: #666; line-height: 24px; margin-top: 11px;  height: 72px; overflow: hidden;}

.menu .sub  ul .li2.active,
.menu .sub  ul .li2:hover a{background: url(images/sub_bg_2_h.png) no-repeat right; color: #186ebf;}

.menu .sub .sub_m.last::before{display: none;}
.menu .sub .sub_m.last::after{display: block;}


/*phone版头部*/
.top2{ position:fixed; left:0; top:0; width:100%; height:80px; background:#fff; z-index:1030;}
.top2.active{
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;}
.top2 .logo{ float:left; width:400px; margin:14px 0 0 0;}

/*手机按钮*/
.menuph{ position:absolute; top:15px; right:15px; cursor:pointer; width:50px; height:50px; background:#186ebf; text-align:center;}
.menuph .point{ display:inline-block; width:28px; height:22px; margin-top:14px; position:relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{ width:28px;}
.menuph .navbtn{ position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
	 -moz-transition: all .3s ease-out 0s;
	  -ms-transition: all .3s ease-out 0s;
	   -o-transition: all .3s ease-out 0s;
	      transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before{ content:''; position:absolute; right:0; display:inline-block; width:28px; height:1px; background:#fff;
-webkit-transition: all .3s ease-out 0s;
	 -moz-transition: all .3s ease-out 0s;
	  -ms-transition: all .3s ease-out 0s;
	   -o-transition: all .3s ease-out 0s;
	      transition: all .3s ease-out 0s;}
.menuph .navbtn::after{ top:-11px;}
.menuph .navbtn::before{ top:10px;}
.menuph .point.active .navbtn{ background:transparent;}
.menuph .point.active .navbtn::after{	top:0px;
-webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	      transform: rotate(45deg);}
.menuph .point.active .navbtn::before{ top:0px;
-webkit-transform: rotate(-45deg);
	 -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	   -o-transform: rotate(-45deg);
	      transform: rotate(-45deg);}

@media  screen and (max-width:767px){
.top2{height:50px;}
.top2 .logo{ float:left; width:220px; margin:14px 0 0 0;}
.top2 .menuph{ top:5px; right:15px; width:40px; height:40px;}
.top2 .menuph .point{ width:22px; height:19px; margin-top:10px;}
.top2 .menuph .point:hover .navbtn,
.top2 .menuph .point:hover .navbtn::after,
.top2 .menuph .point:hover .navbtn::before{ width:22px;}
.top2 .menuph .navbtn{ top:9px; width:16px; }
.top2 .menuph .navbtn::after,
.top2 .menuph .navbtn::before{	width:22px;}
.top2 .menuph .navbtn::after{ top:-9px;}
.top2 .menuph .navbtn::before{ top:9px;}
}


/*手机下拉*/
.xialaph{ position:fixed; top:80px; left:0; width:100%; max-height:100%; overflow-y:auto; background:url(images/bg_nav.png);display:none; z-index:1049;}
.xialaph .ul1{ padding-bottom:50px;border-top: 1px solid #fff;}
.xialaph li{border-bottom: 1px solid #fff;padding: 0 15px;}
.xialaph .ul2,
.xialaph .ul3{ display:none;border-top: 1px solid #fff; position:relative;}
.xialaph .ul2 > li:last-child{border-bottom: 0 none;}
.xialaph .ul3 > li:last-child{border-bottom: 0 none;}
.xialaph h4 a{color:#333; font-size:16px; font-weight:bold; line-height:62px;}
.xialaph h5 a{color:#333; font-size:16px; line-height:57px;}
.xialaph h4,
.xialaph h5{position:relative;}
.xialaph h4 i,
.xialaph h5 i{display: block;position: absolute;right: 0;top: 50%;margin-top: -9px; width: 12px;height: 12px;border-bottom: 2px solid #333;border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s;
	  -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -3px;
-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);}
.xialaph .ul2{padding: 10px 0;}
.xialaph .ul3{padding: 5px 0;}
.xialaph .ul3 li a{ color:#666; font-size:14px; line-height:35px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
.xialaph .phsou{ position:relative; margin-top:30px;}
.xialaph .phsou input{ width:100%; height:56px; background-color:#fff; color:#aaa; font-size:14px; padding-left:20px; border:1px solid #e5e5e5;}
.xialaph .phsou img{ cursor:pointer; width:21px; height:22px; position:absolute; top:17px; right:29px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try a{ display:inline-block; width:120px; background:#80b63b; font-size:16px; color:#fff; line-height:50px;}

.phonemeng{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;}

@media  screen and (max-width:767px){
.xialaph{ top:50px;}
.xialaph h4 a{ font-size:14px; line-height:42px;}
.xialaph h5 a{ color:#333; font-size:14px; line-height:38px;}
.xialaph h4 i,
.xialaph h5 i{margin-top: -6px; width: 8px;height: 8px;border-bottom: 1px solid #333;border-right: 1px solid #333;}
.xialaph h4.active i,
.xialaph h5.active i{margin-top: -2px;}
.xialaph .ul3 li a{ color:#666; font-size:12px; line-height:30px; display:block;}
.xialaph .ul3 li{ padding-top:5px;}
}

/*banner*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0; height:auto;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{position: absolute;left: 50%; width: 123px; margin-left: -61px; bottom:32px; height:4px; overflow:hidden; z-index:9999;}
.slide_banner .slick-dots li{float: left; width:35px; height:4px; border:solid 1px #fff; margin:0 3px;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{background:white;}

.ban{float: left; width: 100%;}
.ban img{float: left; width: 100%; display: block;} 

@media  screen and (max-width:1199px){
  .ban,
  .slide_banner{ margin:80px 0 0 0;}	
}
@media  screen and (max-width:767px){
  .ban,
  .slide_banner{ margin:50px 0 0 0;}
  .slide_banner .slick-dots{width: 78px; margin-left: -39px; bottom:12px; }
.slide_banner .slick-dots li{width:20px;}
}

/*down*/
.c_0100_5{float: left; width: 100%; background: #186ebf; padding-top: 47px; position: relative;}
.t_1200_5{position: absolute; width:1170px; height: 50px; background: #78b2f2; top: -20px; left: 50%; 
-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);}
.t_1200_5::before{content: ""; width:16px ; height: 21px; background: url(images/bg_4_1.png) no-repeat; position: absolute; right: 100%; top: 0;}
.t_1200_5::after{content: ""; width:16px ; height: 21px; background: url(images/bg_4_2.png) no-repeat; position: absolute; left: 100%; top: 0;}
.t_1200_5 ul{float: left; width: 100%; position: relative;}
.t_1200_5 ul::after{content: ""; width: 1px; height: 100%; background: #78b2f2; position: absolute; right: 0; top: 0;}
.t_1200_5 ul li{float: left; width:14.285714%; position: relative;}
.t_1200_5 ul li a{float: left; width: 100%; display: block; font-size: 16px; color: #fff; text-align: center; line-height: 50px; height: 50px;}
.t_1200_5 ul li::after{content: ""; width: 1px; height: 18px; background: #a1c9f6; position: absolute; right: 0; top: 50%; margin-top: -9px;}
.t_1200_5 ul li a:hover{background: #67abf8;}
.m_1200_5{float: left; width: 100%; padding-bottom: 19px; }
.m_1200_5 ul{float: left; width: 76.923077%; padding-top: 5px;}
.m_1200_5 ul li{float: left; width: 27%; padding-right: 20px;}
.m_1200_5 ul li h4{float: left; width: 100%; font-size: 14px; line-height:18px; height: 18px; color: #fff; font-weight: bold; text-transform: uppercase; font-family: Arial;}
.m_1200_5 ul li h5{float: left; width: 100%; font-size: 14px; line-height:22px; height: 22px; color: #fff; }
.m_1200_5 ul li h2{float: left; width: 100%; font-size: 16px; margin-top: 12px; }
.m_1200_5 ul li h2 span{float: left; display: block; width: 85%; line-height:24px;  color: #fff; font-weight: bold; padding-left: 6px;}
.m_1200_5 ul li h2 img{float: left; display: block; width:24px; }

.m_1200_5 ul li:last-child{width:46%;}

.m_1200_5 .m_5_r{float: right; width: 23.076923%; }
.m_1200_5 .m_5_r img{float: left; width: 33.333333%; display: block;}
.m_1200_5 .m_5_1{float: left; width: 66.666667%; padding-left: 22px;}
.m_1200_5 .m_5_1 h4{float: left; width: 100%; font-size:14px; line-height: 26px; color: #fff; margin-top: 20px; height: 52px;}
.m_1200_5 .m_5_1 h4 span{display: block; width: 100%; font-size: 16px; font-weight: bold;}
.d_1200_5{float: left; width: 100%; background: #1464ae; padding: 17px 0 10px 0; border-bottom: 1px solid #2f76b7; text-align: center; color: #fff;} 
.d_1200_5 .d_5_1{display: inline-block; *display:inline; *zoom:1; vertical-align: top; }
.d_1200_5 .d_5_1 span{line-height: 18px; height: 18px; font-size: 12px; color: #fff;}
.d_1200_5 .d_5_1 a{line-height: 18px; height: 18px; font-size: 12px; color: #fff; padding: 0 5px;}
.d_1200_5 .d_5_1 a:hover{color: rgba(255,255,255,.8);}
.d_1200_5 .d_5_2{float: left; width: 100%; font-size: 12px; color: #fff; line-height: 18px; height: auto; text-align: center;}
.d_1200_5 .d_5_2 a{float: left; display: block; width: 100%; text-align: center; color: #fff;}
.d_1200_5 .d_5_2 a:hover{color: rgba(255,255,255,.8);}

@media  screen and (max-width:1199px){
  .t_1200_5{ width:900px;}
}
@media  screen and (max-width:991px){
  .t_1200_5{ width:700px; height: 40px; top: -20px; }
  .t_1200_5 ul li a{font-size: 14px; line-height: 40px; height: 40px;}
  .m_1200_5 ul li h4{font-size: 12px;}
  .m_1200_5 ul li h5{font-size: 12px;}
  .m_1200_5 ul li h2{font-size: 14px; margin-top: 12px; }
  .m_1200_5 ul li h2 span{line-height:18px; height: auto;}
  .m_1200_5 ul li h2 img{width:18px;}
  .m_1200_5 .m_5_1{padding-left: 12px;}
  .m_1200_5 .m_5_1 h4{font-size:12px; line-height: 20px; height: 40px; margin-top: 10px;}
  .m_1200_5 .m_5_1 h4 span{font-size: 14px;}
}
@media  screen and (max-width:767px){
  .t_1200_5{width:85%; height: 60px; top: -10px; }
  .t_1200_5::before{width:5px ; height: 10px;  background-size: 5px 10px;}
  .t_1200_5::after{width:5px ; height: 10px; background-size: 5px 10px;}
  .t_1200_5 ul li{width:25%;}
  .t_1200_5 ul li a{font-size: 12px; line-height: 30px; height: 30px;}
  .m_1200_5 ul{width: 100%; padding: 10px;}
  .m_1200_5 ul li{width: 100%; margin-top: 10px; padding-right:0;}
  .m_1200_5 ul li:last-child{width:100%;}
  .m_1200_5 .m_5_r{width: 100%; padding:0 30px;}
  .m_1200_5 .m_5_1{ padding-left: 22px; }
  .m_1200_5 .m_5_1 h4{ margin-top: 20px;}
}


/*main*/

/* 首页 标题 */
.s_title{float: left; width: 100%; padding-top: 71px; padding-bottom: 10px; background:url(images/title_bg.png) no-repeat center bottom;}
.s_title h2{float: left; width: 100%; font-size: 28px; line-height: 34px; height: 34px; color: #2a2929; font-weight: bold; text-align: center;}
.s_title span{float: left; display: block; width: 100%; font-size: 14px; color: #c4c4c4; line-height: 28px; height: 28px; text-transform: uppercase; text-align: center; font-family: Arial; position: relative;}
.s_title span::before{content: ""; width: 219px; height: 1px; background: #dfdfdf; position: absolute; bottom: -6px; left: 50%; margin-left: -238px;}
.s_title span::after{content: ""; width: 219px; height: 1px; background: #dfdfdf; position: absolute; bottom: -6px; right: 50%; margin-right: -238px;}

@media  screen and (max-width:1199px){
  .s_title{padding-top: 41px;}
}
@media  screen and (max-width:767px){
  .s_title{padding-top: 31px;}
  .s_title h2{font-size: 18px; line-height: 24px; height: 24px;}
  .s_title span{font-size: 14px;  line-height: 28px; height: 28px; }
  .s_title span::before{width: 89px; height: 1px; bottom: -6px; margin-left: -118px;}
  .s_title span::after{width: 89px; height: 1px; bottom: -6px;margin-right: -118px;}
}

.c_1170_1{float: left; width: 100%; margin-top: 90px; padding-bottom: 108px;}
.c_1170_1 ul{margin: 0 -21px;}
.c_1170_1 ul li{float: left; width: 20%; padding: 0 21px; position: relative;}
.c_1170_1 ul li a{float: left;display: block; width: 100%; padding: 23px 10px 33px 10px; background: #fff; text-align: center;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;
  -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,.08),-2px -2px 15px rgba(0,0,0,.08);
     -moz-box-shadow: 2px 2px 15px rgba(0,0,0,.08),-2px -2px 15px rgba(0,0,0,.08);
          box-shadow: 2px 2px 15px rgba(0,0,0,.08),-2px -2px 15px rgba(0,0,0,.08);}
.c_1170_1 ul li a > h4{float: left; width: 100%; height: 32px; line-height: 32px; font-size: 16px; color: #333; text-align: center;}
.c_1170_1 ul li a .c_1_pic01{float: left; width: 100%; margin-top: 22px; background: url(images/bg_1_1.png) no-repeat center;}
.c_1170_1 ul li a .c_1_pic02 img,
.c_1170_1 ul li a .c_1_pic01 img{display: block; margin: 0 auto;}
.c_1170_1 ul li a > span{float: left; display: block; width: 100%; height: 120px; line-height: 30px; overflow: hidden; color: #666; font-size: 14px; margin-top: 15px; padding: 0 16px;}
.c_1170_1 ul li .c_1_h .c_1_more02,
.c_1170_1 ul li a .c_1_more01{width: 90px; height: 26px; border: 1px solid #e5e5e5; background: #fff; text-align: center; line-height: 24px; color: #666; font-size: 12px; margin-top: 12px; display: inline-block; *display:inline; *zoom:1; vertical-align: top;
 -webkit-border-radius:12px; 
    -moz-border-radius:12px;
         border-radius:12px;}

.c_1170_1 ul li .c_1_h{position: absolute; width: 100%; padding: 28px 10px 36px 10px; background: #186ebf; left: 0; top: -30px; filter:alpha(opacity=00);opacity:0; z-index: 9;
 -webkit-border-radius:10px; 
    -moz-border-radius:10px;
         border-radius:10px;
  -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-box-shadow: 2px 2px 15px rgba(0,0,0,.08),-2px -2px 15px rgba(0,0,0,.08);
     -moz-box-shadow: 2px 2px 15px rgba(0,0,0,.08),-2px -2px 15px rgba(0,0,0,.08);
          box-shadow: 2px 2px 15px rgba(0,0,0,.08),-2px -2px 15px rgba(0,0,0,.08);}
.c_1170_1 ul li .c_1_h h4{float: left; width: 100%; font-size: 18px; line-height: 32px; height: 58px; padding: 12px 0 14px 0; text-align: center; color: #fff;}
.c_1170_1 ul li .c_1_pic02{float: left; width: 100%; margin-top: 30px; background: url(images/bg_1_1_h.png) no-repeat center;}
.c_1170_1 ul li .c_1_h span{float: left; display: block; width: 100%; height: 120px; line-height: 30px; overflow: hidden; font-size: 14px; margin-top: 18px; color: #fff; padding: 0 36px;}
.c_1170_1 ul li .c_1_h .c_1_more02{ border: 1px solid #45a3fb; color: #fff; background: #45a3fb;}
/*.c_1170_1 ul li a:hover .c_1_h{filter:alpha(opacity=100);opacity:1;}*/

@media  screen and (max-width:1199px){
  .c_1170_1{margin-top: 60px; padding-bottom: 68px;}
  .c_1170_1 ul li{width: 20%; padding: 0 15px;}
  .c_1170_1 ul li a{padding: 18px 10px 28px 10px; }
  .c_1170_1 ul li a > span{ padding: 0;}
  .c_1170_1 ul li .c_1_h{ padding: 24px 10px 32px 10px; top: -26px; }
  .c_1170_1 ul li .c_1_h span{padding: 0 6px;}
}

@media screen and (min-width:991px) {
    .c_1170_1 ul li a:hover .c_1_h{filter:alpha(opacity=100);opacity:1;}

}
@media  screen and (max-width:991px){
  .c_1170_1{margin-top: 40px; }
  .c_1170_1 ul{margin: 0 -10px;}
  .c_1170_1 ul li{width: 20%; padding: 0 10px;}
  .c_1170_1 ul li a .c_1_pic01{margin-top: 12px; background-size: 120px;}
  .c_1170_1 ul li a{padding: 15px 10px 25px 10px;}
  .c_1170_1 ul li a .c_1_pic01 img{width: 70px;}
  .c_1170_1 ul li a > span{height: 72px; line-height: 24px;font-size: 12px; margin-top: 10px;}
  .c_1170_1 ul li .c_1_h{ padding: 20px 10px 28px 10px; top: -22px; }
  .c_1170_1 ul li .c_1_pic02{margin-top: 15px;  background-size: 140px; }
  .c_1170_1 ul li a .c_1_pic02 img{width: 80px;}
  .c_1170_1 ul li .c_1_h span{height: 72px;line-height: 24px; font-size: 12px; margin-top: 8px;}
}
@media  screen and (max-width:767px){
  .c_1170_1{margin-top: 20px; padding-bottom: 38px;}
  .c_1170_1 ul{margin: 0 -10px;}
  .c_1170_1 ul li{width: 50%; padding: 0 10px; margin-top: 20px;}
  .c_1170_1 ul li a .c_1_pic01{margin-top: 8px; background-size: 100%;}
  .c_1170_1 ul li a{padding: 12px 8px 22px 8px;}
  .c_1170_1 ul li .c_1_h{ padding: 12px 8px 20px 8px; top: -14px;  }
  .c_1170_1 ul li .c_1_pic02{margin-top: 10px;  background-size: 100%; }
}
.c_1170_2{float: left; width: 100%;}
.c_2{float: left; width: 100%; padding-top: 60px; padding-bottom: 114px;}
.c_2 ul{margin: 0 -15px;}
.c_2 ul li{float: left; width: 25%; padding: 0 15px;}
.c_2 ul li a{float: left; display: block; width: 100%; background: #fff;}
.c_2 ul li a img{float: left; width: 100%; display: block;}
.c_2 ul li a div{float: left; width: 100%; padding: 15px 18px 36px 18px;}
.c_2 ul li a div h4{float: left; width: 100%; font-size: 16px; color: #186ebf; line-height: 36px; height: 36px;}
.c_2 ul li a div span{float: left; width: 100%; display: block;  font-size: 14px; line-height: 18px; height: 72px; overflow: hidden; color: #6f6f6f;}
.c_2 ul li a:hover{background: #186ebf;}
.c_2 ul li a:hover div h4{color: #fff;}
.c_2 ul li a:hover div span{color: rgba(255,255,255,.6);}

@media  screen and (max-width:991px){
  .c_2{ padding-top: 40px; padding-bottom: 84px;}
  .c_2 ul{margin: 0 -10px;}
  .c_2 ul li{padding: 0 10px;}
  .c_2 ul li a div{padding: 10px 10px 25px 10px;}
}
@media  screen and (max-width:767px){
  .c_2{ padding-top: 30px; padding-bottom: 44px;}
  .c_2 ul{margin: 0 -5px;}
  .c_2 ul li{width: 50%; padding: 0 5px; margin-top: 10px;}
  .c_2 ul li a div{padding: 10px 10px 25px 10px;}
  .c_2 ul li a div h4{font-size: 14px; line-height: 26px; height: 26px;}
  .c_2 ul li a div span{font-size: 12px; line-height: 18px; height: 72px; }
}

.c_1170_3{float: left; width: 100%; padding-top: 55px; padding-bottom: 76px;}
.d_1170_3 {margin: 0 -15px ;}
.d_1170_3 .d_3_tit{float: left; width: 100%; }
.d_1170_3 .d_3_tit h4{float: left; width: 100%; height: 24px; line-height: 24px; font-size:18px; color: #2d2d2d; }
.d_1170_3 .d_3_tit span{float: left; width: 100%; display: block; font-size:14px; line-height: 22px; height: 22px; color: #969696; font-family: Arial;}
.le_3{float: left; width: 33.333333%; padding: 0 15px;}
.le_3_m{float: left; width: 100%; margin:15px 0 0 0; border: 1px solid #e5e5e5;}
.le_3_m .slick-slide{ width:100%; padding:0;}
.le_3_m img{ width:100%;}
.le_3_m .slick-prev{position:absolute; width:24px; height:51px; left:0; top:50%; z-index:2; background: url(images/left_3_1.jpg) no-repeat; cursor:pointer;}
.le_3_m .slick-prev:hover{background: url(images/left_3_2.jpg) no-repeat ;}
.le_3_m .slick-next{position:absolute; width:24px; height:51px; right:0; top:50%; z-index:2; background: url(images/right_3_1.jpg) no-repeat; cursor:pointer;}
.le_3_m .slick-next:hover{background: url(images/right_3_2.jpg) no-repeat;}

.m_3{float: left; width: 33.333333%; padding: 0 15px;}
.m_3 .m_3_1{float: left; width: 100%; margin-top: 15px;}
.m_3 .m_3_1 img{float: left; width: 100%; display: block;}
.m_3 .m_3_1 div{float: left; width: 100%; margin-top: 10px; line-height: 23px; font-size: 14px; color: #323232; height: 69px; overflow: hidden;}

.r_3{float: left; width: 33.333333%; padding: 0 15px;}
.r_3 .r_3_m{float: left; width: 100%; margin-top: 15px; }
.r_3 .r_3_m ul{float: left; width: 100%; padding-right: 19px; height: 198px;overflow-x: hidden;overflow-y: auto; }
.r_3 .r_3_m ul::-webkit-scrollbar {background:#f2f2f2;width:5px;}
.r_3 .r_3_m ul::-webkit-scrollbar-thumb {background: #049ef0;}
.r_3 .r_3_m ul li{float: left; width: 100%; padding-bottom: 10px;}
.r_3 .r_3_m ul li a{float: left; width: 100%; display: block;}
.r_3 .r_3_m ul li span{float: left; width: 42px; height: 42px; line-height: 42px; font-size:14px; font-weight: bold; text-align: center; color: #fff; display: block; background: #0190dc; position: relative;}
.r_3 .r_3_m ul li span::after{content: ""; width: 9px; height: 11px; background: url(images/bg_3_1.png) no-repeat; position: absolute; left: 100%; top: 50%; margin-top: -5px; }
.r_3 .r_3_m ul li h4{float: left; width: 290px; height: 42px; line-height: 42px; font-size: 14px; color: #323232; padding-left: 22px; background: #f2f2f2; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
-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_3 .r_3_m ul li a:hover h4{background: #0190dc; color: #fff;}

@media  screen and (max-width:1199px){
  .m_3 .m_3_1 div{line-height: 20px; height: 60px; margin-top:6px; }
  .r_3 .r_3_m ul{padding-right: 15px; height: 161px;}
  .r_3 .r_3_m ul li span{width: 42px; height: 45px; line-height: 40px; }
   .r_3 .r_3_m ul li h4{ width: 236px; height: 45px; line-height: 45px; padding-left: 12px; }
}
@media  screen and (max-width:991px){
  .le_3,.m_3,.r_3{padding: 0 10px;}
  .m_3 .m_3_1 div{font-size: 12px;height: 40px; margin-top: 13px;}
  .r_3 .r_3_m ul{padding-right: 15px; height: 130px;}
  .r_3 .r_3_m ul li span{width: 36px; height: 36px; line-height: 36px; font-size:12px; }
  .r_3 .r_3_m ul li h4{ width: 180px; height: 36px; line-height: 36px; font-size: 12px;  padding-left: 12px; }
}
@media  screen and (max-width:767px){
  .c_1170_3{padding-top: 25px; padding-bottom: 36px;}
  .d_1170_3 {margin: 0;}
  .d_1170_3 .d_3_tit{margin-top: 10px;}
  .d_1170_3 .d_3_tit h4{height: 24px; line-height: 24px; font-size:16px; text-align: center;}
  .d_1170_3 .d_3_tit span{font-size:14px; line-height: 22px; height: 22px; text-align: center;}
  .le_3,.m_3,.r_3{width: 100%;}
   .m_3 .m_3_1 div{height: auto;}
  .r_3 .r_3_m ul{ height: 174px;}
  .r_3 .r_3_m ul li span{width: 15%;}
  .r_3 .r_3_m ul li h4{ width: 85%;}
}
.c_1170_4{float: left; width: 100%; background: #f2f2f2; padding-bottom: 98px;}
.d_1170_4{float: left; width: 100%; padding-top: 60px;}
.d_1170_4  input.input{float: left; width:30.427350%; background: #fff; font-size: 16px; line-height: 36px; height: 36px; color: #333; padding: 0 20px; margin-right: 20px;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.d_1170_4 .yzm{float: left; width:20.854701%;  background: #fff; padding-right: 88px; margin-right: 18px; overflow: hidden; position: relative;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px; }
.d_1170_4 .yzm input{float: left; width: 100%; padding-left: 20px; background: #fff; font-size: 16px; line-height: 36px; height: 36px;  color: #333; }
.d_1170_4 .yzm i{position: absolute; width: 87px; height: auto; display: block; right: 0; top: 50%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.d_1170_4 .yzm i::before{content: ""; width: 1px; height: 18px; position: absolute; left: -5px; top: 50%; margin-top: -9px; background: #e5e5e5;}
.d_1170_4 .yzm i img{width: 100%; display: block; }
.d_1170_4 input::-webkit-input-placeholder { color:#bababa !important;}
.d_1170_4 input:-moz-placeholder {  color:#bababa !important;}
.d_1170_4 input::-moz-placeholder {  color:#bababa !important;}
.d_1170_4 input:-ms-input-placeholder { color:#bababa !important; }
.d_1170_4 a{float: right; display: block; width: 13.333333%; height: 36px; line-height: 36px; color: #fff; font-size: 16px; text-align: center; background: #186ebf;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.d_1170_4 a:hover{background: #0b5ba7;}

@media  screen and (max-width:1199px){
  .d_1170_4 input.input{ margin-right: 15px;}
  .d_1170_4 .yzm{ margin-right: 15px; }
}
@media  screen and (max-width:991px){
  .d_1170_4  input.input{width:28.427350%;  margin-right: 10px; font-size: 14px;}
  .d_1170_4 .yzm{width:24.854701%;  margin-right: 10px; padding-right: 68px;}
  .d_1170_4 a,
  .d_1170_4 .yzm input{font-size: 14px; }
  .d_1170_4 .yzm i{ width: 66px;}
}
@media  screen and (max-width:767px){
  .c_1170_4{padding-bottom: 28px;}
  .d_1170_4{ padding-top: 20px;}
  .d_1170_4  input.input{width:100%;  margin-right: 0; font-size: 14px; margin-top: 10px;}
  .d_1170_4 .yzm{width:100%;  margin-right:0; padding-right: 88px; margin-top: 10px;}
  .d_1170_4 .yzm input{font-size: 14px; }
  .d_1170_4 .yzm i{ width: 86px;}
  .d_1170_4 a{ width:100%; height: 36px; line-height: 36px;  margin-top: 10px; }
}

/* 产品展示详情 */
.c_1170_6{float: left; width: 100%; padding-top: 20px; padding-bottom: 50px;}
.le_6{float: left; width: 17.094017%;}
.le_6 img{float: left; width: 100%; display: block; margin-top: 10px;}
.le_6 h2{float: left; width: 100%; font-size: 22px; height: 58px; line-height: 58px; color: #fff; text-align: center; background: #186ebf;}
.le_6 .pz_SideLayer{float: left; width: 100%; }
.le_6 .pz_SideLayer .li1{float: left; width: 100%; margin-top: 10px;background: url(images/bg_6_1.jpg) repeat-x; position: relative;}
.le_6 .pz_SideLayer .li1 > a{float: left; width: 100%; display: block; padding: 0 28px 0 15px; height: 34px; line-height: 34px; font-size: 15px; color: #444;  border: 1px solid #e0e0e0; position: relative;

 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.le_6 .pz_SideLayer .li1 i{position: absolute; width: 8px; height: 14px; background: url(images/bg_6_2.png) no-repeat; display: block; right: 20px; top: 50%; margin-top: -7px;
-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;}
.le_6 .pz_SideLayer .li1.on > a,
.le_6 .pz_SideLayer .li1 > a:hover{ color: #186ebf;}
.le_6 .pz_SideLayer .li1.on > a i,
.le_6 .pz_SideLayer .li1 > a:hover i{width: 14px; height: 8px; background: url(images/bg_6_3.png) no-repeat; right: 17px; top: 50%; margin-top: -4px;}
.le_6 .pz_SideLayer ul{display: none; float: left; width: 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;}
.le_6 .pz_SideLayer .li1.on ul{display: block;}
.le_6 .pz_SideLayer .li2{float: left; width: 100%; }
.le_6 .pz_SideLayer .li2 a{float: left; width: 100%; display: block; height: 38px; line-height: 38px;font-size:14px; color: #666; padding-left: 30px; background: url(images/bg_6_7.png) no-repeat 16px center; }
.le_6 .pz_SideLayer .li2:nth-child(2n+1){background: #f8f8f8;}
.le_6 .pz_SideLayer .li2.active a,
.le_6 .pz_SideLayer .li2 a:hover{color: #186ebf; background: url(images/bg_6_7_h.png) no-repeat 16px center;}

@media  screen and (max-width:991px){
  .le_6{float: left; width:22%;}
}
@media  screen and (max-width:767px){
  .c_1170_6{padding-bottom: 30px;}
  .le_6{float: left; width:100%;}
  .le_6 h2{font-size: 18px; height: 38px; line-height: 38px;}
  .le_6 ul .li1 a{ font-size: 14px;}
}
.r_6{float: right; width: 80.341880%;}
.r_6 .r_6_tit{float: left; width: 100%; border-bottom: 1px solid #f5f5f5; color: #888;}
.r_6 .r_6_tit a{display: inline-block; padding: 0 6px; font-size: 14px; color: #888; height: 40px; line-height: 40px; }
.r_6 .r_6_tit a span{float: left; display:inline-block; width: 19px; height: 40px; background: url(images/bg_6_4.png) no-repeat left;
-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_6 .r_6_tit a.on,
.r_6 .r_6_tit a:hover{color: #00438a;}
.r_6 .r_6_tit a:hover span{background: url(images/bg_6_4_h.png) no-repeat left;}

.m_6{float: left; width: 100%; margin-top: 32px;}
.m_6 > h2{float: left; width: 100%; font-size: 24px; line-height: 62px; height: 62px; color: #333; text-align: center; position: relative;}
.m_6 > h2::after{width: 50px; height: 1px; background: #e5e5e5; position: absolute; left: 50%; margin-left: -25px; bottom: 0; content: "";}
.m_6 .m_6_t{float: left; width: 100%; margin-top: 30px;}
.slideOut{ position: relative;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;
  background: #f5f5f5;
}
.slide::before{content: ""; width: 100%; height: 9.73%; background: #fff; position: absolute; top: 0; left: 0;}
.slide::after{content: ""; width: 100%; height:9.73%; background: #fff; position: absolute; bottom: 0; left: 0;}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #fff;
    border: #e5e5e5 solid 1px;
}
.slide .img img{
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    margin: 6px;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 33%;
    height: 71.2297%;
    top: 15.07%;
    left: 2.3404%;
    z-index: 2;
    filter:alpha(opacity=60);opacity:0.6;
    background: #000;
}
.slide .img2::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 7px;}
.slide .img2::after{width: 100%; height: 96%; content: ""; background: rgba(0,0,0,.6); position: absolute; left: 6px; top: 6px;}
.slide .img3{
    background: #fff;
    width: 70.880851%;
    height: 98%;
    top: 1%;
    left: 14.79%;
    z-index: 3;
}
.slide .img4{
    width: 33%;
    height: 71.2297%;
    top: 15.07%;
    right: 2.3404%;
    z-index: 2;
    background: #000;
   filter:alpha(opacity=60);opacity:0.6;
}
.slide .img4::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 7px;}
.slide .img4::after{width: 100%; height: 96%; content: ""; background: rgba(0,0,0,.6); position: absolute; right: 6px; top: 6px;}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}
.slide .img2 .sd{ display: none;}
.slide .img4 .sd{ display: none;}

button{
    width: 50px;
}
.butLeft{ position: absolute; left:5.5319%; top: 50%; margin-top: -34px; width:68px; height: 68px; background: url("images/left_6_1.png") no-repeat; outline: 0; z-index: 20; }

.butRight{position: absolute; right:5.5319%; top: 50%; margin-top: -34px; width:68px; height: 68px; background: url("images/right_6_1.png") no-repeat; outline: 0; z-index: 20;}
.butLeft:hover,
.butRight:hover{filter:alpha(opacity=80);opacity:0.8; }

@media screen and (max-width:991px){
  .r_6{float: right; width: 76.341880%;}
}
@media screen and (max-width:767px){
  .r_6{float: right; width: 100%;}
  .r_6 .r_6_tit{margin-top: 20px;}
  .r_6 .r_6_tit a{padding: 0 3px; font-size: 12px; height: 30px; line-height: 30px; }
  .r_6 .r_6_tit a span{width: 19px; height: 28px; }
  .m_6{margin-top: 22px;}
  .m_6 h2{ font-size: 16px; line-height: 42px; height:auto;}
  .m_6 .m_6_t{ margin-top: 20px;}
  .slide .img2{ opacity: 1;}
  .slide .img4{opacity: 1;}
  .slide .img img{width: calc(100% - 6px);height: calc(100% - 6px);margin: 3px;}
  .slide .img2::before,
  .slide .img4::before{  border: #fff solid 3px;}
  .slide .img2::after,
  .slide .img4::after{right: 3px; top: 3px; height: 95%;}
  .butLeft{ width: 20px; height: 20px; margin-top: -10px; background-size: cover;}
  .butRight{ width: 20px; height: 20px; margin-top: -10px; background-size: cover;}
}
.m_6_m{float: left; width: 100%; padding-top: 30px;}
.m_6_m i{float: left; width: 100%; height: 14px; display: block; background: url(images/bg_6_5.png) no-repeat center;}
.m_6_1{float: left; width: 100%; padding-top: 32px;}
.m_6_1 h2{float: left; width: 50%; font-size: 18px; color: #000; font-weight: bold; height: 32px; line-height: 32px;}
.bdsharebuttonbox{float: right;}
.m_6_2{padding-top: 14px; float: left; width: 100%; font-size: 14px; color: #333333; padding-bottom: 39px; border-bottom: 1px solid #e5e5e5;}
.m_6_2 .m_6_h4{float: left; width: 100%; font-size: 14px; color: #186ebf; padding-left: 10px; background: url(images/bg_6_6.jpg) no-repeat left; font-weight: bold; line-height: 36px; height: 36px;}
.m_6_2 .span{float: left; width: 100%;  display: block; line-height: 36px; height: auto;}
.m_6_d{float: left; width: 100%; padding: 20px 0; color: #333;}
.m_6_d span{float: left; width: 50%;  display: block;  font-size: 14px;  line-height: 32px; height: 32px;}
.m_6_d span a{float: left; font-size: 14px; color: #333; max-width: 100%; display: block;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_6_d span.m_6_a2 a{float: right;}
.m_6_d span a:hover{color: #3191ce;}
.m_6_d b{font-weight:normal;}
@media screen and (max-width:767px){
 .m_6_m{ padding-top: 20px;}
  .m_6_1{padding-top: 12px;}
  .m_6_1 h2{font-size: 16px; height: 28px; line-height: 28px;}
  .m_6_d{padding: 10px 0;}
  .m_6_d span{ width: 100%;  font-size: 12px;  line-height: 26px; height: 26px;}
  .m_6_d span.m_6_a2 a{float: left;}

}

/* 产品展示 */
.m_7{float: left; width: 100%; min-height: 500px;}
.m_7 ul{margin: 0 -15px;}
.m_7 ul li{float: left; width: 33.333333%; padding: 0 15px; margin-top: 30px;}
.m_7 ul li a{float: left; width: 100%; display: block; border: 1px solid #186ebf; position: relative;}
.m_7 ul li a img{float: left; width: 100%; display: block;}
.m_7 .m_7_h{position: absolute; width: 100%; bottom: 0; left: 0; height: 55px; background: rgba(0,0,0,.7); color: #fff;  padding: 0 33px; text-align: center; 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;}
.m_7 .m_7_h h4{float: left; width: 100%; font-size: 18px; line-height: 55px; height: 55px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_7 .m_7_h h5{float: left; width: 100%;line-height: 24px; height: 66px; overflow: hidden; text-align: left; padding-top: 18px; position: relative; font-size: 18px; }
.m_7 .m_7_h h5::before{content: ""; width: 0; height: 2px; background: #fff; position: absolute; left:50%;  top: 1px; 
-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;}
.m_7 .m_7_h span{display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 120px; height: 35px; line-height: 35px; background: #fff; margin-top: 24px; color: #186ebf; font-size: 12px; text-transform: uppercase;
 -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.m_7 ul li a:hover .m_7_h{height: 100%; padding: 10px 33px 30px 33px; background: rgba(24,110,191,.85);}
.m_7  a:hover .m_7_h h5::before{width: 63px; margin-left: -32px;}
@media screen and (max-width:1199px){
  .m_7 .m_7_h h4{font-size: 14px; line-height: 40px; height: 40px;}
  .m_7 .m_7_h h5{line-height: 22px; max-height: 54px; padding-top: 10px; font-size: 12px; }
}

@media screen and (max-width:991px){
  .m_7{min-height: 600px;}
  .m_7 ul{margin: 0 -10px;}
  .m_7 ul li{padding: 0 10px; margin-top: 20px;}
  .m_7 .m_7_h{ padding: 0 15px; height: 40px;}
  .m_7 .m_7_h span{ width: 70px; height: 22px; line-height: 22px;margin-top: 5px; font-size: 12px; }
  .m_7 ul li a:hover .m_7_h{padding: 0 15px;}
}
@media screen and (max-width:767px){
  .m_7{min-height: 400px;}
  .m_7 ul{margin: 0 -5px;}
  .m_7 ul li{padding: 0 5px; margin-top: 10px; width: 50%;}
  .m_7 .m_7_h{ padding: 0 10px; height: 24px;}
  .m_7 .m_7_h h4{font-size: 12px; line-height: 24px; height: 24px;}
  .m_7 .m_7_h h5{line-height: 20px; height: 45px; padding-top: 5px; font-size: 12px; }
  .m_7 .m_7_h span{ width: 55px; height: 20px; line-height: 20px;margin-top: 5px; font-size: 12px; }
  .m_7 ul li a:hover .m_7_h{padding: 5px 15px 0 15px;}
  .m_7  a:hover .m_7_h h5::before{width: 43px; margin-left: -22px;}
}

/* 资质荣誉 */
.m_8{float: left; width: 100%; padding-top: 15px; min-height: 500px;}
.m_8 ul{margin: 0 -15px;}
.m_8 ul li{float: left; width: 33.333333%; padding: 0 15px; margin-top:  15px;}
.m_8 ul li a{float: left; width: 100%; display: block; }
.m_8 ul li .m_8_pic{float: left; width: 100%; border: 1px solid #ebebeb; position: relative;}
.m_8 ul li .m_8_pic img{float: left; width: 100%; display: block;}
.m_8 .m_8_h{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(24,110,191,.8) url(images/bg_8_1.png) no-repeat center; height: 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;}
.m_8 ul li span{float: left; width: 100%; display: block; height: 38px; line-height: 38px; color: #353535; font-size: 14px; margin-top: 8px; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_8 ul li a:hover .m_8_h {height: 63px;}

@media screen and (max-width:991px){
  .m_8{ min-height: 600px;}
}
@media screen and (max-width:767px){
  .m_8{ min-height: 400px;}
  .m_8 ul li{width:50%; padding: 0 5px; margin-top:  5px;}
  .m_8 ul li span{height: 48px; line-height: 24px;font-size: 12px; margin-top: 8px;  overflow:hidden;white-space:normal;}
}

/* 关于我们  */
.m_9{float: left; width: 100%; margin-top: 8px; padding-bottom: 30px;}
.m_9 .m_9_tit{float: left; width: 100%; margin-top: 32px;}
.m_9 .m_9_tit h4{float: left; width: 100%; font-size: 24px; line-height: 40px; height: 40px; color: #186ebf; text-align: center; }
.m_9 .m_9_tit h5{float: left; width: 100%; text-align: center; font-size: 14px; padding: 10px 0 11px 0; height: 32px; text-transform: uppercase;}
.m_9 .m_9_tit span{ padding: 0 19px; height: 11px; line-height: 11px; display: inline-block; *display:inline; *zoom:1; vertical-align: top;  border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;  position: relative;}
.m_9 .m_9_tit span::before{content: ""; width: 219px; position: absolute; height: 1px; top: 50%; right: 100%; background: url(images/bg_9_1.png) no-repeat right;}
.m_9 .m_9_tit span::after{content: ""; width: 219px; position: absolute; height: 1px; top: 50%; left: 100%; background: url(images/bg_9_2.png) no-repeat left;}
.m_9 .m_9_t{float: left; width: 100%; padding: 29px 0 39px 0; line-height: 24px; height: auto; font-size: 14px; color: #333;}
.m_9 .m_9_t img{display: block; margin: 0 auto;}

@media  screen and (max-width:991px){
  .m_9 .m_9_tit{margin-top: 22px;}
  .m_9 .m_9_tit h4{font-size: 20px; line-height: 34px; height: 34px; }
}
@media  screen and (max-width:767px){
  .m_9 .m_9_tit{margin-top: 12px;}
  .m_9 .m_9_tit h4{font-size: 16px; line-height: 30px; height: 30px; }
  .m_9 .m_9_tit h5{font-size: 12px; padding: 5px 0; height: 21px;}
  .m_9 .m_9_tit span::before,
  .m_9 .m_9_tit span::after{width: 80px; background-size:100px;}
  .m_9 .m_9_t{padding: 19px 0 29px 0; line-height: 24px; font-size: 12px;}
}

.m_9 .m_9_le{float: left; width: 100%; background: #f5f5f5;}
.m_9_1{ padding:35px 130px 0 130px; margin:0; overflow:hidden;}
.m_9_1 .slick-slide{ padding:0;}
.m_9_1 .li_hp{ float: left; position: relative;}
.m_9_1 .li_hp::before{content: ""; position: absolute; width: 13px; height: 13px; left: 9px; top: 0; background: url(images/bg_9_4.png) no-repeat;}
.m_9_1 .li_hp::after{content: ""; width: 100%; height: 1px; position: absolute; background: #186ebf; bottom: 90px; left: 0; }
.m_9_1 li .box_hp{ position:relative; padding-bottom: 171px; }
.m_9_1 li .box_hp .m_9_1_1{float: left; width: 100%; padding: 0 20px; border-left: 1px dashed #186ebf; margin-top: 11px; position: relative;}
.m_9_1 li .box_hp .m_9_1_1::after{content: ""; width: 62px; height: 67px; background: url(images/bg_9_6.png) no-repeat center; position: absolute; left: 0; top: 100%;}
.m_9_1 li .box_hp h4{float: left; width: 100%; font-size: 16px; color: #186ebf; line-height: 22px; height: 22px; font-weight: bold;}
.m_9_1 li .box_hp span{float: left; width: 100%; font-size: 14px; color: #555; line-height: 24px; height: 96px; overflow: hidden; margin: 5px 0 18px 0; }
.m_9_1 li .box_hp .m_9_year{margin-top: 31px;display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: absolute; left: 16px; bottom: 30px;width: 123px; height: 123px; background:url(images/bg_9_3.png) no-repeat center; }
.m_9_1 li .box_hp .m_9_year::after{content: ""; width: 103px; height: 103px; position: absolute; left: 10px; top: 10px; background: url(images/bg_9_5.png) no-repeat; z-index: 6;}
.m_9_1 li .box_hp .m_9_year h5{position: absolute; left: 0; top: 50%; height: 40px; line-height: 40px; margin-top: -20px; color: #fff; font-weight: bold; width: 100%; font-size:24px; text-align: center; z-index: 9;}
.m_9_1 .slick-prev,
.m_9_1 .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
	  left:30px;
    top: 50%;
    display: block;
    width: 43px;
    height: 60px;
    padding: 0;
    margin-top: -30px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	background:url(images/left_9_1.png) no-repeat;
	z-index:100;
}
.m_9_1 .slick-next{
	left:auto;
	right:30px;
	background:url(images/right_9_1.png) no-repeat;
}
@media  screen and (max-width:1199px){
  .m_9_1{ padding:35px 100px 0 100px;}
}

@media  screen and (max-width:991px){
.m_9_1 .slick-prev,
.m_9_1 .slick-next{ width: 30px; height: 47px;background-size:30px 47px;}
.m_9_1 .slick-next{background-size:30px 47px;}
}
@media  screen and (max-width:767px){
  .m_9_1{ padding:35px 60px 0 60px;}
  .m_9_1 .li_hp::after{ bottom: 80px;}
  .m_9_1 li .box_hp{padding-bottom: 151px; }
  .m_9_1 li .box_hp h4{font-size: 14px;}
  .m_9_1 li .box_hp span{font-size: 12px;  line-height: 20px; height: 80px; margin: 5px 0 8px 0; }
  .m_9_1 li .box_hp .m_9_year{margin-top: 21px; left: 26px; bottom: 30px;width: 103px; height: 103px; background-size:103px; }
  .m_9_1 li .box_hp .m_9_year::after{width: 83px; height: 83px;  left: 10px; top: 10px; background-size: 83px;}
  .m_9_1 li .box_hp .m_9_year h5{height: 30px; line-height: 30px; margin-top: -15px;font-size:20px;}
  .m_9_1 .slick-prev,
  .m_9_1 .slick-next{left:15px;width: 25px; height: 42px;background-size:25px 42px;}
  .m_9_1 .slick-next{left:auto;right:15px;background-size:25px 42px;}	 
}
.m_9 .m_9_r{float: left; width: 100%;}
.m_9 .m_9_r ul{float: left; width: 100%; margin-top: 30px;}
.m_9 .m_9_r ul li{float: left; width: 33.333333%;}
.m_9 .m_9_r ul li a{float: left; width: 100%; display: block; }
.m_9 .m_9_r ul li .m_9_pic{float: left; width: 100%;  overflow: hidden;}
.m_9 .m_9_r ul li .m_9_pic img{float: left; width: 100%; display: block;
-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;}
.m_9 .m_9_2{float: left; width: 100%; padding: 41px 43px 35px 30px; background: #fafafa;}
.m_9 .m_9_2 h4{float: left; width: 100%; font-size: 18px; line-height: 26px; height: 26px; color: #333; font-weight: bold;}
.m_9 .m_9_2 h5{float: left; width: 100%; font-size: 14px; line-height: 22px; height: 22px; color: #186ebf; font-family: Arial;}
.m_9 .m_9_2 div{float: left; width: 100%; font-size: 16px; line-height: 31px; height: 124px; overflow: hidden;color: #515151; margin-top: 7px;}
.m_9 .m_9_2 span{float: left; display: block; width: 31px; height: 31px; background: #fff; margin-top: 14px; text-align: center; font-size: 20px; line-height: 31px; color: #186ebf;
-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-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
     box-shadow: 1px 1px 10px rgba(0,0,0,.1);
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;}
.m_9 .m_9_r ul li a:hover .m_9_2 span{background-color:#186ebf; color: #fff; }
.m_9 .m_9_r ul li a:hover .m_9_pic img{
    -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media  screen and (max-width:1199px){
  .m_9 .m_9_2{padding: 24px 23px 18px 20px;}
  .m_9 .m_9_2 h4{ font-size: 18px; line-height: 24px; height: 24px;}
  .m_9 .m_9_2 h5{font-size: 14px; line-height: 20px; height: 20px;}
  .m_9 .m_9_2 div{font-size: 14px; line-height: 28px; height: 112px;margin-top: 7px;}
}
@media  screen and (max-width:991px){
  .m_9 .m_9_2{padding:15px;}
  .m_9 .m_9_2 div{font-size: 12px; line-height: 23px; height: 69px;margin-top: 2;}
  .m_9 .m_9_2 span{ width: 25px; height: 25px; margin-top: 4px; font-size: 18px; line-height: 25px;}
}
@media  screen and (max-width:767px){
  .m_9 .m_9_r ul{margin-top: 20px;}
  .m_9 .m_9_r ul li{width:100%; margin-top: 10px;}
  .m_9 .m_9_r ul li .m_9_pic{width: 40%; height: 200px;}
  .m_9 .m_9_2{padding:15px; width: 60%; height: 200px; background: #f6f6f6;}
  .m_9 .m_9_2 h4{font-size: 14px; line-height: 24px; height: 24px;}
  .m_9 .m_9_2 h5{font-size: 12px; line-height: 20px; height: 20px;}
  .m_9 .m_9_2 div{font-size: 12px; line-height: 23px; height: 92px;margin-top: 2;}
}
.m_9 .m_9_m{float: left; width: 100%; padding-bottom: 40px;}
.m_9 .m_9_3{float: left; width: 100%; padding-top: 20px;}
.m_9 .m_9_3 > div{float: left; width: 53.191489%; padding: 33px 30px;  }
.m_9 .m_9_3 > div span{float: left; width: 100%; display: block; height: 294px; overflow: hidden; line-height: 42px; font-size: 16px; color: #fff;}
.m_9 .m_9_3 ul{float: left; width: 46.808511%;
 -webkit-box-shadow: 1px 1px 40px 10px  rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 40px 10px rgba(0,0,0,.1);
         box-shadow: 1px 1px 40px 10px  rgba(0,0,0,.1); }
.m_9 .m_9_3 ul li{float: left; width: 100%; background: #fff;}
.m_9 .m_9_3 ul li div{float: left; width: 100%;  padding: 20px 30px 38px 30px; position: relative; overflow: hidden;}
.m_9 .m_9_3 ul li h2{float: left; width: 100%; font-size: 20px; font-weight: bold; color: #333; line-height: 30px; height: 30px; }
.m_9 .m_9_3 ul li h3{float: left; width: 100%; font-size: 16px; color: #333; line-height: 32px; height: 32px; overflow: hidden;}
.m_9 .m_9_3 ul li i{display: block; position: absolute; width: 72px; height: 72px; right: 25px; bottom: -20px; }
.m_9 .m_9_3 ul li.bur{position: relative; z-index: 9;
 -webkit-box-shadow: 1px 1px 40px 10px  rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 40px 10px rgba(0,0,0,.2);
         box-shadow: 1px 1px 40px 10px  rgba(0,0,0,.2);
}

@media  screen and (max-width:991px){
  .m_9 .m_9_3 > div{padding: 23px 20px;  }
  .m_9 .m_9_3 > div span{ height: 272px; line-height: 34px; font-size: 14px;}
  .m_9 .m_9_3 ul li div{ padding: 16px 20px 28px 20px;}
  .m_9 .m_9_3 ul li h2{font-size: 14px;}
  .m_9 .m_9_3 ul li h3{font-size: 12px;}
}
@media  screen and (max-width:767px){
  .m_9 .m_9_3 > div{width: 100%; padding: 23px 20px;  }
  .m_9 .m_9_3 > div span{ height: auto; line-height: 30px; font-size: 12px;}
  .m_9 .m_9_3 ul{width: 100%;}
  .m_9 .m_9_3 ul li div{ padding: 10px 15px 18px 15px;}
}


.m_9 .m_9_d{float: left; width: 100%; padding-bottom: 40px; background: #f6f6f6;}
.m_9 .m_9_4{float: left; width: 100%; padding-top: 20px;}
.m_9 .m_9_4 ul{float: left; width: 100%; padding: 0 16px;}
.m_9 .m_9_4 ul li{float: left; width: 16.666667%; padding: 0 14px; }
.m_9 .m_9_4 ul li a{float: left; display: block; width: 100%; padding-bottom: 115%; background: url(images/bg_9_11.png) no-repeat; background-size: 100%; overflow: hidden; position: relative;}
.m_9 .m_9_4 ul li img{position: absolute; top: 50%; left: 15%; width: 70%; display: block;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.m_9 .m_9_4 ul.p106{padding: 0 92px; position: relative; top: -15px; left: auto; right: auto;}
.m_9 .m_9_4 ul.p106 li{width: 20%;}
.m_9 .m_9_4 ul li a:hover{filter:alpha(opacity=80);opacity:0.8; }

@media  screen and (max-width:1199px){
  .m_9 .m_9_4 ul.p106{padding: 0 78px;}
}
@media  screen and (max-width:991px){
  .m_9 .m_9_4 ul li{padding: 0 8px; }
  .m_9 .m_9_4 ul.p106{padding: 0 60px; top: -8px;}
}
@media  screen and (max-width:767px){
  .m_9 .m_9_d{padding-bottom: 20px;}
  .m_9 .m_9_4 ul{padding: 0 10px;}
  .m_9 .m_9_4 ul li{padding: 2px 8px; width: 33.333333%;}
  .m_9 .m_9_4 ul.p106{padding: 0 10px; top: 0;}
  .m_9 .m_9_4 ul.p106 li{width: 33.333333%;}
}

/* 联系我们 */
.m_10{float: left; width: 100%; padding-top: 30px; padding-bottom: 30px;}
.le_10{float: left; width: 48.404255%;}
.le_10 h2{float: left; width: 100%; font-size: 24px; color: #333; line-height: 38px; height: 38px; }
.le_10 ul{float: left; width: 100%; margin-top: 7px;}
.le_10 ul li{float: left; width: 100%; margin-top: 16px;}
.le_10 ul li img{float: left; width: 30px; }
.le_10 ul li span{float: left; width: 68.571429%; margin-left: 15px; display: block; line-height: 30px; max-height: 60px; font-size: 16px; color: #333;}
.le_10 .le_10_b{float: left;width: 100%; margin-top: 46px; }
.le_10 .le_10_b img{float: left; width: 120px;}
.le_10 .le_10_1{float: left; width:55.056180%; margin-top: 66px; padding-left: 25px;}
.le_10 .le_10_1 h4{float: left; width: 100%; padding-left: 38px; line-height: 30px; height: 30px; font-size: 16px; color: #333; background: url(images/img_10_5.png) no-repeat left;}
.le_10 .le_10_1 span{float: left; width: 100%; display: block; font-size: 16px; line-height: 30px; height: 30px; color: #333;}
#dituContent{ width: 51.595745%;height: 432px;float: left;overflow: hidden; position: relative; font-size: 16px; color: #333;}
#dituContent img{max-width:none;}
#dituContent .BMap_bubble_content{width: 260px; height: 31px!important; line-height: 31px!important; }
.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;}

@media  screen and (max-width:1199px){
  .le_10 ul li span{width: 78.571429%;  font-size: 14px; }
  .le_10 .le_10_1{ width:63.056180%; padding-left: 15px;}
}
@media  screen and (max-width:991px){
  .m_10{padding-top: 20px; padding-bottom: 0;}
  .le_10{width:100%;}
  #dituContent{ width:100%;margin-top: 20px;}
}
@media  screen and (max-width:767px){
  .le_10 h2{font-size: 16px; line-height: 30px; height: 30px; }
  .le_10 ul li img{width: 24px; }
  .le_10 ul li span{width: 80.571429%; margin-left: 15px;line-height: 24px; max-height: none; font-size: 12px; }
  .le_10 .le_10_b{margin-top: 26px; }
  .le_10 .le_10_b img{ width: 80px;}
  .le_10 .le_10_1{width:70.056180%; margin-top: 36px; padding-left: 10px;}
  .le_10 .le_10_1 h4{padding-left: 28px; line-height: 24px; height: 24px; font-size: 12px;  background-size: 24px;}
  .le_10 .le_10_1 span{font-size: 12px; line-height: 24px; height: 24px;}
  #dituContent{ width:100%;height: 300px;margin-top: 20px; font-size: 14px;}
}

/* 人才招聘  */
.m_11{float: left; width: 100%; padding-top: 30px; min-height: 500px;}
.t_11{float: left; width: 100%; background: #186ebf; height: 48px;}
.t_11 span{float: left; width:14.893617%; height: 48px; display: inline-block; font-size: 16px; font-weight: bold; padding-left: 20px; line-height: 48px; color: #fff;}
.t_11 ul{float: left; width: 85.106383%;  padding-right: 10.638298%;}
.t_11 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #fff; line-height: 48px; height: 48px; font-weight: bold;}
.d_11{float: left; width: 100%; margin-top: 11px;  background: #f5f5f5; cursor: pointer;}
.d_11 .d_11_t{float: left; width:14.893617%; display: table; height: 48px; }
.d_11 .d_11_t div{ display: table-cell; vertical-align: middle;}
.d_11 .d_11_t span{float: left; width: 100%; line-height: 24px; max-height: 48px;overflow: hidden;  font-size: 16px;padding-left: 20px;}
.d_11 ul{float: left; width: 85.106383%;padding-right: 10.638298%; position: relative;}
.d_11 ul li{float: left; width: 25%; text-align: center; font-size: 16px; color: #333; line-height: 48px; height: 48px;}
.d_11 ul i{position: absolute; right: 0; top: 0; width: 10.638298%; height: 48px; background: url(images/bg_11_1.png) no-repeat center; display: block; border-left: 1px solid rgba(255,255,255,.8);}
.d_11.on i{background: url(images/bg_11_3.jpg) no-repeat center;}
.d_11.on{background: #186ebf;}
.d_11.on .d_11_t span{color: #fff;}
.d_11.on ul li{color: #fff;}
.d_11 .d_11_h{display: none;float: left; width: 100%; padding: 24px 0; background: #fff;}
.d_11 .d_11_le{float: left; width: 47.340426%; padding-left: 20px; line-height: 28px; font-size: 14px; color: #666;}
.d_11 .d_11_le .d_11_h4{float: left; width: 100%; font-size: 16px; color: #333; line-height: 24px; height: 24px;}
.d_11 .d_11_le .d_11_s{float: left; width: 100%; display: block; font-size: 12px; padding-bottom: 6px;}
.d_11 .d_11_le a{float: left; width: 133px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; background: url(images/bg_11_2.png) no-repeat center; background-size: 100%; margin-top: 49px;}
.d_11 .d_11_le a:hover{background: url(images/bg_11_2_2.png) no-repeat center; background-size: 100%;}
.d_11 .d_11_le.d_11_r{margin-left: 23px; }

@media  screen and (max-width:1199px){
  .t_11 span{padding-left: 10px;}
  .d_11 .d_11_t span{ font-size: 14px; padding-left: 10px;}
  .d_11 ul li{font-size: 14px;}
}
@media  screen and (max-width:991px){
  .m_11{padding-top: 20px;  min-height: 600px;}
  .t_11 span{font-size: 14px;}
  .t_11 ul li{font-size: 14px; line-height: 48px; height: 48px; }
  .d_11 .d_11_t span{ font-size: 12px;}
  .d_11 ul li{font-size: 12px;}
}
@media  screen and (max-width:767px){
  .m_11{padding-top: 20px;  min-height: 400px;}
  .t_11{display: none;}
  .d_11 .d_11_t{width: 80%;}
  .d_11 .d_11_t span{ font-size: 12px;}
  .d_11 ul{width: 20%;}
  .d_11 ul i{width: 100%;}
  .d_11 ul li{display: none;}
  .d_11 .d_11_h{ padding: 14px 0;}
  .d_11 .d_11_le{width: 100%; padding-top: 10px;}
  .d_11 .d_11_le .d_11_h4{font-size: 14px;}
  .d_11 .d_11_le.d_11_r{margin-left: 0; }
  .d_11 .d_11_le a{width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin-top:  19px;}
}

/* 下载中心 */
.m_12{float: left; width: 100%; padding-top: 20px; padding-bottom: 30px; min-height: 600px;}
.m_12 ul{float: left; width: 100%; }
.m_12 ul li{float: left; width: 100%; margin-top: 10px; }
.m_12 ul li a{float: left; width: 100%; display: block; background: #f5f5f5;}
.m_12 ul li a span{float: left; width:14.042553%; display: block; border-right: 1px solid #fff; text-align: center; font-size: 14px; color: #333; line-height: 30px; height: 30px;  margin: 9px 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;}
.m_12 ul li a h4{float: left; width:79.468085%;height: 30px; line-height: 30px; font-size: 14px; color: #333;  padding-left: 30px; margin: 9px 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_12 ul li a i{float: left; width:6.382979%; display: block; background: url(images/bg_12_1.png) no-repeat center; border-left: 1px solid #fff; height: 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;}
.m_12 ul li a:hover{background: #186ebf;}
.m_12 ul li a:hover span,
.m_12 ul li a:hover h4{color: #fff;}
.m_12 ul li a:hover span{border-color: #2f7cc5;}
.m_12 ul li a:hover i{background: #1761a6 url(images/bg_12_1_h.png) no-repeat center; border-left:none;}

@media  screen and (max-width:991px){
  .m_12 ul li a span{width:18.042553%;}
.m_12 ul li a h4{width:75.468085%;}
}
@media  screen and (max-width:767px){
  .m_12{padding-bottom: 0; min-height: 400px;}
  .m_12 ul li a span{width:26.042553%;font-size: 12px;}
 .m_12 ul li a h4{width:63.468085%; font-size: 12px; padding-left: 10px;}
  .m_12 ul li a i{float: left; width:10.382979%; border-left: 1px solid #fff; height: 48px; background-size: 15px;}
}

/* 业务中心 */
.m_13{float: left; width: 100%; margin-top: 51px;}
.m_13 img{display: block; margin: 0 auto;}
.m_13 .m_13_d{float: left; width: 100%; margin-top: 30px;}
.m_13 .m_13_m{float: left; width: 100%; margin-top: 42px;}
.m_13 .m_13_1{float: left; width: 100%;}
.m_13 .m_13_1 span{float: left; width: 49px; height: 49px; background: #186ebf; font-size: 30px; line-height: 49px; text-align: center; color: #fff;}
.m_13 .m_13_1 h4{float: left; width: 50%; font-size: 18px; font-weight: bold; line-height: 49px; color: #186ebf; height: 49px; padding-left: 22px;}
.m_13 .m_13_2{float: left; width: 100%; font-size: 16px; color: #333; line-height: 32px; height: auto; margin-top: 21px;}

@media  screen and (max-width:767px){
  .m_13{margin-top: 21px;}
  .m_13 .m_13_d{margin-top: 20px;}
  .m_13 .m_13_m{margin-top: 22px;}
  .m_13 .m_13_1 span{width: 29px; height: 29px; font-size: 20px; line-height: 29px;}
  .m_13 .m_13_1 h4{font-size: 14px; line-height: 29px; height: 29px; padding-left: 5px;}
  .m_13 .m_13_2{font-size: 12px;line-height: 24px; margin-top: 10px;}
}

/* 疑问解答 */
.m_14{float: left; width: 100%; margin-top: 30px; border-top: 1px dotted #d5d3d4; min-height: 500px;}
.m_14 .m_14_1{float: left; width: 100%; border-bottom: 1px dotted #d5d3d4; padding: 15px 0 17px 0; cursor:pointer;}
.m_14 .m_14_1 h2{float: left; width: 100%; padding-right: 50px; font-size: 16px; color: #666; line-height: 26px; height: auto; position: relative;}
.m_14 .m_14_1 h2 i{position: absolute; width: 50px; height: 100%; display: block; background: url(images/bg_14_1.png) no-repeat center; top: 0; right: 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;}
.m_14 .m_14_h{display: none; float: left; width: 100%; padding-right: 28px; margin: 17px 0 10px 0; line-height: 30px; font-size: 14px; color: #555; height: auto;position: relative;}
.m_14 .m_14_h::after{position: absolute; width: 62px; height: 14px; content: ""; background: url(images/bg_14_2.jpg) no-repeat; bottom: -29px; left: 50%; margin-left: -31px; }
.m_14 .m_14_1.on{padding: 15px 0 17px 20px; background: #f5f5f5;}
.m_14 .m_14_1.on h2{color: #1568b5;}
.m_14 .m_14_1.on h2 i{background: url(images/bg_14_1_h.png) no-repeat center;}

@media  screen and (max-width:991px){
  .m_14{margin-top: 20px; min-height: 600px;}
  .m_14 .m_14_1 h2{font-size: 14px;line-height: 24px;}
  .m_14 .m_14_h{padding-right: 18px; margin: 12px 0 5px 0; line-height: 24px; font-size: 12px; }
  .m_14 .m_14_h::after{bottom: -24px;}
}
@media  screen and (max-width:767px){
  .m_14{min-height: 400px;}
  .m_14 .m_14_1 h2{padding-right: 30px;}
  .m_14 .m_14_1 h2 i{width: 30px; }
}

/* 证书查询 */

.m_15{float: left; width: 100%; padding-top: 12px; padding-bottom: 30px; position: relative;}
.m_15 .m_15_le{float: left; width: 68.723404%; }
.m_15 .m_15_1{float: left; width:100%; border: 1px solid #f1eded; position: relative; margin-top: 5px; overflow: hidden;
  -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;
 -webkit-box-shadow: 1px 1px 20px 5px rgba(0,0,0,.05);
    -moz-box-shadow: 1px 1px 20px 5px rgba(0,0,0,.05);
         box-shadow: 1px 1px 20px 5px rgba(0,0,0,.05);}

.m_15 .z_tit{line-height:40px; color: #333; font-size: 16px; float: left; width: 100%; margin-top: 19px;}

.m_15 .m_15_1 input{float: left; width: 100%; color: #333; font-size: 16px; line-height: 58px; height: 58px; padding: 0 115px 0 20px;}
.m_15 .m_15_1 i{position: absolute; width: 115px; height: 100%; right: 0; top: 0;}
.m_15 .m_15_1 i::before{content: ""; width: 1px; height: 28px; background: #e5e5e5; position: absolute; top: 50%; margin-top: -14px; left: -5px;}
.m_15 .m_15_1 i img{display: block;  position: absolute; top: 50%; right: 3px; max-width: 98%;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.m_15 .m_15_2{float: left; width: 100%; text-align: center; padding-top: 40px;}
.m_15 .m_15_2 a{width: 236px; height: 60px; line-height: 60px;  font-size: 16px; color: #fff; text-align: center;  display: inline-block; *display:inline; *zoom:1; vertical-align: top; background: #186ebf;
  -webkit-border-radius:5px; 
    -moz-border-radius:5px;
         border-radius:5px;}
.m_15 .m_15_2 a:hover{background: #1260a9;}
.m_15 .m_15_r{width: 28.617021%; position: absolute; right: 0; bottom: -30px; }
.m_15 .m_15_r img{float: left; width: 100%;}

@media  screen and (max-width:1199px){
  .m_15 .m_15_r{right: 30px;}
  .m_15 .m_15_2 a{width: 156px; height: 40px; line-height: 40px;  font-size: 14px;}
}
@media  screen and (max-width:991px){
  .m_15 .z_tit{line-height:30px; color: #333; font-size: 14px; float: left; width: 100%; margin-top: 15px;}
  .m_15 .m_15_1 input{font-size: 14px; line-height: 48px; height: 48px; padding: 0 85px 0 15px;}
  .m_15 .m_15_1 i{width: 85px;}
}
@media  screen and (max-width:767px){
  .m_15 .m_15_le{width:100%; }
  .m_15 .z_tit{line-height:30px; color: #333; font-size: 14px; float: left; width: 100%; margin-top: 15px;}
    .m_15 .m_15_1 input{font-size: 14px; line-height: 38px; height: 38px; padding: 0 65px 0 15px;}
  .m_15 .m_15_1 i{width: 65px;}
  .m_15 .m_15_2 a{width: 96px; height: 30px; line-height: 30px;  font-size: 14px;}
  .m_15 .m_15_r{width: 26.617021%; right: 0;}
}

/* 证书查询 - 查询结果*/
.m_16{float: left; width: 100%; padding-bottom: 30px; padding-top: 27px; text-align: center;}
.m_16 h2{float: left; width: 100%; font-size:22px ; line-height: 46px; height: 46px; color: #00438a;  text-align: left;}
.m_16 .m_16_m{width: 58.297872%; margin-top: 17px; display: inline-block; *display:inline; *zoom:1; vertical-align: top;}
.m_16 .m_16_m table{width:100%; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;}
.m_16 .m_16_m table tr{width: 100%; height: 47px; border-bottom: 1px solid #e0e0e0;}
.m_16 .m_16_m table tr th{border-right: 1px solid #e0e0e0; background: #f8f5f5; font-size: 16px; color: #444; font-weight: normal; padding:0 20px 0 45px; text-align: left;}
.m_16 .m_16_m table tr td{width: 71.532847%; border-right: 1px solid #e0e0e0; font-size: 16px; color: #333; padding: 0 20px 0 60px; text-align: left;}
.m_16 .m_16_1{float: left; width: 100%; padding-bottom: 47px;  line-height: 34px; color: #333; font-size: 16px;}
.m_16 .m_16_1 img{display: block; margin: 0 auto; padding-top: 55px;}
.m_16 .m_16_1 .span{float: left; width: 100%; display: block;  text-align: center; padding: 0 20px; margin-top: 31px;}

@media  screen and (max-width:1199px){
  .m_16 h2{ font-size:20px ;}
  .m_16 .m_16_m table tr th{font-size: 14px; padding:0 15px 0 25px; }
  .m_16 .m_16_m table tr td{font-size: 14px;  padding: 0 15px 0 40px;}
}
@media  screen and (max-width:991px){
  .m_16 .m_16_m{width: 75.297872%; }
}
@media  screen and (max-width:767px){
  .m_16{padding-bottom: 15px; padding-top: 20px;}
  .m_16 .m_16_m{width: 98.297872%; }
  .m_16 h2{ font-size:16px ; line-height: 30px; height: 30px;}
  .m_16 .m_16_m table tr th{font-size: 14px; padding:0 10px; }
  .m_16 .m_16_m table tr td{font-size: 14px;  padding: 0 10px;}
  .m_16 .m_16_1{padding-bottom: 17px; line-height: 34px;  font-size: 12px;}
  .m_16 .m_16_1 img{padding-top: 25px; width: 48px;}
  .m_16 .m_16_1 .span{  margin-top: 21px;}
}

/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; margin-top:26px; padding-bottom: 30px;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a { display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #186ebf; background:#186ebf; text-decoration:none;}
.pz_fy a.prve{ background:url(images/prve_fy.png) no-repeat center; width:100px;}
.pz_fy a.prve:hover,
.pz_fy a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.pz_fy a.next{ background:url(images/next_fy.png) no-repeat center; width:100px;}
.pz_fy a.next:hover,
.pz_fy a.next.on{ background:url(images/next_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
.d_0100_fy{margin-top:16px; padding-bottom: 10px;}
.pz_fy{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;}
.fy_phone a.prve{ background:url(images/prve_fy.png) no-repeat center;}
.fy_phone a.prve:hover,
.fy_phone a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.fy_phone a.next{ background:url(images/next_fy.png) no-repeat center;}
.fy_phone a.next:hover,
.fy_phone a.next.on{ background:url(images/next_fy_h.png) no-repeat center #186ebf; border:1px solid #186ebf;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

/*手机版底部菜单*/
.pf_d{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}
.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/down15.png) no-repeat center; background-size:20px 20px;}
.pf_down li:hover .name,
.pf_down li.on .name{ color:#186ebf;}
.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7{ background:url(images/btn15_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7{ background:url(images/btn16_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7{ background:url(images/down15_2.png) no-repeat center; background-size:20px 20px;}



/*通知公告*/
.notice{ float:left; width:100%;}
.notice ul {min-height:400px;}
.notice li{ margin-top: 2.56%; background-color: #fff;}
.notice li:hover{ background-color: #186ebf;}
.notice li a{ float: left; width: 100%; padding:1.7% 2.56% 1.7% 0; }
.notice li a .noticeLeft{ float: left; width: 136px; height: 95px; border-right: #e0e0e0 solid 1px; text-align: center;}
.notice li:hover a .noticeLeft{ border-right-color: #fff;}
.notice li a .noticeLeft .big{ margin-top: 11px; color: #186ebf; font-size: 50px; line-height: 52px;}
.notice li:hover a .noticeLeft .big{ color: #fff;}
.notice li a .noticeLeft .small{ color: #666666; font-size: 14px; line-height: 16px;}
.notice li:hover a .noticeLeft .small{ color: #fff;}
.notice li a .noticeRight{ padding-left:165px; }
.notice li a .noticeRight h3{ float: left; width: 100%; margin-top: 5px; color: #3b3b3b; font-size: 16px; line-height: 26px;}
.notice li:hover a .noticeRight h3{ color: #fff;}
.notice li a .noticeRight .noticeText{  float: left; width: 100%; height: 52px; margin-top: 10px; color: #666666; font-size: 14px; line-height: 26px; overflow: hidden;}
.notice li:hover a .noticeRight .noticeText{ color: #fff;}
@media  screen and (max-width:767px){
    .notice ul {min-height:initial;}
    .notice li a .noticeLeft{ width: 96px; height: 77px; }
    .notice li a .noticeLeft .big{ margin-top: 8px; font-size: 36px; line-height: 40px;}
    .notice li a .noticeRight{ padding-left:115px; }
    .notice li a .noticeRight h3{ line-height: 20px;}
    .notice li a .noticeRight .noticeText{ height: 40px; margin-top: 6px; line-height: 20px; }
}

/*新闻详情*/
.newInner{ float:left; width:100%;}
.newTitle{ float:left; width:100%;}
.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; font-weight: bold; line-height: 1.25; border-bottom:1px solid #d7d8d8; padding:4.87% 0 2.56% 0;}
.newTitle .newSub{ float:left; width:100%; height:53px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}
.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}
.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }
.newTitle .newSub .newSub_2 b{ float: right; width: 38px; height: 34px; line-height: 0; margin: 0 0 0 12px;}
.newTitle .newSub .newSub_2 a{ color:#777777;}
.newTitle .newSub .newSub_2 a:hover{ color: #1978cb;}
.newTitle .newSub .newSub_2 img{ width: 38px;}
.moveIn{ float:left; width:100%; padding: 3.2% 0 3% 0; color:#333333; font-size:16px; line-height:36px;  }
.newShare{ float:left; width:100%; padding: 0 0 3.24% 0; text-align: center; border-bottom:1px solid #d7d8d8; }
.newShare .shareCenter{ width:156px; margin:0 auto;}
@media  screen and (max-width:767px){
    .newTitle .newTit{  font-size:18px; padding: 25px 0;}
    .newTitle .newSub{ height:auto; text-align: center;}
    .newTitle .newSub .newSub_1{ float:left; width: 100%; padding: 15px 0 0 0; line-height: 24px; text-align: center;}
    .newTitle .newSub .newSub_2{ float:left; width: 100%; text-align: center; background: 0;}
    .moveIn{ padding: 20px 0;  }
    .newTitle .newSub .newSub_2 b{ float: none; width: 28px; height: 25px; display: inline-block;}
    .newTitle .newSub .newSub_2 img{ width: 28px;}
    .moveIn{ line-height:28px; }
}
.newMoreList{ float:left; width:100%; padding: 3% 0 5.12% 0;}
.newMoreList .newMoreTit{ color:#186ebf; font-size:24px; line-height:24px;}
.newMoreList .newDownBox{ margin: 0 -15px; padding: 22px 0 0 0;}
.newMoreList .newDownBox ul{}
.newMoreList .newDownBox ul li{ float:left; width:50%; padding: 0 15px;}
.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:16px; line-height:48px; overflow:hidden;text-overflow:ellipsis;}
.newMoreList .newDownBox ul li a.noLine{ border-bottom: 0;}
.newMoreList .newDownBox ul li a:hover{color:#186ebf;}
.newMoreList .newDownBox ul li span{ float:left; width: 70%;}
.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}
@media  screen and (max-width:991px){
    .moveIn{ color:#333333; font-size:14px; line-height:30px;  }
    .newMoreList .newMoreTit{ font-size:18px; }
    .newMoreList .newDownBox{ padding:23px 0 30px 0;}
    .newMoreList .newDownBox ul li a{ font-size: 14px; line-height:36px; }

}
@media  screen and (max-width:767px){
    .moveIn{ line-height:28px; }
    .newMoreList{ padding: 5% 0 4.18% 0;}
    .newShare{  margin:15px 0 0 0;  }
    .newMoreList .newDownBox{  padding:10px 0 10px 0;}
    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}
    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}
}

.newPage{ float: left; width: 100%;  }
.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}
.newPage .pageLeft:hover{ color: #186ebf;}
.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase; }
.newPage .aright{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}

/*侧悬浮*/
.cxf{width: 52px;position: fixed;right: 36px;top:50%;z-index: 10;
transform: translate(0,-50%);
-ms-transform: translate(0,-50%);}
.cxf .box{width: 52px;}
.cxf .box .box1{width: 100%; background-color: #0190dc;margin-bottom: 1px;position: relative;transition: all 0.5s;padding-top: 8px;border-radius: 4px;}
.cxf .box .box2{padding: 15px 0;}
.cxf .box .renter{cursor: pointer;}
.cxf .box .box1 .top{width: 22px;height: 22px;margin: 0 auto;}
.cxf .box .box1 .bottom{margin-top: 2px;font-size: 12px;color: #ffffff;text-align: center;height: 20px;}
.cxf .box .box1 .phone{  width:170px;position: absolute;right: 0;top: 30%;margin-top: -15px;background: #0190dc;padding: 8px;
-webkit-transition: all 0.5s ease-out 0s; 
-ms-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;}
.cxf .box .box1 .phone .p1{width: 100%;height: 22px;font-size: 16px;color: #ffffff;}
.cxf .box .box1 .phone .p2{font-size: 20px;color: #fff;}
.cxf .box .box1 .phone .phonebox{width: 100%;height: 100%;position: relative;}
.cxf .box .box1 .phone .phonebox::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent transparent #0190dc;position: absolute;right: -25px;top: 50%;margin-top: -10px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.cxf .box .box1 .ewm{width: 100px;height: 100px;}
.cxf .box .box1 .phones{width: auto;top: -20%;}
.cxf .box .box1 .con.rtl{ right: 120%;}
.cxf .box .box1 .phone1{left: 0;}
.cxf .box .box1 .con.ltr{ left: 102%;}
.cxf .box .box1:hover{background-color: #4d86dc;}
@media  screen and (max-width: 1199px){
}
@media  screen and (max-width: 991px){
.cxf .box{display: none;}
}


@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}