.pagemain{ width:100%; overflow:hidden;padding: 0;}
.content { max-width:1300px; width:100%; height: auto; margin: 0 auto; padding:0 10px; box-sizing:border-box;}
img {max-width: 100%;}

.rcon_detail table tr td{border:1px solid #000;}
.header_on{ background:#fff; transition:all 0.5s; position: fixed; box-shadow: 0 0 30px rgba(0, 0, 0, .05);}
.header_on .logo {  transition:all 0.5s;}
.header_on .inmenu ul li{ color:#333;}
.header_on .inmenu ul li{ line-height: 79px; }
.header_on .lan{ margin-top: 21px; }

.headercontent{max-width: 1650px; width: 100%;height: auto; margin: 0 auto;}
.header{width:100%; box-sizing:border-box;  left:0; top:0; z-index:9999; transition:all 0.5s;}
.header .logo{float:left; position:relative;  transition:all 0.5s;margin: 15px 0;}

.mbutton *{ transition:all 0.5s;}
.mbutton{ width:40px; float:right; font-size:22px; color:#666; text-align:center; cursor:pointer; display:none; position:relative;}
.mbutton .caid{ opacity:1;}
.mbutton .close{ opacity:0; transform:scale(0,0); width:40px; line-height:72px; position:absolute; left:0; top:0;}
.mbutton.on{ color:#338dcd;}
.mbutton.on .caid{ opacity:0; transform:scale(0,0);}
.mbutton.on .close{ opacity:1; transform:scale(1,1);}

.header .inmenu{ float:left; line-height:100px; margin-left: 120px;}
.header .inmenu ul > li{ display:block; float:left; padding:0 15px; margin-right: 15px; position: relative; line-height: 100px; transition:all 0.5s;background: url(../images/arrow_menu.png) right center no-repeat;opacity:1;}
.header .inmenu ul li > a{ display: block; color: #000000 ; font-size: 16px; box-sizing: border-box;position: relative; }
.header .inmenu ul li > a:hover{ color: #0064c8 !important; background-color:#ffffff !important; }
.header .inmenu ul li > a.on{ color: #0064c8 !important; }

.header .inmenu ul li .dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1000;

    /* 宽度自适应 */
    width: auto;          /* 让宽度随内容变化 */
    min-width: unset;     /* 取消最小宽度限制 */
    max-width: none;      /* 取消最大宽度限制 */
    white-space: nowrap;  /* 禁止换行，保证一行展示 */

    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    border: none;
    box-shadow: 5px 5px rgba(102,102,102,.1);
    background-color: #fff;
    text-shadow: none;
    font-size: 14px;
    text-align: left;
    opacity: 1;
}

.header .inmenu ul li .dropdown-menu li{
	line-height: 40px !important;background: none;font-size: 14px;
}

.header .inmenu li:hover>.dropdown-menu{display:block}


.dropdown-menu>li>a {
    display: block;
    padding: 3px 0px !important;
    clear: both;
    font-weight:300 !important;
    line-height: 40px !important;
    color: #333; 
    word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  
  cursor: pointer;
}


.searchtext{float: left; width: 250px; height: 40px; margin:30px 0px 20px 0px;border:1px solid #ccc;  padding-left: 20px; padding-right: 20px;   outline: none;  
            
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px; }
.search{float: left;width: 300px; position: relative;margin-left: 120px;}		
.search button{
    outline: none; 
    float:left;
    background: url('/static/default/pc/plugins/global/images/searchicon.png') center center no-repeat !important;
    width: 30px;
    height: 40px; 
    position: absolute;
    top: 30px;
    left: 250px;
    
}		
.header .lan{margin-left:40px; line-height:20px;  float:left; color: #a17d44;  margin-top: 40px; transition:all 0.5s;}
.header .lan span{padding:2px 6px;}
.header .lan span a{font-size: 14px;}
.header .lan .ch{background-color: #0064c8;width: 40px;color:white;border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;}
.header .lan .en{margin-left: -4px;background-color: #f3f3f3;padding: 2px 10px;color:white;border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;}
.header .lan .ch a{color:white;}
.header .lan .en a{color:black;}
.header .lan .ch a:hover{font-size: 1.3em;color:black;}
.header .lan .en a:hover{font-size: 1.3em;color:royalblue;}
.smallbanner {
    * background: url(../images/sbanner.png); */
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 10px;
    background: #b8a2a2;
    background: linear-gradient(90deg,  #898ab8 25%, #8bad93 50%, #8e48d9 75%, #4170c0 100%);

}



.jiange{ height: 47px; background: #000; display: none; }

.banner { position:relative; background:#0066cc; margin:0 auto; }
.banner .bd { position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top; } 
.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 60px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #375cb5;;_filter: alpha(opacity=60);}
.banner .hd ul {text-align: center;padding-top: 5px;}

.banner .hd ul li{display: inline-block; margin: 0 5px; width: 14px; height: 14px; cursor: pointer; overflow: hidden; line-height: 999px;background:url(../images/wcircle.png) no-repeat; border-radius: 10px; border:0px solid #0066cc; position: relative;}
/* banner .hd ul li.on::before{ content:""; display:block; width: 14px; height: 14px; background: url(../images/bcircle.png) no-repeat; position: absolute; left: 0px; top: 0px; border-radius: 10px;} */
.banner .hd ul li.on{ background: url(../images/bcircle.png) no-repeat; border-radius: 10px;}
.banner .prev {background: url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}

.banner .prev:hover {opacity: 0.5;}
.banner .next {background: url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}
.banner .next:hover {opacity: 0.5;}

.prod_adv{ margin-top: 80px; padding-bottom: 70px ;}
.bigtitle{ font-size: 42px;  text-align: center; margin-bottom: 30px;color: #0064c8;}
 .smalltitle{ font-size: 18px; text-align: center; margin-bottom: 80px;line-height: 32px;}
 
 .prod_adv .img{margin-top: 2%;overflow: hidden;display:flex;}
 .img-fluid { max-width: 100%;height: auto;}
 
 .prod_4pic{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top:80px ;}
 .prod_4pic .item{text-align: center;}
 .prod_4pic .item a .img{
     /* height: 178px;
     width: 220px; */
     display: grid;
     align-items: center;
     justify-content: center;
     align-content: center;
 }
 .prod_4pic .item a h3{
     color: #000000;
     font-size: 20px;font-weight: bold;
     margin: 40px 0 20px 0;
 }
 .prod_4pic .item a span{
 	width: 220px;height: 120px;
 	font-size: 16px; line-height: 24px;
 	text-align: center;
 	overflow: hidden;
 	display:grid;
 	
 }
 
 .more{ display: block; width: 160px; height: 40px; background-color: #0064c8; text-align: center; line-height: 40px;  font-size: 18px; letter-spacing: 4px; color: #ffffff; margin: 0 auto; margin-top:40px;transition: all 0.5s;}
 .more:hover{ border:none; background: #009B4C; color: #fff; }
 
 .indevelop{padding:90px 0 150px 0;background-color: #0064c8;}
.indevelop .content .bigtitle,.indevelop .content .smalltitle{color:#fff ;}
.two_pics{margin: 70px auto 0 auto;text-align: center;}
.two_pics img{margin-right: 20px;}


.indconcept{padding:70px 0; background-color:#fff;}
.indconcept .conceptlist{display: flex;}
.indconcept .conceptlist .item{margin-right:80px;width:32%;border: 1px solid #ccc;padding:28px;}
.indconcept .conceptlist .item:nth-child(3n){
    margin-right: 0;
}
.indconcept .btitle{font-size: 32px;color:#0064c8 ; text-align: center;margin-bottom: 20px;}
.indconcept .img{margin-bottom: 20px;text-align: center;}
.indconcept .stitle{font-size: 18px; text-align: center;line-height: 28px; padding:0 30px 0 30px;}

.indglobal {background: url(../images/global.jpg);padding: 80px;}
.indglobal .bigtitle, .indglobal .smalltitle{color:#fff;}

.indnews{padding: 100px;}
.indnews .newslist{display: flex;}
.indnews .newslist .item{margin-right:40px;width:32%;padding-bottom:30px;}
.indnews .newslist .item:nth-child(3n){
    margin-right: 0;
}

.indnews .newslist .item:hover .img img{
    transform: scale(1.1);
}

.indnews .img{margin-bottom: 20px;}
.indnews .btitle{text-align: center;}
.indnews .btitle a{font-size: 28px;color:#0064c8 ;}
/* ----------------------index ---------------------------------------------------------------- */

.about4pic {margin: 30px auto;display: flex;width:100%}
.about4pic div{width:24%;margin-right: 20px;text-align: center; padding-top:10px;padding-bottom: 10px; background-color:#375cb5; color: #fff;}
.about4pic div:nth-child(4n){
    margin-right: 0;
}
.about4pic h1,.about4pic h3{display:inline;margin-right:30px;}
.about4pic h1{font-size:42px;margin-right:15px;}
.about4pic h3{font-size: 18px;vertical-align: super;}
.about4pic .t4 h1{margin-right:40px;}



.positioncon{float:left;font-size:14px;padding-left: 20px;margin-bottom: 25px;width: 100%;margin-top: 30px;}

.lnav{flex: 0 0 20%;float:left;width: 18%;padding-left: 20px;position: relative;}
.navcontent li {padding:10px 0;font-size: 18px;}
.navcontent li a{color:#375bb4 ;}
.navcontent li a:hover{font-weight: bold;padding-left: 30px;}
.onnav a{color:#375bb4 ;}
.onleftnav a{font-weight: bold;color:#375bb4 ;}

.rcontent{float: right; width:72%;padding-top: 10px;padding-bottom: 60px;position: relative;}
.rtitle{padding-bottom: 15px;margin-bottom: 30px;text-align:left;font-size: 28px; color:#375bb4 ; border-bottom: 1px solid #ccc;width:100%}
.rcon_detail h1{font-size: 34px; font-weight:bold;}
.rcon_detail p{font-size:16px;margin-top: 14px;line-height: 22px;letter-spacing: 0.5px;}

/* -------------------end-about--------------------- */

.navcontent li ul li{padding:5px 0;}

.caseon a{padding-left:0;}

.caseon ul li a{padding-left: 20px;font-weight:normal;font-size:16px}
.caseon .casechildon a{font-weight:bold;}

.caselist{padding: 50px 0 50px 0;}
.rcontent .caselist{display: flex;flex-wrap: wrap;}
.rcontent .caselist .item{margin:0 40px 40px 0;width:440px;}
.rcontent .caselist .item:nth-child(2n){
    margin-right: 0;
}

.rcontent .caselist .item:hover .img img,.rcontent .rnewslist .item:hover .itemleft img{
    transform: scale(1.1);
}

.caselist .img{margin-bottom: 20px;}
.caselist .btitle{text-align: center; margin-bottom: 20px;}
.caselist .btitle a{font-size: 18px;color:#0064c8 ;}
.caselist .stitle{text-align: center; padding:0 20px;}
.caselist .stitle a{font-size: 14px;color:#5a5a5a ;}



.rnewslist .item{margin-top:6%; border-bottom: 0.6px solid #ccc;padding-bottom: 50px;}
.rnewlist .item:hover{
	box-shadow: 0 0 30px rgba(0, 0, 0, .1); border-bottom: 1px solid #fff ; z-index: 99;
	   /* -webkit-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
	    -moz-box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px;
	    box-shadow: rgba(1, 130, 150,.2) 0px 0px 30px; */
}

.rnewslist {position: relative;}
.rnewslist .item a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.rnewlist .item a:hover{
	box-shadow: 0 0 30px rgba(0, 0, 0, .1);  z-index: 99;
	}
.rnewslist .itemleft{flex: 0 0 30%;} 
.rnewslist .item .itemcenter {
    flex: 0 0 54%;
    padding-right: 2%;
}
.rnewslist .item .itemcenter .ntitle{font-size:20px;/* font-weight:bold; */color:#375bb4;margin-bottom: 20px;}
.rnewslist .item .itemcenter .date{
	color: #999;
	font-size: 14px;
	margin: 10px 0;
}
.rnewslist .item .itemcenter .ncontent{
	/* width: 450px; */
	height:75px;
	color: #666;
	font-size: 14px;
	line-height: 1.8;	
	text-overflow:ellipsis; overflow:hidden;
}
.rnewslist .item .itemright{
	flex: 0 0 10%;
}
.rnewslist .item .itemright span{
	width: 100%;
	text-align: center;
	display: block;
	background: #375bb4;
	line-height: 40px;
	border-radius: 6px;
	color: #fff;
	font-size:14px;
}

.contact-form{
	width: 100%;
	padding: 40px;
}
.contact-box{
	width:40%;
	display:inline-grid;
	padding: 15px;
	margin: 0 6% 30px 0;
	box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.contact-box:nth-child(2n){
    margin-right: 0;
}
.contact-box p{text-align: left;}
.contact-box .box-title{color:#0064c8;font-size: 18px;}


.footer {width:100%;overflow:hidden; position:relative;  background:#f3f3f3;}
.footer .footer_content { width:1200px; margin:auto;  text-align:left; color:#fff;overflow:hidden;padding:30px 0 40px 0 ;}
.footer .footer_content ul {overflow:hidden; display:block;}
.footer .footer_content ul.fl { float:left;margin-right:4%; }
.footer .footer_content ul.fr { float:right;margin-right:5%; }
.footer .footer_content .ftitle{font-size:20px;padding-bottom:10px ;color:#0064c8;line-height: 20px;}
.footerbr{width:100%;height:30px;}
.footer .footer_content ul.fl li{color:#5a5a5a;text-align:left;}
.footer .footer_content ul.fl li a{display:block;font-size:16px;color:#5a5a5a;padding-bottom:6px;}  
.footer .footer_content ul.fl li a:hover{color: #0064c8;}

.footer .ewm{margin-left: 10%;font-size:16px;padding-bottom:12px;text-align: left;}
.footer .ewm li{padding-bottom:10px;}

.footer .info{color: #5a5a5a;}
.footer .info .footerbr{height:50px;}
.footer .finfo {display:block;font-size:14px;padding-bottom:12px; padding-left:22px;}
.footer .cpyname{font-size: 18px;padding-bottom: 20px;display:block;}
.footer .telicon{background: url(../images/telicon.jpg) no-repeat left 2px}
.footer .mailicon{background: url(../images/mailicon.png) no-repeat left 2px}
.footer .addressicon{background: url(../images/addressicon.png) no-repeat left 2px}

.footer_bottom { background:#f3f3f3; border-top: 1px solid #cccccc;color:#5a5a5a;}
.footer_bottom .fb_con{width:1200px;margin:auto;  text-align:left; font-size:12px; padding:15px; }
.footer_bottom .icp{margin-left: 50px; color:#338dcd;}
.footer_bottom .icp a{color:#338dcd;}


@media screen and (max-width: 980px) {
	.header {/* position:fixed !important; */background:#fff !important;}
	
	.footer .footer_content {
	    width: 90% !important;
	    padding: 50px 5% 20px 5% !important;    
	    font-size: 1.4em;
	}
	.footer .footer_content ul.fl {
	    display: none !important;
	}
	
	}
	
.rnewslist .search-pagination {
    text-align: center;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #40aae2;
    border-color: #40aae2;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #40aae2;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li {
    display: inline;
}
.pagination {
	display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.search-pagination>.pagination>li>a {
    margin: 0 3px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.button_nav {
    display: none;
    justify-content: center;
    margin-top: 20px;
}
.button_on {
    background: #338dcd !important;
    color: #fff !important;
}
.childbutton{background: #fff !important;color:#338dcd !important;}
.childbutton a{}
.button_nav a {
    background: #f3f5fc;
    color: #333;
    line-height: 15px;
    padding: 5px;
    font-size: 12px;
    margin: 5px;
    transition: .5s;
    border-radius: 10px;
    border: 1px solid #cccccc;
    float: left;
}

.ewm640{
	text-align: center;
	display: none;
}

.input-group-addon:last-child {
   
    width: 109px !important;
}