@charset "utf-8";
/*通用样式*/
body{ margin:0 auto; font-size:13px; color:#888; font-family: "微软雅黑",Arial, Helvetica, sans-serif; line-height:normal; min-width: 1200px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
*{ margin:0px; padding:0px;}
img { border:0px;}
a{ text-decoration:none; color:#888;}
a:hover{ color:#f3a72f;}
.clear{ clear:both;}
.fl { float:left;}
.fr { float:right;}
.w1200 { width: 1200px; margin:0 auto;}

/* 头部样式 */
.top{ height: 140px; width: 1200px; margin: 0 auto; position: relative;}
.top .logo{ float: left; padding-top: 30px;}
.nav{ float: right;  height: 140px; box-sizing: border-box;}
.nav ul li{ float: right; padding-top: 70px; height: 140px; box-sizing: border-box; margin-left: 60px; display: inline-block; font-size: 15px; color: #666; position: relative;}
.nav ul li a{ color: #666;}
.nav ul li p{ font-size: 10px; color: #ccc; text-align: center;}
.nav ul li dl{ width: 110px; background: #fff; position: absolute; top: 140px; padding-top: 30px; border-top:2px solid #3d95c3; border-bottom: 2px solid #3D95C3; left: 50%; transform: translateX(-55px); display: none; z-index: 9999;}
.nav ul li dl dd{ padding-bottom: 30px; text-align: center;}
.nav ul li dl dd a{ font-size: 13px; color: #ccc;}
.nav ul .on a{ color: #1883bb;}
.nav ul .on p{ color:#1883bb ;}
.nav ul li:hover{ border-bottom: 4px solid #f3a72f;}
.nav ul li:hover dl{ display: block;}
.nav ul li dl dd:hover a{ color: #1883bb;}
.top_side{ position: absolute; right: 0; top: 0;}
.top_side ul li{ float: right; height: 60px; line-height: 60px; padding-left: 30px; margin-left: 40px; position: relative;}
.top_side ul li a{ color: #1883bb;}
.top_side ul li:nth-child(1){ background: url(../images/a_08.jpg) left center no-repeat;}
.top_side ul li:nth-child(2){ background: url(../images/a_05.jpg) left center no-repeat;}
.top_code{ width: 90px; height: 90px; padding: 10px; position: absolute; top: 60px; background: #fff; right: 0; border: 1px solid #ccc; z-index: 9999; display: none;}
.top_side ul li:hover .top_code{ display: block;}
.top_code img{ width: 100%; height: 100%;}

/* 首页Banner样式 */
.banner{ width: 100%; height: auto; position: relative; overflow: hidden;}
.banner img{ width: 100%; height: auto;}
.banner .hd{ position: absolute; bottom: 0; width: 1400px; left: 50%; transform:translateX(-700px);}
.banner .hd .number{ float: right; font-size: 14px; color: #CCCCCC; padding-bottom: 45px;}
.banner .hd .number span{ font-size: 26px; font-weight: bold; color: #fff;}

/* 首页公司简介样式 */
.about{ width: 1200px; margin: 0 auto; padding-top: 100px;}
.title{ width: 100%; font-size: 28px; line-height: 28px; color: #999; padding-bottom: 60px;}
.title span{ font-size: 18px; color: #1883bb;}
.about_text{  width: 900px;color: #666666; font-size: 14px; line-height: 24px; position: relative;}
.about_text .more{ display: block; position: absolute; bottom:5px; right: -230px; background: url(../images/a_03.jpg) left center no-repeat; height: 14px; font-size: 14px; color: #f4ad3d; padding-left: 135px; line-height: 16px;}
.about_main{ background: url(../images/b_03.jpg) right 90px no-repeat; width: 100%; margin-top: 65px;}
.about_main .layer1{ overflow: hidden;}
.about_main .layer1 .left{ float: left; width: 750px;}
.about_main .layer1 .list{ width: 450px; float: left; padding-top: 110px;}
.about_main .layer1 .list ul{ text-align: center;}
.about_main .layer1 .list ul li{ display: inline-block; width: 65px; padding-top: 50px; margin: 0 25px;}
.about_main .layer1 .list ul li .icon{ height: 65px; width: 100%; transition: 0.3s;}
.about_main .layer1 .list ul li p{ font-size: 16px; text-align: center; color: #333; transition: 0.3s;}
.about_main .layer1 .list ul li:nth-child(1) .icon{ background: url(../images/a1.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(2) .icon{ background: url(../images/a2.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(3) .icon{ background: url(../images/a3.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(4) .icon{ background: url(../images/a4.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(5) .icon{ background: url(../images/a5.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(6) .icon{ background: url(../images/a6.jpg) center center no-repeat;}

.about_main .layer1 .list ul li:nth-child(1):hover .icon{ background:url(../images/a7.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(2):hover .icon{ background:url(../images/a8.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(3):hover .icon{ background:url(../images/a9.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(4):hover .icon{ background:url(../images/a10.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(5):hover .icon{ background:url(../images/a11.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:nth-child(6):hover .icon{ background:url(../images/a12.jpg) center center no-repeat;}
.about_main .layer1 .list ul li:hover p{ color: #1983bb;}

/* 首页产品样式 */
.about_main .layer2{ padding-top: 60px; overflow: hidden;}
.about_main .layer2 .warp{ position: relative; width: 750px; float: left; height: 160px;}
.about_main .layer2 .bd{ width: 750px; overflow: hidden; height: 160px;}
.about_main .layer2 .bd ul li{ float: left; margin-right: 28px; width: 230px; height: 160px; overflow: hidden; position: relative;}
.about_main .layer2 .bd ul li img{ width: 100%; height: 100%; border-radius: 30px;}
.about_main .layer2 .warp span{ display: block; width: 80px; height: 40px; background: #e5e5e5; position: absolute; bottom: 0; border-radius:8px ; cursor: pointer; transition: 0.5s;}
.about_main .layer2 .warp .prev{left: 800px; background: url(../images/icon_03.png) center center no-repeat #e5e5e5;}
.about_main .layer2 .warp .next{left: 900px; background: url(../images/icon_05.png) center center no-repeat #e5e5e5;}
.about_main .layer2 .warp span:hover{ background-color:#f3a72f ;}
.about_main .layer2 .bd ul li p{ background: rgba(25,131,187,0.6) url(../images/icon2.png) 188px center no-repeat; width: 230px; height: 60px; left: -230px; top: 50%; transform: translateY(-30px); line-height: 60px; font-size: 16px; color: #fff; text-indent: 20px; transition: 0.5s; position: absolute;}
.about_main .layer2 .bd ul li a{ display: block; width: 100%; height: 100%; position: relative;}
.about_main .layer2 .bd ul li:hover p{ left: 0;}
.layer2_list{ float: left; width: 450px; padding-top: 45px;}
.layer2_list ul li{ float: left; padding-left: 30px; font-size: 13px; color: #999; cursor: pointer;}
.layer2_list ul .on{ color: #1983bb;}
.warp_box{ width: 750px; height: 160px; float: left;}

/* 首页新闻资讯 */
.new{ width: 100%;}
.new_top{ width: 1200px; margin: 0 auto; padding-top: 150px;}
.new_top ul{ padding-bottom: 30px; overflow: hidden;}
.new_top ul li{ float: left; padding-right: 50px;}
.new_top ul li a{ font-size: 16px; color: #333;}
.new_top ul li:hover a{ color: #278bc0;}
.new_main{ width: 100%; background: url(../images/a_06.jpg) top center no-repeat; height: 640px;}
.new_main .new_mainBox{ width: 1200px; margin: 0 auto;}
.new_main .new_mainBox ul{ padding-top: 85px; width: 555px;}
.new_main .new_mainBox ul li{ height: 68px; border-bottom: 2px solid #e5e5e5; background: url(../images/a_35.jpg) right center no-repeat; transition: 0.5s; line-height: 68px; overflow: hidden;}
.new_main .new_mainBox ul li span{ display: inline-block; width: 70px; font-size: 13px; color: #999; float: left;}
.new_main .new_mainBox ul li p{ display: inline-block; margin-left: 35px; font-size: 14px; color: #999; width: 380px; overflow: hidden; line-height: 68px; float: left;}
.new_main .new_mainBox ul li:hover{ background: url(../images/a_39.jpg) right center no-repeat; border-bottom: 2px solid #1983bb;}
.new_main .new_mainBox ul li:hover span{ color: #1983bb;}
.new_main .new_mainBox ul li:hover p{ color: #1983bb;}
.new_mainBox .left{ float: left; width: 555px; height: auto; position: relative;}
.new_mainBox .left .more{ display: block; position: absolute; bottom:5px; right: -230px; background: url(../images/a_03.jpg) left center no-repeat; height: 14px; font-size: 14px; color: #f4ad3d; padding-left: 135px; line-height: 16px;}
.new_mainBox .right{ width: 580px; float: right; transform: translateY(-160px);}
.new_mainBox .right .icon{ width: 100%;}
.new_mainBox .right .icon img{ width: 100%; height: 329px;}
.new_mainBox .right .text{ padding: 0 30px 25px 30px; width: 100%; box-sizing: border-box; background: #fff;}
.new_mainBox .right .text h2{ height: 65px; line-height: 65px; font-size: 18px; font-weight: normal; color: #333;}
.new_mainBox .right .text p{ font-size: 14px; color: #999; line-height: 22px;}

/* 首页项目案例 */
.case{ width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 80px; padding-bottom: 120px;}
.case .caseLeft{ float: left; width: 672px; height: 452px; background: url(../images/bg_07.jpg);}
.case .caseLeft .nr{ margin:53px 0 0 62px; width: 490px; height: 330px; position: relative;}
.case .caseLeft .nr .bd img{ width: 100%; height: 330px;}
.case .caseLeft .nr span{ display: block; position: absolute; width: 48px; height: 48px; bottom: -48px; cursor: pointer; transition: 0.4s;}
.case .caseLeft .nr .prev{ right: -48px; background: url(../images/icon_03.png) center center no-repeat #e5e5e5;}
.case .caseLeft .nr .next{ right: -96px; background: url(../images/icon_05.png) center center no-repeat #e5e5e5;}
.case .caseLeft .nr span:hover{ background-color:#f3a72f ;}

.caseRight{ width: 460px; float: right;}
.caseRight .text span{ width: 40px; float:left; display: block; border-top:2px solid #1983bb; transform: translateY(12px);}
.caseRight .text p{ width: 410px; float: right; color: #666666; line-height: 36px; font-size: 14px;}

/* 内页banner */
.cont_banner { width: 100%; height: 400px; overflow: hidden; background: url("/images/cont.jpg") no-repeat center;}

.cont_web { width: 100%; height: auto;}
.cont_web { width: 100%; height: 40px; background: #f4f4f4; text-align: right; }
.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 { margin-top:25px;}
.cont_menu { width:270px; height: 100%; margin-top: -115px; z-index: 1100;}
.cont_menu h2 { height:90px; line-height:90px; font-size:22px; color:#ffffff; text-align:center; background:#1883bb;}
.cont_menu ul li{width: 270px;height: 61px;line-height: 60px;background: url("/images/about_01.jpg") no-repeat center;text-align: center;font-size: 16px;}
.cont_menu ul li:hover{display: inline-block;width: 270px;height: 61px;text-align: center;font-size: 16px;position: relative;z-index: 10;background: #f3a72f;}
.cont_menu ul li a{color: #666;}
.cont_menu ul li:hover a{color: #fff;}
.cont_tel { width: 100%; height: 104px; background: #1883bb;}
.cont_tel img { width: 104px; display: inline-block; float: left;}
.cont_tel span { width: 160px; margin-top: 30px; line-height: 25px; color: #FFFFFF; display: inline-block; float: right;}
.cont_tel p { font-size: 18px;}

/* 详细内容信息 */
.cont_nav { width:880px;}
.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:880px; padding-bottom:2%;}
.cont_pro dl { padding:2% 0; border-bottom:1px solid #f0f4f4; display:table; width:100%;}
.cont_pro dd{ display:table-cell; vertical-align:middle;}
.cont_pro dd:nth-child(1){ width:300px;}
.cont_pro dd:nth-child(1) img{ width:80%;}
.cont_pro dd span{ display:block; font-size:42px;}
.cont_pro dd p{ line-height:20px; height:auto; margin-top: 10px; color: #999999; overflow:hidden;}
.cont_pro dd .dot{ font-size:16px; color: #3E3E3E;}
.cont_pro dd:nth-child(2){ font-size:12px;}
.cont_pro dd .more { margin-top: 10px; display:inline-block;  background: #f3a72f; line-height:30px; padding:0 20px 0 26px; color: #ffffff; border-radius:28px;}

/* 图片案例列表 */
.cont_case { width: 880px; margin: auto; overflow: hidden;}
.cont_case .cont_demo { margin-left:-30px; width: 910px}
.cont_case .cont_case_box { width: 273.33px; 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: 273.33px; height:205px; 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: 15px; 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: #f3a72f; 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;}

/*.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:#f3a72f; 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;}
	
}

/* 底部样式 */
.footer{ margin-top:40px; background: #f5f5f5; height: 445px;}
.footer .footer_box{ width: 1200px; margin: 0 auto; padding-top: 100px;}
.footer .footer_box .footer_side{ width: auto; height: 280px; position: relative; float: left; padding-right: 70px;}
.footer .footer_box .footer_side h2{ font-size: 16px; color: #3d95c3; padding-bottom: 35px;}
.footer .footer_box .footer_side ul li{ padding-bottom:15px;}
.footer .footer_box .footer_side ul li a{ color: #ababab; font-size: 14px;}
.footer .footer_box .footer_side span{ display: block; position: absolute; left: 0; bottom: 0; height: 1px; width: 26px; background: #f3a72f;}
.footer .footer_box .code{ float: right; width: 175px; height: auto;}
.footer .footer_box .code img{ width: 175px; height: auto; }
.footer .footer_box .code p{ text-align: center; padding-top: 45px; font-size: 14px; color: #ccc;}

.footer_bottom{ width: 1200px; margin: 0 auto; height: 125px;}
.footer_bottom .phone{ float: left; width: 250px; padding-top: 38px;}
.footer_bottom .phone h2{ font-size: 32px; color: #3d95c3;}
.footer_bottom .phone p{ font-size: 14px; color: #999;}
.footer_bottom .footer_bottomRight{ float: right;}
.footer_bottom .footer_bottomRight ul{ overflow: hidden;}
.footer_bottom .footer_bottomRight ul li{ float: right; height: 85px; line-height: 85px; color: #ccc; font-size: 14px;}
.footer_bottom .footer_bottomRight ul li a{ display: inline-block; width: 75px; height: 85px;}
.footer_bottom .footer_bottomRight ul li:nth-child(1){ background: url(../images/a_55.jpg) center center no-repeat;}
.footer_bottom .footer_bottomRight ul li:nth-child(2){ background: url(../images/a_49.jpg) center center no-repeat;}
.footer_bottom .footer_bottomRight ul li:nth-child(3){ background: url(../images/a_52.jpg) center center no-repeat;}
.footer_bottom .footer_bottomRight ul li span{ display: inline-block; float: left;}
.footer_bottom .footer_bottomRight p{ font-size: 14px; color: #999;}