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

address,caption,cite,code,dfn,i,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{ cursor: pointer; text-decoration: none; color: #b42b3e;}

img{ border: 0; max-width: 100%;}

table{ border-collapse: collapse; border-spacing: 0;}

h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}

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

p{ margin: 0; padding: 0;}

button,table{ border: none; background: none; margin: 0; padding: 0;}

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

textarea{ border: 0; background: none; resize: none; outline: 0;}

input{ outline: 0; border: 0; background: none;}

button{ outline: none; border: 0; background: none;} 

._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}

._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}



.w_center{ max-width:1557px; margin-right: auto; margin-left: auto;}



body{ overflow-x:hidden; overflow-y:auto; position:relative;}

.ctext{ float:left; width:100%; padding-left:60px; padding-right:60px;}



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

.no-touch { height:100%;}

.no-touch body{ overflow:hidden;height:100%;}	

.ctext{ padding-left:15px; padding-right:15px;}

}







.head{ position:absolute; left:0; top:0; z-index:10; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }

.head.active{ position:fixed; background:#083f8e; box-shadow:0 8px 18px rgba(0,0,0,0.07);}

.head .logo{ float:left; line-height:0; margin:29px 0 0 0;}

.head.active .logo{ margin:15px 0 14px 0;}

.head .logo img{ max-width:none; height:60px;}



.menu{ float:right; margin:29px 0 0 0;}

.menu .ul{ float:left;}

.menu .nli{ float:left; position:relative; margin-left:58px;}

.menu .nli:first-child{ margin-left:0 !important;}

.menu .nli span{ float:left; width:100%;}

.menu .nli span a{ float:left; color:#fff; font-size:24px; line-height:61px; position:relative; z-index:12;}

.menu .nli span a:after{ float:left; width:0; height:3px; content:''; position:absolute; left:50%; z-index:12; bottom:0; background:#083f8e; -ms-transition: all 0.5s linear;transition:all 0.5s linear; -ms-transform:translateX(-50%); transform:translateX(-50%);}

.menu .nli span a i{ float:left; opacity:0;white-space:nowrap; position:absolute; left:50%; top:0; -ms-transform:translateX(-50%); transform:translateX(-50%);}

.menu .nli span a font{ float:left; opacity:1;white-space:nowrap; }

.menu .nli.on span a i,

.menu .nli:hover span a i{ opacity:1;}

.menu .nli.on span a font,

.menu .nli:hover span a font{ opacity:0;}

.menu .nli.on span a,

.menu .nli:hover span a{ color:#083f8e;}

.menu .nli.on span a:after,

.menu .nli:hover span a:after{ width:46px;}



.head.active .menu .nli.on span a,

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

.head.active .menu .nli span a:after{ background:#fff; opacity:0.5;}



.menu .sub{ display:none; float:left; width:140px; position:absolute; left:50%; top:100%; z-index:11; -ms-transform:translateX(-50%); transform:translateX(-50%); background:rgba(26,24,24,0.8); padding:21px 0; }

.menu .sub li{ float:left; width:100%; position:relative; margin:4px 0;}

.menu .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:18px; text-align:center; position:relative; padding:5px 15px;}

.menu .sub li:hover a{ color:#083f8e; text-decoration:underline;}







.xialaph{ position:fixed; left:100%; top:0; float: left; width:100%; z-index:9; height:100%;overflow-y: auto; overflow-x: hidden; background:#083f8e; padding:80px 10% 60px 10%; -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;  }

.xialaph._active{ left:0;}

.xialaph .ul1{ float:left; width:100%; padding:0 5%;}

.xialaph .ul2,

.xialaph .ul3{ display: none;}

.xialaph h4 a{ float: left; width:100%; color: #fff; font-size:16px; line-height: 50px;}

.xialaph h4 a font{ padding-right:8px;}

.xialaph h4 a i{ font-size:15px; opacity:0.8;}

.xialaph h4{ float: left; width: 100%; position: relative;}

.xialaph h4 em{ float:left; position:absolute; right:0; top:13px; font-size:24px; color: #fff; opacity:0.8;}

.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity:0.1;}

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

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

.xialaph h4:hover a,

.xialaph h5:hover a{ font-weight:bold;}

.xialaph h4::after{ content: ''; position: absolute; top:0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity:0.1;}

.xialaph h5 a{ float: left; width:100%; color: #fff; font-size: 14px; line-height: 40px; text-transform: uppercase; padding:0 10px; opacity:0.9;}

.xialaph h5{ float: left; width: 100%; position: relative;}

.xialaph h5::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.1;}

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

.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}

.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right:5px; cursor: pointer;}

.xialaph h4.active em{ transform:rotate(90deg); -ms-transform:rotate(90deg); opacity:0.8;}

.xialaph .ul2{ float: left; width: 100%; padding: 0 5%;}







.menuph{ float:right; cursor: pointer; display:none; margin:19px 0 0 0;}

.menuph .point{ float:left;}

.menuph .point .navbtn{ float:left; width:24px;  height:22px; position: relative;}

.menuph .point .navbtn i{ position:relative; top:9px; right: 0; float:right; width:24px; height: 3px; background: #fff;}

.menuph .point .navbtn i::after,

.menuph .point .navbtn i::before{ position: absolute; right: 0; float:right; height: 3px; content: ''; background: #fff;

-webkit-transition: all .3s ease-out 0s;  

-moz-transition: all .3s ease-out 0s;  

-ms-transition: all .3s ease-out 0s;  

-o-transition: all .3s ease-out 0s;  

transition: all .3s ease-out 0s;}

.menuph .point .navbtn i::after { width:24px; top: -9px;}

.menuph .point .navbtn i::before { width:24px; top: 9px;}

.menuph .point.active .navbtn i{ background: transparent;}

.menuph .point.active .navbtn i::after,

.menuph .point.active .navbtn i::before{ background: #fff;}

.menuph .point.active .navbtn i::after{ -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}

.menuph .point.active .navbtn i::before { width:24px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

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

.head .logo img{ height:50px;}

.menu{ margin:19px 0 0 0;}

.menu .nli span a{ font-size:20px;}

}

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

.menu{ display:none;}

.menuph{ display:block;}

.head{ padding-bottom:12px;}

.head .logo{ margin:12px 0 0 0;}

.head.active{ padding-bottom:0;}

.head._active{ background:#083f8e;}

.head .logo img{ height:36px;}





}





.foot{ position:relative; padding-top:65px; padding-bottom:65px;}

.foot:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1;

  background-image: -webkit-linear-gradient(left,rgba(0,140,214,1) 40%, rgba(0,140,214,0.9) 60%, rgba(0,140,214,0.9) 100%);

  background-image: -moz-linear-gradient(left,rgba(0,140,214,1) 40%, rgba(0,140,214,0.9) 60%, rgba(0,140,214,0.9) 100%);

  background-image: -o-linear-gradient(left,rgba(0,140,214,1) 40%, rgba(0,140,214,0.9) 60%, rgba(0,140,214,0.9) 100%);

  background-image: linear-gradient(left,rgba(0,140,214,1) 40%, rgba(0,140,214,0.9) 60%, rgba(0,140,214,0.9) 100%);

}

.foot_t{ float:left; width:100%; position:relative; z-index:3;display: flex; justify-content:center;align-items: center;}

.foot .logo{ float:right; line-height:0;}

.foot .logo img{ height:103px;}

.foot .wacht{ float:left; line-height:0;}

.foot .wacht img{ width:103px; height:103px;}

.foot ._left{ float:left;display: flex; justify-content:center; flex-wrap:wrap; flex-direction:column; padding:0 25px; width:-webkit-calc(100% - 435px); width:-moz-calc(100% - 435px); width:calc(100% - 435px); }

.foot .img{ float:left; line-height:0;}

.foot .img img{ height:24px;}

.foot .tit{ float:left;  line-height:26px; font-size:22px; color:#fff; margin:5px 0 3px 0;}

.foot .Copyright{ float:left; position:relative; z-index:3; color:#fff; font-size:12px; line-height:18px;}

.foot .Copyright a{ color:#fff;}



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

.foot{ padding-top:25px; padding-bottom:25px;}

.foot .wacht{ width:10.05%;}

.foot .wacht img{ width:100%; height:auto; }

.foot .logo{ width:32.42%; min-height:auto;}

.foot .logo img{ height:auto;}

.foot .img img{ height:18px;}

.foot .tit{ font-size:12px; line-height:14px; margin:1% 0;}

.foot ._left{ padding:0 12px; width:57.53%; }

.foot .Copyright{ line-height:14px;}

}

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

.foot .wacht{ width:15.11%;}

.foot .logo{ width:47.42%;}

.foot .img img{ height:15px;}

.foot .tit{ margin:1px 0 2px 0; font-size:10px; line-height:12px;}

.foot ._left{ padding:0 6px; width:37.47%; }

.foot .Copyright { font-size:8px; line-height:10px;}

}







.banner{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}

.slide_banner{ float:left; width:100%; position:relative; line-height:0;}

.slide_banner .slick-slide{ float:left; width:100%; position:relative; line-height:0;}

.slide_banner .slick-slide:after{ float:left; width:100%; height:182px; content:''; position:absolute; left:0; top:0; background:url(../images/bg.png) center top repeat-x; z-index:1;}

.slide_banner .slick-dots{ bottom:120px; z-index:6; display: flex;  justify-content:center; }

.slide_banner .slick-dots li{ float:left; width:19px; height:19px; border-radius:19px; margin:0 17px; background:#fff; position:relative; opacity:0.35;}

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

.slide_banner .slick-prev,

.slide_banner .slick-next{ opacity:0; width:140px; height:140px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); top:50.7%;

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

.slide_banner .slick-prev{ left:20px; border-bottom:2px solid #fff; border-left:2px solid #fff;}

.slide_banner .slick-next{ right:20px; border-top:2px solid #fff; border-right:2px solid #fff;}

.slide_banner:hover .slick-prev{ opacity:1; left:50%; margin-left:-748px;}

.slide_banner:hover .slick-next{ opacity:1; right:50%; margin-right:-748px;}

.slide_banner .slick-prev:hover,

.slide_banner .slick-next:hover{ opacity:0.6;}



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

.slide_banner .slick-prev,

.slide_banner .slick-next{ width:40px; height:40px;}	

.slide_banner:hover .slick-prev{ left:86px; margin-left:0;}

.slide_banner:hover .slick-next{ right:86px; margin-right:0;}



}

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

.slide_banner .slick-dots{ bottom:20px;}

.slide_banner .slick-dots li{ width:12px; height:12px; border-radius:12px; margin:0 6px;}

.slide_banner .slick-prev,

.slide_banner .slick-next{ width:30px; height:30px;}

.slide_banner:hover .slick-prev{ left:20px;}

.slide_banner:hover .slick-next{ right:20px;}





}





.index_tit{ float:left; width:100%; text-align:center;}

.index_tit h2{ float:left; width:100%; color:#1a1818; font-size:90px; line-height:90px;}

.index_tit h5{ float:left; width:100%; color:#1a1818; font-size:24px; line-height:44px; margin-top:12px;}

.index_more{ float:left; width:100%; text-align:center;}

.index_more a{ display:table; margin:0 auto; width:168px; color:#fff; font-size:16px; line-height:44px; height:46px; text-transform:uppercase; border-radius:46px; background:#083f8e; border:1px solid #083f8e;}

.index_more a:hover{ background:#fff; color:#083f8e; box-shadow:0 5px 10px rgba(0,0,0,0.2);}

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

.index_tit h2{ font-size:52px; line-height:52px;}

.index_tit h5{ font-size:20px; line-height:30px;}

}

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

.index_tit h2{ font-size:26px; line-height:26px;}

.index_tit h5{ font-size:16px; line-height:26px; margin-top:5px;}

.index_more a{ width:130px; font-size:13px; line-height:32px; height:34px; border-radius:34px;}





}



.index_pord{ text-align:center; padding-top:130px;}

.index_pord .list{ float:left; width:100%; margin:90px 0 60px 0;}

.index_pord .list ul{ margin:0 -26px;}

.index_pord .list li{ float:left; width:25%; padding:0 26px;}

.index_pord .list li a{ float:left; width:100%;}

.index_pord .list li i{ float:left; width:100%; line-height:0; overflow:hidden;}

.index_pord .list li i 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;}

.index_pord .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.index_pord .list li h5{ float:left; width:100%; color:#1a1818;white-space: nowrap; text-overflow:ellipsis; font-size:24px; line-height:44px; overflow:hidden; padding:17.6% 15px;-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;  }

.index_pord .list li a:hover h5{ background:#083f8e; color:#fff;}

.index_pord .list .slick-dots{ position:static; z-index:6; display: flex;  justify-content:center; margin-top:24px; }

.index_pord .list .slick-dots li{ float:left; width:19px; height:19px; border-radius:19px; padding:0 !important; margin:0 17px; background:#b7b7b7; position:relative; opacity:0.35;}

.index_pord .list .slick-dots li.slick-active{ background:#083f8e; opacity:1;}

.index_pord .list .slick-prev,

.index_pord .list .slick-next{ width:94px; height:94px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); top:35%;

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

.index_pord .list .slick-prev{ left:60px; border-bottom:2px solid #fff; border-left:2px solid #fff;}

.index_pord .list .slick-next{ right:60px; border-top:2px solid #fff; border-right:2px solid #fff;}

.index_pord .list .slick-prev:hover,

.index_pord .list .slick-next:hover{ opacity:0.6;}

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

.index_pord .list .slick-prev,

.index_pord .list .slick-next{ width:40px; height:40px;}

.index_pord .list li h5{ font-size:20px; line-height:40px; padding:12% 15px;}

}

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

.index_pord{ padding-top:30px;}

.index_pord .list{ margin:20px 0 25px 0;}

.index_pord .list ul{ margin:0 -7px;}

.index_pord .list li{ padding:0 7px;}

.index_pord .list li h5{ font-size:15px; line-height:26px; padding:15px 15px 5px 15px;}

.index_pord .list .slick-dots{ margin-top:16px;	}

.index_pord .list .slick-dots li{ width:12px; height:12px; border-radius:12px; margin:0 6px;}

.index_pord .list .slick-prev,

.index_pord .list .slick-next{ width:20px; height:20px;}

.index_pord .list .slick-prev{ left:20px;}

.index_pord .list .slick-next{ right:20px;}

}

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

.index_pord .list li{ width:100%;}



}



.index_News{ text-align:center; padding-top:130px;}

.index_News .list{ float:left; width:100%; margin:90px 0 70px 0;}

.index_News .list ul{ margin:0 -26px;}

.index_News .list li{ float:left; width:33.33%; padding:0 26px;}

.index_News .list li a{ float:left; width:100%;}

.index_News .list li i{ float:left; width:100%; line-height:0; overflow:hidden;}

.index_News .list li i 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;}

.index_News .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.index_News .list li .text{ float:left; width:100%; padding:27px 0;}

.index_News .list li h5{ float:left; width:100%; color:#1a1818;white-space: nowrap; text-overflow:ellipsis; font-size:24px; line-height:44px; overflow:hidden;}

.index_News .list li h6{ float:left; width:100%; color:#1a1818; white-space: nowrap; text-overflow:ellipsis; font-size:18px; line-height:28px; overflow:hidden; margin-top:6px; }

.index_News .list li a:hover h5{ color:#083f8e;}

.index_News .list .slick-dots{ position:static; z-index:6; display: flex;  justify-content:center; margin-top:24px; }

.index_News .list .slick-dots li{ float:left; width:19px; height:19px; border-radius:19px; padding:0 !important; margin:0 17px; background:#b7b7b7; position:relative; opacity:0.35;}

.index_News .list .slick-dots li.slick-active{ background:#083f8e; opacity:1;}

.index_News .list .slick-prev,

.index_News .list .slick-next{ width:94px; height:94px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); top:35%;

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

.index_News .list .slick-prev{ left:60px; border-bottom:2px solid #fff; border-left:2px solid #fff;}

.index_News .list .slick-next{ right:60px; border-top:2px solid #fff; border-right:2px solid #fff;}

.index_News .list .slick-prev:hover,

.index_News .list .slick-next:hover{ opacity:0.6;}

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

.index_News .list .slick-prev,

.index_News .list .slick-next{ width:40px; height:40px;}

.index_News .list li h5{ font-size:20px; line-height:40px;}

.index_News .list li h6{ font-size:16px; line-height:26px;}

}

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

.index_News{ padding-top:30px;}

.index_News .list{ margin:20px 0 25px 0;}

.index_News .list ul{ margin:0 -7px;}

.index_News .list li{ padding:0 7px;}

.index_News .list li .text{ padding:16px 0;}

.index_News .list li h5{ font-size:15px; line-height:26px;}

.index_News .list li h6{ font-size:14px; line-height:24px; margin-top:3px;}

.index_News .list .slick-dots{ margin-top:16px;	}

.index_News .list .slick-dots li{ width:12px; height:12px; border-radius:12px; margin:0 6px;}

.index_News .list .slick-prev,

.index_News .list .slick-next{ width:20px; height:20px;}

.index_News .list .slick-prev{ left:20px;}

.index_News .list .slick-next{ right:20px;}

}

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

.index_News .list li{ width:100%;}



}



.index_About{ text-align:center; padding-top:130px;}

.index_About .cont{ float:left; width:100%; text-align:center; margin-bottom:98px; color:#1a1818; font-size:48px; line-height:58px;}

.index_About .list{ float:left; width:100%; margin:90px 0 62px 0;}

.index_About .list ul{ margin:-28px;}

.index_About .list li{ float:left; width:33.33%; padding:28px;}

.index_About .list .la{ float:left; width:100%; border:14px solid #eeeeee; border-radius:100px; position:relative; overflow:hidden;}

.index_About .list .la:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; content:''; background:rgba(26,24,24,0.6);-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;  }

.index_About .list .la i{ float:left; width:100%; line-height:0; border-radius:85px; overflow:hidden;

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

.index_About .list .la:hover i{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.index_About .list .la .text{ float:left; width:100%; position:absolute; left:0; top:50%; z-index:3; transform:translateY(-50%); -ms-transform:translateY(-50%);}

.index_About .list .la h5{ float:left; width:100%; color:#fff; font-size:48px; line-height:58px;}

.index_About .list .la h6{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;}

.index_About .list .la em{ float:left; width:57.46%; height:1px; background:#fff; margin:32px 21.27% 18px 21.27%;}

.index_About .list .slick-dots{ position:static; z-index:6; display: flex;  justify-content:center; margin-top:24px; }

.index_About .list .slick-dots li{ float:left; width:19px; height:19px; border-radius:19px; padding:0 !important; margin:0 17px; background:#b7b7b7; position:relative; opacity:0.35;}

.index_About .list .slick-dots li.slick-active{ background:#083f8e; opacity:1;}

.index_About .list .slick-prev,

.index_About .list .slick-next{ width:94px; height:94px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); top:49%;

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

.index_About .list .slick-prev{ left:60px; border-bottom:2px solid #fff; border-left:2px solid #fff;}

.index_About .list .slick-next{ right:60px; border-top:2px solid #fff; border-right:2px solid #fff;}

.index_About .list .slick-prev:hover,

.index_About .list .slick-next:hover{ opacity:0.6;}



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

.index_About .cont{ font-size:26px; line-height:36px;}

.index_About .list .la{ border:10px solid #eeeeee; border-radius:20%;}

.index_About .list .la i{ border-radius:18%;}

.index_About .list .la h5{ font-size:30px; line-height:40px;}

.index_About .list .la h6{ font-size:18px; line-height:28px;}

.index_About .list .la em{ margin:16px 21.27% 12px 21.27%;}

.index_About .list .slick-prev,

.index_About .list .slick-next{ width:40px; height:40px;}



}

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

.index_About{ padding-top:30px;}

.index_About .cont{ font-size:15px; line-height:26px; margin-bottom:25px;}

.index_About .list{ margin:20px 0 25px 0;}

.index_About .list ul{ margin:-8px;}

.index_About .list li{ padding:8px;}

.index_About .list .la{ border:8px solid #eeeeee; border-radius:30px;}

.index_About .list .la i{ border-radius:25px;}

.index_About .list .la h5{ font-size:20px; line-height:28px;}

.index_About .list .la h6{ font-size:14px; line-height:24px;}

.index_About .list .la em{ width:60%; margin:10px 20% 10px 20%;}

.index_About .list .la a:hover{ border:8px solid #083f8e;}

.index_About .list .slick-dots{ margin-top:16px;	}

.index_About .list .slick-dots li{ width:12px; height:12px; border-radius:12px; margin:0 6px;}

.index_About .list .slick-prev,

.index_About .list .slick-next{ width:20px; height:20px;}

.index_About .list .slick-prev{ left:30px;}

.index_About .list .slick-next{ right:30px;}



}

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

.index_About .list li{ width:100%;}



}



.index_Contact{ text-align:center; padding-top:130px; padding-bottom:160px;}

.index_Contact .list{ float:left; width:100%; margin-top:84px; /*padding:0 14.77%;*/}

.index_Contact .list ul{ margin:-19px;flex-wrap:wrap; display: flex;  justify-content:center;}

.index_Contact .list li{ float:left; width:33.33%; padding:19px;}

.index_Contact .list .la{ float:left; width:100%; position:relative; min-height:100%; text-align:center; border:2px solid #d2d2d3; padding:48px 15px 19px 15px;}

.index_Contact .list .la i{ float:left; width:100%; line-height:0;}

.index_Contact .list .la i img{ display:table; margin:0 auto; max-width:none; width:84px; height:84px;

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

.index_Contact .list .la h5{ float:left; width:100%; color:#1a1818; font-size:18px; line-height:30px; min-height:90px;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin-top:40px; word-break: break-all;}

.index_Contact .list .la h3{ float:left; width:100%; color:#1a1818; font-size:24px; line-height:34px; margin-top:27px; }

.index_Contact .list .la:hover i img{ transform:translateY(15px); -ms-transform:translateY(15px);}

.index_Contact .list .la:hover h3{ color:#083f8e;}

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

.index_Contact .list{ padding:0;}

.index_Contact .list .la h5{ font-size:16px;}

.index_Contact .list .la h3{ font-size:20px;}

}

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

.index_Contact{ padding-top:30px; padding-bottom:40px;}

.index_Contact .list{ margin-top:20px;}

.index_Contact .list ul{ margin:-6px -6px;}

.index_Contact .list li{ padding:6px 6px;}

.index_Contact .list .la{ padding:24px 15px 19px 15px;}

.index_Contact .list .la i img{ width:60px; height:60px;}

.index_Contact .list .la h5{ font-size:14px; line-height:24px; min-height:72px; margin-top:12px;}

.index_Contact .list .la h3{ font-size:15px; line-height:26px; margin-top:4px;}

.index_Contact .list .la:hover i img{ transform:translateY(0); -ms-transform:translateY(0);}

}

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

.index_Contact .list li{ width:50%;}

.index_Contact .list li:first-child{ width:100%;}

.index_Contact .list .la{ border:1px solid #d2d2d3;}

.index_Contact .list .la i img{ width:50px; height:50px;}

.index_Contact .list .la h5{ min-height:24px;}

}



.n_banner{ float:left; width:100%; line-height:0; position:relative; overflow:hidden;}

/*.n_banner:after{ float:left; width:100%; height:182px; content:''; position:absolute; left:0; top:0; background:url(../images/bg.png) center top repeat-x; z-index:3;}*/

.n_banner img{ position:relative; z-index:1;}

.n_banner .text{ float:left; width:100%; position:absolute; left:0; top:51%; z-index:3; text-align:center; transform:translateY(-50%); -ms-transform:translateY(-50%);}

.n_banner .text h1{ float:left; width:100%; color:#083f8e; font-size:90px; line-height:100px;}

.n_banner .text h4{ float:left; width:100%; color:#083f8e; font-size:30px; line-height:40px; margin-top:10px;}

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

.n_banner .text h1{ font-size:72px; line-height:82px;}

.n_banner .text h4{ font-size:24px; line-height:34px;}

}

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

.n_banner .text{ top:60%;}	

.n_banner .text h1{ font-size:30px; line-height:40px;}	

.n_banner .text h4{ font-size:16px; line-height:26px; margin-top:5px;}



}



.pz_SideLayer{ float:left; width:100%; position:relative; z-index:3;}

.pz_SideLayer .l1{ float:left; width:33.33%;}

.pz_SideLayer .l1 a{ float:left; width:100%; background:#f6f7f8; line-height:40px; color:#1a1818; font-size:24px; padding:18px 15px; position:relative; text-align:center;}

.pz_SideLayer .l1.on a{ background:#083f8e; color:#fff; }

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

.pz_SideLayer .l1 a{ font-size:20px;}

}

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

.pz_SideLayer .l1 a{ line-height:30px;font-size:15px; padding:7px 10px;}



}

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





}





.news_box{ float:left; width:100%; position:relative; margin:76px 0 48px 0;}

.news_box:after{ float:left; width:25%; height:100%; content:''; position:absolute; right:0; top:0; background:#f6f7f8; z-index:1;}

.news_d{ float:left; width:71.74%; letter-spacing:1px; position:relative; z-index:3;}

.news_d .tit{ float:left; width:100%;color:#083f8e; font-size:48px; line-height:58px; margin-top:6px;}

.news_d .time{ float:left; width:100%;color:#666666; font-size:18px; line-height:28px; padding:38px 0 15px 0; border-bottom:2px solid #f6f7f8;}

.news_d .cont{ float:left; width:100%;color:#1a1818; font-size:18px; line-height:48px; padding:30px 0 85px 0; letter-spacing:1px;}

.nwes_page{ float:left; width:100%; background:#083f8e; position:relative; padding:23px; display: flex;  justify-content:center; }

.nwes_page a{ float:left;color:#fff; font-size:18px; line-height:30px; margin:0 9px; position:relative;}

.nwes_page a:hover{ opacity:0.8;}

.nwes_page a.l{ padding-right:11px; margin-right:20px;}

.nwes_page a.r{ padding-left:11px; margin-left:20px;}

.nwes_page a.l:after,

.nwes_page a.r:after{ float:left; width:5px; height:1px; position:absolute; top:50%; content:''; background:#3da6dd;}

.nwes_page a.l:after{ right:0;}

.nwes_page a.r:after{ left:0;}

.bd_weixin_popup{ box-sizing:content-box;}

.bdshare{ float:right;}

.bdshare span{ float:left;}

.bdshare a{ margin:0 0 0 6px !important;}



.news_r{ float:right; width:25%; padding:32px 30px; position:relative; z-index:3;}

.news_r h4{ float:left; width:100%;color:#083f8e; font-size:24px; line-height:34px; text-align:center; padding-bottom:16px; border-bottom:2px solid #fff;}

.news_r ul{ float:left; width:100%;}

.news_r ul li{ float:left; width:100%; border-bottom:1px dashed #d9dadb; padding:43px 0;}

.news_r ul li a{ float:left; width:100%; position:relative; padding-left:25px; color:#666666; font-size:18px; line-height:26px; max-height:52px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.news_r ul li span{ float:left; position:absolute; left:0; top:3px; background:#083f8e; color:#fff; font-size:18px; line-height:18px; min-width:18px; text-align:center; padding:0 4px;}

.news_r ul li a:hover{ color:#083f8e;}

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

.news_d .tit{ font-size:30px; line-height:40px;}	

.news_d .time{ font-size:16px;}	

.news_d .cont{ font-size:16px; line-height:30px;}

.news_r h4{ font-size:20px; line-height:30px;}

.news_r ul li a{ font-size:16px;}

.news_r ul li span{ font-size:14px;}

}

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

.news_box:after{ display:none;}

.news_box{ margin:20px 0 35px 0;}

.news_d{ width:100%;}

.news_d .tit{ font-size:17px; line-height:28px;}

.news_d .time{ font-size:14px; line-height:24px; padding:6px 0 15px 0;}

.news_d .cont{ font-size:14px; line-height:26px; padding:20px 0 25px 0;}

.nwes_page{ padding:15px;}

.nwes_page a{ font-size:14px; line-height:24px; margin:0 5px;}

.nwes_page a.l{ padding-right:11px; margin-right:10px;}

.nwes_page a.r{ padding-left:11px; margin-left:10px;}

.news_r{ width:100%; padding:20px 15px; background:#f6f7f8; margin-top:30px;}

.news_r h4{ font-size:17px; line-height:28px; padding-bottom:15px;}

.news_r ul li{ padding:15px 0;}

.news_r ul li a{ font-size:14px; line-height:22px; max-height:44px;}

.news_r ul li span{top:3px; font-size:12px; line-height:18px; min-width:18px; text-align:center; padding:0 4px;}



}

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

.bdshare{ float:left; margin-top:10px; width:100%;}

}





.news_l{ float:left; width:100%; margin:61px 0 48px 0;}

.news_l ul{ float:left; width:100%; margin-bottom:88px; position:relative; display:flex; flex-wrap: wrap; align-items: flex-start;}

.news_l ul:after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; background:#f6f7f8; content:''; z-index:1;}

.news_l ul:before{ float:left; width:15px; height:15px; content:''; position:absolute; right:50%; top:0; margin-right:-8px; border-radius:15px; background:#083f8e; z-index:3;}

.news_l ul li{ float:left; width:50%; margin-top:78px; position:relative; z-index:3;}

.news_l ul li:nth-child(1),

.news_l ul li:nth-child(2){ margin-top:55px;}

.news_l ul li:nth-child(2n+1):after{ float:left; width:15px; height:15px; content:''; position:absolute; right:-8px; bottom:70px; border-radius:15px; background:#083f8e; z-index:3;}

.news_l ul li a{ float:left; width:86.76%; text-align:center;}

.news_l ul li:nth-child(2n) a{ float:right;}

.news_l ul li i{ float:left; width:100%; line-height:0; overflow:hidden;}

.news_l ul li i 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;}

.news_l ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.news_l ul li .text{ float:left; width:100%; padding:46px 9.2% 0 9.2%;}

.news_l ul li time{ float:left; width:100%; color:#888888; font-size:16px; line-height:26px; }

.news_l ul li h3{ float:left; width:100%;overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#1a1818; font-size:24px; line-height:32px; margin:10px 0; }

.news_l ul li h5{ float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; width:100%; color:#666666; font-size:18px; line-height:26px; min-height:52px; }

.news_l ul li h6{ float:left; width:100%; color:#1a1818; font-size:14px; line-height:24px; font-weight:bold; margin-top:24px; }

.news_l ul li a:hover h3,

.news_l ul li a:hover h6{ color:#083f8e;}

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

.news_l ul li h3{ font-size:20px; line-height:28px;}

.news_l ul li h5{ font-size:16px;}

}

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

.news_l{ margin:30px 0 40px 0;}

.news_l ul{ margin-bottom:30px;}

.news_l ul:before{ width:7px; height:7px; margin-right:-4px;}	

.news_l ul li{ margin-top:30px;}	

.news_l ul li:nth-child(1),

.news_l ul li:nth-child(2){ margin-top:30px;}

.news_l ul li:nth-child(2n+1):after{ width:7px; height:7px; right:-4px; bottom:50px;}

.news_l ul li .text{ padding:20px 0 0 0;}	

/*.news_l ul li time{ font-size:14px; line-height:22px;}*/

.news_l ul li h3{ font-size:14px; line-height:24px; margin:5px 0; text-align:left;}

.news_l ul li h5{ font-size:12px; line-height:20px; min-height:40px; text-align:left;}

.news_l ul li h6{ font-size:12px; line-height:22px; margin-top:10px;}



}

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

.news_l ul li a{ width:90%;}

.news_l ul li h3{}



}





._mapbox{ float:left; width:100%; background:#f4f3ef; height:585px; margin:72px 0 92px 0; color:#1a1818; font-size:14px; line-height:24px;}

.BMapLabel,

.BMap_bubble_content{ width:300px !important; white-space:normal !important; border:1px solid #ccc !important; padding:10px 15px !important; color:#333 !important; font-size:14px !important; line-height:24px !important; font-weight:normal !important; margin:60px 0 0 -148px;}

.BMapLabel:after,

.BMap_bubble_content:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:100%; border-left:5px solid transparent; border-right:5px solid transparent;border-bottom:5px solid #fff; margin-left:-5px; }

.BMap_shadow img{ width:0 !important;}

.Contact_tit{ float:left; width:100%; text-align:center; margin:130px 0 86px 0;}

.Contact_tit h2{ float:left; width:100%; color:#000000; font-size:48px; line-height:58px;}

.Contact_tit h5{ float:left; width:100%; color:#1a1818; font-size:24px; line-height:34px; margin-top:20px; letter-spacing:4px;}

.Contact_ino{ float:left; width:100%; text-align:center;}

.Contact_ino span{ display:table; margin:0 auto; min-width:146px; color:#fff; font-size:24px; line-height:34px; padding:4px 20px; background:#083f8e;}

.Contact_addr{ float:left; width:100%; margin:48px 0 135px 0;}

.Contact_addr ul{ float:left; width:100%; flex-wrap:wrap; display: flex; padding:0 12%; }

.Contact_addr li{ float:left; width:33.33%; text-align:center; border-right:1px solid #cccccc; padding:0 5%;}

.Contact_addr li:last-child{border:none !important;}

.Contact_addr li i{ float:left; width:100%; line-height:0;}

.Contact_addr li i img{ width:146px; height:146px; border-radius:50%; border:2px solid #949291; padding:31px;}

.Contact_addr li:hover i img{-webkit-transition: 1s ease;

   -moz-transition: 1s ease;

	-ms-transition: 1s ease;

	 -o-transition: 1s ease;

		transition: 1s ease;

-webkit-transform: rotateY(360deg);

   -moz-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	 -o-transform: rotateY(360deg);

		transform: rotateY(360deg);}

.Contact_addr li h4{ float:left; width:100%; line-height:32px; font-size:24px; color:#083f8e; margin:22px 0 20px 0;}

.Contact_addr li h6{ float:left; width:100%; line-height:24px; font-size:18px; color:#1a1818;}



.email_login{ background:#e5f3fb; padding-top:95px; padding-bottom:99px;}

.email_login ._center{ display:table; margin:0 auto; position:relative; width:600px;}

.email_login h2{ float:left; width:100%; text-align:center; color:#000000; font-size:48px; line-height:58px;}

.email_login form{ float:left; width:100%; margin-top:75px;}

.email_login .lab{ float:left; width:100%; position:relative; padding-left:68px; margin-top:17px;}

.email_login h5,

.email_login h6{ float:left; position:absolute; left:0; top:0; color:#000000; font-size:24px; line-height:50px;}

.email_login h6{ left:78%;}

.email_login .text{ float:left; width:70%; color:#000000; font-size:24px; line-height:36px; height:50px; background:#fff; padding:5px 12px; border:2px solid #000000;}

.email_login .text:focus{border:2px solid #083f8e;}

.email_login .submit{ float:left; width:40%; text-align:center; color:#000000; font-size:18px; line-height:50px; height:50px; background:#fff; margin:47px 6.9% 0 0;-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; }

.email_login .submit.on{ background:#083f8e; color:#fff;}

.email_login .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}







.bizmail_loginpanel h3{display:none;}

.bizmail_loginpanel form{margin-top:75px;}

.bizmail_loginpanel .bizmail_inputArea{color:#000000; font-size:24px; line-height:50px;}

.bizmail_loginpanel input.text{ float:left; width:70%; color:#000000; font-size:24px; line-height:36px; height:50px; background:#fff; padding:5px 12px; border:2px solid #000000; margin-right:10px;}

.bizmail_loginpanel .bizmail_column{ float:left; width:100%; position:relative; padding-left:68px; margin-top:17px;}

.bizmail_loginpanel .bizmail_column label{float:left; position:absolute; left:0; top:0; color:#000000; font-size:24px; line-height:50px;}

.bizmail_loginpanel .bizmail_column span{ color:#000000; font-size:24px; line-height:50px; }

.bizmail_loginpanel .bizmail_SubmitArea{float:left; width:100%; position:relative; padding-left:68px; margin-top:17px; }

.bizmail_loginpanel .bizmail_SubmitArea input{float:left; width:40% !important; text-align:center; color:#000000; font-size:18px; line-height:50px; height:50px; background:#fff; margin:47px 6.9% 0 0;-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; background:#083f8e; color:#fff;}

.bizmail_loginpanel .bizmail_SubmitArea a{ float:left; width:40%; text-align:center; color:#000000; font-size:18px; line-height:50px; height:50px; background:#fff; margin:47px 6.9% 0 0;-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;  }





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

.Contact_tit h2{ font-size:36px; line-height:46px;}	

.Contact_tit h5{ font-size:20px; line-height:30px;}

.Contact_ino span{ font-size:20px;}

.Contact_addr ul{ padding:0;}

.Contact_addr li h6{ font-size:16px;}

.Contact_addr li h4{ font-size:20px; line-height:28px;}

.email_login h2{ font-size:30px; line-height:40px;}

.email_login h5, .email_login h6{ font-size:20px;}

.email_login .submit{ font-size:16px;}

._mapbox{ height:400px; margin:25px 0 30px 0;}



.bizmail_loginpanel .bizmail_inputArea,

.bizmail_loginpanel .bizmail_column label,

.bizmail_loginpanel .bizmail_column span{ font-size:20px;}

.bizmail_loginpanel .bizmail_SubmitArea input,

.bizmail_loginpanel .bizmail_SubmitArea a{ font-size:16px;}



}

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

._mapbox{ height:400px; }

.Contact_tit{ margin:30px 0 25px 0;}

.Contact_tit h2{ font-size:24px; line-height:34px;}

.Contact_tit h5{ font-size:16px; line-height:26px; margin-top:2px; letter-spacing:2px;}

.Contact_ino span{ min-width:120px; font-size:16px; line-height:26px; padding:4px 15px;}

.Contact_addr{ margin:10px 0 40px 0;}

.Contact_addr li{ padding:0 15px;}

.Contact_addr li i img{ width:90px; height:90px; border:2px solid #949291; padding:15px;}

.Contact_addr li h4{ line-height:26px; font-size:16px; margin:12px 0 10px 0;}

.Contact_addr li h6{ line-height:22px; font-size:14px;}



	

.email_login{ padding-top:40px; padding-bottom:40px;}

.email_login h2{ font-size:20px; line-height:30px;}

.email_login form{ margin-top:10px;}

.email_login .lab{ padding-left:46px; margin-top:15px;}

.email_login h5,

.email_login h6{ font-size:14px; line-height:40px;}

.email_login .text{ font-size:16px; line-height:28px; height:40px; background:#fff; padding:5px 12px; border:1px solid #000000;}

.email_login .text:focus{border:1px solid #083f8e;}

.email_login .submit{width:45%; font-size:14px; line-height:40px; height:40px; margin:10px 5% 0 0;}







.bizmail_loginpanel form{ margin-top:10px;}

.bizmail_loginpanel .bizmail_column,

.bizmail_loginpanel .bizmail_SubmitArea{ padding-left:46px; margin-top:15px;}



.bizmail_loginpanel .bizmail_inputArea,

.bizmail_loginpanel .bizmail_column label,

.bizmail_loginpanel .bizmail_column span{ font-size:14px; line-height:40px;}

.bizmail_loginpanel input.text{ font-size:16px; line-height:28px; height:40px; background:#fff; padding:5px 12px; border:1px solid #000000;}

.bizmail_loginpanel input.text:focus{border:1px solid #083f8e;}

.bizmail_loginpanel .bizmail_SubmitArea input,

.bizmail_loginpanel .bizmail_SubmitArea a{width:45%; font-size:14px; line-height:40px; height:40px; margin:10px 5% 0 0;}







}

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

.email_login ._center{ width:96%;}

.email_login .text{ width:100%;}

.email_login h6{ position:static;}



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

.Contact_addr li{ width:100%; border-right:none; border-bottom:1px solid #cccccc; padding:30px 0;}



.bizmail_loginpanel input.text{ width:100%;}





}



.Contact_ban{ float:left; width:100%; position:relative;}

.Contact_ban ._ban{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}

.Contact_ban .text{ float:right; width:37.12%; margin:132px 0 40px 0; position:relative; z-index:3;}

.Contact_ban .tit{ float:left; width:100%; color:#fff;font-size:60px; line-height:60px;}

.Contact_ban .cont{ float:left; margin:30px 0 16px 0;}

.Contact_ban .cont span{ float:left; position:relative; color:#0081c5;font-size:18px; line-height:36px; background:#f2f2f4; padding:0 26px;}

.Contact_ban .cont span:after{ float:left; width:104%; height:100%; content:''; position:absolute; left:-2.5%; top:0; border:1px solid #fff; transform:rotate(-4deg);}

.Contact_ban .info{ float:left; width:100%; color:#fff;font-size:14px; line-height:24px; margin:4px 0;}

.Contact_ban .p{ float:left; width:100%; margin-top:30px;}

.Contact_ban .p i{ float:left; width:100%; line-height:0;}

.Contact_ban .p i img{ width:190px;}

.Contact_ban .p h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; margin-top:11px;}

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

.Contact_ban .text{display: flex; width:auto; flex-direction:column;}	

}

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

.Contact_ban .text{ margin:85px 0 30px 0;}

.Contact_ban .tit{ font-size:26px; line-height:32px;}

.Contact_ban .cont{ margin:20px 0 15px 0;}

.Contact_ban .cont span{ font-size:15px; line-height:30px; padding:0 20px;}

.Contact_ban .info{ margin:2px 0; line-height:22px;}

.Contact_ban .p{ margin-top:15px;}

.Contact_ban .p i img{ width:128px;}

.Contact_ban .p h5{ font-size:15px; line-height:26px; margin-top:8px;}



}

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

.Contact_ban .info{ font-size:12px; line-height:20px;}



}





.pord_d{ float:left; width:100%; line-height:0;}

.pord_t{ float:left; width:100%; text-align:center; color:#1a1818; font-size:48px; line-height:58px; margin:88px 0 50px 0;}

.pord_t .slick-prev

.pord_t .slick-next,

.pord_t .slick-dots{ display:none !important;}

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

.pord_t{ font-size:30px; line-height:50px;}

}

.pord_l{ float:left; width:76%; margin-bottom:65px; margin-left:12%;}

.pord_l .li{ float:left; width:100%; line-height:0;}

.pord_l .slick-prev,

.pord_l .slick-next{ width:140px; height:140px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg);

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

.pord_l .slick-prev{ left:60px; border-bottom:2px solid #fff; border-left:2px solid #fff;}

.pord_l .slick-next{ right:60px; border-top:2px solid #fff; border-right:2px solid #fff;}

.pord_l .slick-prev:hover,

.pord_l .slick-next:hover{ opacity:0.6;}



.videobox{float:left; width:76%; margin-bottom:65px; margin-left:12%; position:relative; z-index:2;}

.videobox video{width:100%; display:block;}

.pord_d.havevideo{position:relative; margin-top:-200px; z-index:1;}



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

.pord_l .slick-prev,

.pord_l .slick-next{ width:40px; height:40px;}

.pord_l{width:60%; margin-left:20%;}

.pord_t{  margin:50px 0 40px 0;}	



.videobox{width:60%; margin-left:20%;}

.pord_d.havevideo{position:relative; margin-top:-150px; z-index:1;}



}

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

.pord_t{ font-size:16px; line-height:26px; margin:30px 0 20px 0;}	

.pord_l{ margin-bottom:35px;}	

.pord_l .slick-prev,

.pord_l .slick-next{ width:20px; height:20px;}

.pord_l .slick-prev{ left:20px;}

.pord_l .slick-next{ right:20px;}



.pord_l{width:100%; margin-left:0;}



.videobox{width:100%; margin-left:0; margin-bottom:35px;}

.pord_d.havevideo{position:relative; margin-top:-55px; z-index:1;}

}





.about_prof{ padding-top:135px; padding-bottom:140px;}

.about_prof .text{ float:left; width:48.8%; color:#1a1818; font-size:18px; line-height:48px;}

.about_prof .text .tit{ float:left; width:100%; color:#083f8e; font-size:24px; line-height:34px; padding-right:10px;}

.about_prof .text .cont{ float:left; width:100%; margin:4% 0 4% 0;overflow:hidden; padding-right:10px; text-align:justify;

 overflow-y:auto;

 scrollbar-width:thin;

 max-height:480px;

}

.about_prof .text .cont::-webkit-scrollbar {

 width:3px

}

.about_prof .text .cont::-webkit-scrollbar-track

{

background-color:#e5e5e5;

 border-radius:3px

}

.about_prof .text .cont::-webkit-scrollbar-thumb {

 width:3px;

 height:60px;

 background-color:#083f8e;

 border-radius:3px

}



.about_prof .text .btn{ float:right; color:#fff; line-height:38px; border:1px solid #083f8e; background:#083f8e; padding:0 25px; margin-right:10px;}

.about_prof .text .btn:hover{ color:#083f8e; background:#fff;}

.about_prof .text .slick-dots{ width:auto; z-index:6; display: flex;  justify-content:center; bottom:10px; }

.about_prof .text .slick-dots li{ float:left; width:18px; height:18px; border-radius:18px; padding:0 !important; margin-right:18px; background:#b7b7b7; position:relative; opacity:0.35;}

.about_prof .text .slick-dots li.slick-active{ background:#083f8e; opacity:1;}







.about_prof .img{ float:right; width:48.8%; line-height:0;}

.about_prof .list{ float:left; width:100%; margin-top:24px; background:#f2f2f4;flex-wrap:wrap; display: flex;}

.about_prof .list .li{ float:left; width:33.33%; text-align:center; padding:100px 20px 76px 20px;}

.about_prof .list .li:nth-child(2n){ background:#f9f9fb;}

.about_prof .list .la{ display:table; margin:0 auto; text-align:left; width:250px; position:relative; min-height:61px; padding-left:87px;}

.about_prof .list .la img{ width:61px; height:61px; position:absolute; left:0; top:0;}

.about_prof .list .la h4{ float:left; width:100%; color:#083f8e; font-size:24px; line-height:34px; margin-top:2px;}

.about_prof .list .la h6{ float:left; width:100%; color:#666666; font-size:18px; line-height:24px;}

.about_prof .list .li:hover .la img{

	-webkit-transition: 1s ease;

   -moz-transition: 1s ease;

	-ms-transition: 1s ease;

	 -o-transition: 1s ease;

		transition: 1s ease;

-webkit-transform:translateY(10px);

   -moz-transform:translateY(10px);

	-ms-transform:translateY(10px);

	 -o-transform:translateY(10px);

		transform:translateY(10px);}



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



.about_prof .text{ font-size:16px; line-height:36px;}

.about_prof .text .tit{ font-size:20px; line-height:30px;}	

.about_prof .text .cont{ margin:4% 0 4% 0; max-height:396px;}

.about_prof .list .la h4{ font-size:20px; line-height:30px;}

.about_prof .list .la h6{ font-size:16px;}



}

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

.about_prof{ padding-top:30px; padding-bottom:40px;}	

.about_prof .text{ width:100%; font-size:14px; line-height:26px;}

.about_prof .text .tit{ font-size:16px; line-height:26px;}

.about_prof .text .cont{ margin:15px 0 20px 0; max-height:inherit;}

.about_prof .text .btn{ line-height:34px;}

.about_prof .text .slick-dots{ bottom:12px;}

.about_prof .img{ width:100%; margin-top:25px;}

.about_prof .list .li{ padding:30px 15px;}

.about_prof .list .la{ width:180px; min-height:41px; padding-left:55px;}

.about_prof .list .la img{ width:41px; height:41px;}

.about_prof .list .la h4{ font-size:16px; line-height:26px;}

.about_prof .list .la h6{ font-size:14px; line-height:22px;}

.about_prof .text .slick-dots li{ width:12px; height:12px; border-radius:12px; margin-right:12px;}



}

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

.about_prof .list .li{ width:100%;}



}



.about_tit{ float:left; position:absolute; left:0; bottom:0;}

.about_tit h4{ float:left; color:#7d7d7d; font-size:24px; line-height:30px; width:30px;}

.about_tit h1{ float:left; color:#1a1818; font-size:90px; width:90px; transform:translate(24px,15px) rotate(-90deg); -ms-transform:translate(24px,15px) rotate(-90deg); position:absolute; left:0; bottom:0; white-space:nowrap;}

.r_cont{ float:left; width:100%;}

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

.about_tit h1{ font-size:56px; width:56px; transform:translate(24px,10px) rotate(-90deg); -ms-transform:translate(24px,10px) rotate(-90deg);}

.about_tit h4{ font-size:20px; line-height:26px; width:26px;}

}

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

.about_tit h4{ font-size:18px; line-height:22px; width:22px;}

.about_tit h1{ font-size:36px; width:36px; transform:translate(24px,5px) rotate(-90deg); -ms-transform:translate(24px,15px) rotate(-90deg);}

}

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

.about_tit{ position:static; width:100%;}

.about_tit h4{ font-size:16px; line-height:22px; width:100%;}

.about_tit h1{ font-size:26px; width:auto; position:static; transform:translate(0,0) rotate(0deg); -ms-transform:translate(0,0) rotate(0deg);}



}



.about_Honour{ padding-bottom:144px;}

._Honour{ float:left; width:100%; position:relative; padding-left:170px;}

._Honour .r_cont{ background:#f9f9fb;}

._Honour .img{ float:left; width:50%; overflow:hidden;}

._Honour .img .li{ float:left; width:100%; line-height:0;}

._Honour .text{ float:right; width:50%; text-align:center; padding:4.3%;overflow:hidden;}

._Honour .text .tit{ float:left; width:100%; color:#1a1818; font-size:24px; line-height:34px; margin-bottom:6.4%;}

._Honour .text .cont{ float:left; width:100%; color:#083f8e; font-size:18px; line-height:30px; margin-top:3.1%;}

._Honour .text .info{ float:left; width:100%; color:#1a1818; font-size:18px; line-height:30px; margin-top:3.1%;}

._Honour .img .slick-prev,

._Honour .img .slick-next{ width:46px; height:46px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg);

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

._Honour .img .slick-prev{ left:20px; border-bottom:1px solid #fff; border-left:1px solid #fff;}

._Honour .img .slick-next{ right:20px; border-top:1px solid #fff; border-right:1px solid #fff;}

._Honour .img .slick-prev:hover,

._Honour .img .slick-next:hover{ opacity:0.6;}

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

._Honour{ padding-left:140px;}	

._Honour .text .tit{ font-size:20px; line-height:30px; margin-bottom:3%;}	

._Honour .text .cont{ font-size:16px; line-height:28px; margin-top:2%;}

._Honour .text .info{ font-size:16px; line-height:28px; margin-top:2%;}

}

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

.about_Honour{ padding-bottom:30px;}	

._Honour{ padding-left:90px;}

._Honour .text{ padding:20px 15px;}

._Honour .text .tit{ font-size:16px; line-height:24px; margin-bottom:4px;}

._Honour .text .cont{ font-size:14px; line-height:22px; margin-top:2px;}

._Honour .text .info{ font-size:14px; line-height:22px;}

._Honour .img .slick-prev,

._Honour .img .slick-next{ width:16px; height:16px;}

._Honour .img .slick-prev{ left:15px;}

._Honour .img .slick-next{ right:15px;}

}

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

._Honour{ padding-left:0;}

._Honour .r_cont{ margin-top:20px;}

._Honour .img{ width:100%;}

._Honour .text{ width:100%;}



}



.about_Part{ padding-bottom:154px;}

._Part{ float:left; width:100%; position:relative; padding-left:170px;}

._Part .r_cont{ border:9px solid #f2f2f4; overflow:hidden; position:relative; padding:77px 8.3%;}

._Part .r_cont:after,

._Part .r_cont:before{ float:left; width:80px; height:96%; content:''; position:absolute; top:2%; z-index:2; background:#fff;}

._Part .r_cont:after{ left:0;}

._Part .r_cont:before{ right:0;}

._Part .l_tab{ float:left; width:100%;}

._Part .l_tab .li{ float:left; margin:0 38px;}

._Part .l_tab .li img{ max-height:170px;}

._Part .swiper-button-next,

._Part .swiper-button-prev{ float:left; position:absolute; top:50%; z-index:6; cursor:pointer; width:46px; height:46px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); 

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

._Part .swiper-button-next{ left:30px; border-bottom:1px solid #000; border-left:1px solid #000;}

._Part .swiper-button-prev{ right:30px; border-top:1px solid #000; border-right:1px solid #000;}

._Part .swiper-button-next:hover{ border-bottom:1px solid #083f8e; border-left:1px solid #083f8e;}

._Part .swiper-button-prev:hover{ border-top:1px solid #083f8e; border-right:1px solid #083f8e;}

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

._Part{ padding-left:140px;}	

._Part .l_tab .li{ margin:0 27px;}	

._Part .l_tab .li img{ max-height:130px;}

}

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

.about_Part{ padding-bottom:30px;}	

._Part{ padding-left:90px;}

._Part .r_cont{ border:4px solid #f2f2f4; padding:25px 30px;}

._Part .r_cont:after,

._Part .r_cont:before{ width:40px;}

._Part .l_tab .li{ margin:0 10px;}

._Part .l_tab .li img{ max-height:100px;}

._Part .swiper-button-next,

._Part .swiper-button-prev{ width:16px; height:16px;}

._Part .swiper-button-next{ left:15px;}

._Part .swiper-button-prev{ right:15px;}

}

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

._Part{ padding-left:0;}

._Part .r_cont{ margin-top:20px;}

._Part .l_tab .li img{ max-height:80px;}



}



._Join .l_tab .scroll_cont .slick-dots{position: absolute; cursor:pointer; bottom:auto; top:50%;left:0;width: 3px; transform:translateY(-50%); -ms-transform:translateY(-50%);}

._Join .l_tab .scroll_cont .slick-dots li{ float:left; margin:0; width:100%;height:15px; background-color: #fff;}

._Join .l_tab .scroll_cont .slick-dots li button{ display:none;}

._Join .l_tab .scroll_cont .slick-dots .slick-active{ background-color: #083f8e;}



.about_Join{ background:#e5f3fb; padding-top:77px; padding-bottom:73px;}

._Join{ float:left; width:100%; position:relative; padding-left:170px;}

._Join .l_tab{ float:left; width:35.78%; margin-top:66px;height:244px; overflow:hidden; position:relative;}

._Join .l_tab .scroll_cont{ float:left; width:100%; padding-left:32px; overflow:hidden;}

._Join .l_tab .scroll_cont .li{ float:left; width:100%; color:#1a1818; font-size:18px; line-height:30px; padding:15px 0; border-bottom:1px dashed rgba(0	,140,214,0.3); cursor:pointer;}

._Join .l_tab .scroll_cont .li.slick-current{ color:#083f8e;}

._Join .bd{ float:right; width:45%; color:#083f8e; font-size:18px; line-height:30px; border-left:4px solid rgba(255,255,255,0.5); padding-left:6.5%; margin-right:10.4%;}

._Join .bd .ul{ float:left; width:100%; position:relative; padding-right:130px;}

._Join .bd .p{ font-size:24px;}

._Join .bd .btn{ float:left; position:absolute; right:1px; bottom:0; color:#083f8e; font-size:18px; line-height:37px; padding:0 19px; border:1px solid #083f8e;}

._Join .bd .btn:hover{ background:#083f8e; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}

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

._Join{ padding-left:140px;}	

._Join .bd{ width:57%; margin-right:0%; font-size:16px; line-height:28px;}

._Join .bd .p{ font-size:16px;}

._Join .bd .btn{ font-size:16px;}



}

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

.about_Join{ padding-top:30px; padding-bottom:40px;}

._Join{ padding-left:90px;}	

._Join .l_tab{ margin-top:66px;height:172px;}

._Join .l_tab .scroll_cont{ padding-left:20px;}

._Join .l_tab .scroll_cont .li{ font-size:14px; line-height:26px; padding:8px 0;}

._Join .bd{ padding-left:15px; border-left:2px solid rgba(255,255,255,0.5); font-size:14px; line-height:26px;}

._Join .bd .ul{ padding-right:100px;}

._Join .bd .btn{ font-size:14px; line-height:30px; padding:0 15px;}





}

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

._Join{ padding-left:0;}	

._Join .l_tab{ width:100%; margin-top:0;}

._Join .l_tab .scroll_cont{ padding:0 20px 0 0;}

._Join .bd{ width:100%; margin-top:30px; padding-left:0;border-left:none;}

._Join .l_tab .scroll_cont .slick-dots{ left:auto; right:0;}



}







.swiper-wrapper {

 position:relative;

 z-index:1;

 display:flex;

 transition-property:transform;

 box-sizing:content-box;

 transform:translate3d(0px,0,0)

}

.swiper-slide {

 flex-shrink:0;

 position:relative;

 transition-property:transform

}







/*



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





}

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





}

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





}



*/









.pagebox{margin:0;}

.pagebox .news_d{width:100%; letter-spacing:initial;}

.pagebox .news_d .cont{padding:35px 0;}

.news_box.pagebox:after{display:none;}



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

    .pagebox .news_d .cont{padding:25px 0;}

}

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

    .pagebox .news_d .cont{padding:20px 0;}

}

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

    .pagebox .news_d .cont{padding:15px 0;}

}






/*分页*/


.diymsg{padding: 100px; text-align: center; font-size: 16px; line-height: 40px;}
#searchlist ul.pagination li{border-bottom: dashed 1px #ddd; padding: 20px 0;}

#searchlist ul.pagination li p { font-size: 12px; color: #999; line-height: 20px; padding-top: 10px; }
/*分页*/
.diypage {
    text-align: center;
    padding: 5px
}
.diypage ul.pagination{ width: auto!important; display:inline }
.diypage ul.pagination li {
    display: inline
}

.diypage ul.pagination li a {
    display: inline-block;
    background-color: #fff;
    border: 0 none;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 5px;
    text-decoration: none;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: 1px solid #17a2b8;
    padding: 0 8px;
    color: #1b443e
}

.diypage ul.pagination li a:hover {
    background-color: #17a2b8;
    color: #FFF
}

.diypage ul.pagination li a:active {
    background-color: #17a2b8;
    color: #FFF
}

.diypage ul.pagination li.active a {
    background-color: #17a2b8;
    border: 0 none;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    border: 1px solid #17a2b8;
}

.diypage ul.pagination li.disabled a {
    border: #eee 1px solid;
    margin: 2px;
    color: #ddd
}
/*分页*/