@charset "utf-8";

@font-face{
     font-family: "Open Sans" ; 
     src: url('../font/Open Sans.eot');
     src:url('../font/Open Sans.woff') format('woff'),
         url('../font/Open Sans.ttf') format('truetype'),
         url('../font/Open Sans.svg') format('svg');
}

*{ margin:0px; padding:0px;}
ul,ol,dl,li{ list-style:none; margin: 0 0}
img{ border:none;margin-left: auto;margin-right: auto;max-width: 100%}
a{ text-decoration:none; color:#252525}
a:hover{ color:#252525;outline: none;text-decoration:none;}
body{color:#252525;line-height:24px;font-size:14px;font-family: "Open Sans"; 	position:relative;z-index:999; background-color: #fff;}
header{position:relative;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.col {transition: transform 0.5s ease;}
.col:hover {transform: translateY(-2px);transition: transform 0.5s ease;}
.fixed{position: fixed;background:#fff;	-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;width: 100%;top:0;z-index: 999999;border-bottom: 1px #ddd solid;padding-bottom: 10px}
.top-lx{padding-top: 5px;}
.top-lx .icon-dianhuahover{position: absolute;padding-top:15px;font-size:33px;color:#1a66aa}
.top-lx .icon-youxiang5{position: absolute;padding-top:15px;font-size:36px;color:#1a66aa}
.top-lx h3{padding-left: 50px;line-height:24px;padding-top: 15px;font-size:16px;color:#444}
.top-lx a{color:#444}
.icon{width:32px;height: 32px;background-color: #1a66aa;border-radius:  50%;text-align: center;line-height:32px;float: right;margin-right: 10px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.icon a{color:#fff}
.icon i {font-size:20px !important}
.icon:hover{background-color: #252525;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.grid1{ width:50%; margin:auto; padding:30px 30px 50px 30px;}
.grid2{ padding:10px 10px;white-space : normal !important;text-align: center}
.grid2 img{margin-bottom: 10px}
.search-form{margin-top: 20px !important;border: 1px #ddd solid;padding: 6px 20px;border-radius: 20px 20px;font-size:14px;color:#666}
.bg1{background-color: #f4f7ff}
.adv1{background-color: #eee;border-radius: 20px 20px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.adv1:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.title{font-size:48px;text-align: center;font-weight: bold;color:#252525;display: block}
.adv-img{position: relative; }
.adv-img img{border-radius: 20px 20px 0 0}
.adv-icon{position:absolute;right: 50px;top:200px;background-color:rgba(255,255,255,0.5);border-radius: 50% 50%;height: 80px;width: 80px;text-align: center;line-height: 80px;}
.adv-icon i{font-size:60px;color:#1a66aa;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.adv-icon i:hover{color:#252525;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.adv-tit1{font-size:24px;font-weight: bold;padding-left:20px}
.adv-tit2{padding-left: 20px}
.bg2{background: url( "../images/img5.png") no-repeat top center}
.ban-tit{font-size:48px;font-family: Impact;line-height: 60px;color:#fff }
.ban-tit1{font-size:18px;color:#fff;padding-top: 20px;line-height: 36px}
.more i{font-size:30px;position: absolute;}
.more{width: 300px;padding: 20px 0;color: #fff;font-size:20px;background-color: #1a66aa;padding-left: 20px;border-radius: 5px 5px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;margin-top: 80px}
.more:hover{background-color: #222;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.more a{color:#fff}
.more h3{padding-left: 40px}
.ab-tit{font-size:16px;color:#1a66aa;text-transform: uppercase;margin-bottom: 20px}
.ab-tit1{background: url("../images/img7.png") no-repeat center right;font-size:60px;text-transform: uppercase;font-weight: bold}
.ab-tit2 p{padding-bottom: 20px;font-size:18px;line-height: 30px;color:#444}
.bor-bot{background-color: #ddd;height: 1px;margin: 50px 0}
.a-adv h3{float: left;font-size:48px;font-family: Impact;color:#1a66aa;padding-right:20px;border-right: 1px #ddd solid;margin-right: 20px}
.a-adv h2{padding-right: 30px;font-size:16px;line-height: 26px;}
.new-hot{background-color: #f4f7ff;margin-bottom: 30px}
.news-h1{background: url("../images/img4.png") no-repeat left top;padding-top:120px}
.new1{font-size:24px;font-family: Impact;color:#1a66aa;position: relative;top:-15px;background-color: #f4f7ff;padding-right: 10px}
.news-h1 hr{position: relative;height: 1px;background-color: #ddd}
.news-h1 p{font-size:16px;padding: 20px 0;margin-bottom:40px}
.new2{font-size:16px;color:#fff;position: relative;top:-15px;padding:10px 30px;background-color: #1a66aa}
.hover {width: 100%;height: 100%; float: left; overflow: hidden; position: relative;text-align: center;cursor: default;}
.hover .overlay {width: 100%;height: 100%;position: absolute;overflow: hidden; top: 0; left: 0; padding:30px 30px;color:#000}
.hover .overlay h2{ padding:20px 0; font-size:30px}
.hover img {display: block; position: relative;}
.ehover1 img { transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear;}
.ehover1 .overlay {  opacity: 0; background-color: rgba(0,0,0, 0.1);-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ehover1:hover img {-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
.ehover1:hover .overlay {opacity: 1;}
.ehover1:hover .ehover1:hover button.info { opacity: 1;-moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0);-webkit-transform: translatey(0);transform: translatey(0);}
.new-t{border: 1px #ddd solid;padding: 30px 20px 0 20px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.new-t:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.new-t h3{font-size:18px;color:#000;padding-bottom: 30px}
.new-t hr{position: relative;height: 1px;background-color: #ddd}
.new-t span{position: relative;top:-15px;background-color: #fff;padding-right: 10px;color:#999}
.n-more{width: 130px;margin: auto;background-color: #1a66aa;padding:6px 0;margin-top: 30px;text-align: center;color:#fff;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.n-more i{font-size:28px;color:#fff}
.n-more a{color:#fff}
.n-more:hover{background-color: #222;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
footer{background: url("../images/map.png") no-repeat center #1a66aa;color:#fff;padding-bottom:120px}
.fot-tit{font-size:36px;line-height:48px;color:#fff;font-weight:bold}
.fot-more{padding: 10px 30px;border: 1px #fff solid;font-size:16px;text-transform: capitalize;color:#fff;}
.fot-more:hover{background-color: #fff}
.fot{border-bottom: 1px #fff solid}
.f-tit1{font-size:36px;font-family: Impact;padding-top: 50px;padding-bottom: 20px}
.f-tit2{font-size:24px;font-family: Impact;padding-bottom: 20px;padding-top: 10px}
.f-tit3{line-height: 36px;font-size:16px}
.f-tit3 a{ color:#fff}
.f-tit3 a:hover{ color:#fd0}
.f-tit4 {margin-top: 30px}
.f-tit4  i{font-size:20px;color:#1a66aa;background-color: #fff;padding: 5px 5px;border-radius: 5px 5px;margin-right:6px}
.f-tit4  i:hover{background-color: #f9ab15}
.fot-nav{padding: 30px 0;border-top:1px #ddd solid;border-bottom: 1px #ddd solid;text-align: center}
.fot-nav a{color:#fff;text-align: center;padding-left: 30px;padding-right: 30px;font-size:16px}
.fot-bot{padding: 30px 0;text-align: center;color:#fff}
.fot-bot a{ color:#fff}
.fot-bot a:hover{ color:#fc0}

.bottomDiv{position:fixed;background-color:#252525; left:0px; bottom:0px; _position:absolute;color:#000;width: 100% !important;font-size:14px;z-index: 999999;height: 120px;padding-top: 50px;}
.m_input{width: 20%;float: left;margin-right:2%;height: 40px;line-height: 40px;padding-left: 10px;border-radius: 5px 5px}
.m_button{width: 12%;height: 40px;line-height: 40px;border-radius: 5px 5px;background-color: #1a66aa;color:#fff}

.ban-about{background: url("../images/ban-about.jpg") no-repeat center;padding:100px 0;}
.cban-tit{font-size: 48px;color:#fff;font-weight: bold;text-transform: uppercase}
.cban-tit1{font-size:18px;padding-top: 30px;color:#fff}
.cban-tit1 a{color:#fff;}
.cabout1{font-size:30px;margin-bottom: 30px;padding-top: 80px}
.cabout2{font-size:17px; color:#666;line-height: 30px;}
.cabout2 p{padding-bottom:20px}
.pro1{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;background-color: #fff !important;border: 1px #efefef solid;margin-bottom: 30px}
.pro1:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.page{text-align: center;}
.page a{margin-left:10px;margin-right: 10px;font-size:18px;color:#666;}
.page a:hover{color:#ad0002;border-bottom: 1px #ad0002 solid }
.pro-title{background-color: #ddd;padding: 20px 20px;font-size:20px;font-weight: bold;margin-bottom: 30px;margin-top: 30px}
.new-t4{font-size:14px;color:#999;margin-top:20px}
.new-t1{font-size:20px;}
.new-t2{font-size:15px;color:#555;}
.new-bg{padding-bottom: 30px;border: 1px #ddd solid}
.new-bg:hover{box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.new-t3{padding-left: 20px;padding-right: 20px}
.con-mes{width: 80%;margin: auto}
.mes-tit2{font-size:16px;text-align: center;color:#999}
.m_input1{border: 1px #ddd solid;border-radius: 5px 5px;width: 100%;padding: 15px 20px;margin-top:20px}
.m_button1{background-color: #252525;text-align: center;color:#fff;width: 100%;border-radius: 5px 5px;padding: 20px 10px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;text-transform: uppercase;font-size: 16px;margin-top: 20px}
.m_button1:hover{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s; background-color: #1a66aa;color:#fff;text-transform: uppercase;font-size: 16px}
.c-contact h3{font-size:24px;}
.c-contact p{font-size:18px;padding-bottom: 20px}
.n-info-tit{font-size:24px;}
.n-info-time{font-size:14px;color:#666;padding-bottom: 20px;border-bottom: 1px #ddd solid}
.n-info-tit1{padding: 30px 0; font-size:16px;line-height: 28px;color:#666;border-bottom: 1px #ddd solid}
.n-info-tit2{border-top: 1px #ddd solid;font-size:16px;line-height: 36px;color:#666;}
.fot-tit2 {padding-top: 20px}
.fot-tit2 i{font-size:24px;margin-right: 6px}
.fot-tit2 i:hover{color:#1a66aa}
#pic-page { text-align: center;margin-top: 10px;}
#pic-page a:hover img, #pic-page a.active img { border: solid #5280DD 1px;}
#pic-page a { padding:1%;}
#pic-page a img { width: 22%;border: solid #ccc 1px;margin-bottom: 5px;vertical-align: middle;border: 0;}
.product-title{padding-left: 50px}
.pn-tit{font-size:16px;color:#666}
.pn-tit1{font-size:30px;background: url("../images/img15.jpg") no-repeat bottom left;padding-bottom: 20px}
.title1{text-align:center;}
.title1 span{font-size:14px;color:#666}
.title1 h3{font-size:36px;font-weight: bold;text-transform: uppercase}
.icon-ss{width: 50px;height: 50px;;border-radius: 50% 50%;background-color: rgba(255,255,255, 0.8);margin: auto;position: relative;top:40%;line-height: 50px}
.icon-ss i{font-weight:bold}
.nav-h3{padding: 25px 0;background-color: #1a66aa;text-align: center;font-size:28px;color:#Fff;border-radius: 10px 10px 0 0;margin-bottom: 10px}
.more1 i{font-size:28px;position: absolute;}
.more1{width: 260px;padding: 15px 0;color: #fff;font-size:18px;background-color: #1a66aa;padding-left: 10px;border-radius: 5px 5px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;margin-top: 30px}
.more1:hover{background-color: #074d8c;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;;transition: all .5s;}
.more1 a{color:#fff}
.more1 h3{padding-left: 40px}
.pro-in-tit{font-size:20px;background-color: #1a66aa;padding: 20px 20px;margin-top: 30px;margin-bottom: 20px;color:#fff;text-transform: capitalize}
.pro-in-tit1{font-size:16px;line-height: 28px;}
.mes-tit3{font-size:16px;text-align: left;color:#999}
.pro-page{padding: 30px 0;border-top:1px #ddd solid;border-bottom: 1px #ddd solid}
.page-l{font-size:16px;text-transform: capitalize; padding-right: 50px}
.img-title{ padding: 40px 20px 30px 20px; background: url(../images/img4.png) no-repeat top left 20px;}
.img-tit{font-size:18px; height:48px;}
.img-more{width: 100%;margin-top:20px;background-color: #1a66aa;padding: 10px; text-align: center;color:#fff}
.img-more a{color:#fff;text-transform: capitalize;}
.img-more:hover{background-color: #074d8c}
.pimg-tit{text-align: center;font-size:18px;padding: 20px 0;text-transform: capitalize}


/**/
.pagination{ text-align:center; margin:40px auto 0 auto; display:block; padding-top:10px}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num{ text-align:center; margin-left:3px;}
.page-num, .page-link {
	position: relative;
	padding: 7px 10px 6px 10px;
	color: #1580ea;
	border: 1px solid #1580ea;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
	width:20px;
	height:20px;
	display:inline;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #1580ea;
	border-color: #1580ea;
}
.page-num-current:hover {
	color: #fff;
}
.text-secondary{ padding-top:20px;}


/**/
.cn_item{ width:100%; background-color:#fff; border:solid #ddd 1px; border-radius:8px; text-align:center; padding:20px 20px 20px 20px; margin-top:3px; height:202px;}
.cn_item i{ font-size:40px; color:#1a66aa}
.cn_item h3{ font-size:18px; padding-top:10px; font-weight:bold;}
.cn_item_content{ font-size:15px; line-height:25px; padding-top:15px;}


@media (max-width:767px)
{
 	.moblie_head{display: block} 
	.head{display: none}
	.dn{display: none}
	.icon{float:left;margin: auto; margin-right: 10px}
	.icon-xs{padding-left: 20px}
	.head-top{display: none}
	.t50{padding-top: 30px}
	.b50{padding-bottom: 30px;}
	.t60{padding-top: 30px}
	.b60{padding-bottom: 40px}
	.title {font-size:36px;line-height: 36px}
	.adv-icon {top:150px}
	.adv1{margin-bottom: 20px}
	.change-box .change-cut .tab {width: 48%;margin-bottom: 20px}
	.change-box .change-cut .tab-on{width: 48% !important;margin-bottom: 20px}
	.ban-tit{font-size:24px;line-height: 36px}
	.ban-tit1{font-size:16px}
	.more{margin-top: 30px}
	.ab-tit1{background:  none}
	.a-adv{padding-top: 20px}
	.a-adv h3{float: none;border: none;text-align: center}
	.a-adv h2{text-align: center;padding: 10px 20px}
	.bor-bot{display: none}
	.news-h1{padding-top: 50px}
	.news-h1 p{padding: 10px 0;margin-bottom:20px}
	.new-t{margin-bottom: 20px}
	#map{margin-top: 30px}
	.fot-nav{text-align: left}
	.fot-nav a{padding-left: 0;padding-right: 10px}
	.m_input{width: 45%;margin-bottom: 10px;margin-right: 5%}
	.m_button{width: 45%}
	.bottomDiv{padding-top: 15px}
	.item-more{font-size:16px;}
	.product-title{padding-left: 15px}
	.cn_item{ height:auto;}
	
}
@media (min-width:768px) and (max-width:992px)
{
 	.moblie_head{display: block} 
	.head{display: none}
	.dn{display: none}
	.icon{float:left;margin: auto; margin-right: 10px}
	.icon-xs{padding-left: 20px}
	.head-top{display: none}
	.t30{padding-top: 20px}
	.t50{padding-top: 30px}
	.b50{padding-bottom: 30px;}
	.t60{padding-top: 30px}
	.b60{padding-bottom: 40px}
	.title {font-size:36px;line-height: 36px}
	.adv-icon {top:150px}
	.adv1{margin-bottom: 20px}
	.change-box .change-cut .tab {width: 48%;margin-bottom: 20px}
	.change-box .change-cut .tab-on{width: 48% !important;margin-bottom: 20px}
	.ban-tit{font-size:24px;line-height: 36px}
	.ban-tit1{font-size:16px}
	.more{margin-top: 30px}
	.ab-tit1{background:  none}
	.a-adv{padding-top: 20px}
	.a-adv h3{float: none;border: none;text-align: center}
	.a-adv h2{text-align: center;padding: 10px 20px}
	.bor-bot{display: none}
	.news-h1{padding-top: 50px}
	.news-h1 p{padding: 10px 0;margin-bottom:20px}
	.new-t{margin-bottom: 20px}
	#map{margin-top: 30px}
	.fot-nav{text-align: left}
	.fot-nav a{padding-left: 0;padding-right: 10px}
	.m_input{width: 45%;margin-bottom: 10px;margin-right: 5%}
	.m_button{width: 45%}
	.bottomDiv{padding-top: 15px}
	.item-more{font-size:16px;}
	.product-title{padding-left: 15px}
}
@media (min-width:992px) and (max-width:1200px)
{	
    .cn_item{ height:252px;}
	.sky-mega-menu li a{padding: 0 60px 0 0}
}
@media (min-width:1221px) and (max-width:1380px)
{
	.sky-mega-menu li a{padding: 0 60px 0 0}
	.adv-icon{top:150px} 
	.news-h1{padding-top: 70px}
	.news-h1 p{margin-bottom: 20px}
	
	.cn_item{ height:232px;}
}