@charset "utf-8";



/* CSS Document */


/*文字宋体*/
.sonti{font-family:宋体}



.header .logo{width: 1100px;height:120px; margin:0 auto;}


.topbox{height: 80px; background-color: #1470a2;}



.topbox h1{ float:left; padding:15px 0; margin-right:50px;}


.menu{ width: 1100px;margin: 0 auto;}

.menu ul li{ font-size:18px; float:left;line-height:80px;position:relative;}

.menu ul li a{display:block;}

.menu>ul>li>a{ color:#ffffff; padding:0 35px; }

.menu ul li:hover{ background-color: #eeeeee;}

.menu ul li:hover a{text-decoration:none; color:#0074c0;}

.menu ul li:hover div{ display:block; margin-left: 48px; background-color: #eeeeee;}

.menu ul li:hover div li:hover{ display:block;background-color: #1470a2;}

.menu-current{background-color: #eeeeee; color:#0074c0;}

.top_right{ float:left; width:260px;margin-top: 25px;text-align: right;}

.top_right a{ color:#666; margin:0 20px;}

.search{ width:216px; border:1px solid #ccc; border-radius:20px; background:#fff; float:right; padding:3px 10px; margin:5px 0px 0 0;}



.search input{ border: 0 none; float:left; font-size:14px; color:#666;height: 22px;}



.search span input{ background: url(../images/search.jpg) center center no-repeat; border:0 none; width:30px; cursor: pointer; float:right;}




/* 二级菜单*/



.menu1{ width:100%; background:#fff; border-radius: 0 0 5px 5px; display:none; position:absolute; z-index:9999; padding-bottom:20px; left:-48px;}

.menu1 ul{ padding:0;}

.menu1 ul li{ border-bottom:1px dashed #666; font-size:14px; float:none; margin:0px; text-align:center; line-height:36px;}


.menu1 ul li a{ color:#666; padding:0 10px;}
  
.menu1 ul li:hover a{ color:#ffffff;}


.menu1 ul li a:hover{ color:#ffffff;}


/* 二级菜单*/



.kehu ul li { float:left; border:1px #ccc solid; margin:20px 10px; padding:6px;}



.kehu ul li img { display:block;}


.cp{ width:1144px; margin:50px auto; overflow:hidden;}



.cp h2{ font-size:24px; color:#1470a2;  padding-left:18px;}



.cp ul li{ float:left; margin:0px 18px; width:250px; height:250px; text-align:center; position:relative;}



.cp ul li img{ margin-bottom:10px; width:250px;}



.cp ul li a{ width:100%; color:#fff; line-height:36px; background:url(../images/bg.png) repeat; display:block; position:absolute; bottom:0; font-size:14px;}


.cp .juli{ margin-right:0;}


.about{ width:1100px; margin:50px auto; overflow:hidden;}


.aboutcon{ float:left; width:520px;}


.home_pro{ width:520px}


.index-tit{
    font-size: 18px;
    line-height: 36px;
    color: #1470a2;
    margin-bottom: 20px;
    background: #eee;
    border-bottom: 1px solid #1470a2;
    padding-left: 10px;
}


.aboutcon h2, .home_pro h2{ font-size:18px; line-height:36px; color:#1470a2; margin-bottom:20px; background:#eee; border-bottom:1px solid #1470a2; padding-left:10px;}

.aboutcon p ,.aboutcon a{
    font-size: 16px;
}

.aboutcon img{ float:left; margin-right:20px;}


.aboutcon h2 a, .home_pro h2 a{  color:#666; font-size:14px; padding-right:10px;}


.aboutcon h2 a:hover, .home_pro h2 a:hover{ color:#1470a2;}


.jianjie h3{ font-size:14px; color:#1470a2;}


.home_pro ul li {

    width: 90%; margin-bottom:5px;    box-sizing: border-box;

}

.home_pro ul li:nth-child( odd )  { padding-right:10px}

.home_pro ul li span {

    margin-right: 10px;

    color: #888888;

}



.lianxi{ float:right; width:520px; background:url(../images/index_22.jpg) right bottom no-repeat; min-height:220px;}



.lianxi p{ font-size:14px; line-height:28px;}



.btm{ width:100%; background:#dcdcdc; overflow:hidden;}


.btmbox{ width:1320px; margin:30px auto; color:#333; overflow:hidden;}


.btm_left{ float:left; width:1310px;}


.btmnav{ float:left; margin: 0 97px;}


.btmnav ul{ float:left; margin-right:20px;}


.btmnav ul li a{ color:#666;}


.btmnav ul li a:hover { color:#003696;}


.btmnav h2{ font-size:16px; margin-bottom:10px;}


.btm_left h6{ margin:20px 0;}

.btm_left h6 a img { float:left; margin-right:10px; width:20px; height:auto;}


.erweima{ float:right; width:200px;}


.erweima img{ width:100%;}



.banner{ width:100%; height:300px; margin-bottom:20px;text-align:center;margin: 0px auto;}

/* .banner ul{ margin-left: -15%;} */




.con{ width:1100px; margin:0 auto;}



.menu_1{ float:right; display:inline; margin-bottom:10px;}



.menu_1 ul li{ margin-right:5px; float:left; display:inline;}



.menu_1 ul li a{ color:#999;}



.menu_1 ul li a:hover{ color:#003399;} 



.con_left{ width:196px; float:left; text-align:center; border:1px solid #ccc; border-radius:10px; padding-bottom:30px;  background:#f3f3f3; margin-bottom:30px;}



.con_left h2{ font-size:24px; padding:25px 0; height:32px;margin-bottom:1px; color:#fff; background:#1470a2; border-radius:10px 10px 0 0;}



.con_left ul li{  border-bottom:1px dashed #1470a2; font-size:14px; text-align:left; }



.con_left ul li a{ color:#666; padding:10px 0 10px 40px;display:block}


.con_left ul li:hover { background:#1470a2}

.con_left ul li:hover a{ color:#ffffff; text-decoration:none;}

.con_left-current{color:#ffffff; background:#1470a2}







.con_right{ width:820px; float:right; margin-bottom:50px;}



.con_right h2{ font-size:24px; line-height:56px; color:#1470a2; margin-bottom:40px; border-bottom:1px solid #1470a2;}



.con_right h3{ font-size: 20px; font-weight:bold; text-align: center; margin:0 auto 30px;}



.con_right h4 { font-size:16px; color:#1470a2; font-weight:bold; margin:10px 0;}



.daili{ margin:30px 0;}



.daili h4{ color:#fff; font-size:16px; line-height:40px; background:#1470a2; border:1px solid #fff; text-align:center;}



.daili ul li{ font-size:14px; float:left; border:1px solid #fff; box-sizing:border-box; width:50%; background:#eccd9e; text-align:center; line-height:36px;}

.daili ul li a{width:100%;}

.daili ul a:hover{display:block; color: #fffff0; font-size:15px; background:#1470a2;text-decoration: none;}




.Program ul li{ width:350px; float:left; margin:0 25px 50px;}



.Program ul li h5{ font-size:16px; color:#1470a2; margin-bottom:10px;}



.Program ul li img{ float:left; margin-right:20px; width:150px;max-height:150px; border:1px solid #ccc; padding:5px;}



.Program ul li p{ max-height:75px; overflow:hidden;}



.Program ul li span a{ color:#1470a2; float:right; display:block;}



/* 首页解决方案 */

.solution { display: flex;
    float: left; border: 1px solid rgb(219, 219, 219);margin: 15px;width: 250px;height: 70px;overflow:hidden
}

.solution .product-center{
    border: 1px solid red;
    transition: 2s;
    width: 250px;height: 70px;
    margin-top: 0;
}
.solution .product-center:hover{
    width: 500px;height: 140px;
    margin-top: -35px;
}

.solution .media-img{position:relative; margin: 0px 18px;width: 260px;height: 260px;}

.solution .media-img img{width: 250px;}

.solution .media-img .mask{opacity:0;z-index:3;background:url(../images/solution-hover.png) no-repeat center center;width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}

.solution .media-img .mask .subtitle{padding:25px}

.solution .media-img .mask .more{position:absolute;bottom:25px;right:25px}

.solution .media-img:hover .mask{z-index:5;transition:0.3s;opacity:1;transform: scale(1.1);}

.solution .media-img .linear-link{z-index:1;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.2) 65%,rgba(0,0,0,.8) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;}

.solution .media-img .linear-link .subtitle{color: #ffffff;z-index:3;width:100%;bottom:25px;left:0;position:absolute;transition:0.3s; text-align: center;}



/* 首页解决方案 */

.home-news-r .text-main{ font-size: 16px; width: 500px;}
.home-news-r .text-gray{color: rgb(129, 129, 129);}

.display-flex {display: flex;}

.f-l{ float:left;}

.f-r{ float:right;}







.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.x9 .pager{
    margin-top: 30px;
}

/*分页 begin*/

.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}

.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:5px 10px;border:1px solid #DCDCDC;}

/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */

.pagination li.active a,.pagination li a:hover {background:#1470a2;color:#fff;border:1px solid #1470a2;}

/*分页 end*/

.text-center {text-align: center;}

/* 搜索页面样式 */

.layout{ width: 100%;}
.index-container{width: 520px;margin: 0px auto;}
.container{ width: 1100px;margin: 0px auto;}

.clearfix:after,.layout:after,.container:after,.container-layout:after,.line:after,.line-small:after,.line-middle:after,.line-big:after,.nav-main:after,.nav-sub:after,.navbar:after {content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}

.clearfix,.layout,.container,.container-layout,.line,.line-small,.line-middle,.line-big,.nav-main,.nav-sub,.navbar {display:block}

/* 搜索列表 */

.normal-list li{position:relative;display:block;background:#f0f0f0;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.normal-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.normal-list li span{color:#888888;position:absolute;right:30px;top:28px}

.normal-list li:hover{background:#1470a2;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.normal-list li:hover a,.normal-list li:hover span{color:#FFF;text-decoration: none;}

.normal-list li.dot:hover a:before {background:#fff;}

.normal-list li.dot a{position:relative}

.normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#ffffff;width:7px;height:7px;top:35px;border-radius:50%}

/* 在线留言 */

.online-message{margin: 0px auto;}

.online-message ul li{list-style-type:none;width:400px;margin: 0px auto;}

.online-message ul li label{display: inline-block;width: 65px;height: 30px;}

.online-message ul li .textarea-label{vertical-align: 90px;}

.online-message ul li .login_input{border:1px solid #c9c9c9;width: 300px;height: 30px;margin: 10px 0;}

.online-message ul li .login_textarea{border:1px solid #c9c9c9;width: 300px;height: 90px;margin: 10px 0;}

.online-message ul li .login_btn{border:0px;width: 100px;height: 40px;margin: 10px 40px;color: #ffffff;border-radius: 5px;}

.online-message ul li .login_verification{border:1px solid #c9c9c9;width: 100px;height: 30px;color: #000;}

.bgcolor-submit{background-color: rgb(50, 173, 255);}

.bgcolor-glay{background-color: grey;}

.font-white{color: #fff;}

.quandi_recom_img{
    margin: 0 auto;
    width: 1120px;
}

#quandi_recom_tbody{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	padding-top:20px;
}

.recom_item{
	width:25%;
	height:auto;
	overflow:hidden;
	display:block;
	float:left;
	margin:auto;
}
.recom_tb{
	width:auto;
	height:100px;
	overflow:hidden;
	display:block;
	margin:10px;
	border:1px solid #ddd;
}
.recom_pic{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	margin:auto;
	background-position:center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	transition:all 0.4s;
}
.recom_pic:hover{
	transition:all 0.4s;
	background-size:120% 120%;
}
.alone-column-list li{position:relative;display:block;background:#f0f0f0;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.alone-column-list li a{display:block;font-size:16px;line-height:24px;padding:15px 20px 15px 20px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.alone-column-list li span{color:#888888;position:absolute;right:30px;top:28px}

.alone-column-list li:hover{background:#1470a2;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

.alone-column-list li:hover a,.alone-column-list li:hover span{color:#FFF;text-decoration: none;}

.alone-column-list li.dot a{position:relative}

.news-time{line-height:290%;border-bottom:1px solid #eeeeee}

.news-time a{text-decoration: none;}

.flex{display:flex}
.flex-6{flex-grow:6}
.flex-5{flex-grow:5}
.flex-4{flex-grow:4}
.flex-3{flex-grow:3}
.flex-2{flex-grow:2}
.flex-1{flex-grow:1}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.width-100{width:100%}
.rich-text img{width:100%}