@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%;}
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;}
.minHeight{min-height:500px;}

/*首页 */
.top1{}
.top1 .logo{width:175px; height: auto; margin:17px 0 0 0; float:left;}

.search{ position: relative; float:right; z-index: 100; margin:34px 0 0 0; border-radius: 50%;}
.search .submit{display:block; width:32px; height: 32px; position: relative; z-index: 20; background-color:#1a2953;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:50%;}
.search .input{width:0px; position: absolute; top:0px; right:0px; overflow: hidden; border-radius: 30px;
    -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: 32px; line-height: 32px; padding:0 32px 0 10px; background:none; color:#fff;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0; border-radius: 0;}
.search:hover .input{width:160px;background-color:#1a2953;}

.menu_box{float:right; margin-right:20px;}
.menu{float:right;}
.menu .nli{float:left; position: relative; text-align: center; }
.menu .nli span > a{font-size:14px; color:#333333; font-family: Arial; text-transform: uppercase; line-height: 22px; padding:39px 20px; display: block; }
.menu .nli span > a .i1{white-space: nowrap}
.menu .nli:hover span > a{color:#fff;  background-color:#1a2953;}
.menu .nli.on span > a{color:#fff;background-color:#1a2953;}
.menu .nli:hover span > a .i1{display:inline-block; font-weight: bold;}
.menu .nli.on span > a .i1{display:inline-block; font-weight: bold;}
.menu .nli:nth-child(2) span > a .i1{width:71.56px;}
.menu .nli:nth-child(3) span > a .i1{width:78.55px;}
.menu .nli:nth-child(4) span > a .i1{width:80.89px;}
.menu .nli:nth-child(5) span > a .i1{width:67.42px;}
.menu .nli:nth-child(6) span > a .i1{width:100.88px;}
.menu .nli:nth-child(7) span > a .i1{width:42px;}
.menu .nli:nth-child(8) span > a .i1{width:66.61px;}

.sub{position: absolute; top:100px; left: 50%; width:140px; background-color:rgba(26,41,83,0.6);text-align: center; z-index: 101; display:none; margin-left:-70px;}
.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:rgba(26,41,83,0.9);}

@media screen and (max-width:1199px){
	.top1 .logo{width:120px; margin: 27px 0 0 0;}
	.menu .nli span > a{padding:39px 10px}
}

/*手机头*/
.top2{width:100%; height:60px;display: none ; position: relative; z-index: 2000; background-color:#fff;}
.top2.active{border-bottom:1px solid #f2f2f2;}
.top2 .logo{width:120px; height:auto; float:left; margin-top:7px;}

@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: 2px;
    -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: #1a2953;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    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: #1a2953;
}
.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-color:#fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #1a2953;
    font-size: 14px;
    line-height: 50px;
    position: relative;
	font-weight: bold;
	text-transform: uppercase;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    /*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:#f2f2f2;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #1a2953;
    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: #f2f2f2;
    /*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: #1a2953 solid 1px; border-right: #1a2953 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:100%; float:left;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 33px; height: 33px; 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;
}


/*banner*/
.pz_banner{clear: both;}
.c_banner{position:relative; overflow: hidden;}
.slide1 .slick-dots{width:100%; left:0; bottom:30px; line-height: 0;}
.slide1 .slick-dots li{width:22px; height: 22px; background:url(/Templates/cn/images/p3.png) center no-repeat; background-size:100%; margin: 0 5px;}
.slide1 .slick-dots li.slick-active{background-image:url(/Templates/cn/images/p2.png);}
.slide1 .slick-dots li button:before,
.slide1 .slick-dots li button{display:none;}
	
@media screen and (max-width:767px){
	.slide1 .slick-dots{bottom:10px;}
	.slide1 .slick-dots li{width:12px; height: 12px;}
}

.index1{padding:95px 0;}
.title{text-align:center;}
.title .H4{font-size:36px; color:#333333; font-family: Arial; text-transform: uppercase; font-weight: bold;}
.title .p{font-size:14px; color:#666666; font-family: Arial; margin-top:15px; letter-spacing: 0.5px;}

.index1List{margin-top:40px;}
.index1List .list{width:25%; float:left; position: relative; overflow: hidden;}
.index1List .list a > 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;}
.index1List .imgOn{width:100%; left: 0; text-align: center; top:50%; position: absolute;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.index1List .imgOn .ico{width:180px; height: 180px; line-height: 0; display: block; margin: auto; border-radius: 50%; border:1px solid rgba(255,255,255,0.8);}
.index1List .imgOn .H5{font-size:28px; color:#fff; font-family: Arial; text-transform: uppercase; margin-top:40px;}
.index1List .list:hover a > 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:1300px){
	.index1List .imgOn .ico{width:120px; height: 120px;}	
	.index1List .imgOn .H5{font-size:20px;}
}
@media screen and (max-width:1199px){
	.index1{padding:60px 0;}
	.title .H4{font-size:28px;}
}
@media screen and (max-width:991px){
	.index1List .list{width:50%;}
}
@media screen and (max-width:767px){
	.index1{padding:30px 0;}
	.title .H4{font-size:20px;}
	.title .p{font-size:10px; margin-top:10px;}
	.index1List{margin-top:25px;}
	.index1List .imgOn .ico{width:60px; height: 60px;}
	.index1List .imgOn .H5{font-size:12px; margin-top:10px;}
}

.index2D1{margin-top:40px; background-color:#f5f5f5; position: relative; }
.index2D1R{width:44.7%; float:right;padding:95px 0;}
.index2D1R .H4{font-size:30px; color:#333333; font-family: Arial;}
.index2D1R .p{font-size:14px; line-height: 32px; color:#444444; font-family: Arial; margin: 30px 0 90px 0; height: 192px; text-align: justify;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
.more{width:100px; height: 34px; background-color:#1a2953; border-radius: 30px; line-height: 34px; text-align: center; display: block; font-size:14px; color:#fff; font-family: Arial; text-transform: uppercase; border:1px solid rgba(255,255,255,0);}
.more:hover{border-color: #1a2953; color:#1a2953; background-color:transparent;}

.index2D1L{width:50%; position: absolute; top:0; left: 0; height: 100%;}
.index2D1L a{display:block;}
.index2D1 .slick-prev,
.index2D1 .slick-next{width:46px; height: 46px; right:50%; left: auto; bottom:0; top:auto; transform: translate(0);}
.index2D1 .slick-prev{background:url(images/p8.png) center no-repeat rgba(0,0,0,0.5); background-size:100%;}
.index2D1 .slick-next{background:url(images/p9.png) center no-repeat rgba(0,0,0,0.5); background-size:100%; bottom:46px;}
.index2D1 .slick-prev:hover,
.index2D1 .slick-next:hover{background-color:#1a2953;}

@media screen and (max-width:1199px){
	.index2D1R{padding:60px 0;}
	.index2D1R .H4{font-size:22px;}
}
@media screen and (max-width:767px){
	.index2D1R{padding:25px 0;}
	.index2D1{margin-top:25px; }
	.index2D1L{width:100%; position: relative; transform: translate(0); float:left; }
	.index2D1R{width:100%;}
	.index2D1R .H4{font-size:18px;}
	.index2D1R .p{font-size:13px; line-height: 22px; height:132px; margin:15px 0; }
	.more{font-size:12px; width:80px; height: 24px; line-height:24px;}
	.index2D1 .slick-prev, 
	.index2D1 .slick-next{width:30px; height: 30px; right: 0;}
	.index2D1 .slick-next{bottom:30px;}
	.index2D1L a{ background:none !important;}
}

.index3{padding:95px 0;}
.index3D1{background-color:#f2f2f5; position: relative; padding:115px 0; margin-top:40px;}
.index3D1L{width:43.67%; float:left;}
.index3D1L .dLogo{width:175px; display: block; line-height: 0;}
.index3D1L .H4{font-size:28px; color:#1a2953; font-family: Arial; font-weight: bold; margin-top:24px;}
.index3D1L .p{font-size:14px; line-height: 24px; color:#666666; font-family: Arial; margin: 23px 0 40px 0; height: 120px; text-align: justify;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}

.index3D1R{width:50%; right: 0; top:0; position: absolute; height: 100%;}

@media screen and (max-width:1199px){
	.index3,
	.index3D1{padding:60px 0;}
	.index3D1L .H4{font-size:22px;}
}
@media screen and (max-width:767px){
	.index3{padding:30px 0;}
	.index3D1{margin-top:25px; padding:25px 0;}
	.index3D1L{width:100%;}
	.index3D1L .dLogo{width:120px;}
	.index3D1L .H4{font-size:18px; margin-top:10px;}
	.index3D1L .p{font-size:13px; line-height: 22px; height: 110px; margin: 15px 0;}
	.index3D1R{width:100%; float:left; position: relative; background:none !important; margin-top:20px;}
}

.index4{margin-bottom:100px;}
.index4List{padding-bottom:60px; border-bottom:1px solid #e5e5e5;}
.index4List .list{width:31.62%; float:left; margin: 40px 2.57% 0 0; border:1px solid #eeeeee;}
.index4List .list:nth-child(3n){margin-right:0;}
.index4List .pic{width:100%; overflow: hidden;}
.index4List .pic 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;
}
.index4List .listD{padding:30px;}
.index4List .listD .H4{font-size:20px; color:#333333; font-family: Arial; letter-spacing: 1px;}
.index4List .listD .p{font-size:16px; line-height: 30px; color:#999999; font-family: Arial; margin: 18px 0 24px 0; height: 60px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.index4List .listD .listMore{display:inline-block; font-size:14px; color:#333333; font-family: Arial; text-transform: uppercase; position: relative; padding-right:24px;}
.index4List .listD .listMore .ico{width:16px; height: 7px; background:url(/Templates/cn/images/j10.png) center no-repeat;  position: absolute; top:50%; right:0;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.index4List .list:hover{box-shadow: 0 5px 27px rgba(0,0,0,0.1); border-color:rgba(255,255,255,0);}
.index4List .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.index4List .list:hover .H4{color:#1a2953;}
.index4List .list:hover .listMore{color:#1a2953;}
.index4List .list:hover .listMore .ico{background-image:url(/Templates/cn/images/j11.png); }
.index4 .more{margin:-17px auto auto auto;}
.index4 .more:hover{background-color:#fff;}

@media screen and (max-width:1199px){
	.index4{margin-bottom:60px;}
	.index4List .listD{padding:15px;}
}
@media screen and (max-width:767px){
	.index4{margin-bottom:30px;}
	.index4List .list{width:100%; margin: 15px 0 0 0; border:none;}
	.index4List .list:first-child{ margin: 25px 0 0 0;}
	.index4List .pic{width:140px; float:left;}
	.index4List .listD{padding:0; margin-left:150px;}
	.index4List .listD .H4{font-size:16px;}
	.index4List .listD .p{font-size:13px; line-height: 20px; height: 40px; margin: 5px 0;}
	.index4List .listD .listMore{font-size:12px;}
	.index4List .listD .listMore .ico{width:12px; height: 5px; background-size:100%;}
	.index4List{padding-bottom:30px;}
	.index4 .more{margin:-12px auto auto auto;}
}

/*bottom*/
.bottom{background-color:#262626; padding:45px 0;}
.bLogo{width:14.61%; margin:55px 0 0 0; float:left;}
.bInfor{width:30.51%; margin: 0 1.45% 0 6.49%; float:left;}
.bH4{font-size:18px; color:#fff; font-family: Arial; font-weight: bold; }
.bInfor .text{font-size:14px; color:#999999; line-height: 40px; font-family: Arial; margin-top:10px;}
.bInfor .text .span{text-transform:uppercase}

.bLink{width:24.7%; float:left;}
.bLinkA{margin-top:10px;}
.bLinkA a{font-size:14px; color:#999999; line-height: 40px; font-family: Arial; width:48.4% ;margin-right:3.2%; float:left; text-transform: uppercase;}
.bLinkA a:nth-child(2n){margin-right:0;}
.bLinkA a:hover{color:#fff;}

.bNumber{width:20.68%; float:right;}
.bNumber .text{font-size:30px; color:#999999; line-height: 44px; font-family: Arial; margin-top:10px;}

.bShare .bdsharebuttonbox a{width:27px; height: 29px; opacity: 0.5; padding:0; margin:0 17px 0 0; background:url(/Templates/cn/images/p12.png) center no-repeat; background-size:100%;}
.bShare .bdsharebuttonbox a:last-child{margin:0;}
.bShare .bdsharebuttonbox .bds_linkedin{background-image:url(/Templates/cn/images/p13.png);}
.bShare .bdsharebuttonbox .tube{background-image:url(/Templates/cn/images/p14.png);}
.bShare .bdsharebuttonbox .google{background-image:url(/Templates/cn/images/p15.png);}
.bShare .bdsharebuttonbox .bds_twi{background-image:url(/Templates/cn/images/p16.png);}
.bShare .bdsharebuttonbox a:hover{opacity: 1;}

.bottom2{padding:20px 15px; line-height: 20px; background-color:#2c2c2c; border-top:1px solid #424242; text-align: center;}
.bottom2 .p{display:inline-block; font-size:14px; color:#fffefe; opacity: 0.5;}

@media screen and (max-width:1199px){
	.bNumber .text{font-size:20px;}
	.bShare .bdsharebuttonbox a{margin-right:10px;}
}
@media screen and (max-width:991px){
	.bShare{display:none;}
	.bLogo{display:none;}
	.bInfor{margin:0 6% 0 0;}
	.bNumber{width:30%;}
}
@media screen and (max-width:767px){
	.bottom{padding:20px 0;}
	.bInfor{width:100%; margin: 0;}
	.bH4{font-size:16px;}
	.bInfor{}
	.bInfor .text{line-height:24px; text-align: justify; margin: 0; font-size:13px;}
	.bInfor .text .p{margin-top:10px;}
	.bLink{display:none;}
	.bNumber{width:100%; margin-top:10px;}
	.bNumber .text{font-size:15px; line-height: 22px;}
	.bottom2{padding:10px 15px;}
	.bottom2 .p{font-size:10px; line-height: 16px; display: block;}
}

/*关于我们*/
.pageBox{height:75px; border-bottom:1px solid #e5e5e5;}
.pageNav{float:left;}
.pageNav a{float:left; line-height: 75px;height: 75px; font-size:16px; color:#333333; font-family: Arial; padding:0 19px; margin-right:35px; letter-spacing: 1px;
-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;
}
.pageNav a:hover{height:96px; line-height: 96px; background-color:#1a2953; color:#fff; margin-top:-10.5px; position: relative;z-index: 1;}
.pageNav a.on{height:96px; line-height: 96px; background-color:#1a2953; color:#fff;margin-top:-10.5px; position: relative;z-index: 1;}
.pageBox .local{float:right; font-size:14px; color:#333333; font-family: Arial; line-height: 24px; margin: 25.5px 0 0 0; letter-spacing: 1px;}
    .pageBox .local a { color:#333333; 
    }
.pageBox .local .ico{width:24px; height: 24px; line-height: 0; float:left; margin: -1px 8px 0 0;}
.pageBox .local a:last-child{color:#1a2953;}

@media screen and (max-width:991px){
	.pageBox{display:none;}
}


/*内页下拉*/
.babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#fff;}
.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}
.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:40px; }
.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:12px 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;}
}

.about1{padding:80px 0;}
.about1 .pic{width:48.71%; float:right; padding:30px 30px 30px 0; background:url(/Templates/cn/images/p18.png) right center no-repeat; background-size:75.43%; margin: 0 0 15px 5.12%}
.about1 .text .H4{font-size:30px; font-family: Arial; color:#1a2953; text-transform: uppercase; padding:18px 0 30px 0; position: relative;}
.about1 .text .H4::after{width:50px; height: 2px; background-color:#1a2953; content: ""; position: absolute; bottom:0; left: 0; display:none;}
.about1 .text .p{font-size:16px; color:#333333; line-height: 40px; font-family: Arial; margin-top:40px;}

@media screen and (max-width:1199px){
	.about1{padding:60px 0;}
	.about1 .text .H4{font-size:24px;}
}
@media screen and (max-width:767px){
	.about1{padding:30px 0;}
	.about1 .pic{width:100%; padding:10px 10px 10px 0;}
	.about1 .text{float:left; width:100%;}
	.about1 .text .H4{font-size:20px; padding:15px 0;}
	.about1 .text .p{font-size:13px; line-height: 22px; margin-top:20px; text-align: justify;}
}

.about3{padding:90px 0 80px 0}
.inNew2 .list{width:31.62%; float:left; margin-right:2.57%;position: relative; padding-bottom:350px; }
.inNew2 .list:nth-child(3){margin-right:0;}
.inNew2 .list:nth-child(2){padding:350px 0 0 0;}
.inNew2 .list .text{position:relative; background-color:#f5f5f5; padding:55px 8.1% 0 8.1%; height: 350px;}
.inNew2 .list .text .H5{font-size:20px; color:#1a2953; font-family: Arial; text-transform: uppercase; text-align: center; position: relative; padding-bottom:17px; border-bottom:1px solid #dcdcdc;}
.inNew2 .list .text .H5::after{width:30px; height: 3px; background-color:#1a2953; position: absolute; bottom:0; left: 50%; content: ""; margin-left:-15px;}
.inNew2 .list .text .p{font-size:14px; line-height: 36px; height: 144px; color:#333333; font-family: Arial; margin-top:35px; text-align: justify;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.inNew2 .list .text .span{width:36px; height: 16px; line-height: 0; position: absolute; bottom:-15px; left: 50%; margin-left:-18px; background:url(/Templates/cn/images/p20.png) center bottom no-repeat; background-size:cover;}
.inNew2 .list:nth-child(2) .text .span{ top:-15px; bottom:auto; background:url(/Templates/cn/images/p19.png) center top no-repeat; background-size:cover;}
.inNew2 .list .pic{width:100%; height: 350px; position: absolute; bottom:0; left: 0;}
.inNew2 .list:nth-child(2) .pic{ bottom:auto;top:0; left: 0;}

@media screen and (max-width:1199px){
	.about3{padding:60px 0}
	.inNew2 .list .text{height:240px; padding-top:20px;}
	.inNew2 .list .pic{height:240px;}
	.inNew2 .list{padding-bottom:240px;}
	.inNew2 .list:nth-child(2){padding:240px 0 0 0;}
	.inNew2 .list .text .p{margin-top:20px;}
}
@media screen and (max-width:991px){
	.inNew2 .list .text .p{line-height:24px; height:96px; }
}
@media screen and (max-width:767px){
	.about3{padding:30px 0}
	.inNew2 .list{margin-bottom:10px;}
	.inNew2 .list{width:100%; padding:0 !important; margin-bottom:20px;}
	.inNew2 .list:last-child{margin-bottom:0;}
	.inNew2 .list .pic{height:auto; width:130px; float:left; position: static;background:none !important;}
	.inNew2 .list .text .H5{font-size:16px; padding:5px 0 10px 0;}
	.inNew2 .list .text{margin-left:140px; padding:0; height: auto; background:none;}
	.inNew2 .list .text .p{font-size:13px; height: 72px; line-height:18px; margin-top:5px;}
	.inNew2 .list .text .span{display:none;}
}

.product{padding:90px 0 80px 0;}
.product .H4{font-size:30px; text-transform: uppercase; text-align: center;}
.product .hd{margin-top:40px; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; text-align: center; font-size:0; line-height: 0;}
.product .hd ul{}
.product .hd ul li{display:inline-block; height: 54px; line-height: 54px; padding:0 4%; font-size:16px; color:#333333; font-family: Arial; position: relative; cursor: pointer;}
    .product .hd ul li .li {color:#333333;}
.product .hd ul li::after{width:14px; height: 26px; background:url(/Templates/cn/images/p21.png); background-size:100%;content: ""; position: absolute; top:48px; left: 50%; margin-left:-7px;}
.product .hd ul li:hover{background-color:#1a2953; color:#1a2953; color:#fff;}
    .product .hd ul li:hover .li {color:#fff;}
.product .hd ul li:hover::after{background-image:url(/Templates/cn/images/p22.png);}
.product .hd ul li.on{background-color:#1a2953; color:#1a2953; color:#fff;}
    .product .hd ul li.on .li {color:#fff;}
.product .hd ul li.on::after{background-image:url(/Templates/cn/images/p22.png);}
.proList{padding:30px 0 40px 0;}
.proList .list{width:23%; margin:30px 2.66% 0 0; float:left;border:1px solid #ececec;}
.proList .list:nth-child(4n){margin-right:0;}
.proList .list .picBox{}
.proList .list .pic{padding-bottom:104%; position: relative; width:100%; overflow: hidden;}
.proList .list img{position:absolute; top:0; left: 0; width:100%; height: 100%;
	-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 .list .H5{ font-size:16px; color:#333333; font-family: Arial; line-height: 24px; border-top:1px solid #ececec; padding:11px 10px;}
    .proList .list .H5 .span {display:block; height:72px; line-height:24px;
                              overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
    }
.proList .list:hover img{
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.proList .list:hover .H5{background-color:#1a2953; color:#fff;}

@media screen and (max-width:1199px){
	.product{padding:60px 0;}
	.product .H4{font-size:24px;}
}
@media screen and (max-width:767px){
	.product{padding:30px 0;}
	.product .H4{font-size:20px;}
	.product .hd ul li{width:33.33%; padding:0;font-size:13px; line-height: 34px; height: 34px;}
	.product .hd{margin-top:25px;}
	.product .hd .container{padding:0;}
	.product .hd ul li::after{display:none;}
	.proList{padding:10px 0 30px 0;}
	.proList .list{width:48%; margin:10px 4% 0 0;}
	.proList .list:nth-child(4n){margin-right:4%;}
	.proList .list:nth-child(2n){margin-right:0%;}
	.proList .list .H5{font-size:14px; line-height: 30px;}
}

.paging{text-align:center; font-size:0;}
.paging a{display:inline-block; vertical-align: middle; width:34px; height: 34px; line-height: 34px; text-align: center; font-size:16px; color:#000000; margin: 0 6px;max-width:50%;}
.paging .pageup{margin-right:35px; width:auto; padding:0 5px;}
.paging .pagedown{margin-left:35px;width:auto;padding:0 5px;}
.paging a.hover{background-color:#1a2953; color:#fff; border-color:#8bcba8;}
.paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none; vertical-align: middle;}

@media screen and (min-width:992px){
	.paging a:hover{background-color:#1a2953; color:#fff; }
}

@media screen and (max-width:767px){
	.paging .a{display:none;max-width:inherit;}
	.paging .aPh{display:inline-block;}
}

/*产品详情*/
.proDe{padding:90px 0 80px 0;}
.proDeL{width:33.33%; float:left; border:1px solid #e3e3e3;}
.proDeL2{border-top:1px solid #e3e3e3; padding:60px 10.25%; background-color:#f4f4f4;}
.proDeL2 .H4{font-size:24px; color:#1a2953; font-family: Arial;}
.proDeL2 .H5{font-size:14px; color:#888888; font-family: Arial; margin: 14px 0 30px 0;}
.proDeL2 .btn2{display:block; width:127px; height: 45px; line-height: 45px; background-color:#1a2953; border-radius: 4px; text-align: center; font-size:16px; color:#fff;}
.proDeL2 .btn2:hover{border:1px solid #1a2953; color:#1a2953; background-color:transparent;}
.pageShare{margin-top:40px;}
.pageShare .H6{float:left; font-size:14px; color:#333333; line-height: 24px; margin-right:26px;}
.pageShare .bdsharebuttonbox a{width:24px; height: 24px;  padding:0; margin:0 20px 0 0; background:url(/Templates/cn/images/p23.png) center no-repeat; background-size:100%;}
.pageShare .bdsharebuttonbox a:last-child{margin:0;}
.pageShare .bdsharebuttonbox .bds_linkedin{background-image:url(/Templates/cn/images/p25.png);}
.pageShare .bdsharebuttonbox .tube{background-image:url(/Templates/cn/images/p27.png);}
.pageShare .bdsharebuttonbox .google{background-image:url(/Templates/cn/images/p29.png);}
.pageShare .bdsharebuttonbox .bds_twi{background-image:url(/Templates/cn/images/p31.png);}
.pageShare .bdsharebuttonbox a:hover {background-image:url(/Templates/cn/images/p24.png)}
.pageShare .bdsharebuttonbox .bds_linkedin:hover {background-image:url(/Templates/cn/images/p26.png)}
.pageShare .bdsharebuttonbox .tube:hover {background-image:url(/Templates/cn/images/p28.png)}
.pageShare .bdsharebuttonbox .google:hover {background-image:url(/Templates/cn/images/p30.png)}
.pageShare .bdsharebuttonbox .bds_twi:hover {background-image:url(/Templates/cn/images/p32.png)}

.proDeR {width:60.51%; float:right;}
.proDeR .text1{padding:25px 0 37px 0; font-size:16px; line-height: 30px; color:#666666; font-family: Arial;}
.proDeR .span{display:block; line-height: 0;}
.proDeR .text2{padding:38px 0 74px 0; font-size:14px; line-height: 30px; font-family: Arial; color:#4c4c4c;}
.proDeR .text2 .p{padding-left:18px; position: relative;}
.proDeR .text2 .p::after{width:8px; height: 1px; content: ""; position: absolute; top:14px; left: 0; background-color:#999999;}

.proDeRTab .hd{margin:40px 0 25px 0; font-size:0; border-bottom:1px solid#e2e2e2; }
.proDeRTab .hd li{width:131px; height: 44px; line-height: 44px; border-radius: 4px 4px 0 0; margin-right:3px; font-size:16px; color:#fff; font-family: Arial; background-color:#a3a3a3; display: inline-block; text-align: center; cursor: pointer;}
.proDeRTab .hd li:hover{background-color:#1a2953;}
.proDeRTab .hd li.on{background-color:#1a2953;}
.proDeRTab .tabD{font-size:14px; line-height: 30px; color:#555555; font-family: Arial; text-align: justify;}
.proDeRTab .tabD .imgBox .img{width:48.3%; float:left; margin: 30px 3.4% 0 0;}
.proDeRTab .tabD .imgBox .img:nth-child(2){margin-right:0;}
.proDeR .span1{margin:40px 0 30px 0;}

@media screen and (max-width:1199px){
	.proDe{padding:60px 0;}
	.proDeL2{padding:30px;}
	.pageShare .bdsharebuttonbox a{margin-right:10px;}
}
@media screen and (max-width:991px){
	.pageShare{display:none;}
}
@media screen and (max-width:767px){
	.proDe{padding:30px 0;}
	.proDeL{width:100%;}
	.proDeL2{padding:10px;}
	.proDeL2 .H4{font-size:18px;}
	.proDeL2 .H5{margin:10px 0 20px 0;}
	.proDeL2 .btn2{width:100px; height: 30px; line-height: 30px; font-size:13px;}
	.proDeR{width:100%;}
	.proDeR .text1{font-size:14px; line-height: 22px;padding:10px 0; text-align: justify;}
	.proDeR .text2{font-size:14px; line-height: 22px;padding:10px 0; }
	.proDeR .text2 .p::after{top:10px;} 
	.proDeRTab .hd{margin:20px 0;}
	.proDeRTab .hd li{width:50%; margin: 0; height: 34px; line-height: 34px; font-size:14px;}
	.proDeRTab .tabD{font-size:13px; line-height: 22px;}
	.proDeRTab .tabD .imgBox .img{margin-top:10px;}
	.proDeR .span1{margin:15px 0;}
}


.pageA{}
.pageA a{font-size:14px; color:#888888; font-family: Arial;max-width: 49%; letter-spacing: 1px;}
.pageA a:hover{color:#1a2953;}
.pageA .pageUp{float:left;}
.pageA .pageDown{float:right;}

@media screen and (max-width:991px){
}
@media screen and (max-width:767px){
	.pageA a{width:100%; text-align: left;max-width: 100%;}
}

/*解决方案*/
.soluBox{padding:40px 0 60px 0;}
.soluList{padding:0 0 80px 0;}
.soluList .list{width:31.62%; float:left; margin: 50px 2.57% 0 0;}
.soluList .list:nth-child(3n){margin-right:0;}
.soluList .pic{width:100%; padding-bottom:58.37%; position: relative; overflow: hidden;}
.soluList .pic img{width:100%; min-height: 100%; position: absolute; top:0; left: 0;
-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;}
.soluList .listD{padding:25px 20px 0 20px;}
.soluList .listD .H5{font-size:24px; font-family: Arial; font-weight: bold;}
.soluList .listD .H6{font-size:14px; color:#888888; margin: 14px 0 20px 0;}
.soluList .listD .more{width:90px; height: 32px; line-height: 32px; background-color:#e7e7e7; font-size:13px; font-family: Arial; color:#333333;}
.soluList .list:hover .pic img{
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.soluList .list:hover .H5{color:#1a2953;}
.soluList .list:hover .more{background-color:#1a2953; color:#fff;}

@media screen and (max-width:1199px){
	.soluList .listD .H5{font-size:20px;}
}
@media screen and (max-width:991px){
	.soluBox{padding-top:0;}
}
@media screen and (max-width:767px){
	.soluBox{padding:15px 0 30px 0;}
	.soluList .list{width:100%; margin: 15px 0 0 0 !important; }
	.soluList .pic{width:140px; float:left; padding: 0;}
	.soluList .pic img{position:static;}
	.soluList .listD{padding:0; margin-left:150px;}
	.soluList .listD .H5{font-size:18px;}
	.soluList .listD .H6{margin:10px 0;}
	.soluList .listD .more{ font-size: 12px;width: 80px;height: 24px;line-height: 24px;}
	.soluList{padding:0 0 30px 0;}
}

.support{padding:60px 0 80px 0;}
.supList{padding-bottom:40px;}
.supList .list{width:31.62%; margin: 30px 2.57% 0 0; position: relative; padding:50px 25px 0 25px; float:left; box-shadow: 0 0 4px rgba(0,0,0,0.16); cursor: pointer;}
.supList .list:nth-child(3n){margin-right:0;}
.supList .list .pic{width:100%; padding-bottom:70.47%; position: relative;}
.supList .list .pic img{position:absolute; top:0; left: 0; width:100%; height: 100%; 
-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;} 
.supList .list .H5{text-align:center; font-size:16px; color:#666666; font-family: Arial; margin-top:38px; line-height:60px; border-top:1px dashed #b2b2b2;}
.supList .imgOn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color:rgba(26,41,83,0.8); padding:14% 17.56% 0 17.56%; box-sizing: border-box; transform: scale(0);
-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;}
.supList .imgOn .H5{font-size:20px; color:#fff; line-height: 80px; border:none; border-bottom:1px dashed #fff;}
.supList .imgOn .ico{width:66px; height: 66px; display: block; margin: 30px auto auto auto; border-radius: 50%; border:1px solid #fff;}
@media screen and (min-width:992px){
	.supList .list:hover .imgOn{transform: scale(1);}
	.supList .list:hover > .H5{opacity:0;}
}

.bigImgBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.6); display: none;}
.bigImgBox2{width:40%; position: fixed; top:50%; left: 50%; background-color:#fff; padding:20px; z-index: 999999;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.bigImg{width:100%;min-height: 100px; }
.bigImgBox2 .close2{width:30px; height: 30px; right:-15px; top:-15px; position: absolute; cursor: pointer}

@media screen and (max-width:1199px){
	.support{padding:30px 0 60px 0;}
	.supList .list{padding:20px 20px 0 20px;}
}
@media screen and (max-width:767px){
	.bigImgBox2{width:90%; padding:10px;}
	.support{padding:15px 0 30px 0;}
	.supList{padding-bottom:30px;}
	.supList .list{width:48%; margin: 15px 4% 0 0;}
	.supList .list:nth-child(3n){margin-right:4%;}
	.supList .list:nth-child(2n){margin-right:0;}
	.supList .list{padding:10px 10px 0 10px;}
	.supList .list .H5{margin-top:15px; line-height: 40px; font-size:14px;}
}

/*应用*/
.appliBox{padding:60px 0 80px 0;}
.appList{padding-bottom:40px;}
.appList .list{width:31.62%; float:left; margin: 30px 2.57% 0 0; position: relative; padding:8px; background-color:#f1f1f1;}
.appList .list:nth-child(3n){margin-right:0;}
.appList .pic{width:100%; position: relative; padding-bottom:58.37%; overflow: hidden;}
.appList .pic img{width:100%; height: 100%; position: absolute; top:0; left: 0;}
.appList .H5{padding: 23px 0 15px 0; font-size:18px; color:#333333; font-family: Arial; text-align: center;}
.appList .imgOn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color:rgba(0,0,0,0.7); padding:35px 8.1% 0 8.1%; box-sizing: border-box; transform: scale(0);
-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;}
.appList .imgOn .H5{font-size:24px; color:#fff; padding:0; text-align: left;}
.appList .imgOn .p{font-size:14px; line-height: 30px; height: 60px; color:#fff; margin: 20px 0 48px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.appList .imgOn .more{width:178px; height: 46px; font-size:16px; line-height: 46px;}
@media screen and (min-width:992px){
	.appList .list:hover .imgOn{transform: scale(1)}
}

@media screen and (max-width:1199px){
	.appliBox{padding:30px 0 60px 0; }
	.appList .H5{font-size:16px;}
}
@media screen and (max-width:767px){
	.appliBox{padding:15px 0 30px 0; }
	.appList{padding-bottom:30px;}
	.appList .list{width:48%; margin: 15px 4% 0 0;}
	.appList .list:nth-child(3n){margin-right:4%;}
	.appList .list:nth-child(2n){margin-right:0;}
	.appList .H5{font-size:14px; padding:15px 0 6px 0;}
}

/*应用详情*/
.appliDe{padding:90px 0; overflow: hidden; width:100%;}
.appliDe .H4{text-align:center; font-size:30px; color:#4d4d4d; font-family: Arial;}
.slideOut2{ width:100%; position: relative;  margin: 55px auto auto auto;}
.slide{
  float: left;
    width: 100%;
    min-height: 100px;
    position: relative;
	height:480px;
}
.slide .img{
    overflow: hidden;
    position: absolute;
	width:auto;
	background-color:#fff;
	opacity: 0;
	transition: width 0.6s,height 0.6s,top 0.6s,left 0.6s,z-index 0.6s;
}
.slide .img2{
    width:62.99%;
	left: -31.96%;
	top:15%;
	opacity: 0.2;
	z-index: 1;
}
.slide .img4{
    width: 90.42%;
    left: 4.79%;
    z-index: 2;
	top:0;
	opacity: 1;

}
.slide .img3{
    width:62.99%;
	left: 75.98%;
	top:15%;
	opacity: 0.2;
	z-index: 1;
}

.slide .img .pic{ float:left;  overflow:hidden;}
.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;}
.slide .sd{ position: absolute; width: 100%; left: 0; top: 0;}
.slide .img2 .sd{ display: none;}
.slide .img4 .sd{ display: none;}

.slideOut2 button{width: 36px; height: 67px; top:50%; margin-top:-33.5px; opacity: 0.6;}
.slideOut2 .butLeft{ position: absolute; left:-50px; background: url(/Templates/cn/images/p34.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;background-size:cover;}
.slideOut2 .butRight{position: absolute; right:-50px;  background: url(/Templates/cn/images/p35.png) center no-repeat; outline: 0; z-index: 20; cursor: pointer;background-size:cover;}	
.slideOut2 button:hover{opacity: 1;}

.appliDe .p{font-size:16px; line-height: 30px; color:#4c4c4c; padding:75px 0 35px 0; border-bottom:1px solid #dbdbdb; margin-bottom:20px;}
.appliDe .bold{font-size:16px; color:#1a2953; display: block; font-weight: bold;}

.appliDe .pageA a{color:#333333;}
.newsDe .pageA a{color:#333333; }
.appliDe .pageA a:hover{color:#1a2953;}
.newsDe .pageA a:hover{color:#1a2953;}

@media screen and (max-width:1199px){
	.appliDe{padding:60px 0;}
	.appliDe .H4{font-size:24px;}
}
@media screen and (max-width:767px){
	.appliDe{padding:30px 0;}
	.appliDe .H4{font-size:20px;}
	.slideOut2{margin-top:30px;}
	.slideOut2 button{width:20px; height: 37px; margin-top:-17.5px;}
	.slideOut2 .butLeft{left:0;}
	.slideOut2 .butRight{right:0;}
	.appliDe .p{padding:15px 0; font-size:13px; line-height: 22px; text-align: justify; margin-bottom:10px;}
}

/*新闻*/
.news{padding:65px 0 80px 0;}
.newsList{padding-bottom:40px;}
.newsList .list{padding:25px 0; border-bottom:1px dashed #cccccc;}
.newsList .pic{width:370px; overflow: hidden; float:left;}
.newsList .pic 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;}
.newsList .text{margin-left:430px;}
.newsList .text .time{font-size:24px; color:#bbbbbb; font-family: Arial; position: relative;margin: 14px 0 20px 0;}
.newsList .text .time::after{width:40px; height: 1px; background-color:#cccccc; content: ""; position: absolute; top:50%; left: -60px; }
.newsList .text .H4{font-size:16px; color:#262424;}
.newsList .text .p{font-size:14px; color:#666666; line-height: 28px; height: 56px; margin: 18px 0 20px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.newsList .text .ico{width:30px; height: 30px; display: block; border-radius: 50%; background:url(/Templates/cn/images/p36.png) center no-repeat; background-size:100%;}
.newsList .list:hover .pic img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.newsList .list:hover .H4{color:#1a2953; font-weight: bold;}
.newsList .list:hover .ico{background-image:url(/Templates/cn/images/p37.png)}

@media screen and (max-width:1199px){
	.news{padding:35px 0 60px 0;}
}
@media screen and (max-width:767px){
	.news{padding:15px 0 30px 0;}
	.newsList{padding-bottom:30px;}
	.newsList .pic{width:140px;}
	.newsList .text{margin-left:150px;}
	.newsList .text .time{font-size:14px; margin: 0 5px 0 0;}
	.newsList .text .time::after{display:none;}
	.newsList .text .p{font-size:13px; line-height: 22px; height: 44px; margin: 5px 0 0 0;}
	.newsList .text .ico{display:none;}
	.newsList .list{padding:15px 0;}
}

/*新闻详情*/
.newsDe{padding:85px 0;}
.newText .H1{font-size:24px; color:#333333; text-align: center; text-transform: uppercase;}
.newTextDiv{border-top:1px solid #d7d8d8; border-bottom:1px solid #d7d8d8; padding:9px 0; margin: 30px 0 40px 0;}
.newTextDiv .H2{font-size:14px; color:#777777; margin-right:0.83%; float:left;line-height: 34px; letter-spacing: 0.5px; font-family: Arial;}
.newTextDiv .return{float:right; font-size:14px; color:#777777; line-height: 34px;}
.newTextDiv .return .i1{float:right; width:38px; height: auto; margin-left:10px; }
.newTextDiv .return .i1 img{display:block;}
.newTextDiv .return:hover{color:#1a2953}
.newTextCon{font-size:14px; line-height: 30px; color:#333333; font-family: Arial;}
.newTextCon .divImg{text-align: center;}
.share{text-align:center; padding:35px 0 30px 0;border-bottom:1px solid #d7d8d8; line-height: 0; margin-bottom:24px;}
.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(/Templates/cn/images/wx1.png) center no-repeat; margin: 0; background-size: 100%}
.share .bdsharebuttonbox .bds_tsina{width:35px; height:35px; background:url(/Templates/cn/images/sina1.png) center no-repeat; margin:0 15px;background-size: 100%}
.share .bdsharebuttonbox .bds_qzone{width:35px; height:35px; background:url(/Templates/cn/images/qzone1.png) center no-repeat; margin: 0;background-size: 100%}

.aboutNewBox{}
.aboutNewBox .H2{font-size:20px; color:#1a2953;font-family: Arial; font-weight: bold;padding:50px 0 25px 0; }
.aboutNew .list{width:48.71%; margin-right:2.58%; padding:13px 0; border-bottom:1px solid #e4e4e4; float:left;}
.aboutNew .list:nth-child(2n){margin-right:0;}
.aboutNew .list .H5{float:left; font-size:14px; color:#333333; width:80%; font-family: Arial;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aboutNew .list .H6{font-size:14px; color:#777777; float:right;font-family: Arial;}
.aboutNew .list:hover .H5{color:#1a2953;}

@media screen and (max-width:1199px){
	.newsDe{padding:60px 0;}
	.newText .H1{font-size:20px;}
}
@media screen and (max-width:991px){
	.aboutNew .list .H5{width:70%;}
	.share{display:none;}
}
@media screen and (max-width:767px){
	.newsDe{padding:30px 0;}
	.newDetail{margin-top:30px;}
	.newText .H1{font-size:16px; line-height: 22px;}
	.newTextDiv{margin:15px 0; padding:5px 0;}
	.newTextDiv .H2{font-size:12px; line-height: 26px;}
	.newTextDiv .return{line-height:26px;}
	.newTextDiv .return .i1{width:30px;}
	.newTextCon{font-size:13px; line-height: 20px; text-align: justify; padding-bottom:15px; margin-bottom:15px;border-bottom:1px solid #e4e4e4;}
	.newTextCon .divImg{margin:10px 0; width:100%}
	.newDetail .share{padding:20px 0;}
	.aboutNewBox .H2{font-size:18px; padding:15px 0 10px 0;}
	.aboutNew .list{width:100%; margin: 0;}
}

/*联系我们*/
.contact{padding:85px 0 80px 0;}
.pAddress{width:48.71%; float:left;}
.pAddress .H4{font-size:24px; color:#333333; font-family: Arial;}
.pAddress1{margin:44px 0 26px 0; padding:38px 0 20px 0; border-top:1px dashed #999999;border-bottom:1px dashed #999999;}
.pAddress1 .list{margin-top:25px;}
.pAddress1 .list:first-child{margin-top:0;}
.pAddress1 .ico{width:24px; height: 24px; float:left;}
.pAddress1 .text{margin-left:34px;}
.pAddress1 .text .H5{font-size:18px; color:#333333; font-family: Arial; line-height: 24px;}
.pAddress1 .text .p{font-size:16px; line-height: 32px; color:#4c4c4c; font-family: Arial; margin-top:15px;}
.pAddress2{padding:0; margin: 0; border:none;}
.pAddress2 .text .H5{float:left;}
.pAddress2 .text .p{margin: 0;margin-left:112px; line-height: 24px;}
.pAddress2 .list{margin-top:32px;}
.map{width:48.71%; height: 552px; float:right}
#bdmap1{ position: relative; width: 100%; height: 100%;}

@media screen and (max-width:1199px){
	.contact{padding:60px 0;}
}
@media screen and (max-width:991px){
	.pAddress{width:100%;}
	.map{width:100%; margin-top:20px;}
}
@media screen and (max-width:767px){
	.contact{padding:30px 0;}
	.pAddress .H4{font-size:20px;}
	.pAddress1{margin:15px 0 ; padding:15px 0;}
	.pAddress1 .text .H5{font-size:15px;}
	.pAddress1 .text .p{font-size:13px; line-height: 22px; text-align: justify; margin-top:10px;}
	.pAddress1 .list{margin-top:15px;}
	.pAddress2{margin:0; padding:0;}
	.pAddress2 .text .p{margin:0 0 0 65px; line-height: 24px;}
	.map{height:200px;}
}