body { font-size:14px; font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; margin:0px auto; zoom:1; line-height:24px;overflow-x: hidden;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
textarea{ resize:none;}
input,textarea{outline:none;-webkit-appearance: none;}
a { color:#585858; text-decoration:none;}
a:hover { color:#05a;}

.w_1180{ width:1180px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*body*/
#container { width:100%; margin:0 auto;}

/*header*/
#header { height:108px; margin:0 auto;}

 
/*main*/
#maincontent { margin:0 auto;}


/*footer*/
#footer { height:268px; background:#eeeeee;}

#footer_about{ float:left;}
#footer_about_title{ font-size:18px; color:#444444; padding:30px 0px 5px 0px;}
#footer_about_content { color:#6e6e6e; line-height:30px; padding:5px 0px 0px 0px;}
#footer_about_content a{ color:#6e6e6e;}

#footer_pr{ float:left; margin:0px 0px 0px 106px;}
#footer_pr_title{ font-size:18px; color:#444444; padding:30px 0px 5px 0px;}
#footer_pr_content { color:#6e6e6e; line-height:30px; padding:5px 0px 0px 0px;}
#footer_pr_content a{ color:#6e6e6e;}

#footer_hr{ float:left; margin:0px 0px 0px 106px;}
#footer_hr_title{ font-size:18px; color:#444444; padding:30px 0px 5px 0px;}
#footer_hr_content { color:#6e6e6e; line-height:30px; padding:5px 0px 0px 0px;}
#footer_hr_content a{ color:#6e6e6e;}

#footer_contact{ float:left; margin:0px 0px 0px 106px;}
#footer_contact_title{ font-size:18px; color:#444444; padding:30px 0px 10px 0px;}
#footer_contact_content { color:#6e6e6e; line-height:34px;}
#footer_contact_content img{ float:left; margin:6px 0px 0px 0px;}

#footer_code{ float: right; margin:75px 0px 0px 0px;}

#copyright{ height:100%; overflow:hidden; background:#1b5fa2; margin:0 auto;}
#copyright_content{ width:1180px; color:#FFFFFF; margin:0 auto;}
#copyright_content_left{ float:left; height:48px; line-height:48px;}
#copyright_content_left a{ color:#ffffff;}
#copyright_content_right{ float:right; padding:10px 0px 0px 0px;}
#copyright_content_right a{ color:#ffffff;}


.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}


.qipei_logo{ width:350px; height:70px; background-image:url(../Images/qipei_logo.png); margin:20px 0px 0px 0px;}

.Nav{ float:right; position:relative;}
.Nav ul li{ display:block; float:left;list-style:none;  margin:0; position:relative;}
.Nav ul li a.navA{ color:#333; display:block; font-size:16px; /*padding-bottom:32px; border-bottom:3px solid transparent;*/position: relative; -webkit-transition:color 200ms; transition:color 200ms;padding:0px 10px 0 10px;width: 86px;height:108px;line-height: 108px;text-align: center;overflow: hidden;}
/*.Nav ul li:hover a.navA,.Nav ul li.active a.navA{ border-bottom:3px solid #e60012;}
#nav1{ background:url(../images/home_icon.png) no-repeat center 48px; padding-left:9px; padding-right:9px;}
#nav1 a{ width:18px; height:17px;}
#nav1:hover a.navA,#nav1.active a.navA{ border-bottom:none;}*/
.navline { position: absolute; display: block; width: 82px; height: 3px; background: #db281d; bottom: 0; right: 0; z-index: 5; }
.Nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.Nav li a .bkg {top:100%; z-index:1; background-color:#f4f4f4; border-top:3px #1166b1 solid; -webkit-transition:top 200ms; transition:top 200ms;}
.Nav li.active a .bkg,.Nav li:hover a .bkg {top:0;}
.Nav li.active a span {color: #333;}
.Nav li:hover a span {color: #333;}
.Nav li a .slideBlock {z-index:1; height:0; background:#f00; -webkit-transition:height 200ms; transition:height 200ms;}

.Nav li .subnav {display: block;position: absolute;z-index: 9;top: 108px;left: 0;background: rgba(153,153,153,0.8);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f#000,endColorstr=#7f#000);padding: 12px 0;width: 1200px;display: none;margin: 0;}
.Nav li .subnav dd {display: block;padding:0px 20px;float: left;}
.Nav li .subnav dd a {font-size: 15px;color: #fff;height: 35px;text-align: center;display: table-cell;vertical-align: middle;}
.Nav li .subnav dd a:hover {color: #fff;}


/*banner*/
.banner{ width:100%;height:636px; overflow: hidden; position: relative; z-index: 1;}
.banner .d1{width:100%;height:636px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:1000px;height:30px;clear:both;position:absolute;z-index:100;left:50%;margin-left:-500px;}
.banner .d2 ul{float:left;position:absolute; left:450px;top:590px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../Images/img1.png) no-repeat center;float:left;margin:0 8px;display:inline;}
.banner .d2 li.nuw{background:url(../Images/img1_1.png) no-repeat center;}

.index_about{ height:574px; margin:0 auto;}

.aboutIndex-in{ background:url(../images/aboutindex_bg.png) no-repeat 60px center; padding-left:288px;  position:relative;}

.aboutIndex-in .tit{ font-size:40px; color:#333; position:absolute; top:40px; left:0; line-height:30px;}

.aboutIndex-in .tit em{ font-family: Arial, Helvetica, sans-serif; font-size:50px; display:block; color:#e2e2e2; font-style:normal; text-transform:uppercase; line-height:50px; margin:0px 0px 0px -3px;}

.aboutIndex-in .tit i{ display:block; width:50px; height:3px; background:#1166b1; margin-top:30px;}

.aboutIndex-in .con{ border-left:1px solid #efefef; height:574px;}

.aboutIndex-in .con li{ width:33.3334%; padding:0 30px 60px 50px; box-sizing:border-box; float:left; position:relative;border-left:1px solid #efefef; left:-1px;}

.aboutIndex-in .con li.topli{ width:100%; margin-top:100px; padding-bottom:20px;}

.aboutIndex-in .con li .litit{ font-size:20px; font-weight:normal; padding-bottom:15px; color:#333;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;}

.aboutIndex-in .con li.topli .litit{ }

.aboutIndex-in .con li .litit .icon{ position:absolute; left:-20px; top:-10px; display:block; width:41px; height:41px;}

.aboutIndex-in .con li .txt{ font-size:15px; color:#666; overflow:hidden; text-align:justify;}

.aboutIndex-in .con li.topli .txt{ height:auto;}


.index_product{ margin:0 auto;}

.index_product .title_bg{ height:192px; background:#1166b1;}

.index_product .title_bg .title{ font-size:30px; color:#fff; font-weight:bold; text-align:center; line-height:56px; padding:56px 0px 0px 0px;}

.index_product .title_bg .title span{ font-size:50px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.index_product .title_bg .title em{ display:block; width:82px; height:3px; background:#fff; margin:14px auto;}

.index_product .content_bg{ height:300px; background:#f6f6f6; padding:70px 0px;}


.picScroll-left {
	position: relative;
	width: 1280px;
	margin:0px auto;
}
.picScroll-left .prev, .picScroll-left .next {
	display: block;
	z-index: 999;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -25px;
}
.picScroll-left .next {
	right: 0px;
	left: auto;
}

.picScroll-left .abd {

}
.picScroll-left .abd .tempWrap {
	margin:auto;
}
.picScroll {
	position: relative;
	width: 100%;
	margin-top: 20px;
}
.picScroll .prev, .picScroll .next {
	display: block;
	z-index: 999;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -25px;
}
.picScroll .next {
	right: 0px;
	left: auto;
}
.picScroll .abd {
	margin-top: 15px
}
.picScroll .abd .tempWrap {
	margin: auto;
}
.picList ul {
	overflow: hidden;
	zoom: 1;
	text-align: center;
}
.picList li {
	overflow: hidden;
	float:left;
	text-align: center;
	width: 20.8%;
	margin:0px 20px 0px 0px;
	box-shadow: 0px 0px 5px #ccc; 
   -webkit-box-shadow: 5px 5px 5px #ccc;
   -moz-box-shadow: 5px 5px 5px #ccc;
}
.picList li a{ font-size:16px;}

.picList li .pic img {
	width: 100%;
	display: block;
}
.picList .title {
	width: 100%;
	background: #fff;
}
.picList .title_in {
	width: 90%;
	margin: 0 auto;
	padding-top: 20px;
	height: 80px;
	overflow: hidden;
	text-align: center;
}
.picList .title_in>.f20 {
	color: #333;
	font-size: 16px;
	text-align: center;
}


.index_news{ width:1180px; margin:0 auto;}

.index_news .title{ font-size:30px; color:#444; font-weight:bold; text-align:center; line-height:56px; padding:56px 0px 0px 0px;}

.index_news .title span{ font-size:50px; color:#1166b1; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.index_news .title em{ display:block; width:82px; height:3px; background:#bbbbbd; margin:14px auto;}

.index_news_detail{ height:410px; margin:45px auto 0px auto;}

.index_news_more{ width:132px; height:42px; line-height:42px; text-align:center; color:#888989; border:1px #dcdcdc solid; margin:0 auto 58px auto;}

.index_news_more a{ color:#888989; text-decoration:none;}

.index_news_more a:hover{ color:#fff;}

.index_news_more:hover { background:#17599e;}

.index_news_more:hover a{ color:#fff;}


#inner_banner_1{ width:100%; height:306px; position:relative; background-size:100% 100%; background: url(../Images/001.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_2{ width:100%; height:306px; position:relative; background-size:100% 100%; background: url(../Images/002.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_3{ width:100%; height:306px; position:relative; background-size:100% 100%; background: url(../Images/003.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_4{ width:100%; height:306px; position:relative; background-size:100% 100%; background: url(../Images/004.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_5{ width:100%; height:306px; position:relative; background-size:100% 100%; background: url(../Images/005.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_6{ width:100%; height:306px; position:relative; background-size:100% 100%; background: url(../Images/006.jpg) center no-repeat; overflow:hidden; z-index:-1;}


.position{ height:44px; background:#f3f3f3; margin:0 auto;}

.position .text{ font-size:15px; color:#666; line-height:44px; background-image:url(../Images/position_icon.png); background-repeat:no-repeat; background-position:left; padding:0px 0px 0px 30px;}

.main{ width:1180px; margin:50px auto;}

.main .text{ font-size:32px; color:#1166b1; line-height:30px; text-align:center; margin:60px 0px 60px 0px;}

.main .text span{ font-size:16px; color:#d4d5d5; font-family:Arial, Helvetica, sans-serif}

.main .content{ font-size:16px; line-height:34px; color:#585858; text-align:justify;}


.works a{
	display: block;
	background: url(../images/img_78.png) no-repeat center center;
	width: 210px;
	height: 50px;
	padding-right: 30px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 50px;
	margin-top: 56px;
	transition: all 0.3s;
}
.works a:hover{
	background: url(../images/img_79.png) no-repeat center  center;
	color: #0089e0;
	transition: all 0.3s;
}


/*联系*/
.lx_con{ height:100%; overflow:hidden; margin:20px auto;}
.lx_left{ width:476px; float:left; margin:35px 0px 35px 0px;}
.info-c li {
	height: 60px;
	line-height: 60px;
	border: 1px solid #0e7abe;
	border-radius: 30px;
	margin-bottom: 20px;
	padding-left: 25px;
	font-size: 15px;
}
.info-c li .add {
	display: inline-block;
	padding-left: 25px;
	background: url(../Images/ic-add.png) no-repeat 3px center;
}

.info-c li .lxr {
	display: inline-block;
	padding-left: 25px;
	background: url(../Images/lxr.png) no-repeat 3px center;
}

.info-c li .chuazhen {
	display: inline-block;
	padding-left: 25px;
	background: url(../Images/chuazhen.png) no-repeat 3px center;
}
.info-c li .email {
	display: inline-block;
	padding-left: 25px;
	background: url(../Images/email.png) no-repeat 3px center;
}

.info-c li .lx_tel {
	display: inline-block;
	padding-left: 25px;
	background: url(../Images/ic-tel.png) no-repeat left center;
	margin-right: 20px;
}
.qr-c img {
	margin-bottom: 10px;
}
.qr-c {
	text-align: center;
	padding: 50px 0 60px 0;
	font-size: 18px;
	color: #333;
}
.lx_right{ float: right; width:630px; border:1px solid #e3e3e3; margin:0px 5px 0px 0px;}


.info-box{ height:100%; overflow:hidden; margin:0px auto 40px auto;}
.row_2{ width:1200px; margin:0px auto;}
.col-md-3{ float:left; width:21%; margin:0 2.34%;}
.col-md-3 li{ list-style-type: disc;}
.col-md-12{ width:100%; margin:30px 0px 0px 0px;}


.about-2{width:1150px;height:440px;background:url(../Images/about-2.jpg) no-repeat center bottom; margin:0 auto 80px auto;}
.about-2-left{padding-top:150px; padding-left:50px;}
.about-2-left h3{font-size:22px;color:#304773;}
.about-2-left h4{font-size:36px;color:#c8c8c8;font-family: Arial, Helvetica, sans-serif;letter-spacing: -3px;font-weight:500;}
.about-2-con{width:320px;height:345px;padding:35px 20px 0px 20px; background:#035cac;position:absolute;top:0;right:0;animation-delay:1.4s;}
.about-2-con p{font-size:16px;color:#fff; line-height:26px; padding-bottom:22px;}
.pr{position:relative;}