@charset "utf-8";

/* CSS Document */

/*切图：zyjn*/

html{ overflow-x:hidden; overflow-y:auto;}

body{background-color:#fff;}

*{ padding:0; margin:0; outline: none;}

ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}

body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}

code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}

address, caption, cite, code, dfn, em, th, var {

	font-style: normal;

	font-weight: normal;

}

a{ text-decoration:none; color:#333;

        transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

-webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

-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%; display:block; }

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:36px;}

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; outline:0;}

input{ outline:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

i{font-style:normal;}



.elli{overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}



/*首页 */

/*首页顶部*/

.top1{background-color:#fff;}

.navTop{background-color:#efefef; padding:13px 0;}

.welcome{float:left; font-size:14px; color:#666666; line-height: 18px; letter-spacing: 2px;}

.navTop_link{float:right;}

.navTop_link li{float:left; width:18px; height: 18px; margin-left:16px; position: relative;}

.navTop_link li:first-child{margin-left:0;}

.navTop_link li .c_img1{display:none;}

.navTop_link li:hover .c_img1{display:block;}

.navTop_link li:hover .c_img{display:none;}

.navTop_ewm{position: absolute; top:44px; left: 50%; margin-left:-56px; width: 112px; height: 0;  z-index: 300; overflow: hidden;  

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.ewmImg{background-color:#2e5286;padding: 5px; border-radius: 4px; position: relative; }

.ewmImg::after{ width:0;height:0; border-width:0 8px 8px; border-style:solid; border-color:transparent transparent #2e5286; content: ""; position: absolute; top:-8px; left: 50%; margin-left:-8px;}

.ewmImg .c_img3{width:102px; height: 102px;  display: block;}

.ewmImg .c_img3 img{width:100%;}

.navTop_link li:hover .navTop_ewm{height: 120px; padding-top:8px;}



.navTop_num{float:right; margin-right:30px; line-height: 18px; font-size:14px; color:#666666;letter-spacing: 1px;}

.navTop_num .icoImg{width:18px;height:18px; float:left; margin-right:5px;}

.navTop_num p{display:inline-block;}

.top1 .logo{width:292px; height: auto;float:left; margin-top:27px;}



.search{ position: relative; float:right; z-index: 100; margin:42.5px 10px 0 0; border-radius: 50%;}

.search .submit{display:block; width:35px; height: 35px; position: relative; z-index: 20;background-color:#2e5286; 

	appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:50%;}

.search .input{width:0px; position: absolute; top:0px; right:0px; background-color:#fff; overflow: hidden;border:1px solid #fff; border-radius: 30px; overflow: hidden; 

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.search .input input{display:block; width: 100%; height: 33px; line-height: 33px; padding:0 40px 0 10px;

	appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0; border-radius: 0;}

.search:hover .input{width:160px; border-color: #2e5286;}



.menu_box{float:right; margin-right:0;}

.menu{float:right;}

.menu .nli{float:left; position: relative; text-align: center; margin-left:-1px;}

.menu .nli::after{width:1px ; height: 16px; background-color:#eaeaea; transform: rotate(20deg); content: ""; position: absolute; top:50%; margin-top:-8px; left:0;}

.menu .nli::before{width:1px ; height: 16px; background-color:#eaeaea; transform: rotate(20deg); content: ""; position: absolute; top:50%; margin-top:-8px; right:0;}

.menu .nli:first-child::after{display:none;}

.menu .nli:last-child::before{display:none;}

.menu .nli span > a{font-size:16px; color:#333333; padding:40.5px 26px; display: block;}

.menu .nli i{display:inline-block; height: 39px; line-height: 39px; border-radius: 30px; min-width: 95px;}

.menu .nli:hover i{background-color:#2e5286;}

.menu .nli:hover span > a{color:#fff;}

.menu .nli:hover::after,

.menu .nli:hover::before{background-color:#fff; z-index: 1;}

.menu .nli.hover i{background-color:#2e5286;}

.menu .nli.hover span > a{color:#fff;}

.menu .nli.hover::after,

.menu .nli.hover::before{background-color:#fff; z-index: 1;}



.sub{position: absolute; top:120px; left: 0; width:100%; background-color:rgb(188 86 79); text-align: center; z-index: 101; display:none;}

.sub a{display:block; font-size:14px; color:#fff;  padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);}

.sub a:hover{background-color:rgb(223 34 21);}



@media screen and (max-width:1429px){

	.top1 .logo{width:180px; margin-top:39.5px;}

	.menu .nli span > a{padding:40.5px 20px;}

}

@media screen and (max-width:1199px){

	.menu .nli span > a{padding:40.5px 5px; font-size:14px;}

}




/*手机头*/

.top2{width:100%; height:60px;background-color:#fff;display: none; box-shadow: 0 0px 17px  rgba(0,0,0,0.1); z-index: 2000; position: relative;}

.top2 .logo{width:160px; height:auto; float:left; margin-top:12px;}



@media screen and (max-width:991px){

    .top2{ display:block;}

	.top1{ display:none;}

	

}







/*下拉*/

.menuph{

    float:right;

    margin:10px 0 0 0;

    cursor: pointer;

    width: 40px;

    height: 40px;

    text-align: center;

}

.menuph .point

{

    display: inline-block;

    width: 28px;

    height: 22px;

    margin-top: 10px;

    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;

    -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;

    background: #2e5286;

}

.menuph .navbtn::after,

.menuph .navbtn::before

{

    position: absolute;

    right: 0;

    display: inline-block;

    width: 28px;

    height: 1px;

    content: '';

    -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;

    background: #2e5286;

}

.menuph .navbtn::after

{

    top: -11px;

}

.menuph .navbtn::before

{

    top: 10px;

}

.menuph .point.active .navbtn{

    background: transparent;

}

.menuph .point.active .navbtn::after{

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

}

.menuph .point.active .navbtn::before

{

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 0px;

}





/*手机下拉*/

.xialaph{

    position: absolute;

    top: 60px;

    left: 0;

    width: 100%;

    padding-bottom: 20px;

    display: none;

    z-index: 1029;

    background: #fff;

}

.xialaph .img_d{ display:none;}

.xialaph .ul2,

.xialaph .ul3{

    display: none;

}

.xialaph h4 a{

    display: block;

    color: #333;

    font-size: 14px;

    font-weight: bold;

    line-height: 50px;

    position: relative;

}

.xialaph h4{

    position: relative;

}

.xialaph li:last-child h4::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.1;*/

}

.xialaph li:first-child h4::after{display:none;}

.xialaph h4::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.1;*/

}

.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}



.xialaph h5 a{

    display: block;

    color: #333;

    font-size: 14px;

    line-height: 42px;

}

.xialaph h5{

    position: relative;

}

.xialaph h5::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.05;*/

}

.xialaph li:last-child h5::after{

    display: none;

}

.xialaph h4 b{

    position: absolute; right: 5px; top: 50%;

    width: 9px;

    height: 9px;

    float: right;

    border-top: #999 solid 1px; border-right: #999 solid 1px;

    margin-top: -5px;

    cursor: pointer;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h4.active b{

    transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -o-transform:rotate(135deg);

    margin-top: -7px;

}

/*.xialaph .ul2{ padding-left: 30px;  }*/

.xialaph .ul3{

    padding-top: 12px;

    padding-bottom: 18px;

    padding-left: 15px;

    position: relative;

}

.xialaph .ul3::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #e5e5e5;

}

.xialaph li:last-child .ul3::after{

    display: none;

}

.xialaph .ul3 li a{

    color: #666;

    font-size: 14px;

    line-height: 35px;

    display: block;

}

.xialaph .ul3 li{

    padding-top: 5px;

}

.xialaph .ul3 li:first-child{

    padding-top: 0;

}



.xialaph h5 b{

    position: absolute; right: 5px; top: 50%;

    width: 9px;

    height: 9px;

    float: right;

    border-top: #999 solid 1px; border-right: #999 solid 1px;

    margin-top: -5px;

    cursor: pointer;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h5.active b{

    transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -o-transform:rotate(135deg);

    margin-top: -7px;

}



.xialaph .searchP{ margin-top: 15px; height: 35px; border: #dddddd solid 1px; width:60%; float:left;

    border-radius:18px;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    -o-border-radius:18px;

}

.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 12px 0 0; line-height: 0;}

.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}

.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;

    border-radius:18px;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    -o-border-radius:18px;

    -webkit-appearance:none;

    outline: 0;

}





.phonemeng{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

    z-index: 196;

    display: none;

}

.phonemeng.active{

    display: block;

}







@media screen and (max-width:1199px){

	.top2{background-color:#fff;}

}



/*banner*/

.pz_banner{clear: both;}

.c_banner{position:relative; overflow: hidden;}

.slide1 .slick-dots{width:100%; left: 0; bottom:50px; text-align: center; line-height: 0;}

.slide1 .slick-dots li{display:inline-block; vertical-align: bottom; width:18px; height: 18px; background-color:#fff; margin:0 10px;opacity:0.5; border-radius: 50%;}

.slide1 .slick-dots li.slick-active{opacity:1;}



@media screen and (max-width:991px){

	.slide1 .slick-dots{bottom:10px;}

	.slide1 .slick-dots li{width:8px; height: 8px;margin:0 5px;}

}





/*main*/



.index1{padding:100px 0; position: relative;}

.index1_l{float:right; width:44.64%; position: relative;}

.index1_l .videoBox{width:100%; padding-bottom:96.16%; }

.index1_l .videoBox video,

.index1_l .videoBox p{width:100%; height:100%; position:absolute; left:0; top:0;}

.index1_l .videoBox p iframe{width:100%; height:100%; }



.index1 .playIco{width:57px; height: 57px; position: absolute; top:50%; left: 50%; margin:-28.5px 0 0 -28.5px; }

.index1 .more{position:absolute; bottom:0; left:0; background-color:#2e5286; width:259px; height: 61px; line-height: 61px; font-size:16px; color:#fff; text-transform: uppercase; padding-left:50px; letter-spacing: 1px;}

.index1 .more .moreImg{width:45px; float:right; margin:19.5px 35px 0 0; }

.index1 .more:hover{opacity:0.5;}

.index1_bottom{width:106px; position: absolute; bottom:-30px; left: 50%; margin-left:-53px;}



.index1_r{width:48.92%; float:left;}

.index1_r_title{font-weight:bolder; padding:48px 0; background:url(../images/j3.jpg) no-repeat; background-size:auto 100%; background-position:80px 0;}

.index1_r_title .title_h3{font-size:60px; color:#2e5286; font-family:Arial; text-transform: uppercase; font-weight: bolder;}

.index1_r_title .title_h4{font-size:30px; color:#5f5f5f; margin-top:10px;}

.index1_r .p{font-size:15px; line-height: 36px; height: 216px;overflow : hidden; margin: 40px 0 50px 0;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 6;

-webkit-box-orient: vertical;}



.comCount{font-size:0;}

.comCount .countLi{ display:inline-block; vertical-align: top; width:33.3333%; position: relative;}

.comCount .countLi::after{width:1px ; height: 92%; top:4%; content: ""; position: absolute; left:0; border-left:#efefef solid 1px;}

.comCount .countLi:first-child::after{display:none;}

.comCount .countLi .big{ text-align:center;}

.comCount .countLi .big .bigCen{ display:inline-block; vertical-align:top; color:#2e5286; font-size:40px; font-weight:bold; font-style: italic; font-family: Arial;}

.comCount .countLi .big .bigCen .bigS{ color:#595959; font-size:16px; padding-left:10px;  font-style: normal; vertical-align: top;margin-top:10px; font-weight:normal; display:inline-block;}

.comCount .countLi .big .bigCen .bigI{color:#2e5286; font-size:40px; font-weight:bold; font-style: italic; font-family: Arial; display:inline-block; vertical-align: middle; margin-left:10px;}

.comCount .countLi .bigText{ color:#595959; font-size:16px; line-height:1; text-align:center;}



@media screen and (max-width:1429px){

	.index1_r{width:53%;}

}

@media screen and (max-width:1199px){

	.comCount .countLi .big .bigCen{ font-size:37px;}

	.comCount .countLi .bigText{font-size:14px;}

	.index1_r_title .title_h3{font-size:45px;}

	.index1_r_title .title_h4{font-size:20px;}

	.index1_r_title{padding:30px 0;}

	.index1_r .p{margin:20px 0;}

	}

@media screen and (max-width:991px){

	.index1{padding:50px 0;}

	.index1_r{width:100%; float:none;}

	.index1_l{width:60%; margin:20px auto auto auto; float:none;}

}

@media screen and (max-width:767px){

	.comCount .countLi::after{display:none;}

	.comCount .countLi .big .bigCen{ font-size:24px;}

	.comCount .countLi .big .bigCen .bigI{font-size:24px; margin:0;}

	.comCount .countLi .big .bigCen .bigS{ font-size:12px; padding:0;}

	.comCount .countLi .bigText{ font-size:12px; }

	.index1{padding:30px 0;}

	.index1_r_title .title_h3{font-size:24px;}

	.index1_r_title .title_h4{font-size:16px;}

	.index1_r_title{padding:16px 0;}

	.index1_r .p{font-size:13px; line-height: 20px; height: 120px; margin: 10px 0;}

	.index1_l{width:100%;}

	.index1 .playIco{width:30px; height: 30px; margin: -15px 0 0 -15px;}

	.index1 .more{width:160px; height: 30px; line-height: 30px; font-size:13px; padding-left:30px;}

	.index1 .more .moreImg{width:30px; margin:7.5px 10px 0 0;}

	.index1_bottom{width:80px; bottom:-22px; margin-left:-40px;}

	}



.index2{padding:85px 0; overflow: hidden;}

.index2_title{text-align:center;font-weight: bolder;}

.index2_title .title_h3{font-size:28px; color:#d1d1d1; font-family: Arial; text-transform: uppercase; }

.index2_title .title_h2{font-size:36px; color:#2e5286; font-family: Arial; text-transform: uppercase; font-weight: bolder;}

.index2_title .title_h4{font-size:30px; color:#333333; margin: 15px 0;}

.index2_title .line{display:block; width:40px; height: 1px; background-color:#000000; margin: auto; opacity: 0.3;}



/*产品轮播*/

.slideOut1{ width:100%; position: relative;margin:50px 0;}

.dhAbout5_slide{

  float: left;

    width: 100%;

    min-height: 100px;

    position: relative;

}

.dhAbout5_slide .img{

    overflow: hidden;

    position: absolute;

	transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;

	width:26.42%;

	height: auto;

	opacity: 0;

}

.dhAbout5_slide .img1{

    top: 0;

    left: -29%;

    z-index: 1;

	opacity: 1;

}

.dhAbout5_slide .img2{

    top: 0;

    left: 7.14%;

    z-index: 2;

	opacity: 1;

  

}

.dhAbout5_slide .img3{

    top: 0%;

    left: 36.92%;

    z-index: 3;

	opacity: 1;



}

.dhAbout5_slide .img4{

    top: 0%;

    left: 67%;

    z-index: 2;

	opacity: 1;

  

}

.dhAbout5_slide .img5{

    top: 0%;

    left: 102.57%;

    z-index: 1;

	opacity: 1;

}

.gray_l{width:26.42%; height: 100%; position: absolute; top:0;  left: -29%; background-color:#fff; opacity: 0.6; z-index: 100;}

.gray_r{width:26.42%; height: 100%; position: absolute; top:0;  left: 102.57%; background-color:#fff; opacity: 0.6; z-index: 100;}



.dhAbout5_slide .img .pic{ float:left; line-height:0; border:1px solid #eeeeee; overflow:hidden;}

.dhAbout5_slide .img .pic img{

-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}

.dhAbout5_slide .img:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.dhAbout5_slide .img .tx1{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:60px; background:#e8e8e8;}



.dhAbout5_slide .img:hover .pic{border:1px solid #2e5286;}

.dhAbout5_slide .img:hover .tx1{ color:#fff; background:#2e5286;-webkit-transition: 1s ease;

   -moz-transition: 1s ease;

	-ms-transition: 1s ease;

	 -o-transition: 1s ease;

		transition: 1s ease;}



.dhAbout5_slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}

/*

.dhAbout5_slide .img2 .sd{ display: none;}

.dhAbout5_slide .img4 .sd{ display: none;}

*/





.dhAbout5_slide .slide-bt{

    position: absolute;

    left: 50%;

    bottom: -46px;

    z-index: 10;

     text-align:center;

}



.dhAbout5_slide .slide-bt span{

    width: 6px;

    height: 6px;

    background: #a1a1a1;

    /*float: left;*/display:inline-block;

    margin:0 4px;

    border-radius: 4px;

}

.dhAbout5_slide .slide-bt .on{

    background: #2e5286;

		width:24px;

}

.slideOut1 button{

    width: 40px; height: 40px; border-radius: 50%; border:1px solid #2d314a;

}

.slideOut1 button:hover{border-color:#2e5286;}

.slideOut1 .butLeft{ position: absolute; left:0; top: 50%; margin-top: -20px; background: url(../images/p13.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer; background-size:cover;}

.slideOut1 .butRight{position: absolute; right:0; top: 50%; margin-top: -20px; background: url(../images/p14.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer; background-size:cover;}	

.slideOut1 .butLeft:hover{background-image: url(../images/p16.png); }

.slideOut1 .butRight:hover{background-image: url(../images/p15.png); }



@media screen and (max-width:991px){

	.index2{padding:50px 0;}

	.slideOut1{overflow:hidden;}

	.index2_title .title_h3{font-size:22px;}

	.index2_title .title_h2{font-size:28px;}

	.index2_title .title_h4{font-size:24px;}

}

@media screen and (max-width:767px){

	.index2{padding:30px 0;}

	.index2_title .title_h3{font-size:18px;}

	.index2_title .title_h2{font-size:22px;}

	.index2_title .title_h4{font-size:20px; margin: 5px 0;}

	.slideOut1{margin:20px 0 0 0;}

	.dhAbout5_slide .img{width:46%;}

	.dhAbout5_slide .img2{left:0;}

	.dhAbout5_slide .img3{left:54%;}

	.slideOut1 button{width:30px; height: 30px; margin-top:-15px;}

	.dhAbout5_slide .img .tx1{font-size:13px; line-height: 30px;}

	

}



.index3{padding:100px 0;}

.index3_l{margin-top:40px; float:left; width:47.7%; background-color:#f5f5f5;}

.index3_l a,.index3_r a{display:block;}

.index3Img1{width:100%; float:left; overflow:hidden; padding-bottom:48.054%;  position:relative;}



.index3Img1 img{-webkit-transition: all 0.3s ease-out 0s; position:absolute; left:0; top:0; min-height:100%; width:100%;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.index3_h3{width:100%; float:left; font-size:16px; color:#1c1c1c; padding:0 40px 0 40px; margin:30px 0 20px 0;}

.index3_l .p,.index3_r .p{font-size:14px; color:#888888; line-height: 26px; height: 52px;overflow : hidden; float:left; width:100%; padding:0 40px ;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.index3_h4{float:left; font-size:14px; color:#a9a9a9; padding:30px 0 25px 40px;}

.index3_h4_r{float:right;padding:30px 40px 25px 0;}

.index3_l:hover .index3Img1 img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.index3_l:hover .index3_h3,

.index3_r1:hover .index3_h3,

.index3_r2:hover .index3_h3{color:#2e5286;}



.index3_r{width:47.78%; float:right; margin-top:40px;}

.index3_r1,.index3_r2,.index3_r1{background-color:#f5f5f5; float:left;}

.index3_r1{padding-top:20px;}

.index3_r1 .index3_h4{padding-top:75px;}

.index3_r2{width:47.83%; margin:30px 4.34% 0 0;}

.index3_r2:nth-child(3){margin-right:0;}

.index3_r2 .index3_h3{line-height:26px; height: 52px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}



@media screen and (max-width:1429px){

	.index3_r1{padding:0;}

	.index3_r1 .index3_h4{padding-top:40px;}

}

@media screen and (max-width:1199px){

	.index3_h3{padding:0 10px; margin:10px 0;}

	.index3_l .p, .index3_r .p{padding:0 10px;}

	.index3_h4{padding:10px ;}

}

@media screen and (max-width:991px){

	.index3{padding:50px 0;}

	.index3_l{width:100%;}

	.index3_r{width:100%; margin-top:20px;}

}

@media screen and (max-width:767px){

	.index3{padding:30px 0;}

	.index3_l{margin-top:20px;}

	.index3_h3{font-size:15px;}

	.index3_l .p, .index3_r .p{font-size:13px; line-height: 20px; height: 40px;}

	.index3_r1 .index3_h4{padding-top:10px;}

	.index3_r2{margin-top:20px;}

	.index3_r2 .index3_h3{line-height:20px; height: 40px;}

	.index3_h4{font-size:11px;}

}



.index4{padding:70px 0; background-color:#f5f5f5;}

.slideOut2{ width:100%; position: relative; margin:50px 0 60px 0;}

.slide{

  float: left;

    width: 100%;

    min-height: 100px;

    position: relative;

	height:360px;

}

.slide .imgs{

    overflow: hidden;

    position: absolute;

	transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;

	width:34.71%;

	background-color:#fff;

	box-shadow: 0 0 0 10px rgba(255,255,255,1);

}

.slide .imgs1{

    top: 8.335%;

    left: 0.85%;

    z-index: 1;

	opacity: 1;

	height:83.33%;

}

.slide .imgs2{

    top: 5.583%;

    left: 15.37%;;

    z-index: 2;

	height:88.33%;

}

.slide .imgs3{

    top: 0%;

    left: 32.645%;

    z-index: 3;

	height:100%



}

.slide .imgs4{

    top: 5.583%;

    right: 15.37%;;

    z-index: 2;

	height:88.33%;

  

}

.slide .imgs5{

    height:auto;

    top: 8.335%;

    right: 0.85%;

    z-index: 1;

	opacity: 1;

	height:83.33%;

}



.slide .imgs .pic{ float:left;  line-height:0; border:1px solid #eeeeee; overflow:hidden;}

.slide .imgs .pic img{

-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}

.slide .imgs:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.slide .imgs .tx1{ width:100%; text-align:center; color:#2e5286; font-size:18px; line-height:60px; position: absolute; bottom:-10px; left: 0; background-color:#fff; height:0; overflow: hidden;-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}



.slide .imgs3 .tx1{height:60px;}



.slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}

.slide .imgs2 .sd{ display: none;}

.slide .imgs4 .sd{ display: none;}







.slideOut2 button{

    width: 68px; height: 11px; bottom:-60px;

}

.slideOut2 .butLeft{ position: absolute; left:40.28%; background: url(../images/p17.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;}

.slideOut2 .butRight{position: absolute; right:40.28%;  background: url(../images/p20.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;}	

.slideOut2 .butLeft:hover{background-image: url(../images/p18.png)  }

.slideOut2 .butRight:hover{background-image: url(../images/p19.png) }

	

@media screen and (max-width:991px){

	.index4{padding:50px 0;}

	.slide .imgs3 .tx1{font-size:13px; line-height: 30px; height: 30px;bottom:-5px;}

}

@media screen and (max-width:767px){

	.index4{padding:30px 0;}

	.slide .imgs1,

	.slide .imgs5{opacity:0;}

	.slide .imgs{width:50%;}

	.slide .imgs2{left:0;}

	.slide .imgs4{right:0;}

	.slide .imgs3{left:25%;}

	.slideOut2{margin:35px 0 35px 0;}

	.slideOut2 .butLeft,

	.slideOut2 .butRight{bottom:-40px;}

	.slideOut2 .butLeft{left:24%;}

	.slideOut2 .butRight{right:24%;}

}



/*bottom*/

.bottom{background-color:#222222;}

.bTop{padding:60px 0 50px 0;}

.bTop1{width:12.85%; float:left;}

.bTop1_h3{width:170px; font-size:16px; color:#fff; padding-bottom:35px; position: relative;}

.bTop1_h3::after{width:100%; height: 1px; background-color:#636363; opacity: 0.4; content: ""; position: absolute; bottom:0; left: 0;}

.bTop1_h3::before{width:16px; height: 1px; background-color:#999999; content: ""; position: absolute; bottom:0; left: 0;}

.bLink {padding-top:28px;}

.bLink a{float:left; font-size:14px; color:#fff; opacity: 0.8; margin:11px 35px 11px 0;border-bottom:1px solid rgba(255,255,255,0);}

.bLink a:nth-child(2n){margin-right:0;}

.bLink a:hover{opacity:1; border-color: #fff;}

.bTop2{width:18.71%; float:left; margin: 0 10.5% 0 11.92%;}

.bTop2 .p{font-size:14px; color:#fff; line-height: 30px; margin-top:35px; opacity: 0.8;}

.bTop3 {width:12.85%; float:left;}

.bTop3 .p{font-size:24px; color:#fff; font-family: Arial; line-height: 30px; margin: 30px 0 20px 0;}

.bCall{display:inline-block; padding:8px 14px; background-color:#2e5286; font-size:14px; color:#fff; line-height: 15px;}

.bCall .bCallIco{width:14px; float:left; margin-right:10px;}

.bCall:hover{opacity:0.6; color:#fff;}

.bTop4{width:19.42%; float:right;}

.bTop4 .bTop1_h3{width:100%;}

.bTop4Down{margin-top:40px;}

.bTop4Down .bEwm{width:102px; background-color:#fff; padding:5px; float:left; margin-right:15px;}

.bTop4Down .bTop4DownH4{font-size:18px; color:#2e5286; font-weight: bold; margin: 25px 0 10px 0;}

.bTop4Down .p{font-size:14px; color:#fff; line-height: 22px;}



.fLink{padding:25px 0 30px 0; border-top:1px solid rgba(99,99,99,0.3);}

.fLink .xlIco{display:none;}

.fLink .fLinkH4{float:left; font-size:16px; color:#fff; line-height: 20px;}

.fLink a{float:left; font-size:14px; color:#fff; opacity: 0.8; margin-left:20px; line-height: 20px;}



@media screen and (min-width:992px){

	.fLink a:hover{border-bottom:1px solid #fff; opacity: 1;}

}

.bottom2{background-color:#0f0f0f; padding:23px 0;}

.bottom2H5{font-size:14px; color:#fff; opacity: 0.6; float:left;}

.bottom2H5Right{float:right;}



@media screen and (max-width:1429px){

	.bTop2{width:22%; margin: 0 8%;}

	.bTop3,

	.bTop4{width:22%;}

}

@media screen and (max-width:1199px){

	.bLink a{margin-right:10px;}

	.bTop4{width:25%;}

	.fLink a{margin-left:10px;}

}

@media screen and (max-width:991px){

	.bTop{display:none;}

	.fLink{width:180px; position: relative; border:1px solid rgba(255,255,255,0.6); margin:20px auto; padding:0;}

	.fLink .fLinkH4{width:100%; height: 30px; line-height: 30px; padding:0 20px;}

	.linkScroll{position:absolute; bottom:40px; background-color:#222222;  overflow-y: scroll; overflow-x: hidden; height: 140px; padding:10px 0; display: none; z-index: 666;}

	.fLink a{width:100%; height: 24px; line-height: 24px;}

	.fLink .xlIco{display:block; width:20px; position: absolute; top:50%; margin-top:-10px; right:20px;-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

	.fLink.active .xlIco{transform: rotate(180deg);}

}

@media screen and (max-width:767px){

	.bottom2{padding:14px 0;}

	.bottom2H5{width:100%; text-align: center; font-size:12px; line-height: 20px;}

}



/*右漂浮*/

.f_r_box{position:fixed; top:200px; right:7px; z-index: 99999;}

.f_r{padding:20px 0; border-radius: 10px 0 0 10px; background-color:#595959; width:55px;}

.f_r li{cursor:pointer; position: relative;}

.f_r li .c_h4{text-align:center; font-size:20px; color:#fff; font-weight:bold; line-height: 50px;}



.f_ewm{width:0; height: 92px; position: absolute; top:50%; margin-top:-48.5px; right:57px; background-color:#2e5286; border-radius: 6px; overflow: hidden;

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.f_ewm .c_span{width:92px; height: 92px; padding:5px; display: block;}





@media screen and (min-width:992px){

	.frNum{position:absolute; top:0; right:-200px;height: 100%;background-color:#2e5286; width:171px; overflow: hidden;-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

	.frNum .frNumIco{float:left; width:55px;}

	.frNum .p{font-size:14px; color:#fff; line-height: 16px; margin-top:8px;}

	.f_r li:hover .frNum{right:0}

	.f_r li:hover .f_ewm{;width: 92px;}

	.f_r li:hover{background-color:#2e5286;}

	.f_r_box .c_close{display:none;}

}

.f_r_box .c_close{width:26px; height: 26px; position: absolute; bottom:-50px; left:50%; margin-left:-13px; z-index: 999;  border-radius: 50%; cursor: pointer;}

@media screen and (max-width:991px){

	.f_r li .frNum{display:none;}

	.f_r_box{bottom:50px; right:10px; top:auto;}

	.f_r li .f_ewm{right:40px;}

	.f_r li.hover .f_ewm{width: 92px; right:40px;}

	.f_r li.hover{background-color:#2e5286;}

	.f_r{width:40px; padding:10px 0;}

	.f_r li .c_h4{font-size:16px; line-height: 33px;}

	.f_r_box .c_close{bottom:-30px;}

}



/*产品中心*/

.minHeight{min-height:500px;}

.bannerText{width:100%; position: absolute; top:50%; left: 0; text-align: center; font-weight:lighter;

	-webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

        transform: translate(0, -50%);}

.bannerText .textH3{font-size:42px; color:#ffffff;font-weight: inherit; letter-spacing: 2px; background:url(../images/p29.png) center no-repeat;}

.bannerText .textH4{font-size:28px; color:#ffffff; text-transform: uppercase; font-family: Arial; letter-spacing: 1px; margin-top:12px;}



@media screen and (max-width:991px){

	.bannerText .textH3{font-size:18px; background-size:300px}

	.bannerText .textH4{font-size:14px; margin-top:5px;}

}



.pageNav{border-bottom:1px solid rgba(0,0,0,0.1); text-align: center; font-size:0;}

.pageNav a{width:196px; height: 66px; text-align: center; line-height: 66px; border-left:1px solid rgba(0,0,0,0.1); display:inline-block; font-size:18px; color:#333333;}

.pageNav a:last-child{ border-right:1px solid rgba(0,0,0,0.1); }

.pageNav a:hover{color:#2e5286; border-bottom:2px solid #2e5286;}

.pageNav a.hover{color:#2e5286; border-bottom:2px solid #2e5286;}



@media screen and (max-width:1199px){

	.pageNav a{font-size:15px; width:150px;}

}

@media screen and (max-width:991px){

	.pageNav{display:none;}

}





/*内页下拉*/

.babyserBox{position: relative; height: 49px; width:100%; display: none;}

.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}

.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:18px; line-height:48px; }

.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}

@media  screen and (max-width:991px){

    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr{

        -webkit-transform:rotate(180deg);

        -moz-transform:rotate(180deg);

        -o-transform:rotate(180deg);

        transform:rotate(180deg);

    }

}

.pz_SideLayerph{ display:none;  background-color:#fff;}

.pz_SideLayerph .l1{}

.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}

.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}

.pz_SideLayerph .l1 h3.active a{ color:#337ab7;}

.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}

.pz_SideLayerph .l1 h3 img.img3{ display:block;}

.pz_SideLayerph .l1 h3 img.img3h{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

.pz_SideLayerph .l1 .l1ul{ display:none;}

.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}

.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}

.pz_SideLayerph .l1 .l1ul li a{color:#999999;}



@media screen and (max-width:991px){

	.babyserBox{display:block;}

}



.product{padding:65px 0 75px 0;}

.proList{padding-bottom:16px;}

.proList li{width:30.64%; float:left; margin:0 4% 44px 0; border:1px solid #eeeeee; background-color:#e8e8e8;}

.proList li:nth-child(3n){margin-right:0;}

.proList li .proListImg {width:100%; overflow: hidden; display:block;}

.proList li .proListImg img{

-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.proList li .proListH4{text-align:center; font-size:18px; color:#333333; height: 68px; line-height: 68px;}

.proList li:hover{border-color:#2e5286; background-color:#2e5286;}

.proList li:hover .proListH4{color:#fff;}

.proList li:hover .proListImg img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}



@media screen and (max-width:991px){

	.product{padding:50px 0;}

}

@media screen and (max-width:767px){

	.product{padding:30px 0;}

	.proList li{width:48%; margin: 0 4% 20px 0;}

	.proList li:nth-child(3n){margin-right:4%;}

	.proList li:nth-child(2n){margin-right:0;}

	.proList li .proListH4{height:30px; line-height: 30px; font-size:13px;}

	.proList{padding:0;}

}





.paging{text-align:center;}

.paging a{display:inline-block; vertical-align: middle; width:38px; height: 38px; border-radius: 38px; line-height: 36px; text-align: center; font-size:14px; color:#272727; margin: 0 5px; border:1px solid #e1e1e1;}

.paging .pageUp{width:100px; background:url(../images/p33.png) center no-repeat; background-size:cover;}

.paging .pageDown{width:100px; background:url(../images/p32.png) center no-repeat;}

.paging .pageUp:hover,

.paging .pageUp.hover{background-image:url(../images/p30.png);}

.paging .pageDown:hover,

.paging .pageDown.hover{background-image:url(../images/p31.png);}

.paging a:hover{background-color:#2e5286; color:#fff; border-color:#2e5286;}

.paging a.hover{background-color:#2e5286; color:#fff; border-color:#2e5286;}

.paging span{font-size:12px; display:inline-block; color:#333; margin: 0 5px; display:none;}



@media screen and (max-width:767px){

	.paging .c_a2{display:none;}

	.paging span{display:inline-block;}

}



/*产品中心 详细*/

.proDetail{padding:65px 0;}

.deTop .deTopImg{width:44.92%; float:left;}

.deTopRight{width:50%; float:right;}

.deTopRightH3{font-size:30px; color:#333333; margin:55px 0 45px 0;}

.deTopRight .p{font-size:14px; color:#666666; line-height: 30px;}

.deTopRight .sevice{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:19px 0; margin: 45px 0 30px 0;}

.seviceCall{float:left; font-size:16px; color:#666666;}

.seviceCall .seviceCallIco{width:22px; float:left; margin-right:18px;}

.seviceCall:hover{color:#2e5286;}

.pageShare .H5{float:left; font-size:16px; color:#666666; line-height:28px; }

.pageShare .bdsharebuttonbox{float:left;}

.pageShare .bdsharebuttonbox a{width:28px; height: 28px; padding:0; margin: 0 14px 0 5px;} 

.pageShare .bdsharebuttonbox .bds_weixin{background:url(../images/j21.jpg) center no-repeat; background-size:cover;}

.pageShare .bdsharebuttonbox .bds_tqf{background:url(../images/j23.jpg) center no-repeat; background-size:cover;}

.pageShare .bdsharebuttonbox .bds_sqq{background:url(../images/j25.jpg) center no-repeat; background-size:cover;}

.pageShare .bdsharebuttonbox .bds_qzone{background:url(../images/j27.jpg) center no-repeat; background-size:cover;}

.pageShare .bdsharebuttonbox .bds_tqq{background:url(../images/j29.jpg) center no-repeat; background-size:cover;}

.pageShare .bdsharebuttonbox .bds_tsina{background:url(../images/j31.jpg) center no-repeat; background-size:cover;}

.pageShare .bdsharebuttonbox .bds_weixin:hover{background-image:url(../images/j22.jpg)}

.pageShare .bdsharebuttonbox .bds_tqf:hover{background-image:url(../images/j24.jpg)}

.pageShare .bdsharebuttonbox .bds_sqq:hover{background-image:url(../images/j26.jpg)}

.pageShare .bdsharebuttonbox .bds_qzone:hover{background-image:url(../images/j28.jpg)}

.pageShare .bdsharebuttonbox .bds_tqq:hover{background-image:url(../images/j30.jpg)}

.pageShare .bdsharebuttonbox .bds_tsina:hover{background-image:url(../images/j32.jpg)}



@media screen and (max-width:1429px){

	.deTopRightH3{margin:20px 0;}

}

@media screen and (max-width:1199px){

	.deTopRightH3{margin:10px 0;}

	.deTopRight .sevice{margin:10px 0;}

}

@media screen and (max-width:991px){

	.proDetail{padding:50px 0;}

	.deTop .deTopImg{float:none; width:60%; margin: auto; display: block;}

	.deTopRightH3{font-size:22px;}

	.deTopRight{width:100%;}

}

@media screen and (max-width:767px){

	.proDetail{padding:30px 0;}

	.deTop .deTopImg{ width:100%;}

	.deTopRightH3{font-size:18px;}

	.deTopRight .p{font-size:13px; line-height: 20px;}

	.deTopRight .sevice{padding:10px 0;}

	.seviceCall{font-size:14px;}

}





.deDown{margin:50px 0 45px 0;}

.deDown .hd{width:100%; background-color:#2e5286; padding:29px 0;}

.deDown .hd li{width:24.14%; float:left; text-align: center;  border-right:1px solid #ec955a; cursor: pointer; position: relative;}

.deDown .hd li:last-child{border:none;}

.deDown .hd li .hdIco{width:42px; height: 42px; display: block; margin: auto;}

.deDown .hd li .hdH4{text-align:center; font-size:16px; color:#fff; margin-top:10px;}

.deDown .hd li.on::after{position:absolute; width:0; height: 0; border-width: 0 10px 10px; border-color:transparent transparent #fff; border-style: solid; content: ""; bottom:-29px; left: 50%; margin-left:-10px;}

.tabText{padding-top:55px;}

.tabText .H4{float:left; font-size:24px; color:#888888;}

.tabText .tabTextRight{margin-left:162px; font-size:16px; color:#888888; line-height: 30px;}

.textImg{margin-top:35px;}

.textImg .Img{width:45.38%; margin-right:8%; float:left;}

.textImg .Img:nth-child(2n){margin-right:0;}



.pages{position:relative; padding:20px 0; border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}

.pages .Back{position:absolute; top:50%; left: 50%;-webkit-transform: translate(-50%, -50%);color:#2e5286;

    -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);}

.pages a{font-size:14px;}

.pages .Ico{width:10px; float:left; margin:2px 5px 0 10px;}

.pages .Down .Ico{float:right; margin: 2px 10px 0 5px;}

.pages .H5{display:inline-block; color:#2e5286;}

.pages .Up{float:left;}

.pages .Down{float:right;}

.pages a:hover{color:#2e5286;}



.pageAbourt .H3{margin:40px 0 0px 0; font-size:18px; color:#2e5286;}

.pageAbourt .proList li{width:23%; margin:34px 2.66% 0 0;}

.pageAbourt .proList li:nth-child(4n){margin-right:0;}

.pageAbourt .proList li .proListH4{height:52px; line-height: 52px;}



@media screen and (max-width:767px){

	.deDown{margin:20px 0;}

	.deDown .hd li{width:25%;}

	.deDown .hd{padding:10px 0;}

	.deDown .hd li .hdIco{width:30px; height: 30px;}

	.deDown .hd li .hdH4{font-size:13px;}

	.tabText{padding-top:20px;}

	.tabText .H4{font-size:15px;}

	.tabText .tabTextRight{margin-left:70px; font-size:13px; line-height: 20px;}

	.textImg .Img{width:49%; margin: 0 2% 0 0;}

	.textImg{margin-top:10px;}

	.pages a{width:100%; text-align: center;}

	.pages .Back{position:static; float:left;-webkit-transform: translate(0);color:#2e5286;

    -ms-transform: translate(0);

        transform: translate(0);}

	.pageAbourt .H3{margin:15px 0 0 0 ;}

	.pageAbourt .proList li{width:48%; margin:20px 4% 0 0;}

	.pageAbourt .proList li:nth-child(4n){margin-right:4%;}

	.pageAbourt .proList li:nth-child(2n){margin-right:0;}

	.pageAbourt .proList li .proListH4{height:30px; line-height: 30px;}

	.deDown .hd li.on::after{bottom:-14px;}

	.pages{padding:10px 0;}

}



/*常见问题*/



.question{padding:60px 0 75px 0;}

.questionList{padding-bottom:50px;}

.questionList li{margin-bottom:10px;}

.questionList .listTop{background-color:#f7f7f8;cursor: pointer;}

.questionList .listTop .H3{float:left; line-height: 46px; height: 46px; width:80%; font-size:16px; color:#555555; padding-left:28px;}

.questionList .spanBt{float:right; padding:22.5px 13.5px;position: relative; }

.questionList .spanBt::after{width:1px; height: 100%; background-color:#fff; position: absolute; top:0; left:0; content: " ";}

.questionList .spanBt .c_span{width:19px; height: 1px; display: block; background-color:#c6c6c6; position: relative;}

.questionList .spanBt .c_span::after{width:1px; height: 19px; background-color:#c6c6c6;  position: absolute; top:-8.5px; left:8.5px; content: " ";}

.questionList .listDown{display:none; padding:45px 30px; background-color:#f7f7f8; font-size:15px; color:#666666; line-height: 28px;}



.listTop.on{background-color:#2e5286;}

.listTop.on .H3{color:#fff;}

.listTop.on .spanBt::after{background-color:#e98542;}

.listTop.on .spanBt .c_span{opacity:0.6; background-color:#fff;}

.listTop.on .spanBt .c_span::after{display:none;}



@media screen and (max-width:991px){

	.question{padding:50px 0;}

	.questionList{padding-bottom:20px ;}

}

@media screen and (max-width:767px){

	.question{padding:30px 0;}

	.questionList .listTop .H3{font-size:14px; padding-left:10px;}

	.questionList .listDown{padding:10px ; font-size:13px; line-height: 20px;}

	.questionList{padding-bottom:10px ;}

}



/*工厂设备*/

.equip{padding:60px 0 65px 0;}

.equipList{padding-bottom:10px;}

.equipList li{width:31.85%; float:left; margin:0 2.22% 40px 0; position: relative;}

.equipList li:nth-child(3n){margin-right:0;}

.equipList li .equipImg{display:block; width:100%; position: relative; overflow: hidden;}

.equipList li .equipImg img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.equipList li .equipImg::after{width:94%; height: 94%; top:3%; left: 3%; border:1px solid #fff; content: ""; position: absolute; display:none;}

.equipList li .H4{font-size:18px; color:#333; padding:18px 0;}

.equipList li:hover .equipImg::after{display:block;}

.equipList li:hover .H4{color:#2e5286;}

.equipList li:hover .equipImg img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}



@media screen and (max-width:991px){

	.equip{padding:50px 0;}

}

@media screen and (max-width:767px){

	.equip{padding:30px 0;}

	.equipList li{width:48%; margin:0 4% 20px 0;}

	.equipList li:nth-child(3n){margin-right:4%;}

	.equipList li:nth-child(2n){margin-right:0;}

	.equipList li .H4{font-size:13px; padding:10px 0 0 ;}

}



/*关于我们*/

.about{padding:60px 0;}

.aboutTitle{font-weight:bolder; text-align: center;}

.aboutTitle .H1{font-size:60px; color:#ebebeb; font-family: Arial; opacity: 0.5; font-weight: bolder; text-transform: uppercase;}

.aboutTitle .H3{font-size:26px; color:#3f3f3f; margin-top:-45px; position: relative; z-index: 1;}

.about .p{font-size:16px; color:#333333; line-height: 35px; margin: 30px 0 45px 0; text-align: center;}

.aboutUl{text-align:center;}

.aboutUl li{width:25%; float:left; position: relative;}

.aboutUl li::after{width:1px; height: 50px; background-color:#dcdcdc; position: absolute; top:50%; margin-top:-25px; left: 0; content: "";}

.aboutUl li:last-child::before{width:1px; height: 50px; background-color:#dcdcdc; position: absolute; top:50%; margin-top:-25px; right: 0; content: "";}

.aboutUl li .H3{font-size:36px; color:#2e5286; font-family: Arial;line-height: 26px; }

.aboutUl li .H3 .small{display:inline-block; vertical-align: bottom; font-size:21px;color:#2e5286; }

.aboutUl li .H4{font-size:14px; color:#666666; margin-top:20px;}



@media screen and (max-width:991px){

	.about{padding:40px 0;}

}

@media screen and (max-width:767px){

	.about{padding:20px 0;}

	.aboutTitle .H1{font-size:26px;}

	.aboutTitle .H3{font-size:20px; margin-top:-10px;}

	.about .p{font-size:13px; line-height: 20px; margin:20px 0; text-align: justify;}

	.aboutUl li .H3{font-size:18px; line-height: 18px;}

	.aboutUl li .H3 .small{font-size:14px;}

	.aboutUl li .H4{font-size:12px; line-height: 18px; margin-top:10px;}

	.aboutUl li::after,

	.aboutUl li:last-child::before{display:none;}

}



.about2{padding:85px 0 95px 0; }

.about2 .container{position:relative;}

.about2Title{text-align:center;}

.about2Title .H3{font-size:30px; color:#fff;}

.about2Title .H4{font-size:14px; color:#fff; opacity: 0.5; margin-top:5px;}

.about2Slide{margin-top:70px; padding:0 7.85%; position: relative; z-index: 1;}

.bgLine{width:94%; height: 1px; position: absolute; background-color:#fff; top:59.5%; left: 3%;}

.about2Slide .list{width:94%; margin: auto;}

.about2Slide .list .H4{width:80px; height: 80px; border-radius: 50%; background-color:#fff; line-height: 80px; text-align: center; font-size:24px; color:#dc7027; font-family: Arial; font-weight: bold; margin: auto;}

.about2Slide .list .Span{width:15px; display: block; margin: auto auto 45px auto;}

.about2Slide .list .p{font-size:14px; color:#fff; line-height: 28px; height: 112px; overflow-y: auto; overflow-x: hidden; text-align: center;}

.about2Slide .list2 .Span{margin:auto auto auto auto;}

.about2Slide .slick-prev{background:url(../images/p43.png) center no-repeat; background-size:cover; left: 0;}

.about2Slide .slick-next{background:url(../images/p42.png) center no-repeat; background-size:cover; right:0;}

.about2Slide .slick-prev,

.about2Slide .slick-next{width:40px; height: 40px; border-radius: 50%; background-color:#d98249; top:42%;}

.about2Slide .slick-prev:hover{background-color:#fff; background-image: url(../images/p41.png);}

.about2Slide .slick-next:hover{background-color:#fff;background-image: url(../images/p40.png);}



@media screen and (max-width:1429px){

	.about2Slide{padding:0 40px;}

	.about2Slide .list{width:100%;}

}

@media screen and (max-width:991px){

	.about2{padding:40px 0;}

}

@media screen and (max-width:767px){

	.about2{padding:20px 0;}

	.about2Title .H3{font-size:22px;}

	.about2Slide{margin-top:20px; padding:0 30px;}

	.about2Slide .slick-prev,

	.about2Slide .slick-next{width:30px; height: 30px; top:100px; }

	.about2Slide .list .p{font-size:13px; line-height: 20px; height: 80px;}

	.about2Slide .list .H4{width:60px; height: 60px; line-height: 60px; font-size:16px;}

	.about2Slide .list2 .Span{margin-top:14px;}

	.bgLine{top:164px; width:90%; left: 5%;}

}



.about3{padding:60px 0 66px 0;}

.about3 .about2Title .H3{color:#333333;}

.about3 .about2Title .H4{color:#333333; opacity: 0.5;}

.about3Slide{padding:40px 0 10px 0;}

.about3Slide .slideUl{width:100%;}

.about3Slide .slideUl .liImg{width:23.14%; float:left; margin: 0 2.48% 30px 0; padding:16px; background-color:#e6e6e6;}

.about3Slide .slideUl .liImg:nth-child(4n){margin-right:0;}

.about3Slide .slick-dots{wdith:100%; line-height: 0; bottom:0; text-align: center;}

.about3Slide .slick-dots li{display:inline-block; width:31px; height: 6px; background-color:#9d9d9d; margin: 0 5px;}

.about3Slide .slick-dots li.slick-active{background-color:#2e5286;}



@media screen and (max-width:991px){

	.about3{padding:40px 0;}

	.about3Slide .slideUl .liImg{padding:5px;}

}

@media screen and (max-width:767px){

	.about3{padding:20px 0;}

	.about3Slide{padding:20px 0 0px 0;}

	.about3Slide .slick-dots li{height:2px; width:10px;}

}



/*联系我们*/

.contact{padding:60px 0;}

.contactLeft{background-color:#ebebeb; padding-bottom:57px; width:65.21%; float:left;}

.contactLeft .name{padding:57px 0 40px 80px;}

.contactLeft .name .H3{font-size:30px; color:#333333;}

.contactLeft .name .H4{font-size:16px; color:#9c9c9c; text-transform: uppercase; margin-top:10px; letter-spacing: 1px;}



.infor .list{padding:38px 9.53%;}

.infor .list1{background-color:#f6f6f6;}

.infor .list .div{float:left; width:45.99%; margin-right:20%;}

.infor .list .div:nth-child(2){width:33.37%; margin-right:0;}

.infor .list .div .span{float:left; width:42px; height: 42px; border-radius: 50%; background-color:#2e5286;}

.infor .list .div .p{ margin-left:65px; font-size:16px; color:#444444; line-height: 28px;}



.contactRight{width:31.35%; float:right; background-color:#f6f6f6; text-align: center; padding:110px 0 110px 0;}

.contactRight .H3{font-size:24px; color:#333333;}

.contactRight .ewm{width:66%; margin: 30px auto 20px auto; background-color:#fff; padding:25px; display: block;}

.contactRight .H4{font-size:20px; color:#666666;}



@media screen and (max-width:1429px){

	.contactLeft .name{padding-left:30px;}

	.infor .list{padding:30px 3%;}

}

@media screen and (max-width:1199px){

	.infor .list{padding:13px 10px;}

	.infor .list .div{width:48% !important; margin-right:4%;}

	.contactLeft .name{padding-left:10px;}

}

@media screen and (max-width:991px){

	.contact{padding:50px 0;}

	.contactLeft{width:100%;}

	.contactLeft .name{padding:20px 10px;}

	.contactLeft .name .H3{font-size:22px;}

	.contactRight{width:100%; padding:20px 0; margin-top:20px;}

	.contactRight .ewm{width:140px; padding:10px;}

}

@media screen and (max-width:767px){

	.contact{padding:30px 0;}

	.contactLeft .name .H3{font-size:18px;}

	.contactLeft .name .H4{font-size:13px;}

	.infor .list {padding-bottom:0;}

	.infor .list .div{width:100% !important; margin: 0 0 10px 0;}

	.infor .list .div .span{width:30px; height: 30px;}

	.infor .list .div .p{margin-left:40px; font-size:13px; line-height: 20px;}

	.contactLeft{padding-bottom:10px;}

	.contactRight .H3{font-size:16px;}

	.contactRight .H4{font-size:14px;}

	.contactRight .ewm{margin:10px auto;}

}



.map{float:left; width:100%; height: 560px; border:10px solid #f6f6f6; margin-top:35px;}

#bdmap1{ position: relative; width: 100%; height: 100%;}



@media screen and (max-width:991px){

	.map{height:440px;}

}

@media screen and (max-width:767px){

	.map{height:240px; margin-top:20px;}

}



/*人才招聘*/

.join{padding:60px 0 55px 0;}

.joinList{padding-bottom:30px;}

.joinList li{margin-bottom:10px; }

.joinList .listTop{height:60px;  background-color:#2e5286;}

.joinList .listTop h1{float:left;width:6.42%;font-size:16px; color:#fff; font-weight: bold;line-height: 60px; text-align: center; margin-right:9%;}

.joinList .listTop h1:nth-child(5){margin-right:0;}

.joinList .listTop h1:nth-child(1){width:11%; margin:0 20% 0 6%; text-align: left;}



.joinList .listTop_1{background-color:#f5f5f5;}

.joinList .listTop_1 h1{font-weight:normal; color:#333;}

.joinList .rBt{float:right; width:84px; border-left:1px solid #fff; height:60px;}

.joinList .rBt span{width:21px; height:1px; background-color:#828282; display: block;margin:auto; margin-top:29.5px; }

.joinList .rBt span::after{content: " "; transform: rotate(90deg);width:21px; height:1px; background-color:#828282; display: block;}



.joinList .listDown{padding:45px 3.21% 30px 10.35%; display: none;}

.joinList .textLeft{float:left;  display: inline-block; width:52%; border-right:1px solid #eaeaea;}

.joinList .textLeft h1{font-size:16px; color:#000; width:100%; text-align: left;}

.joinList .textLeft .p{font-size:14px; color:#666;  line-height: 30px; margin-top:10px;}

.joinList .textLeft .p i{font-size:14px; display: block; margin-top:35px;}

.joinList .textRight{float:right; width:42%;}

.joinList .textRight h1{font-size:16px; color:#000; width:100%; text-align: left;}

.joinList .textRight .p{font-size:14px; color:#666;line-height: 30px; margin-top:10px;}

.joinList .textRight .more{width:124px; height:38px; font-size:16px; text-align: center; line-height: 38px;margin:30px 0 0 0;background-color: #2e5286; background-size:cover; color:#fff; display: block; border-radius: 30px;}

.joinList .listTop_1.on{background-color:#2e5286;}

.joinList .listTop_1.on .rBt{border-color:rgba(255,255,255,0.8);}

.joinList .listTop_1.on .rBt .span::after{display:none;}

.joinList .listTop_1.on .rBt .span{background-color:#fff;}

.joinList .listTop_1.on h1{ color:#fff;}





@media screen and (max-width:1429px){

	.joinList .listTop h1{ width:18% !important; margin: 0 !important; text-align: center !important;}

}

@media screen and (max-width:1229px){

	.joinList .listTop h1{ width:15% !important;}

}

@media screen and (max-width:991px){

	.join{padding:50px 0;}

	.joinList .listDown{padding:10px 20px;}

	.joinList .listTop h1{font-size:14px; width:80px; margin:0 10px !important;}

	.joinList .textLeft{float:none; width:100%; border:none;}

	.joinList .textRight{float:none; margin-top:20px; width:100%;}

	.joinList .textRight h3{margin:0; margin-top:20px;}

	.joinList .textRight .more{width:100px; height:30px; line-height: 30px; font-size:13px; margin-top:20px;}

}

@media screen and (max-width:767px){

	.join{padding:30px 0;}

	.joinList .listTop h1{margin:0 2px !important; font-size:12px;line-height: 30px; width:16% !important; overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;}

	.joinList .rBt{height:30px; width:10%;}

	.joinList .rBt .span{width:16px; margin-top:15px;}

	.joinList .rBt .span::after{width:16px;}

	.joinList .listDown{padding:10px;}

	.joinList .textLeft h1{font-size:14px;}

	.joinList .textLeft .p{line-height: 20px;}

	.joinList .textLeft .p i{font-size:12px; margin-top:10px;}

	.joinList .textRight{margin-top:10px;}

	.joinList .textRight h1{font-size:14px;}

	.joinList .textRight .p{line-height: 20px;}

	.joinList .joinList{padding-bottom:20px;}

	.joinList .listTop{height:30px;}

}



/*新闻资讯*/

.new{padding:60px 0 75px 0;}

.newList{padding-bottom:20px;}	

.newList li{margin-bottom:35px; background-color:#f6f6f6;}

.newList li .spanImg{float:left;padding:30px; width:328px; height: auto; box-sizing: content-box; overflow: hidden;}

.newList li .spanImg img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.newList li:last-child{margin-bottom:0;}

.new1{margin-left:388px; padding:45px 65px 25px 25px;border-left:1px solid #fff;}	

.new1	.H1{font-size:16px;color: #3b3b3b; }

.new1	.p{font-size:14px; color:#898989; line-height: 24px; margin-top:20px; height: 48px; display: inline-block; width: 100%;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.new1	.new2{margin-top:70px; line-height: 0;display: inline-block; width: 100%;}

.new1	.new2 .H3{float:left; font-size:14px; color:#a9a9a9;}

.new1	.new2 .H4{font-size:14px; color:#666666; float:right;}

.newList li:hover .spanImg{background-color:#f0f0f0;}

.newList li:hover .spanImg img{transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.newList li:hover .new1 .H1{color:#f15929;}

.newList li:hover .new1 .new2 .H4{color:#f15929;}



@media screen and (max-width:991px){

	.new1 .new2{margin-top:30px;}

	.new{padding:50px 0;}

}

@media screen and (max-width:767px){

	.newList li .spanImg{width:130px; padding:10px 5px;}

	.new1{margin-left:140px; padding:10px;}

	.new1 .H1{font-size:15px;}

	.new1 .p{font-size:13px; line-height: 20px; height: 40px; margin-top:10px;}

	.new1 .new2{margin-top:10px;}

	.newList li{margin-bottom:20px;}

	.new{padding:30px 0;}

	.newList{padding-bottom:20px;}

}





.bd_weixin_popup,

.bd_weixin_popup *{-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;}



/*新闻资讯详细*/

.newDetail{padding:60px 0 50px;}

.new_text h1{font-size:24px; color:#333; text-align: center;}

.new_text_div{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 25px 0 35px 0;}

.new_text_div .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 34px;}

.new_text_div .back{float:right; font-size:14px; color:#777777; line-height: 34px;}

.new_text_div .back .i{float:right; width:34px; height: auto; margin-left:10px; }

.new_text_div .back:hover{color:#2e5286}

.new_text_con{font-size:14px; line-height: 30px; color:#333333;}

.new_text_con .H4{font-size:16px;}

.new_text_con .divImg{ margin: 30px auto; width:83.57%;}

.share{text-align:center; margin-bottom:18px; padding:35px 0 30px 0;border-bottom:1px solid #d7d8d8; line-height: 0; }

.share .bdsharebuttonbox{display:inline-block;}

.share .bdsharebuttonbox .bdshare-button-style0-16{margin:0; padding:0;}

.share .bdsharebuttonbox .bds_weixin{width:35px; height:35px; background:url(../images/wx.jpg) center no-repeat; margin: 0;}

.share .bdsharebuttonbox .bds_tsina{width:35px; height:35px; background:url(../images/wb.jpg) center no-repeat; margin:0 15px;}

.share .bdsharebuttonbox .bds_qzone{width:35px; height:35px; background:url(../images/qk.jpg) center no-repeat; margin: 0;}



.page_a a{font-size:14px; color:#666666; float:left;}

.page_a a:nth-child(2){float:right;}

.page_a a:hover{color:#2e5286 ;}



.about_new_box{}

.about_new_box .H2{font-size:18px; color:#2e5286; padding:25px 0; margin-top:20px;}

.about_new li{width:48.66%; margin-right:2.68%; padding:13px 0; border-top:1px solid #e4e4e4; float:left;}

.about_new li:nth-child(1),.about_new li:nth-child(2){border:none;}

.about_new li:nth-child(2n){margin-right:0;}

.about_new li .H5{float:left; font-size:14px; color:#333333; width:80%;

	overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

.about_new li .H6{font-size:14px; color:#777777; float:right;}

.about_new li:hover h5{color:#2e5286;}



@media screen and (max-width:991px){

	.newDetail{padding:50px 0;}

	.about_new li .H5{width:70%;}

}

@media screen and (max-width:767px){

	.newDetail{padding:30px 0;}

	.new_text h1{font-size:18px;}

	.new_text_div{margin:15px 0; padding:5px 0;}

	.new_text_div .H2{font-size:12px; line-height: 26px;}

	.new_text_div .back{line-height:26px; font-size:12px}

	.new_text_div .back .i{width:30px;}

	.new_text_con{font-size:13px; line-height: 20px;}

	.new_text_con .divImg{margin:10px 0; width:100%;}

	.share{padding:20px 0; margin-bottom:10px;}

	.about_new_box .H2{font-size:18px; padding:10px 0; margin-top:10px;}

	.about_new li{width:100%; margin: 0;}

	.page_a a{width:100%; text-align: center;}

}





/*在线留言*/



.message{padding: 40px 5%; background-color:#f7f7f7; }

.messageInput{width:46.64%; float:left; margin:0 6.72% 25px 0;}

.message .messageInput:nth-child(2){margin-right:0;}

/*.message .messageInput:nth-child(3){margin-right:0;}*/

.message .messageInput:nth-child(4){margin-right:0;}

.message .messageInput h5{font-size:14px; color:#4c4c4c; line-height: 30px;}

.message .messageInput h5 b{font-weight: normal; font-size:12px; text-transform: uppercase;}

.message .messageInput h5 i{color:#2e5286;}

.message .messageInput input{width:100%; height:50px; border:1px solid #e5e5e5; background-color:#fff; text-indent: 15px; font-size:14px; margin-top:5px;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0} 

.message .messageInput input::-webkit-input-placeholder{font-size:14px; color:#999999;}  

.message .messageInput input::-moz-placeholder{font-size:14px; color:#999999;}               

.message .messageInput input::-moz-placeholder{font-size:14px; color:#999999;}              

.message .messageInput input::-ms-input-placeholder{font-size:14px; color:#999999;}

.messageInput1{width:100%;}

.messageTextarea{width:100%;}

.messageTextarea textarea{width:100%;border:1px solid #e5e5e5; background-color:#fff;  font-size:14px; height: 119px; padding:20px 0 0 15px;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0}

.messageTextarea textarea::-webkit-input-placeholder{font-size:14px; color:#999999;font-family:'Microsoft yahei'}  

.messageTextarea textarea::-moz-placeholder{font-size:14px; color:#999999;font-family:'Microsoft yahei'}               

.messageTextarea textarea::-moz-placeholder{font-size:14px; color:#999999;font-family:'Microsoft yahei'}              

.messageTextarea textarea::-ms-input-placeholder{font-size:14px; color:#999999;font-family:'Microsoft yahei'}

.button{float:left; width:100%; padding-top:17px;}

.button input{width:280px; height: 56px; display: block; margin: auto ; font-size:16px; color:#fff; border:none; background-color: #2e5286;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:4px;

}

.button input:hover{background-color:#062a5c;}

.button .p{text-align:center; font-size:14px; color:#999999; line-height: 30px;}

.button .p i{color:#2e5286;}	



@media screen and (max-width:767px){

	.message{padding:10px 3%;}

	.messageInput{width:100%; margin:0 0 10px 0;}

	.button input{width:200px; height: 30px;  font-size:12px; }

	.button{padding-top:0px;}

	.button .p{font-size:12px;}

	.message .messageInput input{height:40px;}

}