﻿

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

img {
	border: 0
}

ul,dl,li,dt,dd {
	list-style: none
}

body {
	font-family: 微软雅黑;
	font-size: 14px;
	overflow-x: hidden;
	color: #333;
	background: #fff;
	min-width:1200px;
}


a {
	font-size: 14px;
	text-decoration: none;
	color: #333;
	transition: all .45s
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	*zoom: 1
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

input,textarea,select {
	outline: none;
	font-family: microsoft yahei;
	line-height: normal;
	border: none;
	background: 0 0
}

textarea {
	resize: none;
	overflow: hidden
}

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

select::-ms-expand {
	display: none
}

i,em {
	font-style: normal
}
/*
table{ 
border-collapse:collapse; 
border-spacing:0; 
} 
*/

.header_search {
	margin-top:25px;
	top: 50%;
	transform: translateY(-50%);
	float:right
}

.serchtext {
	width: 0px;
	height: 26px;
	line-height: 25px;
	border: none;
	background: none;
	border-bottom: 2px solid #273977;
	float: left;
	transition: ease .65s;
	margin-right: 0px;
}

.header_search:hover .serchtext {
	width: 120px;
}
 /* 首页关于我们 */
 
.index_about_title{height:40px; font-size:30px; color:#333333; width:615px;}
.index_about{width:540px; padding-top:25px; margin:0 auto;}
.index_about p{color:#4d4d4d; font-size:14px; line-height:28px; text-align:justify;}
.index_about_tmg{padding-top:25px;}
.index_about_img{width:100%; height:auto; max-width:1440px; min-width:1200px;}

 /* 首页赛琥 */
.index-cp{
	background:url(../images/cp1.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:600px;
	min-width:1200px;
}
.index-cptd{padding-top:89px;}
.cps{ width:1200px;}
.cps1{ height:220px;}
.cps1 span{font-size:24px; color:#33a03e;}
.cps2{ height:62px;}
.cps2 span{font-size:30px; color:#333333;}
.cps3{padding-top:35px;}
.cps3more{width:91px;}
.cps4{padding-right:30px;}


 /* 首页4产品分类 */
.index-cpjs{
	background:url(../images/product_bg.jpg) no-repeat top center;
	background-size:cover; 
	min-width:1200px;
	width:100%;
	height:800px;
	margin-top:5px;
}
.cpjs{ width:1200px; height:800px;}
.cpjs td{ width:285px;}
.cpjs1 a{
	background:url(../images/p1.png) no-repeat center center;
	width:285px;
	display:block;
	height:800px;
	transition: all 0.1s ease;
}

.cpjs1 a:hover{ 
	background:#003b80 url(../images/p1_1.png) no-repeat center center;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;
	}
	
.cpjs2 a{
	background:url(../images/p2.png) no-repeat center center;
	width:285px;
	display:block;
	height:800px;
	transition: all 0.1s ease;
}

.cpjs2 a:hover{ 
	background:#003b80 url(../images/p2_2.png) no-repeat center center;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/**/
	}
	
	
.cpjs3 a{
	background:url(../images/p3.png) no-repeat center center;
	width:285px;
	display:block;
	height:800px;
	transition: all 0.1s ease;
}

.cpjs3 a:hover{ 
	background:#003b80 url(../images/p3_3.png) no-repeat center center;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease; /**/
	}
	
.cpjs4 a{
	background:url(../images/p4.png) no-repeat center center;
	width:285px;
	display:block;
	height:800px;
	transition: all 0.1s ease;
}

.cpjs4 a:hover{ 
	background:#003b80 url(../images/p4_4.png) no-repeat center center;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/* */
	}
.cpjs5{ width:60px;}

*:before,*:after {
	z-index: -1
}

@font-face {
	font-family:en;src:url(../fonts/dut801ia.ttf)
}


/*头部*/
.header {
	height: 70px;
	background: rgba(255,255,255,1);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 999;
	transition: all .8s;
/*	box-shadow: 2px 2px 2px #efefef;*/
}
.logo{width:247px;}

/*
.header_nav li {
	display: inline-block;
	line-height: 90px;
	margin: 0 1.2vw
}

.header_nav li a {
	font-size: 18px;
	color:#4d4d4d;
}

.header_nav li a:hover {
	color: #273977;
	font-weight:bold;
}

.header_nav li a.on {
	color: #273977;
	font-weight:bold;
}

*/
.header.on {
	transform: translateY(-80px)
}



.header .sou {
	display: block;
	width: 16px;
	height: 26px;
	background: url(../images/soubtn.png) no-repeat top center;
	border-bottom: 2px solid #273977;
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translateY(-50%)
}





body.fixed .header {
	transform: translateY(-100%);
	visibility: hidden
}

/*banner大图幻灯片*/
.banner {
	width: 100%;
	min-width:1200px;
	position: relative;
	overflow: hidden;
	height: 100vh;
	max-height:800px;
}

.banner .swiper-slide-active {
	z-index: 3;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center
}


.banner_img.on:before {
	height: 170px;
	bottom: -200px
}

.banner .swiper-slide .img {
	transition: ease 3s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-transition: ease 3s
}

.swiper-slide .img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

.banner .swiper-slide.swiper-slide-active .img {
	transform: scale(1);
	-webkit-transform: scale(1)
}

.banner .swiper-slide.swiper-slide-prev .img {
	transform: scale(1.1);
	-webkit-transform: scale(1)
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	bottom: 0;
	z-index: 999
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #273977;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.banner_btn span {
	display: block;
	width: 70px;
	text-align: center;
	line-height: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(0,0,0,.2);
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99;
	cursor: pointer
}

.banner_btn .arr_r {
	left: auto;
	right: 100px
}

.banner_btn span img {
	vertical-align: middle
}

.banner .banner_num {
	position: absolute;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
	font-style: italic;
	color: #fff;
	z-index: 99;
	font-size: 28px;
	width:200px;
}

.banner .banner_num .all_num {
	font-size: 18px
}

.banner .banner_num:before {
	content: "";
	display: block;
	/*width: 1px;
	height: 70px;*/
	background: #fff;
	position: absolute;
	left: 50%;
	top: -100px;
	z-index: 999
}

.banner_img {
	position: absolute;
	right: 27%;
	top: 0%;
	height: 100%;
	z-index: 99;
	text-align: center;
	display: flex;
	align-items: center
}

.banner90{ height:70px;}
.bannertext{ width:100%; }
.index_text {
	color: #666;
	line-height: 24px
}

/*内页banner*/
.nbanner{ width:100%; min-width:1200px; height:700px; background-size:cover; margin-top:70px;}
.nbanner_img{ width:100%;}

/*底部*/

.footnav1 a{ color:#4d4d4d; font-size:21px; font-weight:550; display: block;}
.footnav1{ color:#4d4d4d; font-size:21px; display: block;}
.footnav1:hover{ color:#329f3d; font-size:21px; display: block;}

.footnav2 a{ color:#4d4d4d; font-size:16px; display: block; line-height:24px;}
.footnav2:hover{ color:#329f3d; font-size:16px; display: block; line-height:24px;}
.footnav2 { color:#4d4d4d; font-size:16px; display: block; line-height:24px;}


/*右侧悬浮客服代码*/
.sidebox {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99
}

.sidebox li {
	position: relative;
	cursor: pointer;
	margin-bottom: 2px
}

.sidebox a {
	display: block;
	width: 50px;
	height: 50px;
	margin-top: -1px;
	background-color: #3a435c;
	text-align: center;
	line-height: 48px;
	color: #fff;
	position: relative;
	z-index: 2;
	background: #3d3d3d
}

.sidebox a:hover {
	background-color: #555;
	color: #fff;
	border-color: #555
}

.sidebox .iconfont {
	font-size: 20px
}

.sidebox .cont {
	transition: all .4s;
	white-space: nowrap;
	width: 0;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #273977;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: 100%;
	top: 0
}

.sidebox li img {
	vertical-align: middle
}

.sidebox li:hover .cont {
	width: 160px;
}

.sidebox li:hover a {
	background-color: #273977
}

.sidebox li em {
	display: inline-block;
	width: 100%;
	height: 100%
}

.sidebox .code .cont {
	height: auto;
	line-height: normal
}

.sidebox .code .cont img {
	width: 80px;
	height: 80px
}

.sidebox li.code:hover .cont {
	width: 80px;
	padding: 5px
}



/*首页案例*/

.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.icon-arrow-a-left, .icon-arrow-a-right { background: url(../images/icon-sd26986d847.png) no-repeat; }
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px; }
    .icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover { background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
    .icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover { background-position: -180px 0; }


#main {overflow: hidden; zoom: 1; position: relative; margin-top:10px;}
#index_b_hero { width: 1165px; height: 530px; margin: auto; position: relative; }
    #index_b_hero img { width: 1155px; height: 520px; }
    #index_b_hero .heros { width: 1165px; height: 530; }
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3; }
        #index_b_hero .next:hover, #index_b_hero .prev:hover { background-color: orangered; }
    #index_b_hero .next { margin: -25px 5px 0 0; right: 0; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; padding: 5px; z-index: 1; position: absolute; top: 0; left: 0; width: 1150px; height: 520px; overflow: hidden; left: 1920px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1165px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
    #index_b_hero .mask-right { left: 1165px; }
    #index_b_hero .active { z-index: 2; left: 0; }

/*首页新闻*/
.index_news{margin-top:55px; margin-bottom:175px; width:1200px; height:524px;}
.index_news_tmg, .index_news_img{ width:678px;}
.index_news_time{font-size:18px; color:#4d4d4d; background:url(../images/yuan.png) no-repeat left top;padding-left:62px; padding-bottom:7px;}
.indexnews{padding-bottom:105px; padding-left:62px;}
.indexnews a{font-size:21px; color:#4d4d4d; line-height:150%; }
.indexnews a:hover{color:#003b80;}

/*新闻列表*/

.newslistbg{ background:url(../images/newslistbg.png) left bottom no-repeat;}
.newslist{width:360px;}
.newslistbg:hover{background:url(../images/newslistbg.png) left bottom no-repeat; transition: all 1.0s;}
.newsa:hover{color:#329f3d;}
.newsa{font-size:20px; color:#535353; font-weight:bold; line-height:38px;}
.dnimg{ width:360px; height:160px; overflow:hidden;}
.nimg{cursor: pointer;transition: all 1.0s; width:360px;}
.newslist_yyyy{font-size:16px; color:#535353; line-height:40px; padding-bottom:10px;}
.newslist_abstract{color:#666666; font-size:14px; line-height:26px; text-align:justify; padding-top:12px;}
.newslist_title{height:30px;}
.newslistbg:hover .dnimg .nimg{ transform: scale(1.1);}
/* 分页样式 */
#page{text-align:center;}
#page a,#page span{display:inline-block; border:1px solid #999; color:#e50012;padding:4px 8px;margin:0 0 0 8px;}
#page a:hover{background:#f8f8f8;}
#page a.no{color:#aaa;} /* 不可点击页 */
#page a.cur{color:#cc3366;font-weight:bold;}  /* 当前页 */
#page span.ifo{color:#666;border-color:#999; margin-right:10px;}


/* 产品列表*/
.fenlei{ padding-bottom:30px;}
.fenlei a{ font-size:24px; color:#4d4d4d; padding-right:40px;}
.fenlei a:hover{ font-size:24px; color:#003b80; padding-right:40px;}
/*.cpfl .child_menu td{ width:20%;}*/



/* 内页赛琥定制*/

.saihuimg{ width:580px; height:368px; overflow:hidden;}
.saihuimg a{cursor: pointer;transition: all 1.0s; width:100%; height:368px; display:block; background-size:cover;}
.saihuimg:hover a{ transform: scale(1.1);}
.saihu_title{font-size:24px; color:#4d4d4d; line-height:50px; font-weight:bold; width:577px; text-align:center; border:1px #4d4d4d solid; border-top:none; margin-bottom:72px;}



/* 门窗产品列表*/
.proimg{ width:390px; height:373px; overflow:hidden; background:url(../images/cp_bg.png) no-repeat center center;}
.proimg a{cursor: pointer;transition: all 1.0s;}
.proimg:hover a{ transform: scale(1.1);}

/* 案例列表*/
.caseimg{ width:384px; height:202px; overflow:hidden;}
.caseimg a{cursor: pointer;transition: all 1.0s;}
.caseimg:hover a{ transform: scale(1.1);}

/* 首页案例列表*/
.indexcaseimg{ width:386px; height:226px; overflow:hidden;}
.indexcaseimg a{cursor: pointer;transition: all 1.0s;}
.indexcaseimg:hover a{ transform: scale(1.1);}

.index_case_name{
font-size:20px; 
color:#333333; 
width:386px; 
line-height:226px; 
text-align:center; 
position:absolute;
z-index:99;filter:alpha(opacity=0);    /*   IE */
-moz-opacity:0;           /*    Moz + FF */
opacity: 0;   }

.index_case_name:hover{
font-size:20px; 
color:#ffffff; 
width:386px; 
line-height:226px; 
text-align:center; 
position:absolute;
background:#044287;
z-index:99;
filter:alpha(opacity=60);    /*   IE */
-moz-opacity:0.6;           /*    Moz + FF */
opacity: 0.6;  

}

/*产品详情页*/
.productinfo{width:270px; height:220px; overflow:hidden;}
.productinfo img{cursor: pointer;transition: all 1.0s; }
.productinfo:hover img{ transform: scale(1.1);}
.product_title{font-size:30px; color:#003b80; padding-bottom:12px;}
.product_name{font-size:21px; color:#4d4d4d; line-height:60px; padding-left:20px;}
.product_tab{border-bottom:1px #4d4d4d solid; margin-bottom:35px; margin-top:95px; height:124px;}
.product_content{ font-size:16px; line-height:32px; color:#666666; padding-top:50px; text-align:justify; padding-bottom:50px;}
.product_table{ border-bottom:1px #979797 solid;}
.product_table td{ font-size:16px; color:#666666;  padding-left:10px;}
sup{font-size:12px; line-height:12px;}

/*三级弹出CSS*/
.sanji {
	position: absolute;
}
.sanji li {
	position: relative;
	cursor: pointer;
	font-size:30px;
	color:#003b80;
}

.sanji li span {
	
	padding-bottom:11px;
}

.sanji li a {
	display: block;
	width: auto;
	height: 38px;
	margin-top: -1px;
	text-align: center;
	line-height: 38px;
	color: #4d4d4d;
	position: relative;
	z-index: 2;
	font-size:18px;
	float:left;
	padding:5px 25px;
	text-decoration:none;
}

.sanji a:hover {
	color: #003b80;
}

.sanji .scont {
	transition: all .4s;
	white-space: nowrap;
	width: 0;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #4d4d4d;
	font-size: 24px;
	position: absolute;
	left: 100%;
	top: 0;

}

.sanji li:hover .scont {
	width: 1020px;
}

/*二级栏目*/
.child_menu_tab{border-bottom:1px #329f3d solid; height:40px;}
.child_menu{height:40px;  padding:0px; margin:0px; /*width:100%;*/}
.child_menu td{text-align:left;font-size:17px; width:auto; height:40px; width:157px;}
.child_menu td a{color:#4d4d4d; font-size:17px; height:40px; display:block; line-height:40px;}
.child_menu td:hover,.child_menu td.selected{ color:#329f3d; height:40px; transition: all 0.5s ease;}	
.child_menu td:hover a, .child_menu td.selected a{color:#329f3d; font-size:17px;}
	
/*文章内容页*/
.article_tab{border-top:0px #797979 solid; margin-top:95px; height:130px;}
.article_left{height:140px; border-bottom:1px #4d4d4d solid;}
.article_yyyy{font-size:21px; color:#666666; padding-bottom:15px;}
.article_title{font-size:30px; color:#4d4d4d; padding-bottom:10px;}
.content{ font-size:18px; line-height:32px; color:#666666; padding-top:50px; text-align:justify; padding-bottom:50px;}

/*单页标题*/
.about_title1{color:#329f3d; font-size: 30px; line-height:140%;}
.about_title2{color:#329f3d; font-size: 24px; line-height:100%;}
.about_title3{font-size:30px; color:#329f3d;}
.about_title4{font-size:24px; color:#329f3d;}
.case_title1{position:absolute; font-size:32px; color:#053880; z-index:99; top:70px; right:50px;}
@media screen and (max-width:1440px) {


/*首页案例*/

.banner90{ display:none;}
.bannertext{ width:100%; margin-top:68px;}
 /* 首页赛琥 */
.index-cp{
	background:url(../images/cp1.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:600px;
	min-width:1200px;
}
.index-cptd{padding-top:89px;}
.cps{ width:1200px;}
.cps1{ height:220px;}
.cps1 span{font-size:24px; color:#33a03e;}
.cps2{ height:62px;}
.cps2 span{font-size:30px; color:#333333;}
.cps3{padding-top:35px;}
.cps3more{width:91px;}
.cps4{padding-right:30px;}

/* 首页产品4分类 */
.index-cpjs{
	background:url(../images/product_bg.jpg) no-repeat top center;
	background-size:cover; 
	min-width:852px;
	width:100%;
	height:600px;
}
.cpjs{ width:900px; height:600px;}
.cpjs td{ width:225px;}
.cpjs1 a{
	background:url(../images/p1.png) no-repeat center center;
	background-size:71px 98px;
	width:214px;
	display:block;
	height:600px;
	transition: all 0.1s ease;
}

.cpjs1 a:hover{ 
	background:#003b80 url(../images/p1_1.png) no-repeat center center;
	background-size:123px 131px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;
	}
	
.cpjs2 a{
	background:url(../images/p2.png) no-repeat center center;
	background-size:59px 98px;
	width:214px;
	display:block;
	height:600px;
	transition: all 0.1s ease;
}

.cpjs2 a:hover{ 
	background:#003b80 url(../images/p2_2.png) no-repeat center center;
	background-size:98px 131px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/**/
	}
	
	
.cpjs3 a{
	background:url(../images/p3.png) no-repeat center center;
	background-size:97px 98px;
	width:214px;
	display:block;
	height:600px;
	transition: all 0.1s ease;
}

.cpjs3 a:hover{ 
	background:#003b80 url(../images/p3_3.png) no-repeat center center;
	background-size:133px 131px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease; /**/
	}
	
.cpjs4 a{
	background:url(../images/p4.png) no-repeat center center;
	background-size:94px 98px;
	width:214px;
	display:block;
	height:600px;
	transition: all 0.1s ease;
}

.cpjs4 a:hover{ 
	background:#003b80 url(../images/p4_4.png) no-repeat center center;
	background-size:101px 131px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/* */
	}
	
/* 内页banner*/
.nbanner{ width:100%; height:526px; margin-top:70px;}
.nbanner_img{ width:100%;}

/* 内页赛琥定制*/

.saihuimg{ width:580px; height:368px; overflow:hidden;}
.saihuimg a{cursor: pointer;transition: all 1.0s; width:100%; height:368px; display:block; background-size:cover;}
.saihuimg:hover a{ transform: scale(1.1);}
.saihu_title{font-size:24px; color:#4d4d4d; line-height:50px; font-weight:bold; width:577px; text-align:center; border:1px #4d4d4d solid; border-top:none; margin-bottom:72px;}





/*头部*/
.header {
	height: 70px;
	background: rgba(255,255,255,1);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 999;
	transition: all .8s
}
.logo{width:247px;}

}




@media screen and (max-width:1360px) {


/*首页案例*/
.banner90{ display:none;}
.bannertext{ width:100%; margin-top:64px;}
	/* 首页赛琥 */
.index-cp{
	background:url(../images/cp1.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:600px;
	min-width:1200px;
}
.index-cptd{padding-top:89px;}
.cps{ width:1200px;}
.cps1{ height:220px;}
.cps1 span{font-size:24px; color:#33a03e;}
.cps2{ height:62px;}
.cps2 span{font-size:30px; color:#333333;}
.cps3{padding-top:35px;}
.cps3more{width:91px;}
.cps4{padding-right:30px;}


/* 首页产品分类 */
.index-cpjs{
	background:url(../images/product_bg.jpg) no-repeat top center;
	background-size:cover; 
	min-width:852px;
	width:100%;
	height:567px;
}
.cpjs{ width:852px; height:567px;}
.cpjs td{ width:202px;}
.cpjs1 a{
	background:url(../images/p1.png) no-repeat center center;
	background-size:67px 93px;
	width:202px;
	display:block;
	height:567px;
	transition: all 0.1s ease;
}

.cpjs1 a:hover{ 
	background:#003b80 url(../images/p1_1.png) no-repeat center center;
	background-size:117px 124px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;
	}
	
.cpjs2 a{
	background:url(../images/p2.png) no-repeat center center;
	background-size:56px 93px;
	width:202px;
	display:block;
	height:567px;
	transition: all 0.1s ease;
}

.cpjs2 a:hover{ 
	background:#003b80 url(../images/p2_2.png) no-repeat center center;
	background-size:94px 124px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/**/
	}
	
	
.cpjs3 a{
	background:url(../images/p3.png) no-repeat center center;
	background-size:92px 93px;
	width:202px;
	display:block;
	height:567px;
	transition: all 0.1s ease;
}

.cpjs3 a:hover{ 
	background:#003b80 url(../images/p3_3.png) no-repeat center center;
	background-size:126px 124px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease; /**/
	}
	
.cpjs4 a{
	background:url(../images/p4.png) no-repeat center center;
	background-size:89px 93px;
	width:202px;
	display:block;
	height:567px;
	transition: all 0.1s ease;
}

.cpjs4 a:hover{ 
	background:#003b80 url(../images/p4_4.png) no-repeat center center;
	background-size:95px 124px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/* */
	}
	
/*内页banner*/
.nbanner{ width:100%; height:496px; margin-top:70px;}
.nbanner_img{ width:100%;}

/* 内页赛琥定制*/

.saihuimg{ width:580px; height:368px; overflow:hidden;}
.saihuimg a{cursor: pointer;transition: all 1.0s; width:100%; height:368px; display:block; background-size:cover;}
.saihuimg:hover a{ transform: scale(1.1);}
.saihu_title{font-size:24px; color:#4d4d4d; line-height:50px; font-weight:bold; width:577px; text-align:center; border:1px #4d4d4d solid; border-top:none; margin-bottom:72px;}






/*头部*/
.header {
	height: 70px;
	background: rgba(255,255,255,1);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 999;
	transition: all .8s
}

.logo{width:247px;}

}



@media screen and (max-width:1280px) {



/*首页案例*/
.banner90{ display:none;}
.bannertext{ width:100%; margin-top:40px;}
 /* 首页关于我们 */
 
.index_about_title{height:40px; font-size:26px; color:#333333; width:615px;}
.index_about{width:540px; padding-top:25px; margin:0 auto;}
.index_about p{color:#4d4d4d; font-size:14px; line-height:24px; text-align:justify; width:540px; margin:0 auto;}
.index_about_tmg{padding-top:50px;}
.index_about_img{width:100%; height:auto; }

	/* 首页赛琥 */
.index-cp{
	background:url(../images/cp1.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:600px;
	min-width:1200px;
}
.index-cptd{padding-top:89px;}
.cps{ width:1200px;}
.cps1{ height:220px;}
.cps1 span{font-size:24px; color:#33a03e;}
.cps2{ height:62px;}
.cps2 span{font-size:30px; color:#333333;}
.cps3{padding-top:35px;}
.cps3more{width:91px;}
.cps4{padding-right:30px;}







/* 首页产品4分类 */
.index-cpjs{
	background:url(../images/product_bg.jpg) no-repeat top center;
	background-size:cover; 
	min-width:1200px;
	width:100%;
	height:533px;
}
.cpjs{ width:800px; height:533px;}
.cpjs td{ width:200px;}
.cpjs1 a{
	background:url(../images/p1.png) no-repeat center center;
	background-size:64px 88px;
	width:190px;
	display:block;
	height:533px;
	transition: all 0.1s ease;
}

.cpjs1 a:hover{ 
	background:#003b80 url(../images/p1_1.png) no-repeat center center;
	background-size:110px 117px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;
	}
	
.cpjs2 a{
	background:url(../images/p2.png) no-repeat center center;
	background-size:53px 88px;
	width:190px;
	display:block;
	height:533px;
	transition: all 0.1s ease;
}

.cpjs2 a:hover{ 
	background:#003b80 url(../images/p2_2.png) no-repeat center center;
	background-size:88px 117px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/**/
	}
	
	
.cpjs3 a{
	background:url(../images/p3.png) no-repeat center center;
	background-size:87px 88px;
	width:190px;
	display:block;
	height:533px;
	transition: all 0.1s ease;
}

.cpjs3 a:hover{ 
	background:#003b80 url(../images/p3_3.png) no-repeat center center;
	background-size:119px 117px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease; /**/
	}
	
.cpjs4 a{
	background:url(../images/p4.png) no-repeat center center;
	background-size:85px 88px;
	width:190px;
	display:block;
	height:533px;
	transition: all 0.1s ease;
}

.cpjs4 a:hover{ 
	background:#003b80 url(../images/p4_4.png) no-repeat center center;
	background-size:90px 117px;
 	filter:alpha(opacity=45);   /*    IE */
	-moz-opacity:0.45;           /*    Moz + FF */
	opacity: 0.45;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
	transition: all 0.1s ease;/* */
	}
	
/*首页新闻*/
.index_news{margin-top:55px; margin-bottom:117px; width:1200px; height:464px;}
.index_news_tmg, .index_news_img{ width:600px;}
.index_news_time{font-size:16px; color:#4d4d4d; background:url(../images/yuan.png) no-repeat left top;padding-left:55px; padding-bottom:7px;}
.indexnews{padding-bottom:87px; padding-left:55px;}
.indexnews a{font-size:21px; color:#4d4d4d; line-height:150%; }
.indexnews a:hover{color:#003b80;}

/*内页banner*/
.nbanner{min-width:1200px; width:100%; height:467px; max-height:700px;margin-top:70px;}
.nbanner_img{ width:100%;}

/* 内页赛琥定制*/

.saihuimg{ width:580px; height:368px; overflow:hidden;}
.saihuimg a{cursor: pointer;transition: all 1.0s; width:100%; height:368px; display:block; background-size:cover;}
.saihuimg:hover a{ transform: scale(1.1);}
.saihu_title{font-size:24px; color:#4d4d4d; line-height:50px; font-weight:bold; width:577px; text-align:center; border:1px #4d4d4d solid; border-top:none; margin-bottom:72px;}




/*头部*/
.header {
	height: 70px;
	background: rgba(255,255,255,1);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 999;
	transition: all .8s
}

.logo{width:227px;}



/*三级弹出CSS*/

.sanji li {
	position: relative;
	cursor: pointer;
	font-size:30px;
	color:#003b80;
}
.sanji li span {
	padding-bottom:11.5px;
}
.sanji li a {
	display: block;
	width: auto;
	height: 50px;
	margin-top: -1px;
	text-align: center;
	line-height: 48px;
	color: #4d4d4d;
	position: relative;
	z-index: 2;
	font-size:20px;
	float:left;
	padding:5px 45px;
	text-decoration:none;
}

.sanji .scont {
	transition: all .4s;
	white-space: nowrap;
	width: 0;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #4d4d4d;
	font-size: 20px;
	position: absolute;
	left: 100%;
	top: -5px;
}


/*产品详情页*/
.product_title{font-size:30px; color:#003b80; padding-bottom:12px; }
.product_name{font-size:21px; color:#4d4d4d; line-height:60px; padding-left:20px;}
.product_tab{border-top:0px #797979 solid; margin-bottom:35px; margin-top:90px; height:124px;}

/*单页标题*/
.about_title1{color: rgb(0, 59, 128); font-size: 26px; line-height:200%;}
.about_title2{color: rgb(0, 59, 128); font-size: 28px;}
.about_title3{font-size:26px; color:#003b80;}
.about_title4{font-size:28px; color:#003b80;}
.case_title1{position:absolute; font-size:26px; color:#053880; z-index:99; top:70px; right:50px;}
}