@font-face {
font-family: LatoRegular;
src: url('../fonts/Lato-Regular.ttf')
}
@font-face {
font-family: LatoBold;
src: url('../fonts/Lato-Bold.ttf')
}

*{
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

body{ font-family:"LatoRegular", Arial, Helvetica, sans-serif; font-size:15px;overflow-x:hidden; line-height:1.6}
.bold-tit{font-family:"LatoBold"}
.container img{ max-width:100%;}
a{ color:#333;}
a:hover{ color:#232581; text-decoration:none;}
.top{  background:#f5f5f5; text-align:right; padding:2px 0;}
.top .container div{ display:inline-block; background:#fff; color:#666; padding:2px 10px;}
.top .container div.green{ background:#28a745; color:#fff;}
.top .container div.green a{ color:#fff;}
.social-list{ font-size:16px;}
.social-list a{ color:#fff; margin:0 5px;}
.site-header{ background:#fff; box-shadow:0 3px 2px rgba(0,0,0,0.1);}

.navbar-nav{ text-transform:uppercase; font-size:15px; }
.navbar-brand img{ width:210px;}
.main_menu {padding:0; margin:25px 0 10px 20px; width:auto; display:inline-block; float:right; }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{ float:left; font-size:16px; position:relative; padding:0 20px;}
.main_menu > li > a{ display:inline-block;float:left; text-transform:uppercase;  line-height:48px; border-bottom:3px solid #fff;}
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu > li > a:hover{ text-decoration:none; color:#333; border-bottom:3px solid #232581; }
.main_menu > li.active > a,.main_menu > li > a.now{  color:#333; border-bottom:3px solid #232581; }
.main_menu > li > .nav-sub{ position:absolute; left:50%; top:calc(100% - 3px); transform:translateX(-50%); /*width:calc(100% - 40px);*/ background:rgba(100,100,100,0.9); margin:0; padding:10px 10px 20px;  display:none !important; font-size:16px; z-index:10}
.main_menu > li > .nav-sub:after{ content:" "; position:absolute; top:-20px; left:50%; margin-left:-5px;width:0; height:0; border-width:10px; border-color: transparent transparent #777 transparent; border-style: dashed dashed solid dashed;}

.main_menu li > ul  li{ margin-left:0; height:auto; float:none;  display:block; text-align:center; }
.main_menu li > ul  li a{ padding:5px; line-height:28px; float:none; display:block; white-space:nowrap; color:#fff; background:rgba(255,255,255,0.15); margin-bottom:1px;}
.main_menu li > ul  li a:hover{ background:#232581; }
.main_menu > li:hover > .nav-sub{ display:block !important; }
.main_menu > li > .nav-sub.pro-sub-menu{ left:50%; transform:translate(-50%,0); flex-wrap:nowrap;}
.main_menu > li > .nav-sub.pro-sub-menu:after{ left:calc(50% - 10px);}
.main_menu > li > .nav-sub.pro-sub-menu a{ margin:6px 12px; white-space:nowrap; display:block;}


.navbar-nav .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
.navbar-toggler {
    display: none;
    color: #666;
    font-weight: bold;
    position: absolute;
    right: 0;
	top:50%;
	transform:translate(0,-50%);
    font-size: 28px;
    background-color: transparent;
    border: 0;
}

.transparent-top{ border-bottom:1px solid #999; border-bottom-color:rgba(255,255,255,0.3)}
.topFlag .dropdown-menu{ width:120px; min-width:inherit; left:-30px; padding-top:5px; background:#fff; border:1px solid #eee; box-shadow:0 0 5px 0 #888;}

.topFlag .btn-group { }
.topFlag .btn-group > a{ display:block; padding:0 12px; overflow:hidden; font-size:17px; line-height:48px;}
.topFlag .btn-group > a i.bi:before{ vertical-align:middle!important}
.topFlag ul{ padding:5px 0; margin:0; text-align:center; border:1px solid #ddd; background:#f8f8f8;}
.topFlag ul li{ float:none; line-height:1.6; }

.topFlag .dropdown-menu a{ font-size : 14px; padding:5px 0 5px 0; display:block; color:#555 !important;}
.topFlag .dropdown-menu a:hover{ color:#f18001;}

.whatsapp{ position:absolute; top:0; right:50px; }

.searchtop{ cursor:pointer; line-height:48px;}
.search-send{ padding:20px 0;  background-color:#f2f2f2; display:none; position:relative; top:100%;}
.search-send.on{ display:block;}
.search-send .close{ position:absolute; top:25px; right:2%; cursor:pointer; }
.search-send .close .fa{font-size:30px;}
.search-send .close:hover{ color:#232581}

.home-top { background-color:#fff; position:relative; width:100%; z-index:1000;}
.home-top a { color:#333333;}

/*.home-top .dropdown-menu a{ color:#333}
.home-top .main_menu > li.active > a{background-color:#f18001;}
.home-top .main_menu li > ul > li a:hover{ background:#f8a865; }*/

.page-top{}
.page-top .white-top{}
.page-top .navbar{ background:#2c93c0;padding: 0;}
.page-top .main_menu a{ color:#fff;}
.page-top .main_menu a:hover{background-color:#f18001;}
.page-top .main_menu > li.active > a{background-color:#f18001;}
.page-top .main_menu li > ul > li a:hover{ background:#f8a865;}

#index-slide{ }
#index-slide .carousel-item{ )}
#index-slide .carousel-item{ background-repeat:no-repeat;  background-size:cover; background-position:center center;}
#index-slide .carousel-caption {
	top:50%;	
    bottom: 0;
    left: 20%;
	width:60%;	
	transform:translate(0,-40%);
    z-index: 10;
    padding-top: 80px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;

}
#index-slide .carousel-caption h2.whitetit{ font-size:78px; text-transform:capitalize; color:#fff; margin-bottom:50px; line-height:1.6}
#index-slide .carousel-caption .bluelink,.carousel-caption .bluelink a{ color:#00a0e9; font-size:30px;}
#index-slide .carousel-caption .bluelink a:hover{ text-decoration:underline;}
#index-slide .carousel-caption h2.pagewhitett{ font-size:48px; text-transform:capitalize; color:#fff; line-height:1.6; max-width:740px;}
#page-slide .carousel-caption h2.pagewhitett{ font-size:48px; text-transform:capitalize; color:#fff; line-height:1.6; max-width:800px;}
#index-slide .carousel-caption .h3{ line-height:1.6}

#index-slide .carousel-indicators{  bottom:5%; }
#index-slide .carousel-indicators li{ width:10px; height:10px; border-radius:50%; border:0 solid #eee; background-color:#fff; margin-left:5px; margin-right:5px;}
#index-slide .carousel-indicators li.active{ background-color:#232581; border:0;}

#page-slide .carousel-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 0;
}
#page-slide .carousel-caption {

    bottom: 15%;
    left: 20%;
	width:60%;	
    z-index: 10;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;

}

.footer{ background:#232581; color:#d0d6db; line-height:2; position:relative;}
.footer h5{ font-size:17px; color:#d0d6db; text-transform:uppercase; font-family:"LatoBold"; margin-bottom:25px; padding-bottom:15px; position:relative;}
.footer h5:after{ position:absolute; content:""; left:0; bottom:0; width:60px; height:1px; background:#d0d6db}
.footer a{ color:#fff;}
.footer a:hover{ color:#d0d6db; text-decoration:underline;}
.foot-contact-info li{ position:relative; padding-left:25px;}
.foot-contact-info li i{ position:absolute; top:0; left:0;}
.foot-link a{ font-family:"LatoBold"; margin:0 12px;}

.fshare{ }
.fshare a{ font-size:16px; color:#666; margin:0 5px; display:inline-block; width:30px; height:30px; background:#fff; border-radius:50%; line-height:28px; text-align:center;}
.fshare a:hover{ color:#3d40cc;}

.scribe-red{ background:#888; color:#fff; padding:20px 0 18px; vertical-align:middle;}	
.scribe-red input[type="text"]{ background:#fff; color:#666; border:0; line-height:30px; margin:0 2px; padding:0 5px; min-width:180px; font-size:14px;}
.scribe-red input[type="submit"]{ background:#666; color:#fff; border:0; padding:0 20px; line-height:30px; text-transform:uppercase; font-size:12px; margin:0 10px;}
.font16{ font-size:16px;}
.font18{ font-size:18px; line-height:1.7}

.btn-primary{
	background-color: #6163cf;
  border-color: #6163cf;
  color:#fff !important;
}
.btn-primary:hover{
	background-color: #3d40cc !important;
  border-color: #3d40cc !important;
}
.text-primary {
    color: #d0d6db !important;
}
.btn-radius{ padding-left:40px; padding-right:40px; padding-top:10px; padding-bottom:10px; border-radius:25px;}



.about-section{  padding:5rem 0 5.5rem;}
.about-section .txt{ width:50%; color:#646464; line-height:2;}
.about-section .txt ul {
    display: flex;
    flex-wrap: wrap;
	list-style:none;
	padding:0;
	margin:0;
}
.about-section .txt ul li {
    width: 50%;
    min-height: 0;
    padding: 0 2rem 5rem 0;
    transition: all 0.3s ease-out;
	position:relative;
}
.about-section .txt ul li img{ width:auto; display:block; margin-bottom:20px;}
.about-section .txt ul li h4{ font-size:48px; color:#333;}



.about-section .img{
	width:50%;
}
.hongbiao{ position:relative; padding-left:85px; padding-bottom:55px;}
.hongbiao .floatimg{ position:absolute; bottom:0; left:0; z-index:8;}

    .articleItem{  position:relative;  margin:30px auto 0;border:1px solid #e0e0e0;  background:#fff; }
    .articleItem .pic{ position:relative; padding-top:calc(446/700 * 100%); overflow:hidden;background:#eee;}
    .articleItem .pic img{ position:absolute; top:0; left:0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	width:100%;
}
    .articleItem .pic:hover img{ transform:scale(1.1,1.1); opacity:0.8}
    .articleItem .content{ padding:10px 0;color:#646464; margin:0 25px;}
    .articleItem .content h4{ font-size:18px; line-height:1.5;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	
    .articleItem .meta{ padding-top:10px; color:#646464; margin-bottom:5px;}
    .articleItem:hover{ background:#f2f2f2;}


/*.product-section{ background:#222 url(../images/probg.jpg) no-repeat center center; color:#fff;}
.product-section .catlink a{color:#fff; margin:0 5px; font-size:18px;}
.product-section .catlink a:hover{color:#232581;}*/
.product-section{ background:#fbfbf8; border-bottom:1px solid #f0f0f0; }
.product-section .catlink a{ margin:0 5px; font-size:18px;}
.product-section .catlink a:hover{}
.proItem{  margin:0 1px;}
.proItem a{ display:block;background:#f1f1f1;}
.proItem a img{ width:100%;}
.proItem a:hover{ background:#232581; color:#fff;}
.proItem .content{ padding:1.1rem 1rem; text-align:center}
.proItem .content h4{ font-size:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proItem .content .des{ text-transform:uppercase; font-size:16px;}
.proItem .pic{ position:relative; overflow:hidden;}
.proItem a:hover .pic img{ transform:scale(1.1,1.1)}
.proItem a .content .des{ color:#232581;}
.proItem a:hover .content .des{ color:#fff;}

/* Styling Next and Prev buttons */
.owl-carousel-pro{ position:relative;}
.owl-carousel-pro .owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); left:-70px; width:49px; height:49px; text-indent:-9999px; overflow:hidden; background:url(../images/jiantou.png) no-repeat 0 0 !important; transition:none;}
.owl-carousel-pro .owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); right:-70px; width:49px; height:49px; text-indent:-9999px; overflow:hidden; background:url(../images/jiantou.png) no-repeat 0 -49px !important;transition:none;}
.owl-carousel-pro .owl-prev:hover{  background:url(../images/jiantou.png) no-repeat -49px 0 !important; }
.owl-carousel-pro .owl-next:hover{  background:url(../images/jiantou.png) no-repeat -49px -49px !important; }

.support-section{ background:#f2f2f2;}
.icoItem{ text-align:center;}
.icoItem img{ display:block; margin:0 auto; margin-bottom:1rem;}
.icoItem .content{ max-width:350px; margin:0 auto;}
.icoItem .content h4{ text-transform:uppercase; font-size:16px; margin-bottom:0.6rem;}
.icoItem .content .des{color:#646464; line-height:1.8 }

/* pages */

.page-banner{ height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#fff;}
.page-banner .mask{ position:absolute; top:0; left:0; right:0; bottom:0; /*background:rgba(0,0,0,0.5);*/ z-index:1;}
.page-banner .midTit{ position:relative; z-index:2; top:50%; transform:translateY(-50%);}
.page-banner h2{ font-size:36px; text-align:center;font-family:"LatoBold"; text-shadow: #666 1px 0 0, #666 0 1px 0, #666 -1px 0 0, #666 0 -1px 0;  }
.page-banner .location{ position:absolute; bottom:15px; left:0; z-index:2; width:100%; color:#fff;}
.page-banner .location a{ color:#fff;}
.page-banner .location a:hover,.page-banner .location .active{color:#232581;}


.link-border-red{color:#333; display:inline-block; padding:10px 25px; border:2px solid #232581; font-size:16px;}
.link-border-red:hover{background-color:#232581; color:#fff;}


.news-item{ margin:3.5% auto; padding-bottom:3.5%; border-bottom:1px solid #ddd;}
.news-item *{
	-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.news-item .txt h4{ margin-bottom:25px; font-size:21px;font-family:"LatoBold";  }
.news-item .txt p{ font-size:16px; margin-bottom:25px;}
.news-item .pic{ position:relative; overflow:hidden;}
.news-item .pic:hover img{ transform:scale(1.05,1.05)}

.page-link {
    color: #333;
}
.page-item.active .page-link {
    background-color: #232581;
    border-color: #232581;
	color:#fff;
}
.page-title{ text-align:center; margin:0 auto 2%;}
.page-title h2{font-size:24px; color:#333333; }
.page-title h3{font-size:21wpx; color:#333333; }
.page-title p{}

.page-white {
    background: #fff;
    padding: 20px 6% 30px;
}
.post-meta{ text-align:center; margin:30px auto; color:#646464;}
.post-meta .date{  background:#232581;  color:#fff; padding:5px 12px; border-radius:10px; margin-right:30px;}
.postbody{ margin-bottom:30px;color:#646464; line-height:1.8}
.postbody p{ margin-bottom:20px;}
.postbody img{ max-width:100%; height:auto;}
/*product*/
.pnline{ border-top:1px solid #ddd; padding-top:20px; margin-bottom:3%; }
.pnline strong{ font-weight:normal; color:#222;}
.pnline span{ margin-right:60px;}
.pnline  a{color:#666;}
.pnline  a:hover{color:#232581;}

.suntechbg{ position:absolute; top:80px; left:0; right:0; text-align:center; font-size:180px; color:#646464; opacity:0.15; letter-spacing:20px;  z-index:0; font-family:"LatoBold";}
.contact-info{ position:relative; z-index:1; max-width:600px; margin:-90px auto 50px auto; background:rgba(255,255,255,0.66); padding:20px 40px; font-size:16px;}
.contact-info .withico{ position:relative; padding-left:30px; color:#666;}
.contact-info .withico i{ position:absolute; top:0; left:0; color:#888;}
.page-contact-info{ color:#666;}
.page-contact-info li{ position:relative; padding-left:40px; min-height:35px; line-height:1.8; margin:5px 0;}
.page-contact-info li i{ position:absolute; top:0; left:0; display:inline-block; width:28px; height:28px; line-height:24px; color:#888; border:1px solid #888; border-radius:50%; text-align:center;}

.graybg{ background:#f2f2f2;}
.graybg video{ max-width:800px;}


/* Styling Next and Prev buttons */

.owl-carousel-cer .owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); left:-60px; width:41px; height:41px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.jpg) no-repeat 0 0 !important; transition:none;}
.owl-carousel-cer .owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); right:-60px; width:41px; height:41px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.jpg) no-repeat 0 -41px !important;transition:none;}
.owl-carousel-cer .owl-prev:hover{  background:url(../images/xijiantou.jpg) no-repeat -42px -41px !important; }
.owl-carousel-cer .owl-next:hover{  background:url(../images/xijiantou.jpg) no-repeat -42px 0 !important; }


/* Styling Pagination*/

/* faqs  */
.faq{ margin-bottom:10px;}
.faq-header button{ background:none;color:#333; border-radius:0; border-bottom:1px solid #232581; padding-top:0.8rem; padding-bottom:calc(0.8rem + 10px); position:relative; font-size:18px;font-family:"LatoBold";}
.faq-header button.collapsed{background:none; color:#333; border-bottom:1px solid #ddd;}
.faq-body{ box-shadow:0 3px 5px #ccc; padding:20px;}

.vditem{ position:relative; margin-bottom:30px; overflow:hidden;}
.vditem .pic{ position:relative; overflow:hidden; margin-bottom:10px;}
    .vditem .mask-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background:rgba(0,0,0,0);
        z-index: 1;		
        opacity: 1;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s
    }
.vditem .mask-bg i{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size:42px;
		color:#fff;}

    .vditem .tit {
        font-size: 18px;
        line-height: 25px;
        color: #333;
		text-align:center;
    }

    .vditem:hover .mask-bg {
        opacity: 1;
        filter: alpha(opacity=100);
		background:rgba(0,0,0,0.4);
    }



.top-line{ position:relative; font-size:32px; padding-top:25px;}
.top-line:before{ content:""; position:absolute; top:0; left:0; width:40px; height:3px; background:#00a0e9}
.top-line.white:before{background:#fff}


.rightform{ margin-left:1rem;}
.rightform input.form-control{ line-height:2;height: calc(2.3em + 0.75rem + 2px);}
.rightform .btn{height: calc(2.3em + 0.75rem + 2px);}

.aboutpic{ padding:30px; position:relative;}
.aboutpic:before{ content:""; position:absolute; top:0; left:0; width:50%; height:50%; background:#232581; z-index:-1;}
.aboutpic:after{ content:""; position:absolute; bottom:calc(10% + 30px); right:0; width:60px; height:60px; background:#232581; z-index:-1; transform:rotate(-35deg) translate(-20px,3px)}
.aboutpic h4{ position:absolute;  bottom:calc(10% + 30px); background:#232581 url(../images/jiangbei.png) no-repeat 20px center; padding:20px 0 20px 85px; color:#fff; left:25%; right:0; font-size:18px; line-height:1.8}
.aboutdes{ color:#646464;}

.about-block-header span{ color:#232581; text-transform:uppercase;}
.about-block-header h3{ font-size:24px; position:relative; padding-bottom:18px; margin-bottom:30px;}
.about-block-header h3:after{ position:absolute; content:""; width:80px; height:4px; left:0; bottom:0; background:#232581}
.about-block-header.text-center h3:after{ left:50%; margin-left:-40px; }

#workbg{ background:#f2f2f2 url(../images/workbg.jpg) no-repeat center center;}
#workbg .card{
background-color: #fff;
border: 0;
border-radius: 0;
margin-bottom:20px;	
}
.workPress { display: flex; }
#workbg .card.gray{ background:#f2f2f2;}
#workbg .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color:transparent;
    border-bottom: 0;
	font-size:21px; 
	position:relative;
}
#workbg .card-header:after{ position:absolute; content:""; width:50px; height:3px; left:1.65rem; bottom:0; background:#232581}
#workbg .card-body {
    padding: 1.25rem 1.25rem;
}
.workPress .card{ width:calc(20% - 3px);  display:inline-block; float:left; margin:0 1px;}

.msearchtop{ line-height:48px;}
.search-moblie{ background:#000; position:fixed; top:0; left:0; right:0; bottom:0; z-index:20000; display:none;}
.search-moblie .zhongjian{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:92%;}
.search-moblie.show{ display:block;}
.search-moblie .close{ font-size:3rem; color:#ccc !important; cursor:pointer;}
.nav-top .msearchtop{ cursor:pointer;}

@media (max-width: 1440px){
#index-slide .carousel-caption h2.whitetit {
    font-size: 60px;
}
#index-slide .carousel-caption h2.pagewhitett,#page-slide .carousel-caption h2.pagewhitett{ font-size:36px;}

.about-section .txt ul li h4{ font-size:36px;}	
.about-section .txt ul li p{ font-size:16px;}
.about-section .txt ul li {
    padding: 0 1.5rem 2rem 0;
}
.about-section{ display:flex; align-items:center; padding:0;}


.pdf-item{ flex:0 1 25%;}
}
@media (max-width: 1024px){
#index-slide .carousel-caption h2.whitetit {
    font-size: 48px;
}
.about-section .txt ul li h4{ font-size:32px;}	
.about-section .txt ul li p{ font-size:16px;}
.about-section .txt ul li {
    padding: 0 1.5rem 2rem 0;
}
.pdf-item{ flex:0 1 33.33333%;}
}
@media screen and (max-width: 1024px){
	.navbar-nav{ display:flex;flex-direction: column;}
	}
@media screen and (max-width: 640px){
	
	}
	
	@media screen and (max-width: 768px){
	.navbar-brand img{ width:140px;}
	.carousel-indicators {
    margin-right: 0;
    margin-left: 0;
		}
		
	.navbar-toggler {
    display: block;
	}
    .workPress｛ display: unset !important;｝
    .workPress .card {
        width: 100%;
        float: unset;
    }

	#navbarSupportedContent{ width:100%}
	.main_menu{ float:none; display:block; margin:0;}
	.main_menu > li{ float:none; }
.main_menu > li > a{ float:none;  line-height:45px; padding:0 25px;}
.main_menu > li > a:hover{ text-decoration:none; }
.main_menu > li > .nav-sub{ z-index:1000; width:100%; opacity:0.93;}

.main_menu li > ul > li a{}
.page-nav {
    font-size: 14px;
}
.pro-nav {
    font-size: 14px;
}
.about-section{ height:auto; background-position:0 0;}
.about-section .txt {
    width: 100%;
}
.about-section .img{ display:none;}
.applist{height:auto;}
.pdf-item{ flex:0 1 50%;}

.owl-carousel-pro .owl-prev{ left:0;}
.owl-carousel-pro .owl-next{ right:0;}


	}
@media screen and (min-width: 769px){
.navbar-main {
    display:inline-block !important;
}

}


/*jianbian an niu */
.btn-jianbian {
    display: inline-block;
    position: relative;
    padding: 6px 20px;
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid;
    background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 8 8'%3E%3Cg fill='%23fff' fill-opacity='.1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
    transition: background-color .2s ease-out;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.3),0 2px 2px -1px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.3) inset;
}

.btn-jianbian:active {
    top: 1px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset;
    background-image: none;
}

.btn-jianbian[disabled] {
    cursor: default;
    position: static;
    box-shadow: none;
}
.btn-blue {
    border-color: #00a0e9;
    color: #fff;
    background-color: #00a0e9;
}

.btn-blue:hover {
    background-color: #0078e8;
}

.btn-blue[disabled] {
    border-color: #39a1f4;
    background: #39a1f4;
    color: #b2dbfb;
}

/* mobile nav  */
/*.nav-top{ background:#000;color:#aaa;}
.nav-top a{ color:#aaa;}
.nav-top a:hover{ color:#00a0e9;}*/

.pn-list{ background:#222;}
.mnav{ margin-bottom:25px;}
.mnav-header > h2{ font-size:18px; font-weight:bold;}
.mnav-header{position:relative;}
.mnav-header a{ color:#aaa; border-radius:0;   display:inline-block; cursor:pointer;}
.mnav .mnav{ margin-bottom:0;}
.mnav .mnav h2{font-size:16px; border-bottom:1px solid #444;line-height:2.2;}

.mnav-header a.collapsed{ color:#aaa;}
.mnav-header a:hover{ color:#232581; }
.mnav-header a i{ position:absolute; top:6px; right:10px; font-size:20px;}
.mnav-header a i.bi-plus{ display:none;}
.mnav-header a i.bi-dash{ display:block;}
.mnav-header a.collapsed i.bi-plus{ display:block;}
.mnav-header a.collapsed i.bi-dash{ display:none;}
.mnav-body{ padding:20px 15px; font-size:16px; line-height:2.2; color:#aaa; margin-bottom:0;}
.list-second{ list-style:none;}
.list-second li{ border-bottom:1px solid #444;}
.list-second li a{ color:#aaa; }
.list-second li a:hover{ color:#232581; }

.mnav .mnav .mnav-header a i {
    top: 0;
    right: 10px;
	line-height:1.5
}
.mnav .mnav .mnav-body{ padding:5px 15px; font-size:15px;}

#accordionProductList .mnav{ margin-bottom:2px;}
#accordionProductList .mnav-header > h2{ font-size:16px; font-weight:normal;}
#accordionProductList .mnav-header{position:relative; background:#f2f2f2;  padding:10px 1.2rem;}
#accordionProductList .mnav-header a{ color:#333; border-radius:0;   display:inline-block; cursor:pointer;line-height:2}
#accordionProductList .mnav-header a:hover{ color:#232581;}
#accordionProductList .mnav-header a.collapsed{ color:#333;}
#accordionProductList .mnav-header a i{ position:absolute; top:6px; right:10px; font-size:20px;}

#accordionProductList .mnav-body{ padding:0 1.2rem;color:#aaa; margin-bottom:0;}
#accordionProductList .list-second{ list-style:none; margin:0; padding:0;}
#accordionProductList .list-second li{ border-bottom:1px solid #e8e8e8; padding:3px 0; line-height:2; }

.sideTit{ background:#232323; color:#fff; font-size:27px; text-transform:uppercase; padding:10px 1.2rem; margin-bottom:0;}
.side-contact{ padding:0.8rem 1.2rem; background:#f2f2f2;}
.side-contact li{ margin:8px 0;}

.proListItem{text-align:center}
.proListItem a{ display:block; color:#666;}
.proListItem a img{ width:100%; display:block;}

.proListItem a:hover{ color:#232581; }
.proListItem  h5{ font-size:18px; margin:0.6rem 0;}
/*.articleItem .pic{ position:relative; padding-top:calc(262/412 * 100%); overflow:hidden;background:#eee;}
.articleItem .pic img{ position:absolute; top:0; left:0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.articleItem .pic:hover img{ transform:scale(1.1,1.1); opacity:0.8}*/

.table-canshu th{}
.table-canshu td{}

.picFocus *{
	-webkit-transition:none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.picFocus{ position: relative; overflow: hidden; padding: 0 8px 8px 0; max-width:520px;}
.picFocus .bigImg{position: relative; padding:0; margin:0; margin-bottom: 15px; }
.picFocus .bigImg li{position: relative; list-style:none;}
.picFocus .bigImg li img{ vertical-align:middle; max-width:100%; height:auto; margin: 0 auto; padding: 0; display:block;}
.picFocus .smallScroll{ height: 95px; margin-bottom: 6px; position:relative;}
.picFocus .sPrev,.picFocus .sNext{ position:absolute; top:0; left:0; display: block; width: 24px; line-height:90px; font-size:30px; color:#666;}
.picFocus .sPrev{margin-right: 5px;}
.picFocus .sNext{ left:auto; right:0;}
.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#232581;}
.picFocus .smallImg{  margin: 0 auto; display:block; overflow: hidden; width:calc(100% - 50px);}
.picFocus .smallImg ul{ width: 9999px; overflow: hidden;  padding:0; margin:0;}
.picFocus .smallImg ul *{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
.picFocus .smallImg li{ float: left; cursor:pointer;  display: inline; list-style:none;}
.picFocus .smallImg img{ border: 1px solid #ddd; width:120px; margin: 0; padding: 0; margin: 10px 5px 10px 5px;}
.picFocus .smallImg .on img{ border-color: #666; }
.pro-info{ margin:0 auto; }
.pro-info h1{ font-size:30px; margin-top:1%; margin-bottom:5%; color:#333; }
.pro-info p{ line-height:1.7;margin-bottom:6%; color:#666;}

@media (max-width: 767px){
.workPress｛ flex-wrap: wrap;｝
    .workPress .card {
        width: 100% ;
        float: unset;
    }
}
.ueditor-container {
  overflow: auto;
  padding: 0;
  word-wrap: break-word;
  font-size: 16px;
}
.ueditor-container * {
  
}

.ueditor-container img {
  max-width: 100%;
  height: auto;
}
.ueditor-container .selectTdClass {
  background-color: #edf5fa !important;
}
.ueditor-container table.noBorderTable td, .ueditor-container table.noBorderTable th, .ueditor-container table.noBorderTable caption {
  border: 1px dashed #ddd !important;
}
.ueditor-container table {
  margin-bottom: 10px;
  border-collapse: collapse;
  display: table;
}
.ueditor-container td, .ueditor-container th {
  padding: 5px 20px;
  border: 1px solid #DDD;
}
.ueditor-container caption {
  border: 1px dashed #DDD;
  border-bottom: 0;
  padding: 3px;
  text-align: center;
}
.ueditor-container th {
  border-top: 1px solid #BBB;
  background-color: #F7F7F7;
}
.ueditor-container table tr.firstRow th {
  border-top-width: 2px;
}
.ueditor-container .ue-table-interlace-color-single {
  background-color: #fcfcfc;
}
.ueditor-container .ue-table-interlace-color-double {
  background-color: #f7faff;
}
.ueditor-container td p {
  margin: 0;
  padding: 0;
}