@charset "utf-8";
/* CSS Document */


body{
	scroll-behavior: smooth; font-family:Arial,"Microsoft YaHei";font-size:14px; background-color:#fff;margin:0;padding:0; color:#111; z-index:999999;
}

blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul,img {
	margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);
}



.clearboth:after{
	clear:both;display:block;content:"";
}

.clear{
	clear:both;
}

ol{ list-style: none;}

li{ list-style: none;}


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


a{
	color:#858585;
	text-decoration: none;
}

.hide{display:none;}

#ul_container1 .cp-cp {
    left: 0!important;
    top: 140px!important;
}
#ul_container1 .cp-tu1{
	width:14%!important;
	top:0!important;
	left:8%!important;
}
#ul_container1 .cp-tu2{
	width:17%!important;
	top:6%!important;
	left:50%!important;
}
#ul_container1 .cp-tu3{
	width:22%!important;
	top:55%!important;
	left:54%!important;
}
#ul_container1 .cp-tu4{
	width:17%!important;
	top:22%!important;
	left:72%!important;
}

#ul_container2 .cp-cp {
    left: 0!important;
    top: 110px!important;
}
#ul_container2 .cp-tu1{
	width:12%!important;
	top:-2%!important;
	left:10%!important;
}
#ul_container2 .cp-tu2{
	width:16%!important;
	top:10%!important;
	left:45%!important;
}
#ul_container2 .cp-tu3{
	width:18%!important;
	top:20%!important;
	left:72%!important;
}
#ul_container2 .cp-tu4{
	width:20%!important;
	top:56%!important;
	left:55%!important;
}
#ul_container2 .cp-tu5{
	width:22%!important;
	top:36%!important;
	left:24%!important;
}

#ul_container3 .cp-cp {
    left: 0!important;
    top: 140px!important;
}
#ul_container3 .cp-tu1{
	width:35%!important;
	top:17%!important;
	left:16%!important;
}
#ul_container3 .cp-tu2{
	width:20%!important;
	top:2%!important;
	left:36%!important;
}
#ul_container3 .cp-tu3{
	width:14%!important;
	top:12%!important;
	left:70%!important;
}

#ul_container4 .cp-cp {
    left: 0!important;
    top: 80px!important;
}
#ul_container4 .cp-tu1{
	width:32%!important;
	top:8%!important;
	left:17%!important;
}
#ul_container4 .cp-tu2{
	width:30%!important;
	top:32%!important;
	left:62%!important;
}
#ul_container4 .cp-tu3{
	width:30%!important;
	top:30%!important;
	left:22%!important;
}

/*sytle*/
.color{ background-color:#fff;}
.color #nav .mainlevel a{ color:#262626;}
.color #nav .active a { color: #ffb82b;}
.color .logo1{ display:none!important;}
.color .logo_b{ display:inline-block!important;}
.color .top .right_b{ display:block!important;}
.color .top .right{ display:none!important;}

.top .logo_b{ width:16%; float:left; display:none;}
.header{position:fixed; top:0; left:0; z-index:9999; width:100%;}
.header .top{ width:100%; padding:12px 0 10px; overflow:hidden;}
.header .top .right{float:right; margin-top:15px; width: 8%;}
.header .top .right_b{float:right; margin-top:15px; width: 8%; display:none;}
.top .logo1{ width:16%;display:inline-block; float:left;}
.header .top .phone{ display:none; z-index:999; position:fixed; top:37.5px; right:20px; width:28px; height:28px;}
#nav { width:45%; float:left; min-width:720px; margin-left:14%; margin-top:0;}
#nav .center{position:relative; height:50px;}
#nav .mainlevel{ margin:0 30px!important; float:left; position:relative; height:46px; line-height:46px; width:calc(100%/6 - 60px);}
#nav .mainlevel a{ margin-top:15.5px; font-size:15px; color:#fff; display:block; text-align:center; line-height:15px;}
#nav .mainlevel:last-child a{ border:none;}
#nav .mainlevel:hover{ border-bottom:2px solid #ffc426; transition:all 0.1s linear;}
#nav .active{ border-bottom:2px solid #ffc426;}
#nav .active a{ color:#ffb82b;}
#nav .mainlevel:hover .a{ color:#ffb82b;transition:all 0.4s linear;}

#nav .phone{ float:right; margin-top: -18px;}
#nav .phone img{ float:left; margin-right:8px; margin-top:3px;}
#nav .phone p{ float:left; color:#4f4f4f; font-size:12px; text-align:right; line-height:18px;}
#nav .phone p span{font-size:20px;}

#nav .mainlevel .subnav{display:none; position:absolute; top:50px;left:0; width:140%; background-color:rgba(18,64,152,0.9);margin-left: -20%; opacity:0; z-index:-1;}
#nav .mainlevel:hover .subnav{ opacity:1;}
#nav .mainlevel .subnav li{ line-height:40px;}
#nav .mainlevel .subnav li a{ display:block; font-size:12px; margin:0; padding:0; border:none; text-align:center; border-bottom:1px solid rgba(165,165,165,0.4);}

.more{border:1px solid #a3a1a2; display:block; text-align:center; font-size:16px; width:148px;  color:#989898; height:32px; line-height:32px; margin:0 auto 60px;}
.more:hover{background-color:#ffd632; border:1px solid #ffd632;  color:#fff; transition:all 0.4s linear;}
.more:hover .img1{ display:none;}
.more .img2{ display:none;}
.more:hover .img2{ display:inline-block;}

.drwp .title{
	text-align:center;
	margin-bottom:35px;
	}
.title h1{
	font-size:30px;
	line-height:30px;
	color:#303030;
	}
.title span{
	display:block;
	font-size:12px;
	color:#8a8a8a;
	margin-top:10px;
	}


.drwp .tab{ overflow:hidden; }
.drwp .tab a{ display:block; height:14px; line-height:14px; border-right: 1px solid rgba(165,165,165,0.4); width:calc(100%/6 - 26px); text-align:center; margin-left:30px; float:left; text-decoration:none; color:#4f4f4f;}
.drwp .tab a:first-child{ margin-left:0;}
.drwp .tab a:last-child{ border-right:none;}
.drwp .tab a:hover{ color:#ffb82b;transition:all 0.4s linear;}
.drwp .tab a.on{ color:#ffb82b; text-decoration:none;}
	

.drwp .product_in{
	width:100%;
	overflow:hidden;
	background:url(/Templates/cn2014/images/index_product.png) top center;
	}
.drwp .product_in .head{
	overflow:hidden;
	margin-top:70px;
	margin-bottom:50px;
	}
.drwp .product_in .content li{ display:none; overflow:hidden;}
.drwp .product_in .content li>a{border:1px solid rgba(0,0,0,0); width:calc(100%/3 - 15px); margin-right:22.5px; overflow:hidden; display:block; float:left; margin-bottom:70px;}
.drwp .product_in .content li>a:nth-child(3n+0){ margin-right:0;}
.drwp .product_in .content li>a:hover{ transition:all 0.4s linear; border:1px solid #ccc;}
.drwp .product_in .content li>a:hover .txt{ background-color:#ffc426; border-bottom: 1px solid #fff;transition:all 1s linear;}
.drwp .product_in .content li>a:hover p{ color:#fff;transition:all 0.4s linear;}
.drwp .product_in .content li>a:hover span{ color:#fff;transition:all 0.4s linear;}
.drwp .product_in .content li .img{ overflow:hidden; height:auto; width:100%;display:flex;justify-content:center;align-items:center;}
.drwp .product_in .content li a:hover .img img{transform: scale(1.1, 1.1);    transition: all 1s;}
.drwp .product_in .content li .txt{ overflow:hidden; height:65px; padding:25px 15px; border-bottom: 1px solid #d6d6d6;}
.drwp .product_in .content li .txt p{ font-weight:bold; text-align:center;font-size:17px; line-height:17px;  color:#666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .product_in .content li .txt span{ text-align:center; font-size:14px; color:#999; margin-top:8px; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .product_in .content li .txt i{ margin-top:-17px; float:right;display:block; text-align:center; line-height:40px; font-size:22px;  color:#ccc; border:1px solid #ccc; border-radius:50%; width:38px; height
:38px;}
.drwp .product_in .content li a:hover i{ color:#fff; background:#fdb002; border:1px solid #fdb002; transition:all 0.4s linear;}


.drwp .about_in .bg{
	overflow:hidden;
	width:100%;
	padding-top: 80px;
	background:url(/Templates/cn2014/images/index_about.jpg) no-repeat bottom center;
	height:398px;
	}
.drwp .about_in .bg .bg-list{
	float:left;
	margin-top:160px;
	margin-left:100px;
	}
.drwp .about_in .bg .bg-list:nth-child(2){
	margin-left:180px;
	}
.drwp .about_in .bg .bg-list:nth-child(3){
	margin-left:130px;
	}
.drwp .about_in .bg .bg-list img{
	margin:0 auto;
	display:block;
	}
.drwp .about_in .bg .bg-list h1{
	font-size:18px;
	color:#fff;
	text-align:center;
	}
.drwp .about_in .bg .bg-list p{
	font-size:14px;
	color:#fff;
	opacity:0.5;
	text-align:center;
	}
.drwp .about_in{
	position:relative;
	z-index:999;
	width:100%;
	height:auto;
	padding-top:60px;
	background-color:#fff;
	}

.drwp .about_in>.center{
	height:auto;
	width:900px;
	}

.drwp .about_in p{ margin-top:0; line-height:30px; font-size:14px; color:#999; text-align:center;}
.drwp .about_in .p{ margin-bottom:40px;}

.drwp .case_in{
	background-color:#fff;
	width:100%;
	overflow:hidden;
	}
.drwp .case_in .head{
	overflow:hidden;
	padding-top:60px;
	}
.drwp .case_in .content{ overflow:hidden;padding-top:25px;}
.drwp .case_in .content li{ display:none;}
.drwp .case_in .content li>a{ border:1px solid #d8d8d8; padding:10px; width:calc(100%/3 - 32px); margin-right:15px; overflow:hidden; display:block; float:left; margin-bottom:70px;}
.drwp .case_in .content li>a:nth-child(3n+0){ margin-right:0;}
.drwp .case_in .content li>a:hover{ margin-top:-25px; transition:all 0.3s linear;}
.drwp .case_in .content li>a:hover p{ color:#124098;transition:all 0.4s linear;}
.drwp .case_in .content li>a:hover b{ color:#fff; background-color:#124098; border:1px solid #124098; transition:all 0.4s linear;}
.drwp .case_in .content li>a b{ color:#999; font-weight:normal; border:1px solid #999; border-radius:2px; padding:3px 20px;}
.drwp .case_in .content li .img{ overflow:hidden; height:200px; width:100%;display:flex;justify-content:center;align-items:center; background-color:#f5f5f5;}
.drwp .case_in .content li a:hover .img img{transform: scale(1.1, 1.1);    transition: all 1s;}
.drwp .case_in .content li .txt{ background-color:#fff; overflow:hidden; height:150px; padding:25px 20px 0;}
.drwp .case_in .content li .txt p{ text-align:left; font-size:17px; line-height:17px; color:#2e2e2e; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.drwp .case_in .content li .txt span{ margin-bottom:30px; text-align:left; font-size:14px; color:#d2d2d2; margin-top:5px; display:block; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
.drwp .case_in .content li>a:nth-child(4){
	 display:none;
	 }
	 

.drwp .news_in{
	width:100%;
	overflow:hidden;
	background-color:#f7f7f7;
	background:url(/Templates/cn2014/images/news_bg.jpg) no-repeat top center;
	}
.drwp .news_in .head{
	overflow:hidden;
	padding-top:70px;
	margin-bottom:35px;
	}
.drwp .news_in .content{
	margin-bottom:60px;
	}
.drwp .news_in .content .swiper-wrapper1 h1{ 
	font-size:18px;
	line-height:18px;
	margin-bottom:6px;
	color:#363e8f;
	text-align:left;
	padding:0 15px;
	}
.drwp .news_in .content .swiper-wrapper1 span{
	font-size:14px;
	line-height:14px;
	color:#8c8c8c;
	margin-bottom:10px;
	display:block;
	text-align:left;
	padding:0 15px;
	}
.drwp .news_in .content .swiper-wrapper1 p{ 
	font-size:14px; 
	line-height:24px;
	color:#8c8c8c;
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom:25px;
	text-align:left;
	padding:0 15px;
	}
	

.partner_in{
	width:100%;
	overflow:hidden;
	background-color:#f5f5f5;
	padding-bottom:40px;
	}
.drwp .partner_in .head {
    padding-top: 40px;
    margin-bottom: 40px;
	overflow:hidden;
}
.drwp .partner_in .content li{
	width:calc(100%/6 - 2px);
	height:148px;
	border:1px solid #eee;
	float:left;
	}