/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#333; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; outline:none;}
a:hover {text-decoration:none; color:#1f5dcb;noOutline:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}

button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}


.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}

@font-face {
/*阿里巴巴普惠体*/
font-family: 'Alibaba-PuHuiTi-Regular';
src:url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype')
font-weight: normal;
font-style: normal;

/*思源黑体*/
font-family: 'SourceHanSansCN-Regular';
src: url('../font/SourceHanSansCN-Regular.eot');
src:
 url('../font/SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'),
 url('../font/SourceHanSansCN-Regular.woff') format('woff'),
 url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
 url('../font/SourceHanSansCN-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}

body {font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;overflow-x:hidden;}

.main {position:relative; margin:0 auto; width:90%; max-width:1400px;}
@media screen and (max-width:768px) {
.main {width:90%;}
}

/***头部***/
.header {position:fixed; top:0; left:0; width:100%; z-index:9;}
.header_over {position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); z-index:99; box-shadow:0 1px 10px 0 rgba(0,0,0,0.2);}
.header_over a{color:#333!important;}
.header_over a:hover{color: #1f5dcb!important;}

.header_left{float:left; width:78%;}
.header_left_logo img{width:150px; height:45px; display:inline-block; float:left; padding:15px 0; margin-right:4%; 
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.header_left_logo_over img{width:150px; height:45px; display:inline-block; float:left; padding:15px 0;margin-right:4%; filter:none; -webkit-filter:none;}

.header_nav {position:relative;height:75px;display:inline-block; width:100%;}
.header_nav ul{}
.header_nav ul li {position:relative; line-height:75px; padding:0 4% 0 0; font-size:16px; display:inline-block;}
.header_nav ul li a {position:relative; display:block; color:#fff;}
.header_nav ul li a:hover {color:#fff; opacity:0.7;}
.header_nav ul li:last-child{margin-right:0;  padding:0;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu ul {margin:15px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:75px; left:-60px; width:180px; z-index:1; background-color:rgba(255,255,255,1);  -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; padding:10px; box-shadow:0 1px 10px 0 rgba(0,0,0,0.2); border-radius:5px;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 0; width:180px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0; width:180px;}
#menu ul li{margin:0; padding:0; width:180px; height:auto; line-height:40px; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.35);text-align:center; text-transform:capitalize; font-weight:normal; box-sizing:border-box; display:inline;}
#menu ul li:after{display:none;}
#menu ul li a{display:block; color:#333;}
#menu ul li a:hover{color:#1f5dcb;}
#menu ul li:last-child{border-bottom:0;}
#menu ul ul {top:0; left:0; margin:0 0 0 10px; display:block;}


.header_right{float:right; width:22%;}
.header_right dl{overflow:hidden;}
.header_right dl dd{padding:20px 0; color:#FFF; font-weight:normal; float:right; box-sizing:border-box; text-align:right; line-height:35px; font-size:16px; position:relative;}
.header_right dl dd a{color:#FFF; font-weight:normal;}
.header_right dl dd:first-child{margin-left:15px;}

.hearder_search{ background:url(../images/view.png) center center no-repeat; background-size:30px; width:30px; height:30px; margin-top:3px;}
.hearder_search_over{ background:url(../images/search.png) center center no-repeat; background-size:30px; width:30px; height:30px; margin-top:3px;}

#searchform {-moz-transition: max-height, 0.3s;-o-transition: max-height, 0.3s;-webkit-transition:max-height, 0.3s;transition:max-height, 0.3s;position:absolute; top:23px; right:0; width:0px; height:30px; overflow:hidden;}
#searchform.open {width:200px;background-color:#f8f8f8; border-radius:50px; z-index:999; padding:0 20px;}

#searchform .input{width:100%; height:30px; line-height:30px; font-size:14px; border:0;  outline:none;}
#searchform .search{position:absolute; top:0; right:5px; width:30px; height:30px; background: url(../images/search.png) no-repeat; background-size: cover;}

.m-header {display:none;}

@media screen and (max-width:1024px) {
.header_nav ul li {position:relative; line-height:75px; padding:0 2% 0 0; font-size:14px; display:inline-block;}
}


@media screen and (max-width:768px) {
.header {display:none;}
.header_over {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,1); z-index:99;}
.m-header .main {margin:0 auto; width:94%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:5px; width:110px;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#333; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:14px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:45px; font-size:16px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {/*border-bottom:1px #ddd solid;*/}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%; display:block;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:18px; text-align:left; padding-top:8px; padding-bottom:8px;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}


.mnSubBg{border-top:1px #ccc solid; background-color:rgba(255, 255, 255, 1); z-index:111; top:75px; position:fixed; display:none; zoom:1; width:100%; overflow:hidden;  /*box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);*/ padding:2% 4%; box-sizing:border-box;}

/*product*/
.nav_prodbg{width:100%; background:linear-gradient(to right, #ffffff 20%, #ffffff 0%);}
.nav_prod{width:100%; max-width:1480px; overflow:hidden; position:relative; margin:0 auto;/* display:flex; align-items:stretch;最后两个作用使两边的div高度一样*/}
.nav_prod ul{letter-spacing:-8px;}
.nav_prod ul li{letter-spacing:normal; vertical-align:top; float:left; width:14.16%; text-align:center;}
.nav_prod ul li:not(:nth-of-type(6n)){ margin-right:3%;}
.nav_prod ul li:nth-child(n+7){margin-top:3%;}
.nav_prod ul li h2{font-size:16px; font-weight:700; line-height:30px; border-bottom:1px #ddd solid; margin-bottom:5px;}
.nav_prod ul li p{ font-size:14px; line-height:20px; font-weight:normal; margin-top:10px;}
.nav_prod ul li img{width:40%; margin:0 auto;}

.nav_solu{width:100%; max-width:1480px; overflow:hidden; position:relative; margin:0 auto;/* display:flex; align-items:stretch;最后两个作用使两边的div高度一样*/}
.nav_solu ul{letter-spacing:-8px;}
.nav_solu ul li{letter-spacing:normal; vertical-align:top; float:left; width:15%; text-align:center;}
.nav_solu ul li:not(:nth-of-type(6n)){ margin-right:2%;}
.nav_solu ul li:nth-child(n+7){margin-top:3%;}
.nav_solu ul li h2{font-size:16px; font-weight:700; line-height:30px; border-bottom:1px #ddd solid; margin-bottom:5px;}
.nav_solu ul li p{ font-size:14px; line-height:20px; height:60px; font-weight:normal; margin-top:10px;}
.nav_solu ul li img{width:60%; margin:0 auto; border-radius:10px;}
@media screen and (max-width:768px) {
.mnSubBg{display:none;}
}


/***banner 老的图片切换的效果***/
.banner {width:100%; height:900px; position:relative; overflow:hidden;}
.banner video{object-fit:fill; height:100%;}
#bannermob{display:none;}
#bannerpc{display:block;}
.slide {background-repeat:repeat; background-position:center; background-size:cover;}
.slide_txt1 {text-align:left; width:78%; position:absolute; top:50%; transform:translateY(-50%); left:50%; box-sizing:border-box; color:#FFF; margin-left:-39%;}
.slide_txt1_left{float:left; width:45%; text-align:center;}
.slide_txt1_left img{ width:auto; max-width:100%; display:inline;}
.slide_txt1_right{float:right; width:55%; position:absolute; left:50%; top:50%; transform:translateY(-50%); text-align:center;}
.slide_txt1_right .p1 {font-size:54px; text-transform:uppercase; margin-bottom:10px;}
.slide_txt1_right .p2 {font-size:30px;}
.slide_txt1_right .p3 {display:inline-block; line-height:30px; font-size:14px;margin:30px 18% 0 18%;}
.slide_txt1_right .p3 ul{letter-spacing:-8px; text-align:center;}
.slide_txt1_right .p3 ul li{letter-spacing:normal; vertical-align:top; border:2px rgba(255,255,255,0.6) solid; border-radius:50px; padding:8px 30px; margin:0 5px; line-height:20px; font-size:16px; display:inline-block;}
.slide_txt1_right .p3 ul li:nth-child(n+4) {margin-top:20px;}

.slide_txt1_right .p4{display:block; width:150px; margin:25px auto 0; text-align:center; font-size:16px; color:#fff; padding:8px 0px; border-radius:50px;border:2px rgba(255,255,255,0.6) solid;}

.swiper-pagination-bullet {background:#fff; opacity:0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;}

@media screen and (max-width:1420px) {
.banner {height:768px;}
.slide_txt1_right .p1 {font-size:45px; text-transform:uppercase; margin-bottom:10px;}
.slide_txt1_right .p2 {font-size:18px;}
.slide_txt1_right .p3 {font-size:14px;margin:25px 15%;}
.slide_txt1_right .p3 ul li{font-size:14px;}
}

@media screen and (max-width:1366px) {
.slide_txt1_right .p1 {font-size:45px; text-transform:uppercase; margin-bottom:10px;}
.slide_txt1_right .p2 {font-size:24px;}
.slide_txt1_right .p3 {font-size:14px;margin:25px 5%;}
.slide_txt1_right .p3 ul li{font-size:14px;}
}


@media screen and (max-width:1024px) {
.slide_txt1_right .p1 {font-size:45px; text-transform:uppercase; margin-bottom:10px;}
.slide_txt1_right .p2 {font-size:24px;}
.slide_txt1_right .p3 {font-size:14px;margin:25px 5%;}
.slide_txt1_right .p3 ul li{font-size:14px;}
}


@media screen and (max-width:768px) {
.banner {height:480px;}
.slide_txt1_right .p1 {font-size:32px; text-transform:uppercase; margin-bottom:10px;}
.slide_txt1_right .p2 {font-size:18px;}
.slide_txt1_right .p3 {font-size:12px;margin:25px 0%;}
.slide_txt1_right .p3 ul li{font-size:12px;  padding:5px 15px;}
.slide_txt1_right .p4{width:100px; margin:25px auto 0; font-size:14px;}
}


@media screen and (max-width:640px) {
#bannermob{display:block;}
#bannerpc{display:none;}
.banner {height:550px;margin:45px 0 0 0;}
.slide_txt1 {text-align:left; width:90%; position:relative; top:0; transform:translateY(0); left:0; box-sizing:border-box; color:#FFF; margin-left:5%; padding:45px 0 0 0;}
.slide_txt1_left{float:none; width:100%; text-align:center;}
.slide_txt1_left img{ width:auto; max-width:80%; display:inline; padding:0 10%;}
.slide_txt1_right{float:none; width:100%; position:relative; left:0; top:0; transform:translateY(0); text-align:center; margin-top:15px;}
.slide_txt1_right .p1 {font-size:28px; text-transform:uppercase; margin-bottom:10px;}
.slide_txt1_right .p2 {font-size:18px;}
.slide_txt1_right .p3 {display:inline-block; line-height:24px; font-size:12px;margin:15px 0 0 0;}
.slide_txt1_right .p3 ul{letter-spacing:-8px; text-align:center;}
.slide_txt1_right .p3 ul li{letter-spacing:normal; vertical-align:top; border:1px rgba(255,255,255,0.6) solid; border-radius:50px; padding:8px 20px; margin:0 5px; line-height:20px; font-size:12px; display:inline-block;}
.slide_txt1_right .p3 ul li:nth-child(n+4) {margin-top:10px;}

.swiper-container-mob{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-pagination-mob{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
}



/***imgbox***/
.imgbox {overflow:hidden;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1); width:100%;}
a:hover .imgbox img{-webkit-transform:scale(1.05); transform:scale(1.05);}
@media screen and (max-width:768px) {
.imgbox img { width:100%;}
}


/***htitle***/
.htitle {width:100%;}
.htitle h2{font-size:32px; text-align:center; margin-bottom:20px; font-weight:700;}
@media screen and (max-width:768px) {
.htitle h2 {font-size:24px; margin-bottom:10px;}
}

.more {padding:8px 0px; width:130px; font-size:12px; text-align:center; text-transform:uppercase; background:#fff; border:1px #ddd solid; margin:40px auto 0;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:50px;}
.more:hover{border:1px #1f5dcb solid; background:#1f5dcb; color:#fff;}
.more:hover a{ color:#FFF;}
@media screen and (max-width:768px) {
.more {margin:20px auto 0;}
}



/***mod1***/
.mod1{}
.works_list{background:#fafafa; overflow:hidden;}
.works_list ul{overflow:hidden; letter-spacing:-8px; margin:5px 0;}
.works_list ul li{ letter-spacing:normal; vertical-align:top;display: inline-block;text-align:center; width:50%; position:relative; overflow:hidden;-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;outline:none; border:5px #fff solid; box-sizing:border-box; padding:2%; background-size:cover!important; background-position:center center!important;}
.works_list ul li img{width:auto; max-width:100%; display:inline-block;}
.works_list_txt{width:90%; text-align:center; padding:0 5%; margin-bottom:30px;}
.works_list_txt h2{ display:block; font-size:18px; height:50px; margin-bottom:15px; font-weight:700;}
.works_list_txt .prodtxt{font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-transform:uppercase;}
.works_list_txt_btn{display:inline-block; margin:15px auto 0; text-align:center; font-size:12px; color:#fff; background:#1f5dcb; padding:8px 35px; border-radius:50px;}
.works_list_txt_btn:hover{ text-decoration:underline;}
@media screen and (max-width:768px) {
.mod1{ padding:0;}
.works_list ul li{ width:50%; padding:4%;}
.works_list_txt h2{font-size:14px; height:40px;}
.works_list_txt .prodtxt{ display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-transform:uppercase;}
.works_list_txt_btn{width:50%;font-size:12px; margin:10px auto 0;}
}


.mod2{position:relative; overflow:hidden;}
.mod2_clients {position:relative;width:100%;}
.mod2_clients_left{ position:absolute; width:22.3%; top:0; left:0; background:rgba(0,0,0,0.5); height:100%; z-index:9;}
.mod2_clients_right{ position:absolute; width:22.3%; top:0; right:0;  background:rgba(0,0,0,0.5); height:100%; z-index:9;}
.mod2_clients .hero{padding:0 5px; z-index:1; position:absolute; top:0; left:0; max-width:1040px; width:100%; height:700px; overflow: hidden;box-sizing:border-box;}
.mod2_clients .hero img{ width:100%; height:100%;}
.hero_txt{position:absolute; top:10%; width:60%; left:20%; color:#FFF; text-align:center;}
.hero_txt_top{font-size:32px; margin-bottom:20px; font-weight:700;}
.hero_txt h2{font-size:24px; margin-bottom:10px;}
.hero_txt_bottom{font-size:16px; line-height:30px;}
.hero_txt_btn{display:inline-block; margin:20px auto 0; text-align:center; font-size:12px; color:#fff; background:#1f5dcb; padding:8px 35px; border-radius:50px;}
.hero_txt_btn:hover{ text-decoration:underline;}
.clients-area-next{ right:24%;position:absolute; top:50%; margin-top:-20px;width:40px; height:40px; background:#303030 url(../images/next.png) center center no-repeat; background-size:30px; z-index:95; border-radius:5px;}
.clients-area-prev{ left:24%;position:absolute; top:50%; margin-top:-20px;width:40px; height:40px; background:#303030 url(../images/prev.png) center center no-repeat; background-size:30px; z-index:95; border-radius:5px;}
.clients-area-next:hover, .clients-area-prev:hover {background-color:#1f5dcb; }
@media screen and (max-width:768px) {
.hero_txt{position:absolute; top:10%; width:80%; left:10%; color:#FFF; text-align:center;}
.hero_txt_top{font-size:18px; margin-bottom:5px;}
.hero_txt h2{font-size:14px; margin-bottom:5px;}
.hero_txt_bottom{display:none;}
.hero_txt_btn{display:none;}
.clients-area-next{right:20%;position:absolute; top:55%; margin-top:-20px;width:20px; height:20px; background:#303030 url(../images/next.png) center center no-repeat; background-size:15px; z-index:95;}
.clients-area-prev{ left:20%;position:absolute; top:55%; margin-top:-20px;width:20px; height:20px; background:#303030 url(../images/prev.png) center center no-repeat; background-size:15px; z-index:95;}
}



/***mod3***/
.mod3{padding:60px 0; position:relative; overflow:hidden; background:#f8f8f8;}
.mod3 .main{display: flex; align-items: stretch;}
.mod3_left{float:left; width:48%; margin-right:2%;}
.mod3_left ul{ letter-spacing:-8px;}
.mod3_left ul li {width:18.4%;letter-spacing:normal;vertical-align:top; float:left; background:#fff; text-align:center; padding:1%; box-sizing:border-box;}
.mod3_left ul li:not(:nth-of-type(5n)){ margin-right:2%;}
.mod3_left ul li:nth-child(n+6){margin-top:2.5%;}
.mod3_left ul li p{text-align:center; font-size:12px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.mod3_left ul li img{ width:auto; max-width:100%;display:inline-block;}


.mod3_right{float:right; width:50%; overflow:hidden;}
.focus{ position:relative; width:100%; background-color:#000; float:left;}  
.focus img{width:100%;} 
.focus .shadow .title{width: 260px; height: 65px; padding-left:30px;padding-top:20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; width:100%;}  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  

.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:135px; background:rgba(0,0,0,0.6); box-sizing:border-box;    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; text-align:left; padding:15px;}  
.focus .shadow h2{text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight:700;}  
.focus .shadow p{color:#fff; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.focus .fcon{position:relative; width:100%; display:none; background:#000; overflow:hidden;}  
.focus .fcon img{width:100%; height:auto;}  
.focus .fbg{top:15px; right:15px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

@media screen and (max-width:768px) {
.mod3{padding:30px 0; position:relative;}
.mod3 .main{display:block; align-items:none; overflow:hidden;}
.mod3_left{float:none; width:100%; margin-right:0%; margin-bottom:5%; overflow:hidden;}
.mod3_right{float:none; width:100%; overflow:hidden; height:530px;}
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:70px; background:rgba(0,0,0,0.6); box-sizing:border-box;    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; text-align:left; padding:10px}  
.focus .shadow h2{text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-bottom:5px;}  
.focus .shadow p{color:#fff; font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

}

@media screen and (max-width:640px) {
.mod3{padding:30px 0; position:relative;}
.mod3 .main{display:block; align-items:none; overflow:hidden;}
.mod3_left{float:none; width:100%; margin-right:0%; margin-bottom:5%; overflow:hidden;}
.mod3_right{float:none; width:100%; overflow:hidden; height:250px;}
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:55px; background:rgba(0,0,0,0.6); box-sizing:border-box;    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block; text-align:left; padding:10px}  
.focus .shadow h2{text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-bottom:5px;}  
.focus .shadow p{color:#fff; font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:none;}
}




/***mod4***/
.mod4{padding:60px 0; position:relative; overflow:hidden; background:#fff;}

.mod4_left{float:left; width:22%; position:relative; height:520px; margin-right:1%;}
.mod4_left_box{ width:100%; height:520px; overflow:hidden;}
.mod4_left_box img{width:auto;}
.moo4_left_txt{ position:absolute; left:0; top:0; padding:50px 8%; box-sizing:border-box; color:#FFF;}
.moo4_left_txt p{font-size:12px; margin-bottom:25px;}
.moo4_left_txt h2{ font-size:18px; line-height:32px; margin-bottom:20px; padding-bottom:3px;}
.moo4_left_txt h2 a{ color:#FFF;}
.moo4_left_txt h2 a:hover{color:#FFF; border-bottom:1px #fff solid;}
.moo4_left_txt h3{ font-size:14px; line-height:28px;}
.moo4_left_txt_btn{display:inline-block; margin:30px auto 0; text-align:center; font-size:14px; color:#fff; background:#1f5dcb; padding:8px 25px; border-radius:50px;}
.moo4_left_txt_btn:hover{ text-decoration:underline;}



.mod4_mid{float:left; width:54%; position:relative; height:520px;}
.mod4_mid_box{ width:100%; height:520px; overflow:hidden;}
.mod4_mid_box img{width:100%; height:100%;}
.mod4_mid_txt{ position:absolute; left:0; top:0; padding:50px 8%; box-sizing:border-box; color:#FFF;}
.mod4_mid_txt p{font-size:12px; margin-bottom:25px;}
.mod4_mid_txt h2{ font-size:24px; line-height:35px; margin-bottom:20px; padding-bottom:3px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-line-clamp:1;
 -webkit-box-orient: vertical;}
.mod4_mid_txt h2 a{ color:#FFF;}
.mod4_mid_txt h2 a:hover{color:#FFF; border-bottom:1px #fff solid;}
.mod4_mid_txt h3{ font-size:14px; line-height:28px;}
.mod4_mid_txt_btn{display:inline-block; margin:80px auto 0; text-align:center; font-size:12px; color:#fff; background:#1f5dcb; padding:8px 35px; border-radius:50px;}
.mod4_mid_txt_btn:hover{ text-decoration:underline;}


.mod4_right{float:right; width:22%; position:relative; height:520px; margin-left:1%; border:1px #ddd solid; background:#f9f9f9; box-sizing:border-box; padding:2%;}
.mod4_right ul{overflow:hidden}
.mod4_right ul li{ width:100%; margin-bottom:33px;}
.mod4_right ul li h2{font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mod4_right ul li p{font-size:14px; line-height:20px; color:#8a8a8a; margin-top:10px;}

.mod4_right_btn {padding:8px 0;  width:100px; font-size:12px; text-align:center; text-transform:uppercase; background:#fff; border:1px #ddd solid; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:50px; float:left;}
.mod4_right_btn:hover{border:1px #1f5dcb solid; background:#1f5dcb; color:#fff;}
@media screen and (max-width:768px) {
.mod4{padding:30px 0;}
.mod4_left{float:none; width:100%; position:relative; height:auto; margin-right:0; margin-bottom:1%;}
.mod4_left_box{ width:100%; height:auto; overflow:hidden;}
.mod4_left_box img{height:100%; width:100%;}

.mod4_mid{float:none; width:100%; position:relative; height:auto; margin-bottom:1%;}
.mod4_mid_txt h2{ font-size:18px; line-height:32px; margin-bottom:20px; padding-bottom:3px;}
.mod4_mid_box{ width:100%; height:auto; overflow:hidden;}
.mod4_mid_box img{height:100%;}
.mod4_mid_txt{padding:20px 8%;}


.mod4_right{float:none; width:100%; position:relative; height:auto; margin-left:0; border:0px #ddd solid; padding:5%; display:inline-block;}
.mod4_right ul li{ width:100%; margin-bottom:25px;}
.mod4_right ul li h2{font-size:16px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.mod4_right ul li p{font-size:12px; line-height:20px; color:#8a8a8a; margin-top:10px;}
}




/***mod5***/
.mod5{padding:50px 0; position:relative; overflow:hidden; background:#f8f8f8;}
.mod5_btn {padding:8px 35px; font-size:12px; text-align:center; text-transform:uppercase; background:#1f5dcb; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border-radius:50px; float:left;color:#fff; margin-top:30px;}
.mod5_btn:hover{text-decoration:underline;}

.mod5_left{float:left; width:50%; overflow:hidden;}
.mod5_left h2{ font-size:24px; line-height:30px; margin-bottom:10px;}
.mod5_left h3{ font-size:14px; line-height:30px;}
.mod5_left p{font-size:14px; line-height:30px;}

.mod5_right{float:right; width:50%; overflow:hidden;}
.mod5_right h2{ font-size:24px; line-height:30px; margin-bottom:10px;}
.mod5_right h3{ font-size:14px; line-height:30px;}
.mod5_right p{font-size:14px;line-height:30px;}
@media screen and (max-width:768px) {
.mod5{padding:30px 0;}
.mod5_left{float:none; width:100%; margin-bottom:10%;}
.mod5_left h3{ font-size:14px; line-height:24px;}
.mod5_left p{font-size:14px; line-height:24px;}

.mod5_left h2{font-size:18px; line-height:24px; margin-bottom:0px;}
.mod5_right{float:none; width:100%;}
.mod5_right h2{ font-size:18px; line-height:24px; margin-bottom:0px;}
.mod5_btn {margin-top:10px;}
}


/***footer***/
.footer {padding:60px 0; background:#272727; position:relative;}
.footer_nav {float:left; width:60%;}
.footer_nav dl {float:left; width:18%; padding-right:3%; box-sizing:border-box;}
.footer_nav dl:nth-child(1){ width:23%;}
.footer_nav dl:nth-child(2){ width:23%;}
.footer_nav dl a{ color:#FFF;}
.footer_nav dl a:hover{ color:#FFF;opacity:0.8;}
.footer_nav dt {margin-bottom:10px; font-size:14px; line-height:28px; font-weight:700;}
.footer_nav dd {font-size:13px; line-height:15px; overflow:hidden; padding-bottom:15px;}
.footer_nav dd a {color:#9fa0a0;}
.footer_nav dd a:hover {color:#1f5dcb;}

.footer_contact {float:left; width:23%; color:#fff; font-size:13px; margin-left:2%;}
.footer_contact dt {height:28px; line-height:28px; font-size:14px; margin-bottom:10px;}
.footer_contact dd {line-height:24px; padding:8px 0px 8px 30px;color:#9fa0a0;}
.footer_contact dd a{color:#9fa0a0;}
.footer_contact dd:hover {color:#9fa0a0;}

.add1{background:url(../images/ico_address.png) left 12px no-repeat; opacity:1;}
.add2{background:url(../images/ico_tel.png) left 12px no-repeat; opacity:1;}
.add3{background:url(../images/ico_fax.png) left 12px no-repeat; opacity:1;}
.add4{background:url(../images/ico_email.png) left 12px no-repeat; opacity:1;}
.add5{background:url(../images/web.png) left 12px no-repeat; opacity:1;}

.footer_weixin{float:right; width:15%; text-align:center; color:#FFF;}
.footer_weixin img{ width:auto; max-width:200px; display:inline;}
.footer_weixin p{margin-top:10px;color:#9fa0a0;}

.footer_copyright {margin-top:80px; color:#9fa0a0;}
.footer_copyright a{ color:#9fa0a0;}
.footer_copyright a:hover{text-decoration:underline;}
.footer_name{border-bottom:1px #555 solid; text-align:left;font-size:12px; padding-bottom:10px; margin-bottom:10px; line-height:30px; height:30px;color:#9fa0a0;}
.footer_name img{width:auto; height:30px; display:inline-block; float:left; margin-right:15px; 
-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;
-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); vertical-align:middle; opacity:0.7;}
.footer_links{color:#9fa0a0;}
.footer_links span{margin:0 0 0 20px;}

@media screen and (max-width:768px){
.footer {padding:30px 10px;}
.footer_media{top:-75px;}
.footer_nav{display:none;}
.footer_contact { float: none; width: 100%; }
.footer_contact dt {height:25px; line-height:25px; font-size:16px; margin-bottom:10px;}
.footer_copyright {line-height:24px; margin-top:20px;}
.footer_weixin{float:none; width:100%; text-align:left; margin-top:5%;}
.footer_weixin p{margin-top:0px;}
.footer_weixin img{ width:auto; max-width:120px;}
.footer_name{border-bottom:1px #555 solid; text-align:left;font-size:12px; padding-bottom:10px; margin:10px 0; line-height:24px; height:auto; color:#9fa0a0;}
.footer_name img{width:auto; height:30px; display:block; float:none; margin-right:0px;}
}

/************内页banner*************/
.ban {margin:75px auto 0; width:100%;position: relative;}
.ban div{position:absolute; width:80%; padding:0 10%; text-align:center; color:#FFF; top:50%; transform:translateY(-50%);}
.ban div h2{ font-size:36px; text-transform:uppercase;}
/*.ban div h2:before, .ban div h2:after {display: inline-block; vertical-align: middle; margin: 0 10px; content: ""; width:40px; height:1px; background-color:#fff; display:none;}*/
.ban div p{font-size:24px; opacity:1; margin-top:15px; line-height:24px;}
#mob{display:none;}
#pc{display:block;}
@media screen and (max-width:768px) {
.ban {margin:45px auto 0; width:100%;position: relative;}
#pc{display:none;}
#mob{display:block;}
.ban div{margin-top:0px;}
.ban div h2{ font-size:18px; margin-bottom:0px; text-transform:uppercase; font-weight:700;}
/*.ban div h2:before, .ban div h2:after {display: inline-block; vertical-align: middle; margin: 0 10px; content: ""; width:20px; height:1px; background-color:#fff;}*/
.ban div p{font-size:12px; opacity:0.9; margin-top:5px; line-height:20px;}
}


/************产品banner*************/
.prodbanner {margin:75px auto 0; width:100%;position: relative;}
.prodbanner75{margin-top:75px;}
.prodbanner div{position:absolute; width:40%; padding:0 50% 0 10%; max-width:1400px; text-align:left; top:50%; transform:translateY(-50%);}
.prodbanner div h2{font-size:42px; text-transform:uppercase;}
/*.prodbanner div h2:before, .prodbanner div h2:after {display: inline-block; vertical-align: middle; margin: 0 10px; content: ""; width:40px; height:1px; background-color:#fff;}*/
.prodbanner div p{font-size:24px; margin-bottom:15px; line-height:24px;}
@media screen and (max-width:768px) {
.prodbanner {margin:45px auto 0; width:100%;position: relative;}
.prodbanner div{margin-top:0px; width:70%; padding:0 20% 0 10%;}
.prodbanner div h2{ font-size:16px; margin-bottom:0px; text-transform:uppercase; font-weight:700;}
.prodbanner div p{font-size:12px; line-height:20px; margin-bottom:5px;}
}


/************解决方案banner*************/
.solubanner {margin:75px auto 0; width:100%;position: relative;}
.solubanner75{margin-top:75px;}
.solubanner div{position:absolute; width:80%; padding:0 10%; max-width:1618px; text-align:center; color:#FFF; top:50%; transform:translateY(-50%);}
.solubanner div h2{font-size:36px; text-transform:uppercase;}
.solubanner div h2:before, .solubanner div h2:after {display: inline-block; vertical-align: middle; margin: 0 10px; content: ""; width:40px; height:1px; background-color:#fff; display:none;}
.solubanner div p{font-size:18px; margin-top:15px; line-height:24px;}
@media screen and (max-width:768px) {
.solubanner {margin:45px auto 0; width:100%;position: relative;}
.solubanner div{margin-top:0px; width:90%; padding:0 5%;}
.solubanner div h2{font-size:14px; margin-bottom:0px; text-transform:uppercase; font-weight:700;}
.solubanner div h2:before, .solubanner div h2:after {display: inline-block; vertical-align: middle; margin: 0 10px; content: ""; width:15px; height:1px; background-color:#fff; display:none;}
.solubanner div p{font-size:12px; margin-top:0px; line-height:18px;}
}



/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#f8f8f8; border-bottom:1px #ddd solid;}
#weizhi2{width:100%; margin:75px auto 0; background:#f8f8f8; border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden; width:90%; max-width:1400px; margin:0 auto; font-size:12px; line-height:20px; padding:8px 0;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left -2px; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
#weizhi2{margin:45px auto 0;}
#weizhi{margin:0px auto;}
.weizhi{padding:5px 0px; width:90%; line-height:20px; font-size:12px;}
.span_right{ font-size:12px; margin-left:15px;}
}


/****************************公用****************************/
.wrap {margin:0; padding:0; width:100%; background-color:#fff; display:inline-block;}
.lymain {position:relative; margin:0 auto; width:90%; max-width:1400px; overflow:hidden;}
.prodmain {position:relative; margin:0 auto; width:90%; max-width:1618px; overflow:hidden;}
@media screen and (max-width:768px) {
.wrap {padding:30px 0; width:100%;}
.lymain {width:90%; margin:0 auto; padding-bottom:3%;}
.prodmain {width:90%; margin:0 auto;}
}

#onseca {background:#1f5dcb;color:#FFF;}
#onseca a{background:#1f5dcb;color:#FFF;}
#onsec {color:#1f5dcb;}
#onsec a{color:#1f5dcb;}
.margintop50{ margin-top:30px;}
.margintop100{ margin-top:100px;}
@media screen and (max-width:768px) {
.margintop100{ margin-top:40px;}
}

/*分页*/
.page{text-align:center; padding:20px 0; margin-top:40px; /*margin-top:20px;border:1px solid #D9D9D9;background:#fff; */ }
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 10px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:0.75rem; padding:3px 8px; margin:0;}
}

.lytext {margin:0 auto 80px; text-align:center;}
.lyhtitle {position:relative; font-size:32px; margin-bottom:10px; }
.lytext_txt {margin:0 auto; width:80%; line-height:28px; font-size:14px; text-align:center;}
@media screen and (max-width:768px) {
.lytext {margin:30px auto;}
.lytext_txt {line-height:24px; font-size:14px; width:92%;}
.lyhtitle {font-size:24px;}
}


/*左右框架*/
.main_about {position:relative; margin:0 auto; width:90%; max-width:1400px; overflow:hidden; /*display:table;*/ display: flex; align-items: stretch;}
.mainleft{float:left; width:72%; overflow:hidden; box-sizing:border-box;  margin:60px 0;}

.mainright{float:right; width:24%; overflow:hidden; box-sizing:border-box; background:#f8f8f8;box-sizing:border-box;  margin:60px 0 60px 4%;}
.mainright_title{font-size:18px; text-transform:uppercase; padding:15px 8%; background:#1f5dcb; color:#FFF;font-weight:700;}
.mainright ul{overflow:hidden; padding:8%;}
.mainright ul li{margin-bottom:15%;}
.mainright ul li:last-child{ margin-bottom:0;}
.mainright ul li img{ width:auto; max-width:100%;}
.mainright ul li h3{ font-size:16px; margin:15px 0;}
.mainright ul li p{color:#8a8a8a; line-height:24px;}

@media screen and (max-width:768px) {
.main_about {width:90%; margin:0 auto; display:block;}
.mainleft{float:none; width:100%; padding:0; margin:0;}
.mainright{float:none; width:100%; overflow:hidden; box-sizing:border-box; margin-left:0; margin:10% 0 0 0;}
.mainright_title{font-size:16px; padding:10px 5%;}
.mainright ul li{line-height:22px;}
.mainright ul li h3{ font-size:14px; margin:10px 0;}
}



/*关于我们*/
.about_h2{font-size:32px; text-transform:uppercase; margin-bottom:30px; text-align:center;}
@media screen and (max-width:768px) {
.about_h2{font-size:24px; text-transform:uppercase; margin-bottom:15px; text-align:center;}
}


.about1{line-height:30px; font-size:15px; overflow:hidden; padding:100px 0;}
.about1 .lymain{max-width:1400px;}
.about1_left{float:left; width:47%; line-height:28px; font-size:14px;}
.about1_left h2{ font-size:28px; margin-bottom:15px; margin-top:35px;}
.about1_right{float:right; width:50%;}
.about1 img{max-width:100%; width:auto; margin:10px;}
@media screen and (max-width:768px) {
.about1{line-height:30px; font-size:14px; overflow:hidden; padding:0 0 30px 0;}
.about1 .lymain{max-width:100%;}
.about1_left{float:none; width:100%; line-height:26px;}
.about1_left h2{ font-size:18px; margin-bottom:5px; margin-top:0px; font-weight:700;}
.about1_right{float:none; width:100%; margin-top:5%;}
.about1 img{max-width:100%; width:auto; margin:0px;}
}


.about2{overflow:hidden; background:#333; color:#FFF; height:550px; position:relative;}
.about2_txt{top:48%;transform: translateY(-50%); position:absolute;line-height:30px; font-size:16px; width:1400px; text-align:center; left:50%; margin-left:-700px;}
.about2_txt ul{letter-spacing:-8px; display:flex; flex-wrap:wrap; padding:0 5%;}
.about2_txt ul li{ letter-spacing:normal; width:22.75%; overflow:hidden; float:left; box-sizing:border-box; line-height:24px; padding:50px 50px 0 50px; text-align:center; font-size:14px;}
.about2_txt ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.about2_txt ul li:nth-child(n+5){margin-top:3%;}
.about2_txt ul li img{width:64px; margin: 0 auto 20px;}
.about2_txt ul li h2{font-size:24px; margin-bottom:15px;}
.about2_txt ul li p{line-height:24px;}

@media screen and (max-width:1024px) {
.about2_txt{top:48%;transform: translateY(-50%); position:absolute;line-height:30px; font-size:16px; width:1000px; text-align:center; left:50%; margin-left:-500px;}
.about2_txt ul li{padding:20px 20px 0 20px;}
}


@media screen and (max-width:768px) {
.about2{overflow:hidden; background:#333; color:#FFF; height:auto; position:relative; padding:50px 30px; background-size:cover!important;}
.about2_txt{top:0;transform: translateY(0); position:relative; line-height:26px; font-size:12px; width:100%; text-align:center; left:0; margin-left:0;}
.about2_txt ul{letter-spacing:-8px; display:block; flex-wrap:none; padding:10% 5%;}
.about2_txt ul li{ letter-spacing:normal; width:47.5%; overflow:hidden; float:left; box-sizing:border-box; line-height:24px; padding:0px 0px 0 0px; text-align:center; font-size:12px;}
.about2_txt ul li:not(:nth-of-type(4n)){ margin-right:0;}
.about2_txt ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.about2_txt ul li:nth-child(n+3){margin-top:15%;}
.about2_txt ul li img{width:48px; margin: 0 auto 10px;}
.about2_txt ul li h2{font-size:24px; margin-bottom:15px;}
.about2_txt ul li p{line-height:20px;}
}


.about3{line-height:30px; font-size:14px; overflow:hidden; padding:100px 0; background:#f8f8f8;}
.about3 .lymain{max-width:1400px;}
.about3 ul{letter-spacing:-8px; display:flex; flex-wrap:wrap; margin-top:40px; padding:10px;}
.about3 ul li{ letter-spacing:normal; width:22%; border:1px #ddd dotted; overflow:hidden; float:left; box-sizing:border-box; line-height:24px; padding:50px 30px; text-align:center; background:#fff; border-radius:5px;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.about3 ul li:not(:nth-of-type(4n)){ margin-right:4%;}
.about3 ul li:nth-child(n+5){margin-top:4%;}
.about3 ul li img{width:64px; margin: 0 auto 20px; display:inline-block;}
.about3 ul li h2{font-size:18px; margin-bottom:15px; font-weight:700;}
.about3 ul li p{line-height:24px; font-size:14px;}
.about3 ul li:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);}
@media screen and (max-width:768px) {
.about3{line-height:26px; font-size:14px; overflow:hidden; padding:50px 0; background:#f8f8f8;}
.about3 .lymain{max-width:100%;}
.about3 ul{letter-spacing:-8px; display:block; flex-wrap:none; margin-top:20px; padding:10px;}
.about3 ul li{ letter-spacing:normal; width:47.5%; border:1px #ddd dotted; overflow:hidden; float:left; box-sizing:border-box; line-height:24px; padding:20px 10px; text-align:center; background:#fff; border-radius:5px;}
.about3 ul li:not(:nth-of-type(4n)){ margin-right:0;}
.about3 ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.about3 ul li:nth-child(n+3){margin-top:5%;}
.about3 ul li img{width:48px; margin: 0 auto 10px; display:inline-block;}
.about3 ul li h2{font-size:14px; margin-bottom:5px; font-weight:700; line-height:18px;}
.about3 ul li p{line-height:20px; font-size:14px;}
}





.about4{line-height:30px; font-size:15px; overflow:hidden; padding:100px 0;}
.about4 .lymain{margin-top:40px; padding:0 5%; box-sizing:border-box;}
.about4 .about_h2{}
.about4_list{box-sizing:border-box; padding:0; text-align:center; margin:10px 0 60px 0; letter-spacing:-8px;}
.about4_list li{ letter-spacing:normal; width:21.25%; float:left; vertical-align:top; font-size:18px; cursor:pointer; position:relative; padding:30px; box-sizing:border-box; border-bottom:1px #ddd solid; font-weight:700; line-height:24px;}
.about4_list li:not(:nth-of-type(4n)){ margin-right:5%;}
.about4_list li:nth-child(n+5){margin-top:5%;}

.about4_list li .imgbox{margin:0 auto; width:80px; height:80px; border-radius:100%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:20px;}
.about4_list li .imgbox img{width:48px; margin:14px auto;}

.about4_list li:hover{color:#1f5dcb; box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);border-bottom:1px #1f5dcb solid;}
.about4_list li:hover .imgbox{border:1px #1f5dcb solid; background:#1f5dcb;}
.about4_list li:hover .imgbox img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

.about4_list li.active{color:#1f5dcb; box-shadow: 0 0 15px 0 rgba(0,0,0,0.10);border-bottom:1px #1f5dcb solid;}
.about4_list li.active .imgbox{border:1px #1f5dcb solid; background:#1f5dcb;}
.about4_list li.active .imgbox img{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.about4_text{width:90%; margin:0 5%; text-align:left; font-size:16px; line-height:36px;}
.about4_text img{ width:auto; display:inline-block; margin-left:20px;}
@media screen and (max-width:768px) {
.about4{line-height:24px; font-size:14px; overflow:hidden; padding:50px 0;}
.about4 .lymain{max-width:100%; margin-top:20px;}
.about4_list{box-sizing:border-box; padding:0; text-align:center; margin:10px 0 30px 0; letter-spacing:-8px;}
.about4_list li{ letter-spacing:normal; width:47.5%; float:left; vertical-align:top; font-size:14px; cursor:pointer; position:relative; padding:10px; box-sizing:border-box; border-bottom:1px #ddd solid; font-weight:700; line-height:18px;}
.about4_list li:not(:nth-of-type(4n)){ margin-right:0;}
.about4_list li:not(:nth-of-type(2n)){ margin-right:5%;}
.about4_list li:nth-child(n+3){margin-top:5%;}
.about4_list li .imgbox{margin:0 auto; width:60px; height:60px; border-radius:100%; border:1px #ddd solid; box-sizing:border-box; margin-bottom:10px;}
.about4_list li .imgbox img{width:32px; margin:14px auto;}
.about4_text{width:100%; margin:0; text-align:left; font-size:16px; line-height:30px;}
.about4_text img{ width:auto; max-width:100%; height:auto; display:inline-block; margin-left:0px; margin-bottom:10px;}
}



.about5{font-size:15px; overflow:hidden; padding:100px 0; background:#ffffff;}
.about5 .lymain{max-width:1400px;}
.about5 ul{letter-spacing:-8px; overflow:hidden; padding:0 5%;}
.about5 ul li{ letter-spacing:normal; width:30%; overflow:hidden; float:left; line-height:24px; padding:20px 50px 0 50px; text-align:center; box-sizing:border-box;}
.about5 ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.about5 ul li:nth-child(n+4){margin-top:3%;}
.about5 ul li img{width:64px; margin: 0 auto 15px; display:inline-block;}
.about5 ul li h2{font-size:18px; font-weight:700; margin-bottom:15px;}
.about5 ul li p{line-height:24px; font-size:14px;}
.about5_map{border:1px #ddd solid; margin-top:30px; height:430px; background:#fff; box-sizing:border-box; padding:15px;}
@media screen and (max-width:768px) {
.about5{font-size:14px; overflow:hidden; padding:50px 0 0 0; background:#ffffff;}
.about5 .lymain{max-width:100%;}
.about5 ul{letter-spacing:-8px; overflow:hidden; padding:0;}
.about5 ul li{ letter-spacing:normal; width:32%; overflow:hidden; float:left; line-height:24px; padding:20px 0 0 0; text-align:center; box-sizing:border-box;}
.about5 ul li:not(:nth-of-type(3n)){ margin-right:2%;}
.about5 ul li:nth-child(n+4){margin-top:3%;}
.about5 ul li img{width:32px; margin: 0 auto 5px; display:inline-block;}
.about5 ul li h2{font-size:14px; font-weight:700; margin-bottom:5px;}
.about5 ul li p{line-height:24px; font-size:12px;}
.about5_map{border:1px #ddd solid; margin-top:30px; height:300px; background:#fff; box-sizing:border-box; padding:15px;}

}




.footer_msg {margin-top:60px;}
.footer_msg h2{font-size:24px; margin-bottom:20px;}
.footer_msg dl{overflow:hidden;}
.footer_msg dl dd{width:23.5%; padding:0;float:left;}
.footer_msg dl dd:not(:nth-of-type(4n)){ margin-right:2%;}
.footer_msg dl dd:nth-child(n+5) {margin-top:1.5%; }
.footer_msg dl dt{width:100%; padding:0;float:left;margin-top:1.5%;}

.msg_input{padding:8px 10px; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:30px; width:100%;}
.msg_textarea{padding:8px 10px; width:100%; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:30px;font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.msg_submit{width:150px; height:45px; line-height:45px; font-size:15px; text-align:center; text-transform: uppercase; color:#fff; background:#1f5dcb; margin-top:5px;  border-radius:5px;}
.msg_submit:hover{ background:#e67813;}
@media screen and (max-width:768px) {
}





/*䐚务支持--产品演示*/
.service_h2{font-size:32px; text-transform:uppercase; margin-bottom:30px; text-align:center;}
.service_h2 p{font-size:14px; color:#8a8a8a; margin-top:10px; display:block;}

.service{line-height:30px; font-size:15px; overflow:hidden; padding:100px 0;}
.service .lymain{display: flex; align-items: stretch;}
.service_left{float:left; width:100%;}
.service_left ul{overflow:hidden;}
.service_left ul li{width:49%; padding:0;float:left;}
.service_left ul li:not(:nth-of-type(2n)){ margin-right:2%;}
.service_left ul li:nth-child(n+3){margin-top:1.5%; }
.service_left ul li:nth-child(7){width:100%;}
.service_left ul li span{color:#1f5dcb; margin-left:5px;}

.ser_input{padding:8px 10px; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:30px; width:100%;}
.ser_textarea{padding:8px 10px; width:100%; height:200px; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:30px;font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.ser_submit{width:150px; height:45px; line-height:45px; font-size:15px; text-align:center; text-transform: uppercase; color: #fff; background:#1f5dcb; border-radius:5px; margin-top:10px;}
.ser_submit:hover{ background:#e67813;}

.service_right{float:right; width:46%; margin-left:4%;}
.service_right ul{ letter-spacing:-8px;}
.service_right ul li{ letter-spacing:normal;vertical-align:top; float:left;}
.service_right ul li{width:17.6%; padding:0;float:left;}
.service_right ul li img{width:100%; border:1px #ddd solid; box-sizing:border-box;}
.service_right ul li:not(:nth-of-type(5n)){ margin-right:3%;}
.service_right ul li:nth-child(n+6){margin-top:2.3%; }
@media screen and (max-width:768px) {
.service_h2{font-size:16px; text-transform:uppercase; margin-bottom:15px; text-align:center; font-weight:700;}
.service_h2 p{font-size:13px; color:#8a8a8a; margin-top:5px; display:block; font-weight:normal;}
.service{line-height:24px; font-size:14px; overflow:hidden; padding:0;}
.service_left ul li{width:49%; padding:0;float:left; font-size:12px;}
.ser_input{padding:4px 10px; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:28px; width:100%;}
.ser_textarea{padding:4px 10px; width:100%; height:100px; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:28px;font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.service_left ul li:nth-child(n+3){margin-top:3%; }
.ser_submit{width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; text-transform: uppercase; color: #fff; background:#1f5dcb; border-radius:5px; margin-top:10px;}
.service_left ul li:nth-child(8){width:100%;}

}


/*䐚务支持--定制开发*/
.custom_title{width:100%; text-align:center; margin-bottom:15px;}
.custom_title h2{font-size:32px; text-transform:uppercase; margin-bottom:10px;}
.custom_title .notes{font-size:14px; color:#8a8a8a; line-height:24px;}

.custom{line-height:30px; font-size:15px; overflow:hidden; padding:100px 0;}
.custom ul{letter-spacing:-8px; overflow:hidden; margin-top:35px;}
.custom ul li{letter-spacing:normal; vertical-align:top; overflow:hidden; background:#f8f8f8; margin-bottom:30px;}
.customlist{float:left; width:50%; /*align-items:stretch;position:fixed;*/ }
.customlist h2{ font-size:28px; margin-bottom:20px; padding:10% 10% 0 10%; color:#1f5dcb;}
.customlist .notes{font-size:16px; line-height:36px; padding:0 10% 10% 10%;}
.customlist img{width:100%;}
.custleft{float:left;}
.custright{float:right;}

@media screen and (max-width:1680px) {
.customlist h2{padding:5% 5% 0 5%;}
.customlist .notes{padding:0 5% 0 5%;}
}

@media screen and (max-width:768px) {
.customlist h2{padding:5% 5% 0 5%;}
.customlist .notes{padding:0 5% 0 5%;}
.custom{line-height:30px; font-size:14px; overflow:hidden; padding:0;}
.custom_title h2{font-size:24px; text-transform:uppercase; margin-bottom:5px;}
.custom_title .notes{font-size:12px; color:#8a8a8a; line-height:20px;}
.custom ul{letter-spacing:-8px; overflow:hidden; margin-top:0px;}

.customlist{float:none; width:100%; /*align-items:stretch;position:fixed;*/ }
.customlist h2{ font-size:24px; margin-bottom:10px; padding:6% 6% 0 6%; color:#1f5dcb;}
.customlist .notes{font-size:14px; line-height:30px; padding:0 6% 6% 6%;}
}



.custom_frm{float:left; width:100%;}
.custom_frm ul{overflow:hidden;}
.custom_frm ul li{width:49%; padding:0;float:left; background:none; margin-bottom:0;}
.custom_frm ul li:not(:nth-of-type(2n)){ margin-right:2%;}
.custom_frm ul li:nth-child(n+3){margin-top:1.5%; }
.custom_frm ul li:nth-child(5){width:100%;}
.custom_frm ul li span{color:#1f5dcb; margin-left:5px;}

.custom_input{padding:8px 10px; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:30px; width:100%;}
.custom_textarea{padding:8px 10px; width:100%; background:#fafafa; box-sizing:border-box; border:1px #ddd solid; line-height:30px;font-family:'微软雅黑',Arial, Helvetica, sans-serif;}
.custom_submit{width:150px; height:45px; line-height:45px; font-size:15px; text-align:center; text-transform: uppercase; color: #fff; background:#1f5dcb; border-radius:5px; margin-top:10px;}
.custom_submit:hover{ background:#e67813;}



/*䐚务支持--下载中心*/

/*内页子导航*/
.lmlb{margin:0 auto;}
.lmlb ul{overflow:hidden;}
.lmlb ul li {display:inline-block; vertical-align:top; height:40px; line-height:40px; font-size:14px; -webkit-transition:all 0.4s 0.2s ease-in-out; transition:all 0.4s 0.2s ease-in-out; margin-right:15px; padding:0 25px; border:1px #ddd solid; border-radius:5px; background:#f8f8f8;}
.lmlb ul li:hover{color:#f9551e;}
#onsecb {color:#ffffff; background:#1f5dcb;}
#onsecb a{color:#ffffff;}
#onsecb a:hover{text-decoration:underline;}

@media screen and (max-width:1024px) {
.lmlb ul li {padding:0 15px;}
}

@media screen and (max-width: 768px) {
.lmlb ul li{font-size:12px; padding:0 10px; height:30px; line-height:30px; margin-right:10px; margin-bottom:10px;}
.lmlb ul li:hover{color:#f9551e;}
}


.downloadlist{overflow:hidden; padding:40px 0;}
.downloadul{ letter-spacing:-8px; overflow:hidden; margin-top:3%;}
.downloadul li{float:left; width:22.75%; vertical-align:top; letter-spacing:normal;}
.downloadul li:not(:nth-of-type(4n)){ margin-right:3%;}
.downloadul li:nth-child(n+5){margin-top:3%;}
.downloadul li img{width:auto; max-width:100%; display:inline-block;}
.downloadul li h2{font-size:16px; margin-top:5px; text-align:center;}
@media screen and (max-width: 768px) {
.downloadlist{overflow:hidden; padding:0;}
.downloadul li{float:left; width:47.5%; vertical-align:top; letter-spacing:normal;}
.downloadul li:not(:nth-of-type(4n)){ margin-right:0;}
.downloadul li:not(:nth-of-type(2n)){ margin-right:5%;}
.downloadul li:nth-child(n+3){margin-top:10%;}
.downloadul li img{width:auto; max-width:100%; display:inline-block;}
.downloadul li h2{font-size:12px; margin-top:10px; text-align:center;}
}



/*新闻*/
.researchlist_imgbox {position:relative; overflow:hidden; width:30%; margin-right:2%; float:left;}
.researchlist_imgbox img{ width:100%; transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}

.news_search{ float:right; width:300px; height:40px; line-height:40px; border-radius:5px; border:1px #ddd solid; background:#f8f8f8; padding:0 10px;}
.news_search .input{width:100%; height:40px; line-height:40px; font-size:14px; border:0;  outline:none;}
.news_search .search{position:absolute; top:5px; right:10px; width:30px; height:30px; background: url(../images/search.png) no-repeat; background-size: cover;}
@media screen and (max-width:768px) {
.news_search{ float:none; width:100%; height:40px; line-height:40px; border-radius:5px; border:1px #ddd solid; background:#f8f8f8; padding:0 10px; box-sizing:border-box; position:relative;}
.news_search .input{width:100%; height:40px; line-height:40px; font-size:14px; border:0;  outline:none;}
.news_search .search{position:absolute; top:5px; right:10px; width:30px; height:30px; background: url(../images/search.png) no-repeat; background-size: cover;}
}


.researchlist{overflow:hidden; padding:40px 0;}
.researchlistul{ letter-spacing:-8px; margin-top:3%; /*display:flex; align-items:stretch;*/}
.researchlistul li{overflow:hidden; position: relative; width:100%; vertical-align:top; letter-spacing:normal; display:inline-block; box-sizing:border-box; background:#faf9f9;-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.researchlistul li{border-bottom:2px #faf9f9 solid!important;}
.researchlistul li:hover{border-bottom:2px #1f5dcb solid!important;}
.researchlistul li:not(:nth-of-type(1n)){ margin-right:0%;}
.researchlistul li:nth-child(n+2){margin-top:3%;}

.researchlistul li:hover h2{color:#1f5dcb;}
.researchlistul li:hover #research_more{border:1px #1f5dcb solid;}
.researchlistul li h2{font-size:24px; margin-bottom:20px; margin-top:25px; padding-right:2%;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.researchlistul li p{font-size:14px; color:#8a8a8a; margin-bottom:20px;}
.researchlistul li p span{ margin-right:20px;}

.researchlistul li .research_notes{line-height:24px; font-size:14px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-right:2%; color:#333;}

#research_more{margin-top:20px; height:40px; line-height:40px; font-size:14px; text-align:center; border-radius:5px; float:left; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; background:#fff; padding:0 30px;}
#research_more:hover{ color:#1f5dcb; border:1px #1f5dcb solid;}

@media screen and (max-width:1024px) {
.researchlistul li h2{font-size:18px; margin-bottom:10px; margin-top:15px; padding-right:2%;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
}

@media screen and (max-width:768px) {
.researchlist{overflow:hidden; padding:0;}
.researchlistul li{padding:5%; width:100%;}
.researchlistul li:not(:nth-of-type(3n)){ margin-right:0;}
.researchlistul li:nth-child(n+2){margin-top:8%;}
.researchlist_imgbox {position:relative; overflow:hidden; width:100%; margin-right:0; float:none;}
.researchlistul li img{margin-bottom:2%; display:block;float:none; margin-right:0; width:100%; max-width:100%;}
.researchlistul li h2{font-size:16px; line-height:26px; margin-bottom:5px; margin-top:0px; padding-right:0;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.researchlistul li p{font-size:12px; color:#8a8a8a; margin-bottom:5px;line-height:24px;}
.researchlistul li p span{ margin-right:10px;}

.researchlistul li .research_notes{line-height:24px; font-size:12px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; padding-right:0; color:#333;}

#research_more{width:100%; background:#1f5dcb; color:#FFF; float:none; box-sizing:border-box;}
}


/*新闻详情页*/
.newsshow{overflow:hidden; line-height:28px; font-size:14px; padding:5%; border:1px #ddd dotted; box-sizing:border-box;}
.news_xxjs{line-height:28px!important; font-size:16px!important; font-weight:normal!important; margin:0 auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:28px!important; font-size:14px;}
.news_xxjs td{padding:2px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;}
.news_xxjs table{}
.news_xxjs img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin:0 auto; display:inline; padding:10px 0;}

.news_title{text-align:left;}
.news_title h1{color:#1f5dcb; font-size:32px; line-height:40px; margin-bottom:10px; border-bottom: 1px #ddd dotted; padding-bottom:20px;}
.pubdate{line-height:20px; margin:0 0 20px 0; OVERFLOW: hidden; color:#999999; font-size:14px;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}

.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f8f8f8;}
.pubdatenews2{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f8f8f8;}


/*相关资讯*/
.Information{overflow:hidden;margin-top:40px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px; padding:10px 0;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width: 768px) {
.news_title h1{font-size:20px; padding-bottom:10px; line-height:30px;}
.newsindex{overflow:hidden;margin:0px auto;}
.newsleft{ float:left; width:100%;}
.newsright{ display:none;}

.newsshow{ margin-bottom:0px; padding:0; border:0; box-sizing:border-box; width:100%;}
.news_xxjs{line-height:28px!important; font-size:14px!important; font-weight:normal!important; margin:0 auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:28px!important; font-size:14px;}
.news_xxjs td{padding:2px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.news_xxjs img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin:0 auto; display:inline; padding:10px 0;}

.Information{overflow:hidden;margin-top:20px;}
.Information li{line-height:20px; padding:10px 0; font-size:12px;}
}



/*产品展示页面*/
#tabmob{display:none;}
#tabpc{display:block;}
.text_vmid{align-items:center; display: -webkit-flex;}
@media screen and (max-width: 768px) {
#tabmob{display:block;}
#tabpc{display:none;}
.text_vmid{align-items:normal; display:block;}
}

.indexleft{width:50%; float:left; overflow:hidden;}
.indexright{width:50%; float:right; overflow:hidden;}
@media screen and (max-width:768px){
.indexleft{width:100%; float:none; overflow:hidden;}
.indexright{width:100%; float:none; overflow:hidden; margin-top:20px;}
}

.paddingleft10{padding-left:10%;}
.paddingtop18{padding-top:10%;}
.paddingtop20{padding-top:20%;}
@media screen and (max-width:768px){
.paddingleft10{padding-left:0%;}
.paddingtop18{padding-top:0%;}
.paddingtop20{padding-top:0%;}
}

.indexleft_txt{width:85%; float:left;}
.indexleft_txt .indexleft_txt_top{text-transform:uppercase; letter-spacing:2px;}
.indexleft_txt h2{font-size:32px; color:#000; padding:0px 0 25px 0; }
.indexleft_txt h2 em{width:20px; height:5px; border-bottom:2px #555 solid; display:block;}
.indexleft_txt h2 i{width:30px; height:25px; border-bottom:2px #555 solid; display:block;}

.indexleft_txt h3{line-height:30px; font-size:16px;word-wrap:break-word;}
.indexleft_txt .morebtn{ font-size:18px; margin-top:40px; text-transform:uppercase;letter-spacing:1px;}
.indexleft_txt .morebtn em img{width:auto; display:inline; vertical-align:middle; margin-bottom:2px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.indexleft_txt .morebtn a:hover em img{ margin-left:10px;}

.indexright_img{box-sizing:border-box; width:100%;}
.indexright_img_left{padding-right:4%;}
.indexright_img_right{padding-left:4%;}

.indexright_img h2{font-size:30px; color:#000; padding:15px 0; }
.indexright_img h3{line-height:30px; font-size:16px;word-wrap:break-word;}


@media screen and (max-width:768px){
.indexleft_txt{width:100%;}
.indexleft_txt .indexleft_txt_top{text-transform:uppercase; letter-spacing:2px; margin-bottom:10px;}
.indexleft_txt .morebtn{ margin-top:20px;}
.indexleft_txt h2{padding:0px 0 10px 0; font-size:24px;}
.indexleft_txt h2 i{width:30px; height:15px; border-bottom:2px #000 solid; display:block;}
.indexleft_txt h3{ font-size:15px;}
}


.tablistimg{overflow:hidden; text-align:center; margin:0 auto;}
.tablistimg img{max-width:100%; height:auto;text-align:center; display:block; margin:0 auto;}

.tablisttable_bg{overflow:hidden; width:100%; padding-top:20px; background:#bababa; color:#4e4e4e;}
.tablisttable_bg a{color:#4e4e4e;}
.tablisttable{width:100%; padding:80px 0; margin:0 auto;}
.tablisttable table{width:100%; background:#e9e9e9;}
.tablisttable td{font-size:16px; line-height:28px; padding:10px 15px; border:1px #d6d6d6 solid!important;}

.tablistimages{overflow:hidden; width:95%; max-width:1750px; margin:0 auto; padding:50px 0;}
.tablistimages ul{overflow:hidden;}
.tablistimages li{float:left; overflow:hidden; width:16%; text-align:center; font-size:12px;}
.tablistimages li:nth-of-type(n+6){margin-top:2%;} 
.tablistimages li img{width:80%; padding:10%; height:auto; display:block; /*-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;*/}
.tablistimages li img:hover{opacity:0.7;}
.tablistimages li:not(:nth-of-type(5n)){margin-right:5%;}
.tablistimages li p{padding-top:18px; min-height:30px;}

.tablistsp{overflow:hidden; width:90%; max-width:1618px; margin:0 auto; padding:20px 0 20px; text-align:center;}
@media screen and (max-width: 768px) {
.tablisttable{width:100%; padding:40px 0;}
.tablisttable table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;border:0!important;}
.tablisttable td{font-size:12px; padding:10px;}

.tablisttable_bg{padding-top:0;}
.tablistimages{width:100%; padding:10px 0;}
.tablistimages li{width:50%; padding:0;}
.tablistimages li:not(:nth-of-type(5n)){margin-right:0;}
.tablistimages li:nth-of-type(n+3){margin-top:0%;}
.tablistimages li p{padding-top:18px; min-height:30px;}
}

.threeh2{ text-align:center; font-size:30px;}
.prod_acc{ overflow:hidden; margin:30px 0 0 0;}
.prod_acc li{float:left; width:30%; text-align:center;}
.prod_acc li:nth-child(n+2) {margin-left:5%;}
.prod_acc li img{}
.prod_acc li h2{ font-size:22px;padding:10px 0;}
.prod_acc li h3{ font-size:16px; line-height:24px;word-wrap:break-word;}
@media screen and (max-width: 768px) {
.prod_acc{ overflow:hidden; margin:40px 0;}
.prod_acc li{float:left; width:90%; text-align:center; padding:0 5%;}
.prod_acc li:nth-child(2) {margin-left:0%; margin-top:10%;}
.prod_acc li:nth-child(3) {margin-left:0%; margin-top:10%;}	
}

.prod_accall{width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid; overflow:hidden;}
.prod_accall:last-child{margin-bottom:0px;border-bottom:0;}
.prod_accleft{float:left; width:20%; padding:60px 5% 60px 0; font-size:24px; text-transform:uppercase;font-family:"cn_title"; font-weight:700;}
.prod_accright{ float:right; width:75%;}
.prod_accright_down{ float:right; width:75%; padding:60px 0 30px 0;}
.prod_accright ul{overflow:hidden; padding:60px 0 30px 0;}
.prod_accright ul li{width:50%; margin-bottom:30px; float:left; font-size:16px; line-height:28px;}
.prod_accright ul li b{display:block; font-weight:700;}
@media screen and (max-width: 768px) {
.prod_accleft{float:left; width:100%; padding:20px 0 0 0; font-size:20px; text-transform:uppercase;}
.prod_accright{ float:left; width:100%;}
.prod_accright_down{ float:left; width:100%; padding:20px 0;}
.prod_accright ul{overflow:hidden; padding:20px 0;}
.prod_accright ul li{width:100%; margin-bottom:20px; float:left; font-size:16px; line-height:24px;}
.prod_accright ul li b{display:block; font-weight:700;}
}


.prod_list{width:100%; padding:80px 0; margin:0 auto; background:#fff;}
.prod_list h2{ font-size:32px; text-align:center; margin-bottom:40px; font-weight:700;}
.prod_list ul{letter-spacing:-8px; overflow:hidden; margin:0 auto; width:90%; max-width:1618px;}
.prod_list ul li{ letter-spacing:normal; width:30%; overflow:hidden; float:left; line-height:24px; box-sizing:border-box;}
.prod_list ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.prod_list ul li:nth-child(n+4){margin-top:3%;}
.prod_list ul li .imgbox{border:1px #ddd solid; box-sizing:border-box; margin:0 auto 15px;}
.prod_list ul li img{width:100%;}
.prod_list ul li h2{font-size:18px; font-weight:700; margin-bottom:10px; text-align:left;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.prod_list ul li p{line-height:26px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.prod_list_txt_btn{display:inline-block; margin:15px auto 0; text-align:center; font-size:12px; color:#fff; background:#1f5dcb; padding:5px 35px; border-radius:50px;}
.prod_list_txt_btn:hover{ text-decoration:underline;}

.prodnotes{overflow:hidden; width:90%; max-width:1618px; margin:0 auto;}
.prodnotes h2{font-size:32px; text-align:center; margin-bottom:40px;}
.prodnotes .ptxt{line-height:26px; font-size:16px; text-align:center;}
.prodnotes .ptxt img{width:auto; max-width:100%; display:inline;}
@media screen and (max-width: 768px) {
.prod_list{padding:40px 0;}
.prod_list h2{ font-size:24px; margin-bottom:20px;}
.prod_list ul li{width:100%; float:none;}
.prod_list ul li:not(:nth-of-type(3n)){margin-right:0;}
.prod_list ul li:nth-child(n+2){margin-top:15%;}
.prod_list ul li h2{font-size:16px; margin-bottom:0;}
.prod_list ul li p{line-height:26px; font-size:14px;}
}



/*应用场景*/
.prod_app{width:100%; padding:80px 0; margin:0 auto; background:#fff;}
.prod_app h2{font-size: 32px; text-align: center; margin-bottom:30px; font-weight:700;}

.app{position:relative; overflow:hidden;}
.app_clients {position:relative;width:100%;}
.app_clients_left{ position:absolute; width:22.3%; top:0; left:0; background:rgba(0,0,0,0.5); height:100%; z-index:9;}
.app_clients_right{ position:absolute; width:22.3%; top:0; right:0;  background:rgba(0,0,0,0.5); height:100%; z-index:9;}
.app_clients .hero{padding:0 5px; z-index:1; position:absolute; top:0; left:0; max-width:1040px; width:100%; height:700px; overflow: hidden;box-sizing:border-box;}
.app_clients .hero img{ width:100%; height:100%;}
.app_txt{position:absolute; top:5%; width:100%; left:0; color:#FFF; text-align:center;}
.app_txt_top{font-size:24px; background:rgba(0,0,0,0.5); padding:10px 40px; border-radius:25px; display:inline-block;}
.app-area-next{ right:24%;position:absolute; top:50%; margin-top:-20px;width:40px; height:40px; background:#303030 url(../images/next.png) center center no-repeat; background-size:30px; z-index:95; border-radius:5px;}
.app-area-prev{ left:24%;position:absolute; top:50%; margin-top:-20px;width:40px; height:40px; background:#303030 url(../images/prev.png) center center no-repeat; background-size:30px; z-index:95; border-radius:5px;}
.app-area-next:hover, .app-area-prev:hover {background-color:#1f5dcb; }
@media screen and (max-width:768px) {
.prod_app{width:100%; padding:40px 0; margin:0 auto; background:#fff;}
.prod_app h2{font-size:24px; margin-bottom:10px;}
.app_txt{position:absolute; top:10%; width:80%; left:10%; color:#FFF; text-align:center;}
.app_txt_top{font-size:14px; padding:5px 20px; border-radius:25px; }
.app-area-next{right:20%;position:absolute; top:55%; margin-top:-20px;width:20px; height:20px; background:#303030 url(../images/next.png) center center no-repeat; background-size:15px; z-index:95;}
.app-area-prev{ left:20%;position:absolute; top:55%; margin-top:-20px;width:20px; height:20px; background:#303030 url(../images/prev.png) center center no-repeat; background-size:15px; z-index:95;}
}



/*解决方案的痛点一行三个*/
.solu_list{width:100%; padding:80px 0; margin:0 auto; background:#fff;}
.solu_list h2{ font-size:32px; text-align:center; margin-bottom:40px; font-weight:700;}
.solu_list ul{letter-spacing:-8px; overflow:hidden; margin:0 auto; width:75%; max-width:1618px;}
.solu_list ul li{ letter-spacing:normal; width:23.33%; overflow:hidden; float:left; line-height:24px; box-sizing:border-box; text-align:center;}
.solu_list ul li:not(:nth-of-type(3n)){margin-right:15%;}
.solu_list ul li:nth-child(n+4){margin-top:5%;}
.solu_list ul li img{width:auto; max-width:60px; margin:0 auto 15px;}
.solu_list ul li h2{font-size:24px; margin-bottom:15px;}
.solu_list ul li p{line-height:24px; font-size:14px; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/}
@media screen and (max-width: 768px) {
.solu_list{padding:40px 0;}
.solu_list h2{ font-size:24px; margin-bottom:20px;}
.solu_list ul{margin:0 auto; width:80%;}
.solu_list ul li{width:100%; float:none;}
.solu_list ul li:not(:nth-of-type(3n)){margin-right:0;}
.solu_list ul li:nth-child(n+2){margin-top:10%;}
.solu_list ul li img{width:auto; max-width:60px; margin:0 auto 5px;}
.solu_list ul li h2{font-size:18px; margin-bottom:10px; font-weight:700;}
.solu_list ul li p{line-height:26px; font-size:14px;}
}

/*解决方案的痛点一行四个*/
.solu_list2{width:100%; padding:80px 0; margin:0 auto; background:#fff;}
.solu_list2 h2{ font-size:32px; text-align:center; margin-bottom:50px;}
.solu_list2 ul{letter-spacing:-8px; overflow:hidden; margin:0 auto; width:90%; max-width:1618px;}
.solu_list2 ul li{ letter-spacing:normal; width:17.5%; overflow:hidden; float:left; line-height:24px; box-sizing:border-box; text-align:center;}
.solu_list2 ul li:not(:nth-of-type(4n)){margin-right:10%;}
.solu_list2 ul li:nth-child(n+5){margin-top:5%;}
.solu_list2 ul li img{width:auto; max-width:60px; margin:0 auto 15px;}
.solu_list2 ul li h2{font-size:24px; margin-bottom:15px;}
.solu_list2 ul li p{line-height:26px; font-size:16px; /*overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;*/}
@media screen and (max-width: 768px) {
.solu_list2{padding:40px 0;}
.solu_list2 h2{ font-size:24px; margin-bottom:20px;}
.solu_list2 ul{margin:0 auto; width:80%;}
.solu_list2 ul li{width:100%; float:none;}
.solu_list2 ul li:not(:nth-of-type(4n)){margin-right:0;}
.solu_list2 ul li:nth-child(n+2){margin-top:10%;}
.solu_list2 ul li img{width:auto; max-width:60px; margin:0 auto 5px;}
.solu_list2 ul li h2{font-size:18px; margin-bottom:10px; font-weight:700;}
.solu_list2 ul li p{line-height:26px; font-size:14px;}
}




/*解决方案的特点*/
.product{width:90%; max-width:1618px; margin:0 auto;}
.product .apply{background: #f2f2f2; overflow: hidden; width:100%;}
.product .apply  .img1{float:left; width:50%;}
.product .apply .right{width:50%; float:left; padding:0 2%; box-sizing:border-box;}
.product .apply .right .name{font-size:24px; color: #333333; font-weight: initial; text-align:left; margin-top:10%; margin-bottom:4%;}
.product .apply .right .item{display: flex; font-size:14px; line-height:20px; border-bottom: 1px solid #c6c6c6; overflow:hidden;}
.product .apply .right .item div:last-child{margin-right:0;}
.product .apply .right .item div{margin-right:5%; cursor: pointer;}
.product .apply .right .item div.link{color: #1f5dcb; position: relative;}
.product .apply .right .item div.link::after{ position: absolute;  content: '';  width: 100%;  height: 1px;  background: #1f5dcb;  left: 0;  bottom: 0;}
.product .apply #swiper .p1{font-size:28px; color:#333333; margin-top:5%; margin-bottom:2%; display:none;}
.product .apply #swiper img{display: none;}
.product .apply #swiper .p2{font-size:16px; line-height:28px; margin-top:5%; }

@media screen and (max-width: 1024px) {
.product .apply .right .name{font-size:18px; color: #333333; font-weight: initial; text-align:left; margin-top:5%; margin-bottom:2%;}
}

@media screen and (max-width: 768px) {
.product .apply  .img1{float:none; width:100%;}
.product .apply .right{width:100%; float:none; padding:5% 0.5%;}
.product .apply .right .name{font-size:16px; margin-top:0; margin-bottom:2%; font-weight:700;}
.product .apply .right .item{display:flex; font-size:14px;line-height:20px;}
.product .apply .right .item div{margin-right:2%; cursor: pointer;}
.product .apply .right .item div.link{color: #1f5dcb; position: relative;}
.product .apply .right .item div.link::after{ position: absolute;  content: '';  width: 100%;  height: 1px;  background: #1f5dcb;  left: 0;  bottom: 0;}
.product .apply #swiper .p1{font-size:28px; color:#333333; margin-top:5%; margin-bottom:2%; display:none;}
.product .apply #swiper img{display: none;}
.product .apply #swiper .p2{font-size:14px; line-height:24px; margin:2%; }
}



/*解决方案的价值*/
.solu_value{width:100%; padding:80px 0 0; margin:0 auto; background:#fff;}
.solu_value h2{ font-size:32px; text-align:center; margin-bottom:40px; font-weight:700;}
.solu_value ul{letter-spacing:-8px; overflow:hidden; margin:0 auto; width:90%; max-width:1618px;}
.solu_value ul li{ letter-spacing:normal; width:31.33%; overflow:hidden; float:left; line-height:24px; box-sizing:border-box;}
.solu_value ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.solu_value ul li:nth-child(n+4){margin-top:2%;}
.solu_value ul li .imgbox{border:1px #ddd solid; box-sizing:border-box; margin:0 auto 15px; position:relative;}
.solu_value ul li img{width:100%;}
.solu_value ul li .mask{position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.6);-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; cursor:pointer;}
.solu_value ul li .mask:hover{background:rgba(31,93,203,0.9);}
.solu_value ul li .maskinfo{position:absolute; width:80%; padding:0 10%; text-align:center; color:#FFF;  top:50%; transform:translateY(-50%);-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.solu_value ul li:hover .maskinfo{top:40%;}

.solu_value ul li .maskinfo h2{font-size:24px; margin-bottom:15px;}
.solu_value ul li .maskinfo p{line-height:24px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}

@media screen and (max-width:1024px) {
.solu_value ul li .maskinfo h2{font-size:16px; margin-bottom:0px;}
}

@media screen and (max-width:768px) {
.solu_value{padding:40px 0 0;}
.solu_value h2{font-size:24px; text-align:center; margin-bottom:20px;}
.solu_value ul li{width:100%;}
.solu_value ul li:not(:nth-of-type(3n)){ margin-right:0;}
.solu_value ul li:nth-child(n+2){margin-top:5%;}
.solu_value ul li .maskinfo h2{font-size:18px; margin-bottom:10px;}
.solu_value ul li .maskinfo p{line-height:20px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical;}
}

.solu_value dl{overflow:hidden; margin:0 auto 4%; width:90%; max-width:1618px;}
.solu_value dl dd{width:47.5%; float:left; text-align:left;}
.solu_value dl dd:not(:nth-of-type(2n)){ margin-right:5%;}
.solu_value dl dd:nth-child(n+3) {margin-top:3%; }
.solu_value dl dd h2{font-size:24px; margin-bottom:10px; text-align:left; margin-top:10px;}
.solu_value dl dd p{line-height:28px; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
@media screen and (max-width: 768px) {
.solu_value dl dd{width:100%; float:none;}
.solu_value dl dd:not(:nth-of-type(2n)){ margin-right:0;}
.solu_value dl dd:nth-child(n+2) {margin-top:10%; }
.solu_value dl dd h2{font-size:18px; margin-bottom:5px; margin-top:10px;}
.solu_value dl dd p{line-height:24px; font-size:13px; -webkit-line-clamp:10;}
}


/*解决方案的聚集核心*/
.solu_jiao_title{margin-bottom:20px; text-align:center; width:90%; margin:80px auto 0;}
.solu_jiao_title h2{font-size:32px; margin-bottom:5px; font-weight:700;}
.solu_jiao_title p{ font-size:16px; color:#666;}

.solu_jiao{width:90%; max-width:1618px; padding:100px 0; margin:30px auto 0; color:#FFF; background-position:center!important; background-size:cover!important;}
.solu_jiao h2{ font-size:32px; text-align:center; margin-bottom:40px;}
.solu_jiao ul{letter-spacing:-8px; overflow:hidden; margin:0 auto; width:90%; max-width:1618px;}
.solu_jiao ul li{letter-spacing:normal; width:19%; overflow:hidden; display:inline-block;line-height:24px; box-sizing:border-box; text-align:center; vertical-align:top;}
.solu_jiao ul li:not(:nth-of-type(4n)){ margin-right:8%;}
.solu_jiao ul li:nth-child(n+5){margin-top:2%;}
.solu_jiao ul li img{width:auto; max-width:60px; margin:0 auto 10px;}
.solu_jiao ul li p{line-height:24px; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}

.solu_jiao_btn{ text-align:center; margin-top:50px; font-size:16px; }
.solu_jiao_btn a{ color:#FFF; font-size: 16px; background: #1f5dcb; padding: 10px 35px; border-radius: 50px;}
.solu_jiao_btn a:hover{ text-decoration:underline;}
@media screen and (max-width: 768px) {
.solu_jiao_title{margin:40px auto 0; width:80%; margin-bottom:0px;}
.solu_jiao_title h2{font-size:24px; margin-bottom:5px;}
.solu_jiao_title p{ font-size:14px; color:#666;}

.solu_jiao{padding:40px 0; margin:10px auto 0;}
.solu_jiao h2{font-size:24px; text-align:center; margin-bottom:20px;}
.solu_jiao ul li{width:47.5%;}
.solu_jiao ul li:not(:nth-of-type(3n)){margin-right:0;}
.solu_jiao ul li:not(:nth-of-type(2n)){margin-right:5%;}
.solu_jiao ul li:nth-child(n+3){margin-top:15%;}
.solu_jiao ul li p{line-height:20px; font-size:13px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
}



/*解决方案的合作伙伴*/
.mod5_client{overflow:hidden; margin:80px auto; width:90%; max-width:1618px;}
.mod5_client h2{font-size:32px; margin-bottom:40px; text-align:center; font-weight:700;}
.mod5_clients {position:relative; margin:0 auto; width:90%}
.mod5_clients_item {position:relative; padding:0 10px;}
.mod5_clients_item {display: block; }
.mod5_clients_item img{margin:0 auto; width:100%;}
.mod5_clients_item p{text-align:center; padding:0; margin-top:5px;}
.m_mod5_clients{display:none; position:relative;}
.mod5-area-next{right:-5%;position:absolute; top:50%; margin-top:-20px;width:30px; height:30px; background:url(../images/right2.png) center center no-repeat; background-size:30px; z-index:95;}
.mod5-area-prev{ left:-5%;position:absolute; top:50%; margin-top:-20px;width:30px; height:30px; background:url(../images/left.png) center center no-repeat; background-size:30px; z-index:95;}
.mod5-area-next:hover{background:url(../images/right2.png) center center no-repeat;background-size:30px;}
.mod5-area-prev:hover{background:url(../images/left.png) center center no-repeat;background-size:30px;}

@media screen and (max-width:768px) {
.mod5_client{width:100%; overflow:hidden; margin:40px auto;}
.mod5_clients { display:none;}	
.m_mod5_clients { display:block;}
.mod5_client h2{font-size:24px; margin-bottom:20px; text-align:center;}
.mod5-area-next{right:-5%;position:absolute; top:55%; margin-top:-20px;width:20px; height:20px; background:url(../images/right2.png) center center no-repeat; background-size:15px; z-index:95;}
.mod5-area-prev{ left:-5%;position:absolute; top:55%; margin-top:-20px;width:20px; height:20px; background:url(../images/left.png) center center no-repeat; background-size:15px; z-index:95;}
}




/*客户案例*/
.projects{}
.projectsul{letter-spacing:-8px; margin-top:3%;}
.projectsul li{display:inline-block; overflow:hidden; width:31.33%; letter-spacing:normal; vertical-align:top; position:relative; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; border:1px #ddd solid; box-sizing:border-box;}
.projectsul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.15);}
.projectsul li:not(:nth-of-type(3n)){ margin-right:3%;}
.projectsul li:nth-child(n+4){margin-top:3%;}
.projectsul li .imgbox img{ width:100%;}
.projects_info{padding:15px; box-sizing:border-box;}
.projects_info h2{font-size:18px;font-weight: 700; margin-bottom: 10px;  text-align: left;}
.projects_info p{line-height:26px; font-size: 14px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media screen and (max-width: 768px){
.projectsul li{width:100%;}
.projectsul li:not(:nth-of-type(3n)){ margin-right:0;}
.projectsul li:nth-child(n+2){margin-top:5%;}
.projects_info h2{font-size:18px;}
.projects_info p{line-height:26px; font-size: 14px;}
}


/*contact us*/
.contact{overflow:hidden; padding:5% 0 10% 0;}
.contact_left{float:left; width:50%;}
.contact_right{ float:right; width:40%; margin-left:10%;}

.contact_txt{line-height:30px; font-size:16px; margin-bottom:40px; color:#FFF;}
.contact_txt:last-child{margin-bottom:0;}
.contact_txt img{max-width:100%; width:auto; margin:10px 0;}
.contact_txt h2{font-size:32px; line-height:36px; margin-bottom:20px;}
.contact_txt b,.about_txt strong{/*color:#075eb1;*/}

.contact_end{margin:100px 0 50px 0;}
.contact_end ul{letter-spacing:-8px; padding:10px 5%; overflow:hidden; }
.contact_end ul li{float:left; width:30%; letter-spacing:normal; vertical-align:top; position:relative; padding:40px; box-sizing:border-box; background:#fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.contact_end ul li:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.contact_end ul li:not(:nth-of-type(3n)){ margin-right:5%;}
.contact_end ul li:nth-child(n+1){margin-bottom:4%;}

.contact_end_info {position:relative; z-index:2;}
.contact_end_info img{ width:100px; height:100px; padding:10px; border-radius:100%; /*position:absolute; left:50%; margin-left:-50px; top:-100px;*/ background:#FFF;box-shadow:0px 0px 10px rgba(0,0,0,0.10); margin:0 auto; margin-bottom:30px;}
.contact_end_info h3 {font-size:24px; text-align:center; line-height:24px; margin-top:15px; font-weight:700;}
.contact_end_info p {line-height:28px; font-size:14px; text-align:center; margin:20px 0; color:#666;}
.contact_end_info h4 {font-size:14px; text-align:center; line-height:24px; margin-top:15px; font-weight:700;}


@media screen and (max-width: 768px) {
.contact{padding:0px 10px;}
.contact_left{float:none; width:100%;}
.contact_right{float:none; width:100%; margin-left:0%; margin-top:5%;}
.contact_txt:last-child{margin-bottom:0; margin-top:0;}

.contact_txt h2{font-size:18px; font-weight:700;}

.contact_end{margin:40px 0 0 0;}
.contact_end ul{padding:0px; }
.contact_end ul li{width:92%; margin:0 5%;padding:20px; float:none;}
.contact_end ul li img{}
.contact_end ul li:not(:nth-of-type(3n)){ margin-right:0;}
.contact_end ul li:nth-child(n+1){margin-bottom:15%;}
.contact_end_info {padding:1px 0; position:relative; z-index:2;}
.contact_end_info img{ width:50px; height:50px; padding:5px; border-radius:100%; position:absolute; left:50%; margin-left:-25px; top:-50px; background:#FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
.contact_end_info h3 {font-size:18px;}
.contact_end_info p {line-height:20px; overflow:hidden;-webkit-line-clamp:3; font-size:14px; color:#747474; margin:10px 0; }
.contact_end_info h4 {font-size:14px; text-align:center; line-height:24px; margin-top:15px; font-weight:700;}

}


/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color: rgba(0, 0, 0, 0.8);z-index:1000; -webkit-user-select: none;-ms-user-select: none;}
.vclose { position:absolute;right:-15px; top:-15px;cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; border:15px solid #fff; position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-300px; z-index:100; width:800px; height:600px; background:#000000; box-sizing:border-box;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:-10px; top:-10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; border:10px solid #ffffff; position:fixed; left:50%; top:50%; margin-left:-160px; margin-top:-120px; z-index:100; width:320px; height:240px; }
.videolist {}
}






/*--------在线留言--------------*/
.guestbook2{width:100%; margin:0 auto; padding:0;}
.guestbook2 h4{font-size:24px; margin:10px 0px;}
.guestbook2 ul{ overflow:hidden;} 
.guestbook2 ul li{overflow:hidden; margin-bottom:15px; float:left; width:100%;}
.guestbook2 ul li p{ margin-bottom:5px; font-size:14px; font-weight:700;}
.box22 {width:49%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#f8f8f8; float:left;font-family:'Alibaba-PuHuiTi-Regular'}
.box44 {width:100%; border:1px #ddd solid; line-height:30px; padding:8px 15px; box-sizing:border-box; background:#f8f8f8; font-family:'Alibaba-PuHuiTi-Regular'}
.box33 {width:100%; border:1px #ddd solid; line-height:24px; padding:8px 15px; box-sizing:border-box; background:#f8f8f8; font-family:'Alibaba-PuHuiTi-Regular'}
.sub_gestbook2 {background-color:#075eb1; border:none;width:100%; height:45px; line-height:45px; color:#fff; font-size:14px; cursor:pointer;text-align:center; text-transform:uppercase; font-weight:700;}
.sub_gestbook2:hover{ background:#1f5dcb;}
.box22_left{ margin-right:2%;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:100%;}
.box4 {width:100%;}
.box3 {width:100%;}
}


.sitemap{overflow:hidden; background:#FFF; padding:50px; border:1px #ddd solid; margin-top:40px;}
.sitemap h2 {font-size:18px; font-weight:bold; color:#173c96; margin-bottom:10px;}
.sitemap h2 a{color:#173c96;}
.sitemap h2 a:hover{color:#1f5dcb;}
.sitemap ul{ overflow:hidden; margin-bottom:30px; padding:10px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:18px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}
@media screen and (max-width:768px) {
.sitemap{padding:0.15rem;}
}

.page404{ width:100%; margin:100px 0 100px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}


.tagsbox{overflow:hidden; margin:50px auto;}
.tagsbox ul{ letter-spacing:-8px; overflow:hidden;}
.tagsbox ul li{letter-spacing:normal; vertical-align:top; display:inline-block; background:url(../images/point.png) left center no-repeat; padding:10px; width:100%; border-bottom:1px #ddd dotted; line-height:24px;}
@media screen and (max-width: 768px) {
.tagsbox{overflow:hidden; margin:0 auto;}
}


.solutions{overflow:hidden; margin:30px auto; width:90%; max-width:1618px;}
#solu_pc{display:block;}
#solu_mob{display:none;}
.solu_left{float:left; left:0;}
.solu_right{float:right; right:0;}
.solutionsul{letter-spacing:-8px;}
.solutionsul li{overflow:hidden; width:100%; background:#ffffff; letter-spacing:normal; vertical-align:top; position:relative; margin:20px 0; display:flex;}
.solutionsul .imgbox {width:50%; display:inline-block; overflow:hidden;}
.solutionsul .imgbox img {width:100%; height:auto; display:block;}
.solutions_info {padding:0px 80px; position:relative; z-index:2; width:50%; box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%);}
.solutions_info h3 {font-size:24px; padding-bottom:20px; text-align:left; font-weight:700;}
.solutions_info .ptxt{overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:10; -webkit-box-orient: vertical; font-size:16px; line-height:30px; opacity:0.8;}
@media screen and (max-width: 768px) {
.solutions{width:100%; margin:10px auto;}
#solu_pc{display:none;}
#solu_mob{display:block;}
.solutionsul{ padding:0; margin-top:0;}
.solutionsul li{margin:0; display:block;}
.solutionsul .imgbox {width:100%;}
.solutions_info {padding:30px; width:100%; position:relative; top:0;transform:translateY(0);}
.solutions_info h3 {font-size:18px; line-height:20px; padding-bottom:10px;}
.solutions_info .ptxt {overflow:hidden;-webkit-line-clamp:20;font-size:14px; line-height:24px;}
}