@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-family:  Verdana, Tahoma, Helvetica, sans-serif, SimSun, Arial ; list-style:none;}
body{ background:#fff; min-width:1400px; font:normal 13px/22px "微软雅黑"; color:#888;}
img{ border:0;  }
a{ text-decoration:none; color:#888;}
a:hover{ color:#e91f28;}
.red { color:#e91f28;}
.green { color:#08964c;}
.blue { color:#1273b1;}
.white,.white a, .white a:hover, .white a:active { color:#ffffff;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
.dn { display:none;}
.w1400 { width: 1400px; margin:0 auto;}
.w1320 { width: 1320px; margin:0 auto;}

/*--页头--*/
.header { width: 100%; margin: 0 auto; background:url(../images/top.jpg) no-repeat center top;}
.header_bar { height: 40px; line-height: 40px; margin: 0 auto; color:#1273b1; border-bottom: 1px solid #eee;}
.header_bar .header_txt { width: 360px; margin: 0 auto;}
.header_bar .header_txt_l { width: 160px; margin-top: 5px; float: left;}
.header_bar .header_txt_r { width: 200px; float: right;}

.header_logo { width: 100%; height: 120px; margin: 0 auto;}
.header_logo img { margin:20px 0 0 0;}
.header_logo .tel { width: 220px; height: auto; margin:25px 0 0 0; background:url(../images/phone.gif) 0 5px no-repeat; padding-left: 65px;}
.header_logo .tel p { font-size: 15px; line-height: 35px;}
.header_logo .tel d { font-size: 26px; color: #e91f28;}

/*--导航菜单--*/
.nav { width: 100%; height: 50px; margin: 0 auto; background: #1273b1;}
.nav ul { width: 100%; height: auto;}
.nav ul li { display: inline-block; float: left; position:relative; width: 11.1%; height: 100%; text-align: center;}
.nav ul li:hover {background: #e91f28;}
.nav ul li.on { background:#e91f28;}
.nav li:last-child{ margin-right:0;}
.nav ul li a{color: white;}
.nav ul li a p{margin: 0; line-height: 50px; font-size: 15px;}
.nav li:last-child{ margin-right:0;}

/*--banner广告--*/
.banner .swiper-button-prev{ background:url(../images/prev.png) center no-repeat; left:50%; margin-left:-700px; width:68px; height:68px;}
.banner .swiper-button-next{ background:url(../images/next.png) center no-repeat; right:50%; margin-right:-700px; width:68px; height:68px;}
.banner img { width:100%; display:block; }
.banner .swiper-pagination-bullet-active { background:#e91f28;}
.banner span { width:20px; height:20px;}

/*--首页 产品中心--*/
.ipro { margin-top: 60px;}
.ipro_box { width: 1000px; margin-top: -40px; overflow: hidden;}
.ipro_box .cont_ipro { margin-left:-30px; width: 1030px}
.ipro_box .cont_ipro_box { width: 311.333px; height: 225px; float: left; margin-top: 40px; margin-left: 30px; background: #ebebeb; overflow: hidden; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition:0.5s; box-shadow: 1px 1px 5px #eee;}
.ipro_box .cont_ipro_box:hover{ -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.2); z-index: 2;}
.ipro_box .cont_ipro_pic { width: 311.333px; height: 225px; overflow: hidden;}
.ipro_box .cont_ipro_pic img { width: 100%; height:100%;}
.ipro_box .txt-ipro { position: absolute; left: 0; top: 0; width: 100%; height: 225px; padding-top:50px; line-height: 45px; text-align: center; background: rgba(0,0,0,0.4); display: none;}
.ipro_box .txt-ipro a { color:#fff;}
.ipro_box .txt-ipro h3 { font-weight: normal; font-size:20px; font-weight:900;}
.ipro_box .txt-ipro p { font-size: 14px; display: block; line-height:2em; padding:0 20px;}

/*首页 公司简介*/
.iabout { width: 100%; height: 580px; margin: 0 auto; background:url(../images/iabout_1.jpg) repeat; margin-top: 60px;}
.iabout_itit { width: 1320px; height: 55px; margin: 0 auto; text-align: center; padding-top: 40px;}
.iabout_itit p { width: 300px; height: 55px; line-height: 55px; font-size: 22px; color: #fff; background:url(../images/iabout_2.png) center no-repeat; display:inline-block; }
.iabout_box { width: 1320px; padding-top: 40px; overflow:hidden;}
.iabout_txt_a { width: 3%; height: auto;}
.iabout_txt_b { width: 34%; height: auto; padding-top: 40px;}
.iabout_txt_b p { width: 100px; font-size: 15px; line-height: 30px; color:#fff; text-align: center; float: left; margin: 15px 10px; border: 3px solid #fff; border-radius: 25px; -moz-border-radius: 25px; /* Old Firefox */}
.iabout_txt_c { width: 60%; height: auto; padding-top: 30px; font-size: 14px; line-height: 30px; color:#fff;}
.iabout_txt_c span { color: #fff; padding: 18px 80px; line-height: 60px; background-color: #e91f28; }
.iabout_txt_d { width: 3%; height: auto;}
.iabout_txt_d img { padding-top:350px; }

.iabout_txt { width: 60%; padding-left: 80px;}
.iabout_txt h3 { font-size: 30px; line-height: 80px; color: #fff; padding-top: 60px;}
.iabout_txt p { font-size: 14px; line-height: 30px; width: 720px; color:#fff; margin-top: 20px; margin-bottom: 20px;}
.iabout_txt span { color: #fff; padding: 18px 60px; line-height: 80px; border: 1px #ccc solid;}

/*--首页 案例展示--*/
.iteam { width: 100%; height: 500px; margin: 0 auto; background:url(../images/iteam.jpg) repeat;}
.iteam_itit { width: 1320px; height: 55px; margin: 0 auto; text-align: center; padding-top: 40px;}
.iteam_itit p { width: 240px; height: 55px; line-height: 55px; font-size: 22px; color: #1273b1; background:url(../images/iteam_1.png) center no-repeat; display:inline-block; }

.iteam_about { padding-top:40px;}
.iteam_about .nextBtn{ cursor:pointer; margin-top:30px; transition:all 0.4s; margin-left:12px; float:right; width:76px; height:30px; border-radius:30px; background:url(../images/nextn.png) center no-repeat #e5e5e5;}
.iteam_about .prevBtn{ cursor:pointer; margin-top:30px; transition:all 0.4s; margin-left:12px; float:right; width:76px; height:30px; border-radius:30px; background:url(../images/prevn.png) center no-repeat #e5e5e5;}
.iteam_about .nextBtn:hover {background:url(../images/nextn.png) center no-repeat #e91f28;}
.iteam_about .prevBtn:hover {background:url(../images/prevn.png) center no-repeat #e91f28;}



.iteam_box { width: 340px; height:auto; float:left; margin-right: 40px; overflow: hidden; }
.iteam_pic { width: 300px; height:225px; overflow: hidden;}
.iteam_pic img { display: block; width: 100%; height: 100%; overflow: hidden; transition: all 0.6s;}
.iteam_pic img:hover { transform: scale(1.2);}
.iteam_txt { height: 50px; line-height: 50px; font-size: 15px; text-align: center; background: #eee;}

/*首页 新闻中心*/
.inews { margin-top:40px;}
.inews_box { width: 930px;}
.inews_cont { width: 100%; padding: 20px 0; overflow: hidden; border-bottom: dashed #eee 1px;}
.inews_cont .inews_time { width: 10%; height: 70px; background: #1273b1; padding-top: 15px; margin-right: 40px; text-align: center; border-radius:5px;}
.inews_cont .inews_time span { color: #fff; font-size: 18px; display: inline-block; line-height: 30px;}
.inews_cont .inewstxt  { width: 85%;}
.inews_cont .inewstxt a { font-size:18px; color:#1273b1;}
.inews_cont .inewstxt p { margin-top: 10px; line-height:24px;}
.icontact { width: 320px; padding-top: 20px;}
.icontact_itit { font-size: 18px; line-height: 60px; color: #fff; text-align: center; background: #1273b1;}
.icontact_box {width: 100%; padding: 20px 0; display: table; table-layout: fixed;}

.icontact_txt { display: table-row; margin-top: 10px;}

.icontact_txt span { margin: 10px 20px 0 0; display: table-cell;}
.icontact_txt d {  height: 25px; line-height: 25px; display: table-cell;}
.icontact_txt p { width: 220px; height: 25px; line-height: 25px; display: table-cell;}

/* 友情链接 */
.link { margin-top:50px;}
.link_main { height: 43px; background:url(../images/link.jpg) repeat;}
.link_main p { width: 130px; height: 43px; font-size: 16px; line-height: 43px; color: #fff; background: #1273b1; padding-left: 25px; margin-left: 30px;}
.link_cont { line-height: 40px; margin-top: 20px;}
.link_cont a { margin-right: 80px;}

/* 底部css */
.footer { width: 100%; height: auto; font-size: 14px; color:#fff; background:url(../images/end.jpg) repeat; margin-top:40px; padding: 10px 0 0 0;}

.bottom_main { padding: 40px 0; margin: 0 auto;}
.bottom_l { width: 400px; float: left;}
.bottom_l h2 { height: 40px; font-size: 22px; font-weight:normal;}
.bottom_l p { line-height: 30px; }
.bottom_r { width: 350px; float: right;}
.bottom_r .lil { text-align: center; margin: 50px 0 0 0;}
.bottom_end { height: 60px; text-align: center; line-height: 60px; border-top: solid #fff 1px;}
.bottom_end a { color:#fff;}

/* 当前位置 */
.cont_web { width: 100%; height: 40px; border-bottom: 1px dashed #eee; }
.cont_web em { font-style: normal; padding-left: 20px; font-size: 14px; line-height: 40px; margin-top: 13px; color: #999999; background:url(../images/home.jpg) no-repeat left center;}

/* 内页分类 */
.cont { padding: 20px 0 0 0;}
.cont_menu { width:270px; height: 100%;}
.cont_menu h2 { height:90px; line-height:90px; font-size:22px; color:#ffffff; font-weight:normal; text-align:center; background:#1273b1;}
.cont_menu ul li{ width: 248px; height: 50px; line-height: 50px; font-size: 16px; border:1px solid #eee; margin: 10px 0; padding-left: 20px; background:url(../images/menu_01.png) no-repeat 230px center;}
.cont_menu ul li:hover{ width: 248px; height: 50px; font-size: 16px; border:1px solid #1273b1; background:url(../images/menu_02.png) #1273b1 no-repeat 230px center;}
.cont_menu ul li a{ color: #333;}
.cont_menu ul li:hover a{ color: #fff;}
.menu_txt { width: 100%; height: 180px; text-align:center; background: #1273b1; color: #fff; padding-top: 30px;}
.menu_txt p { font-size: 22px; line-height: 30px;}
.menu_txt d { font-size: 14px; line-height: 40px;}

/* 详细内容信息 */
.cont_nav { width: 1000px;}
.cont_nav .cont_main { line-height: 60px; border-bottom: 1px solid #f8f8f8; text-align: center;}
.cont_nav .cont_tit { line-height: 30px; color: #A5A5A5; text-align: center;}
.cont_nav .cont_content { font-size:14px; margin-top: 15px; width: 100%; height: 100%; line-height: 30px;}
.cont_nav .cont_content a { text-decoration:underline;}
.cont_nav .cont_tag { margin-top: 20px; height: 40px; line-height: 40px; border-top: 1px solid #f8f8f8;}
.cont_next { line-height: 30px; margin-top: 10px; padding: 10px; background:#f9f9f9;}

/* 产品列表 */
.cont_pro { width: 1000px; margin: auto; overflow: hidden;}
.cont_pro .cont_demo { margin-left:-30px; width: 1030px}
.cont_pro .cont_pro_box { width: 311.333px; height:auto; float:left; margin-left: 30px; margin-top:25px; border: 1px solid #eee; border-radius: 5px;}
.cont_pro .cont_pro_box:hover{ transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; margin-top:25px; box-shadow:1px 1px 5px #eee;}
.cont_pro .cont_pro_pic { width: 311.333px; height:225px; overflow: hidden;}
.cont_pro .cont_pro_pic img { display: block; width: 100%; height: 100%; overflow: hidden; transition: all 0.6s;}
.cont_pro .cont_pro_pic img:hover { transform: scale(1.2);}
.cont_pro .cont_pro_txt { height: 50px; line-height: 50px; font-size: 15px; text-align: center;}

/* 图片案例列表 */
.cont_case { width: 1000px; margin: auto; overflow: hidden;}
.cont_case .cont_demo { margin-left:-30px; width: 1030px}
.cont_case .cont_case_box { width: 225.5px; height:auto; float:left; margin-left: 30px; margin-top:25px; border: 1px solid #eee; border-radius: 5px;}
.cont_case .cont_case_box:hover{ transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; margin-top:25px; box-shadow:1px 1px 5px #eee;}
.cont_case .cont_case_pic { width: 225.5px; height:170px; overflow: hidden;}
.cont_case .cont_case_pic img { display: block; width: 100%; height: 100%; overflow: hidden; transition: all 0.6s;}
.cont_case .cont_case_pic img:hover { transform: scale(1.2);}
.cont_case .cont_case_txt { height: 50px; line-height: 50px; font-size: 14px; text-align: center;}

/* 详细产品概述信息 */
.pro { overflow:hidden; padding:20px 0;}
.pro ul { padding-left: 480px; width:500px;}
.pro li { overflow:hidden; font-size:14px; line-height:50px;}
.pro dd { border-bottom: 1px dashed #dcdcdc;}
.pro p { float:left; width:350px;}
.pro span { float:right; width:150px; padding-top:10px;}
.pro .paper { float:left; width:400px; height:auto; border:5px solid #f8f8f8; display:block;}

/*新闻列表*/
.cont_news { padding-bottom:2%;}
.cont_news dl { padding:2% 0; border-bottom:1px solid #f0f4f4; display:table; width:100%;}
.cont_news dd{ display:table-cell; vertical-align:middle;}
.cont_news dd:nth-child(1){ width:90px; line-height:40px;}
.cont_news dd:nth-child(2){ width:19.1%;}
.cont_news dd:nth-child(2) img{ width:85%;}
.cont_news dd span{ display:block; font-size:42px;}
.cont_news dd p{ line-height:25px; height:auto; margin-top: 10px; color: #999999; overflow:hidden;}
.cont_news dd .dot{ font-size:16px; color: #3E3E3E;}
.cont_news dd:nth-child(3){ font-size:12px;}
.cont_news dd .more { margin-top: 10px; display:inline-block; background: #e91f28; line-height:30px; padding:0 20px 0 26px; color: #ffffff; border-radius:28px;}

/* 视频列表 */
.cont_video { width:1080px; display: inline-block; padding:20px 0;}
.cont_video ul li { width:240px; height:auto; float:left; background:#f8f8f8; color:#333; font-size:15px; margin-right:30px; margin-bottom:20px;}
.cont_video ul li:hover { background:#024a7a; color:#fff; -webkit-transition:all .5s; transition:all .5s;}
.cont_video ul li img { width:230px; height:auto; padding:5px;}
.cont_video ul li p { height:40px; line-height:30px; font-size:15px; text-align:center;}

/* 信息反馈 */
.cont_message { width: 1000px; padding-top: 30px;}
.message_itit { text-align: center; padding: 10px 0 30px; border-bottom: 1px solid #eee;}
.message_itit span { font-size: 26px; font-weight: 900;}
.message_itit p { font-size: 16px; color: #666; line-height: 30px; padding-top: 15px;}

.message_bar { padding-top: 30px; font-size: 16px;}
.message_cell { width: 100%; height: auto; margin-bottom: 15px; font-size: 16px;}
.message_cell span { margin-right: 30px; font-size: 16px;}
.message_cell input { width: 370px; height: 45px; color: #666666; background: #fff; border: 1px solid #eee; border-radius: 5px; text-indent: 2em; margin-right: 20px;}
.message_cell input:hover,textarea:hover{ transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; box-shadow:0px 0px 10px #eee;}
.message_cell input:last-child { margin: 0;}
.message_cell textarea { width: 800px; height: 100px; line-height: 30px; color: #666666; background: #fff; border: 1px solid #eee; border-radius: 5px; margin-right: 20px;}
.message_cell .message_yellow { width: 150px; background: #e91f28; color: #fff;}

/*.Page001527*/
.PageList .Pages{ padding: 20px 0; text-align: center; line-height: 23px; zoom: 1; overflow: hidden; }
.PageList .Pages a{ display: inline-block; height: 40px; margin: 0 5px; font-size: 16px; line-height: 40px; }
.PageList .p_cur,
.PageList .p_count,
.PageList .p_total,
.PageList .p_jump{ display: none; }
.PageList .p_page{ padding: 0px 5px; display: inline-block; }
.PageList .p_page a{color:#5f5c4d; border:solid 1px #ececec; display:inline-block; padding:0 12px; overflow:hidden; position:relative;  background-color:#fff;}
.PageList .p_page .a_prev,
.PageList .p_page .a_next{ width:80px; }
.PageList .p_page .num a{ width:44px; }
/*hover*/
.PageList .p_page .a_first:hover,
.PageList .p_page .a_end:hover,
.PageList .p_page .a_prev:hover,
.PageList .p_page .a_next:hover,
.PageList .p_page .num a:hover,
.PageList .p_page .num .a_cur{ background:#e91f28; color:#fff; }
.PageList em{ font-style:normal;}

@media (max-width:768px){
.PageList .a_first,
.PageList .a_end,
.PageList .p_page .num a{ display:none !important;}
	
}