﻿/* 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; /*height:100vh;*/}

.pz_main{ float:left; width:100%;}

.pz_down{ float:left; width:100%;}







/* 右侧栏 */

.right{display: none; position: fixed; width: 59px; height: 220px; background: #414141; right: 10px; top: 50%; margin-top: -110px; z-index: 98; 

 -webkit-border-radius:10px; 

    -moz-border-radius:10px;

         border-radius:10px;}

.cha{position: absolute; left: 50%; bottom: -37px; margin-left: -13px; background: url(../images/cha.png) no-repeat; width: 26px; height: 26px; cursor: pointer;}

.right ul{float: left; width: 100%;}

.right ul li{float: left; width: 100%; height: 55px; }

.right ul li a{float: left; width: 100%; display: block; position: relative;}

.right ul li img{float: left; width:100%; display: block; }

.right ul li .right_pic2{position: absolute; left: 0; top: 0; width:100%; display: block;  z-index: 99; filter:alpha(opacity=00);opacity:0;

-webkit-transition: all 0.2s ease-out 0s; 

   -moz-transition: all 0.2s ease-out 0s; 

     -o-transition: all 0.2s ease-out 0s; 

        transition: all 0.2s ease-out 0s;}

.right ul li a span{position: absolute; display: block; right:0; width:135px; height: 55px; line-height: 55px; color: #fff; background: #0c427c; text-align: center;font-size: 16px; filter:alpha(opacity=00);opacity:0;

 -webkit-border-radius:4px 0 0 4px; 

    -moz-border-radius:4px 0 0 4px;

         border-radius:4px 0 0 4px;

-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;}

.right ul li a span i{position: absolute; left: 10px; width: 90px;  top: 65px; display: block;}

.right ul li a span i img{display: block; width: 100%; 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;}

.right ul li a:hover{background: #0c427c;}

.right ul li a:hover .right_pic2{ filter:alpha(opacity=100);opacity:1;}

.right ul li a:hover span{right: 50px; filter:alpha(opacity=100);opacity:1;}

.right ul li a:hover span i img{height: 90px;}





/*main*/


/* 案例 */



/* 二级页导航 */

.nav_2{float:left; width:100%; padding:26px 0; border-bottom:1px solid #e0e0e0;}

.nav_2 .nav_2_le{float: left; width:45%; height: 36px; }



.slide_li{float: left; width: 100%; margin:0; overflow:hidden;}

.slide_li .slick-slide{ padding:0; float: left;}

.slide_li li{ }

.slide_li li .box_hp{ overflow:hidden; position:relative; float:left; width:122px; padding-right: 6px;

        transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

-webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

}

.slide_li li .box_hp a{float:left; width:100%; display:block; background:#d5d5d5; font-size:14px; text-align:center; line-height:36px; height:36px; color:#434343;

 -webkit-border-radius:3px; 

    -moz-border-radius:3px;

         border-radius:3px;}

.slide_li li.on .box_hp a,

/*.slide_li .slick-slide.slick-current li .box_hp a,*/

.slide_li li .box_hp a:hover{color:#fff; background:#0c427c;}





.slide_li .slick-prev,

.slide_li .slick-next

{

    font-size: 0;

    line-height: 0;

    position: absolute;

	  left:3px;

    top: 50%;

    display: block;

    width: 11px;

    height: 18px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

	background:url(../images/left01.png) no-repeat;

	z-index:100;

}

.slide_li .slick-next{

	left:auto;

	right:3px;

	background:url(../images/right01.png) no-repeat;

}

@media  screen and (max-width:1430px){

  .slide_li li .box_hp{ width: 95%; padding-right: 0;}

  .nav_2 .nav_2_le.nav_less .slide_li li .box_hp{width: 122px; padding-right: 6px;}

}

@media  screen and (max-width:991px){

  .slide_li .slick-prev,

  .slide_li .slick-next{width: 8px; height: 15px;background-size:100%; }

}

@media  screen and (max-width:767px){

  .slide_li li .box_hp a{font-size:12px; line-height:30px; height:30px; }

  .nav_2 .nav_2_le.nav_less{width: 100%; height: auto; }

  .nav_2 .nav_2_le.nav_less .slide_li li .box_hp{width: 33.333333%; padding-right: 6px; margin-top: 6px;}

}



.nav_2 .nav_2_r{float:right; }

.nav_2 .nav_2_r a{float:left; line-height:36px; height:36px; color:#7c7c7c;  font-size:14px; position:relative; }

.nav_2 .nav_2_r a > img{float:left; width:15px; display:block; padding-top:12px;}

.nav_2 .nav_2_r a i{position:absolute; width:15px; display:block; left:0; top:12px;  filter:alpha(opacity=00);opacity:0;}

.nav_2 .nav_2_r a i img{ float:left; width:100%;  display:block;}

.nav_2 .nav_2_r>span span{ float:left; padding:0 8px;  line-height: 36px; height: 36px; color: #7c7c7c; font-size: 14px;}

.nav_2 .nav_2_r a span{padding-right:0;}

.nav_2 .nav_2_r a.on i,

.nav_2 .nav_2_r a:hover i{ filter:alpha(opacity=100);opacity:1;}

.nav_2 .nav_2_r a.on,

.nav_2 .nav_2_r a:hover{color:#0c427c;}



@media  screen and (max-width:991px){

  .nav_2{padding:15px 0 5px 0; text-align: center;}

  .nav_2 .nav_2_le{float: left; width:100%; height: 36px; }

  .nav_2 .nav_2_r{width: 100%; float: left; text-align: center;}

  .nav_2 .nav_2_r >span{float: none; *display:inline; display: inline-block; *zoom:1; vertical-align: top; margin-top: 10px;}

}



@media  screen and (max-width:767px){

  .nav_2{ padding:15px 0 5px 0;}

  .nav_2 .nav_2_r a{line-height:30px; height:30px; font-size:12px;}

  .nav_2 .nav_2_r a > img{padding-top:8px;}

  .nav_2 .nav_2_r a i{top:8px; }

  .nav_2 .nav_2_r >span span{ padding:0 3px; line-height:30px; height:30px; font-size:12px; }

  .nav_2 .nav_2_r a span{padding-right:0;}

}



.c_1400_7{float: left; width: 100%; padding-top: 10px; min-height: 500px;}

.c_1400_7 ul{margin: 0 -13px;}

.c_1400_7 ul li{float: left; width: 33.333333%; padding: 0 13px; margin-top: 36px;}

.c_1400_7 ul li a{float: left; width: 100%; display: block; position: relative; /*padding-bottom: 76px;*/}

.c_1400_7 ul li a i{float: left; width: 100%; display: block; overflow: hidden;}

.c_1400_7 ul li a i img{float: left; width: 100%; display: block; 

-webkit-transition: all 1s ease-out 0s; 

   -moz-transition: all 1s ease-out 0s; 

     -o-transition: all 1s ease-out 0s; 

        transition: all 1s ease-out 0s;}

.c_1400_7 .c_7_h{position: absolute; bottom: 0; left: 0; width: 100%;padding: 10px 10px 14px 10px; background: url(../images/zicon.png);

-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_1400_7 .c_7_h h4{float: left; width: 100%; font-size: 16px; color: #fff; line-height: 28px; height: 28px; text-align: center;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.c_1400_7 .c_7_h h5{float: left; width: 100%; font-size: 14px; line-height: 24px; height: 24px; color: #fff; text-align: center;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.c_1400_7 .c_7_h em{position: absolute; display: block; width: 34px; height: 34px; background: url(../images/bg_7_1.png) no-repeat center; filter:alpha(opacity=00);opacity:0; right: 15px; top: 50%; margin-top: -17px;

-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; background-size:100% 100%;}

.c_1400_7 ul li a:hover img{

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);}

.c_1400_7 ul li a:hover .c_7_h{padding: 10px 49px 14px 10px; background: url(../images/zicon1.png);}

.c_1400_7 ul li a:hover .c_7_h em{filter:alpha(opacity=100);opacity:1;}



@media  screen and (max-width:991px){

  .c_1400_7 ul{margin: 0 -5px;}

  .c_1400_7 ul li{padding: 0 5px; margin-top: 16px;}

  .c_1400_7 .c_7_h{padding: 10px;}

  .c_1400_7 .c_7_h h4{font-size: 14px; line-height: 24px; height: 24px;}

  .c_1400_7 .c_7_h h5{font-size: 12px; line-height: 20px; height: 20px; }

  .c_1400_7 .c_7_h em{height: 24px; background-size:  24px,24px; right: 10px; margin-top: -12px;}

  .c_1400_7 ul li a:hover .c_7_h{padding: 8px 39px 8px 10px;}

}

@media  screen and (max-width:767px){

  .c_1400_7 ul{margin: 0 -5px;}

  .c_1400_7 ul li{width: 50%; padding: 0 2px; margin-top: 10px;}

  .c_1400_7 ul li a{/*padding-bottom: 52px;*/}

  .c_1400_7 .c_7_h{padding: 5px;}

  .c_1400_7 .c_7_h h4{font-size: 13px; line-height: 24px; height: 24px;}

  .c_1400_7 .c_7_h h5{font-size: 12px; line-height: 20px; height: 20px; }

  .c_1400_7 ul li a:hover .c_7_h{padding: 5px 30px 5px 5px; height:auto;}

  .c_1400_7 .c_7_h em{right: 3px; margin-top: -8px;}

}



/* 案例-详细 */

.t_1400_8{float: left; width: 100%; margin-top: 47px; font-size: 14px; color: #8d8d8d; line-height: 30px; height: auto; }

.t_8_le{float: left; width: 46.714286%; border: 1px solid #e8e8e8;}

.t_8_le img{float: left; display: block; width: 100%;}

.t_8_r{float:right; width:48.714286%; padding-top: 18px;}

.t_8_r h2{float: left; width: 100%; font-size: 30px; color: #333; line-height: 54px; height: auto; }

.t_8_r h3{float: left; width: 100%; font-size: 24px; color: #0c427c; line-height: 54px; height: 64px; padding-bottom: 10px; border-bottom: 1px solid #f6f5f5;}

.t_8_m{float: left; width: 100%; font-size: 14px; color: #8d8d8d; line-height: 30px; height: auto; margin-top: 16px;}



@media  screen and (max-width:991px){

  .t_8_r h2{font-size: 24px; line-height: 44px; }

  .t_8_r h3{font-size: 20px; line-height: 44px; height: 44px; padding-bottom: 0;}

  .t_8_m{font-size: 14px; line-height: 24px; margin-top: 10px;}

}

@media  screen and (max-width:767px){

  .t_8_le{width:100%;}

  .t_8_r{width:100%; padding-top: 10px;}

  .t_8_r h2{font-size: 16px; line-height: 34px; }

  .t_8_r h3{font-size: 14px; line-height: 34px; height: 34px; }

}



.d_1400_8{float: left; width: 100%; padding-top: 54px; padding-bottom: 50px;}

.d_1400_8 .d_8_t{float: left; width: 100%; border-top: 2px solid #0c427c; background: #f6f6f6; padding: 15px 35px 18px 35px; line-height: 30px; color: #444; font-size: 18px; height: 65px;}

.d_1400_8 .d_8_m{float: left; width: 100%; padding: 28px 13px 38px 13px; line-height: 30px; color: #8d8d8d; font-size: 14px; height: auto; }

.d_1400_8 .d_8_m img{display: block; margin: 0 auto; padding: 15px 0;}

.d_1400_8 .d_8_d{float: left; width: 100%; font-size: 14px;  background: #f6f6f6; padding: 15px 35px; }

.d_1400_8 .d_8_d a{float: left; display: block; max-width: 50%; line-height: 34px; height: 34px; color: #555; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.d_1400_8 .d_8_d a span{color: #0c427c;}

.d_1400_8 .d_8_d a:hover{color: #0c427c;}

.d_1400_8 .d_8_d a b{font-weight:normal;}



@media  screen and (max-width:767px){

  .d_1400_8{padding-top: 24px; padding-bottom: 20px;}

  .d_1400_8 .d_8_t{ padding:10px 15px; line-height: 30px; font-size: 16px; height: 50px;}

  .d_1400_8 .d_8_m{ padding: 18px 5px; line-height: 24px;font-size: 14px;}

  .d_1400_8 .d_8_m img{ padding: 5px 0;}

  .d_1400_8 .d_8_d{font-size: 14px; padding: 10px 15px; }

  .d_1400_8 .d_8_d a{float: left!important; max-width: none; width: 100%;}

}





/*分页*/

.c_1400_fy{float: left; width: 100%; padding-top: 45px; padding-bottom: 43px; text-align: center;}

.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;height: 30px;}

.pz_fy a {display: block; float: left;margin:0 3px;min-width: 30px;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #999999;background:#f5f5f5;padding: 0 3px;}

.pz_fy a:hover,

.pz_fy a.on{color:#fff ;background: #0c427c;}

.fy_phone{ display:none;}

@media  screen and (max-width:767px){

.d_0100_fy{padding-top: 20px; padding-bottom: 20px;}

.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:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px;

-webkit-border-radius:15px; 

 -khtml-border-radius:15px;

   -moz-border-radius:15px;

        border-radius:15px;}

.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 #0c427c; border:1px solid #0c427c;}

.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 #0c427c; border:1px solid #0c427c;}

.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:28px;}

}



/*down*/

.c_1400_6{float:left; width:100%; display:block; background:#1b1c20;}

.t_1400_6{float:left; width:100%; display:block; padding:58px 0 22px 0;}

.le_6{float:left; width:29.428571%; padding:0 30px 0 8px;}

.le_6 .le_6_h4{float:left; width:100%; font-size:18px; color:#d0d0d0; line-height:35px; height:35px;}

.le_6 .le_6_t{float:left; width:100%; margin-top:5px;}

.le_6 .le_6_t li{float:left; width:100%; font-size:14px; color:#9b9b9b; line-height:36px; height:36px; padding-left:23px; position: relative;}

.le_6 .le_6_t li img{display:block; width:14px;position:absolute; left:0; top:12px;}

.le_6_d{float: left; width: 100%; margin-top: 11px;}

.le_6_d li{float: left; padding-right: 20px;}

.le_6_d li a{float: left; width: 22px; display: block;position: relative;}

.le_6_d li a img{float: left; width: 100%; display: block;}

.le_6_d li a i{position: absolute; display: block; left: 50%; width: 102px; margin-left: -56px; bottom: 100%; padding-bottom: 10px;}

.le_6_d li a i img{display: block; width: 100%; 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; }

.le_6_d li a:hover > img{filter:alpha(opacity=80);opacity:0.8; }

.le_6_d li a:hover i img{height: 102px;}



.ph_6_tit{float: left; width: 100%; background: rgba(56,55,60,.8); padding: 0 15px;}

.ph_6_tit h4{float: left; width: 100%; height: 28px; line-height: 28px; font-size: 14px;  color: #fff; position: relative;}

.ph_6_tit h4 i{position: absolute; display: block; right: 0; top: 50%; margin-top: -3px; width: 14px; height: 8px;  background: url(../images/jt_01.png) no-repeat; background-size:14px,8px; }



.m_6{float:left; width:35.142857%;}

.m_6 ul{float:left; width:33.333333%; padding-right:10px;}

.m_6 ul h4{float:left; width:100%; font-size:16px; color:#d0d0d0; line-height:36px; height:41px; padding-bottom:5px;}

.m_6 ul li{float:left; width:100%; }

.m_6 ul li a{float:left; width:100%; display:block; font-size:14px; color:#9b9b9b; line-height:35px; height:35px;}

.m_6 ul li a:hover{color:#fff;}

.r_6{float:right; width:23%; padding-right:5px; }

.r_6 .r_6_m{float:left; width:50%; padding-left:37px;}

.r_6 .r_6_m img{float:left; width:100%; display:block;}

.r_6 .r_6_m h4{float:left; width:100%; text-align:center; font-size:14px; color:#a4a4a6; line-height:30px; height:30px; margin-top:13px;}



.d_1400_6{float:left; width:100%; }

.d_1400_6 .d_6_t{float:left; width:100%; font-size:14px; line-height:35px; height:auto; color:#9b9b9b; text-align:center; padding-bottom:18px; border-bottom:1px solid #494949;}

.d_1400_6 .d_6_t a{/*float:left; width:100%; display:block;*/ color:#9b9b9b; }

.d_1400_6 .d_6_t a:hover{color:#fff;}

.d_1400_6 .d_6_d{float:left; width:100%; padding:14px 0 17px 0; text-align:center;}

.d_1400_6 .d_6_d div{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:14px; color:#9b9b9b; line-height:24px; height:auto; padding:0 15.5%;}

.d_1400_6 .d_6_d div i{font-style: normal;}

.d_1400_6 .d_6_d div a{color:#9b9b9b; padding:0 14px;}

.d_1400_6 .d_6_d div a:hover{color:#fff;}



@media  screen and (max-width:1430px){

.r_6{width:26%;}

}





@media  screen and (max-width:1199px){

  .le_6{ width:33%; padding:0 10px 0 8px;}

	.m_6{width:39.142857%; }

  .d_1400_6 .d_6_d div{ padding:0 4%;}

}

@media  screen and (max-width:991px){

	.t_1400_6{padding:28px 0 12px 0;}

	.le_6 .le_6_h4{ font-size:16px; line-height:30px; height:30px;}

	.le_6 .le_6_t{margin-top:5px;}

	.le_6 .le_6_t li{font-size:12px; line-height:30px; height:auto; padding-left:18px;}

	.le_6 .le_6_t li img{width:10px;}

  .le_6_d li a{ width: 18px;}

	.m_6{width:42%;}

	.m_6 ul{padding-right:5px;}

	.m_6 ul h4{font-size:14px; line-height:30px; height:30px; padding-bottom:0;}

	.m_6 ul li a{font-size:12px; line-height:30px; height:30px;}

	.r_6{width:25%; padding-right:5px; }

	.r_6 .r_6_m{padding-left:17px;}

	.r_6 .r_6_m h4{font-size:12px;}

  

	.d_1400_6 .d_6_t{font-size:12px; line-height:25px;padding-bottom:8px;}

	.d_1400_6 .d_6_d div{ font-size:12px; padding:0;}

}

@media  screen and (max-width:767px){

	.le_6{ width:100%; padding: 0;}

  .le_6_t{display: none; float: left; width: 100%; padding: 5px 10px; background: rgba(56,55,60,.9); margin-top: 5px; }

  .le_6_d {text-align: center;}

  .le_6_d ul{display: inline-block; *display:inline; *zoom:1; vertical-align: top;}

  .le_6_d li a{ width: 24px;}

  

	.m_6{width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #494949;}

  .m_6 .m_6_m{float: left; width: 100%; display: none;}

	.m_6 ul{padding-right:0; width: 100%;}

	.m_6 ul h4{padding-bottom:0; padding-left: 15px; background: rgba(56,55,60,.9); margin-top: 5px; position: relative;}

  .m_6 ul h4::after{content: ""; position: absolute; right: 15px; top: 50%; margin-top: -3px; width: 14px; height: 8px;  background: url(../images/jt_01.png) no-repeat; background-size:14px,8px;}

  .m_6 ul li{display: none; background: rgba(56,55,60,.9);}

	.m_6 ul li a{font-size:12px; line-height:24px; height:auto; padding-left: 15px;}

	.r_6{width:100%; padding-right:0; padding-top:20px; }

	.r_6 .r_6_m{padding-left:0; padding:0 15px;}

	.r_6 .r_6_m h4{font-size:12px;}

	.d_1400_6 .d_6_t{font-size:12px; line-height:25px;padding-bottom:8px;}

  .d_1400_6 .d_6_t span{display: block;}

	.d_1400_6 .d_6_d div a{padding:0 5px;}

  

  .d_1400_6 .d_6_d div span{float: left; width: 100%; background:rgba(56,55,60,.9); color: #fff; text-align: left; font-size: 14px; padding-left: 15px; position: relative; height: 30px; line-height: 30px;}

   .d_1400_6 .d_6_d div span::after{content: ""; position: absolute; right: 15px; top: 50%; margin-top: -3px; width: 14px; height: 8px;  background: url(../images/jt_01.png) no-repeat; background-size:14px,8px;}

  .d_1400_6 .d_6_d div i{display: none; width: 100%; float: left; padding: 0 5px; padding-top: 10px; background:rgba(56,55,60,.8);border-top:1px solid rgba(255,255,255,.1); }

}





/*手机版底部菜单*/

.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:#0c427c;}

.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;}







.newPage{ float: left; width: 100%;   padding-bottom: 1%;  }

.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}

.newPage .pageLeft:hover{ color: #0c427c;}

.newPage .left{ padding: 1.88% 0; text-transform: uppercase; }

.newPage .zright{ padding: 1.88% 0; text-align: right; text-transform: uppercase;}





@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}}