﻿@charset "utf-8";
/* CSS Document */

/* 全局 布局*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;font-family:"微软雅黑";}
img { border:0; }
*{ margin:0; border:1; padding:0}
ul,li{ list-style:none}
a{color:#000;}
a,a:hover{ text-decoration:none;transition: all 0.15s ease-out;}
a{transition: all 0.15s ease-out; -moz-transition:all 0.15s ease-out;  -webkit-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out;}

.fl{ float:left;} .fr{ float:right;} .red{ color:red;} .orange{ color:#ff6c00;} .white{ color:#fff;} .blue{ color:#064aab;} 
.wrap{ width:1020px; margin:auto; }
.wrap2{ width:1020px; margin:auto; overflow:auto;}
img{border:none;}
.clear{ clear:both;}

em,i{ font-style:normal}

.w1200{ width:1200px; margin:0 auto;margin-top: 60px;}

.bx1200{width: 1200px;margin: 0 auto;}
/* 顶部 */

.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font24{ font-size:24px;}
.font36{ font-size:36px;}

/*top*/
.headtop{ width:100%; height:35px; background:#143a99;}
.headtop p{ display:block; float:left; line-height:35px; font-size:14px; color:#fff;}
.top-l{line-height:35px;font-size:14px;color:#fff;}
.top-l a{ color: #fff;}
.top-l a:hover{ text-decoration: underline; }
.head .head_logo{width:100%; height:150px;}
.head .head_logo .logoDiv{float:left; width:374px; height:110px; padding-top:20px;}
.nav{ width:800px;}
.tel{background: url(../images/telb.png) left center no-repeat; padding-left: 50px;color: #dc0000;font-family: "Impact";font-size: 28px;margin-left: 580px;height: 55px;line-height: 55px;margin-top: 10px;}
.navMain{ position:relative; z-index:100;  }
.nav .navMain .navLi{ float:left; position:relative; z-index:101; width:12.5%; height: 80px;}
.nav .navMain .navLi.indexLi{ margin-left:0; border:0; background:none;}
.nav .navMain .navLi a.a1{ display:block;color:#bdbdbd; position:relative;width:100%; text-align:center; font-size:16px;line-height: 50px; transition:all 0.4s;}
.nav .navMain .navLi a.a1:hover{ background:#dc0000;}
.nav .navMain .navLi a.a1 span{font-size: 16px; color: #000;}
.nav .navMain .navLi a.a1 span:hover{color: #fff;}
.nav .navMain .navLi.indexLi:hover{}
.nav .navMain .navLi.indexLi:hover a.a1{color: #d30000;}`
.nav .navMain .navLi.indexLi:hover a.a1 span{color: #d30000; font-size: 16px;font-weight: bold;}
.nav .navMain .navLi.active .a1 em,.nav .navMain .navLi:hover a.a1 em{ display: none;}
.nav .navMain .navLi .dh2{width:400px; padding:10px; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #d30000; }
.nav .navMain .navLi .dh2 .box{ float:left;}
.nav .navMain .navLi .dh2 a.a2{ display:block;  width:180px; float:left; background-color:#fff; color:#333; font-weight: 700; line-height:20px; font-size:15px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #e8e8e8;}
.nav .navMain .navLi .dh2 a.a3 span{ padding-left:35px;}
.nav .navMain .navLi .dh2 a.a2 span{-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.nav .navMain .navLi .dh2 a.a2:hover span{ padding-left:20px;}
.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#ee1619; }
.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px;  float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }
.nav .navMain .navLi:hover .dh2{ display:block;}
/*banner*/
.banner{width:100%; background:#fafafa; position:relative; z-index:11;}
.banner_slides{ position:relative; overflow:hidden; width:100%; margin:auto; }
.banner_slides , .slides_container,.slides_control ,.banner_pic{height:734px;}
.banner_slides li.slidesjs-slide{width:100%;height:734px;}
.banner_slides li a{}
.banner_pic{display:block; width:100%; height:734px;}
.slides_btn{position:absolute; z-index:999;display:block;width:40px;height:70px;margin-top:-35px;top:50%;overflow: hidden;text-indent:-9999px; background-color:#fff;filter:alpha(opacity=20); /*IEÂË¾µ£¬Í¸Ã÷¶È50%*/-moz-opacity:0.2; /*FirefoxË½ÓÐ£¬Í¸Ã÷¶È50%*/opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; }
.banner:hover .slides_btn{filter:alpha(opacity=60); -moz-opacity:0.6; /*FirefoxË½ÓÐ£¬Í¸Ã÷¶È50%*/opacity:0.6;}
.btn_previous{ left:4%; background-image:url(../images/pre01.png);}
.btn_previous:hover{ background-color:#034eb1;background-image:url(../images/pre02.png);}
.btn_next{ right:4%; background-image:url(../images/next01.png);}
.btn_next:hover{ background-color:#034eb1;background-image:url(../images/next02.png);}
/**/
.slides_pagination{ width:75px;height:15px;bottom:30px; right:50%; margin-right:-37px; position:absolute;z-index:100; text-align:center; }
.slides_pagination li{margin: 0 7px;display:inline-block; width:10px;+float:left;}
.slides_pagination li a{display:inline-block; *display:inline;zoom:1;overflow:hidden;width:10px;height:10px;line-height:50px; border:2px solid #fff;color:#666;border-radius:100%;}
.slides_pagination li a.active,.slides_pagination li a:hover.active,.slides_pagination li a:hover{background:#fff;color:#fff; border:2px solid #fff;}
/*banner end*/



/*服务项目*/
.xccpzx{width:1200px;margin:0 auto;}
.xccpzx h2{height: 68px;color: #24b963;font-size: 28px;text-align: center;margin: 0 auto;padding-top: 40px;}
.xccpzx h2 p{line-height: 45px;font-size: 42px;color: #1577e4;}
.xccpzx h2 p span{color: #cc211a;font-size: 42px}
.xccpzx h2 div{color: #fff;font-size: 16px;font-weight: normal;background: #1577e4;width: 610px;height: 35px;text-align: center;line-height: 35px;margin: 0 auto;margin-top: 16px;}


/*产品中心*/
.cpbg{background: url(../images/cpbg.jpg) center repeat-y; height:1180px;}
.xccpzx h2 span{color: #08aa45;font-size: 32px;font-weight: bold;}
.cpzx{width: 100%;height:850px;padding-top: 25px;}
.xccpfl{width:80%;margin: 0 auto;overflow: hidden;padding-top: 75px;text-align: center;}
.xccpfl a{display: inline-block;font-size:18px;width:19%;height: 45px;text-align: center;color: #fff;line-height: 45px;margin: 5px 0.5%; background:#143a99;border-radius: 40px;}
.xccpfl a:hover{background: #cc211a;}

/*产品上下滚动*/
.sycp {margin-top: 30px; }
.anliroll {height: 800px; width: 86%; margin: 0 auto; }
.anliroll li {float: left; width: 23.2558139535%; background:rgb(255,255,255,0.8); margin: 2% 0 0 1.4%; }
.anliroll li a {display: block;overflow: hidden;position: relative; }
.anliroll li a h4 {overflow: hidden; }
.anliroll li a .spanImg{ display:block; overflow:hidden;width:100%; height:287px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s;}

.anliroll li a ol {line-height:70px;color: #000;width: 100%;transition: all .3s;font-size: 20px;padding: 0 10px;box-sizing: border-box; overflow: hidden;height: 70px;}
.anliroll li a ol a {color: #000;font-size: 20px; }
.anliroll li a span {display: inline-block;position: absolute;right:5px;bottom: 5%;border: 1px solid #dc0000;border-radius: 999px;padding: 3px 10px; color: #dc0000;}
.anliroll li a:hover {color: #fff; }
.anliroll li a:hover .spanImg {transform: scaleX(1.1) scaleY(1.1); }
.anliroll li a:hover ol {background: #143a99;color: #fff;padding-left: 25px; }
.anliroll li a:hover span {background: #fff;color: #143a99;border: 1px solid #143a99; }


.mcssk{float: right;margin-left: 20px;}
.submit{width: 70px;height: 40px;color: #3b3c3e;font-size: 14px;text-align: center;border: 1px solid #0182e7}
.key{width: 160px;height: 37px;float: left;}

.nybn{background: url(../images/4.jpg)no-repeat top;height: 500px;margin-top: 37px;}
.ny_flgd{padding-top: 150px;margin: 0 auto;width: 1200px;text-align: center;}

#ruanti_scroll1 img{width: 160px;height: 160px;overflow: hidden;border-radius: 50%;border: 5px solid #fff;}
#ruanti_scroll1 em{display: block;text-align: center;font-size: 16px;font-weight: bold;color: #fff;line-height: 40px;width: 170px;height: 40px;border-radius: 40px;background: #c60011;margin: 0 auto;margin-top: 10px;}
#ruanti_scroll1 a{display: inline-block;margin: 0 35px;}
#ruanti_scroll1 span{display: block;}

/*简介*/

.jj{position: relative;}
.xcjjk {width: 100%;background: url(../images/jjbg.jpg)bottom no-repeat;height: 787px;overflow: hidden;}
.jj_bt{margin-top: 55px;}
.jj_bt h2{font-size: 42px;color: #fff;text-align: center;padding-bottom: 5px;}
.jj_bt h3{font-size: 42px;color: #cc211a;font-family: Impact;text-align: center;background: url(../images/jj_line.png)no-repeat center;}

.xcjjk img{margin-top: 45px;}
.jj_wz{height: 150px;overflow: hidden;}
.jj_wz p{color: #fff;font-size: 16px;margin-top: 35px;line-height: 30px;text-align: center;}

.jj_more{width: 110px;height: 40px;border: 1px solid #fff;margin: 0 auto;margin-top: 50px;}
.jj_more a{text-align: center;line-height: 40px;display: block;font-size: 16px;color: #fff;}
.jj_more:hover{background: #cc211a;border: 1px solid #cc211a;transition: 0.3s all;}


/*优势*/
.youshi_all{height: 717px;background: url(../images/youshi_bg.jpg)no-repeat top;}

.ys_r{height: 717px;float: right;width: 49.55%}

.ys_bt{ padding-top:20px; padding-left:40px;}

.ys111{width: 560px;height: 96px;background: url(../images/youshi_1.png)no-repeat left;padding-left: 110px;margin-left: 40px;margin-top: 35px;}
.ys111 h3{color: #fff;font-size: 20px;padding-top: 5px;}
.ys111 p{color: #fff;font-style: 16px;width: 450px;line-height: 26px;margin-top: 10px;}

.ys111:nth-of-type(3){background: url(../images/youshi_2.png)no-repeat left;}
.ys111:nth-of-type(4){background: url(../images/youshi_3.png)no-repeat left;}
.ys111:nth-of-type(5){background: url(../images/youshi_4.png)no-repeat left;}

.ys_xia{width: 100%;background: #cc211a;height: 100px;}
.ys_xia_1200{width: 1200px;margin: 0 auto;height: 100%;}
.ys_xia_1200 div{width: 33%;color: #fff;font-size: 16px;line-height: 26px;float: left;background: url(../images/lx_1.png)no-repeat left;padding-left: 80px;box-sizing: border-box;height: 100%;}
.ys_xia_1200 div span{padding-top: 1.5em;display: block;}
.ys_xia_1200 div:nth-of-type(2){background: url(../images/lx_2.png)no-repeat left;}
.ys_xia_1200 div:nth-of-type(3){background: url(../images/lx_3.png)no-repeat left;}

/*新闻*/

.xcxwk{height: 570px;}
.tl_newsbt h2{height: 68px;color: #24b963;font-size: 28px;text-align: center;margin: 0 auto;padding-top: 40px;}
.tl_newsbt h2 p{line-height: 45px;font-size: 42px;color: #1577e4;}
.tl_newsbt h2 p span{color: #cc211a;font-size: 42px}
.tl_newsbt h2 div{color: #1577e4;font-size: 16px;font-weight: normal;outline:1px solid #1577e4;width: 610px;height: 35px;text-align: center;line-height: 35px;margin: 0 auto;margin-top: 16px;}

.news_l{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.news_l a{display: block;float: left;width:380px;margin-left: 20px;position: relative;}
.news_l a b{position: absolute;top: 0;left: 0;display: block;width:66px;height: 66px;background: #1577e4;color: #fff;font-size: 26px;text-align: center;transition: 0.3s all;}
.news_l a b i{display: block;font-size: 12px}
.news_l a img{width: 100%;height: 220px;border: 1px solid #ccc}
.news_l a h3{font-size:18px;color: #3e3d3d;margin: 16px 0 5px 0;width: 98%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; transition: 0.3s all;}
.news_l a p{color: #777777;line-height: 160%;height: 80px;overflow: hidden;transition: 0.3s all;}
.news_l a:hover p,.news_l a:hover h3{color: #cc211a}
.news_l a:hover b{background: #cc211a}


/*工程案例*/
.al_all{width: 100%;height: 640px;}

.albt_1200{width: 1200px;margin: 0 auto;margin-top: 60px;}
.tl_albt {float: left;}
.tl_albt h2{font-size: 42px;color: #1577e4;}
.tl_albt div{color: #cc211a;font-size: 28px;}
.albt_1200 p{float: right;font-size: 20px;margin-top: 20px;border-left: 5px solid #cc211a;padding-left: 10px;}
.albt_1200 p span{font-size:15px;font-weight: 700;color: #cc211a;}

.qimo8{overflow:hidden; width:100%;margin-top: 55px;}
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden;zoom:1; }
.qimo8 .qimo ul li{float:left;list-style:none; text-align:center;width:500px;height: 425px; margin-right:10px;position: relative;background: #eaeaea;transition: 0.3s all;}
.qimo8 .qimo ul li img{ width:480px; height:360px;margin-top: 10px;}
.qimo8 .qimo ul li ol{text-align:center;height:35px;line-height:50px;position: absolute;color: #333;font-size: 14px;width: 500px;}
.qimo8 .qimo ul li:hover{background: #cc211a;}
.qimo8 .qimo ul li:hover ol{color: #fff;}
.qimo8 li a{color:#000; }

/*底部联系*/
.xcdibu{ width:100%;  height:300px;background:#143a99;overflow:hidden;}
.xcd_left1{width: 205px;float:left;margin-top: 35px;padding-right: 30px;height: 260px;}
.xcd_left1 ul{width:210px;margin-top: 25px; }
.xcd_left1 li a{display: block;color: #fff;font-size: 14px;line-height: 36px;width: 50%;float: left;}
.xcd_left1 li a:hover{color: #f14510}
.xcd_left{float: left;width: 370px;margin-top: 35px;padding-left: 35px;border-left: 1px solid #1161b9;height: 260px;}
.xcdbt{color: #fff;font-size: 20px;font-weight: bold;border-bottom: 3px solid #fff;line-height: 42px;width: 95px;}
.xcdfl{width: 330px;margin-top: 25px;}
.xcdfl a{display: block;width: 50%;float: left;color: #fff;font-size: 14px;line-height:32px;}
.xcdfl a:hover{color: #f14510;}
.xcd_center{margin-top: 35px;float: left;width: 280px;height: 260px;padding-left: 45px;border-left: 1px solid #1161b9;padding-right: 30px;border-right: 1px solid #1161b9;}
.xcdlx{color: #fff;font-size: 14px;line-height: 30px;margin-top: 25px;}
.xcd_right{margin-top: 55px;width: 140px;text-align: center;float: left;padding-left: 40px;height: 260px;}
.xcd_right img{padding-top: 10px;}
.xcd_right div{font-size: 14px;color: #fff;text-align: center;}


/*版权*/
.banquan{width: 100%;height:85px;text-align: center;background: #323232;line-height:85px;font-size: 14px;color: #f5f7fa; line-height:25px;}
.banquan p{ line-height:25px;}
.banquan a{color: #f5f7fa}
.banquan a img{ padding-top:20px;line-height:25px;}

/*内页左侧联系*/
.nylx{ width:270px;background:#EFEFEF;margin:20px 0px;}
.nylx h3{ font-size:32px; font-weight:bold; color:#fff;height:80px; line-height:80px; text-align:center; background:#035da9;}
.nylx p{ font-size:14px; line-height:30px; color:#333; padding:10px;}



/*二级分类*/
.left_con{ width:268px; height:auto; background:#fff; border:solid 1px #ddd;}
.left_con ol li{ width:260px;  border-bottom:solid 1px #ddd; margin:0 auto; line-height:45px;font-size: 18px;}
.left_con ol li p a{ width:240px; height:40px; background:#f3c200; margin-bottom:1px; line-height:40px; padding-left:20px;display:block;font-size: 14px; color:#333;}
.left_con ol li p a:hover{width:240px;height:40px;line-height:40px; color:#fff; background:#dd0127;}


/*首页新闻2*/
#xwbox{float:left;width:570px; height:130px; margin:15px 10px; background:#ededed;border:solid 1px #ddd;}
.xwpic{ width:200px; height:130px;float:left;}
.xwpic img{width:200px; height:130px; }
.xwleft{ width:360px; height:130px; float:left; margin-left:10px; text-align: left;}

.xw14hui{ width:360px; height:50px; font-size:14px; color:#666; line-height:25px; font-weight: normal; font-family:"Microsoft Yahei";}
.xwtitle { color:#000; width:370px; height:30px; }
.xwtitle a{ width:430px; height:30px; font-size:16px; color:#000; line-height:30px; font-weight:bold; font-family:"Microsoft Yahei"; text-align:left;}
.xwtitle a:hover{ color:#ff0000;}
.xw_more{ font-size:14px; color:#ff0000; line-height:30px; text-align:left;}
.xw_more a{ color:#ff0000; text-decoration:none;}
.xw_more a:hover{ color:#ff0000;}




.synews1{ width:560px; }
.synews1 dl dt{width:560px; }
.synews1 dl dd{float:right; width:560px;  }
.synews1 dl dd h4{ font-size:18px; color:#005bac; height:35px; line-height:35px;}
.synews1 ul{width: 550px;height: 120px;overflow: hidden;background: #fff;padding: 15px;}
.synews1 ul li{width:550px;overflow: hidden}
.synews1 ul li a h4{font-size:16px; height:35px; line-height:35px; width:560px;}
.synews1 ul li a{margin: 0px;font-size: 16px;line-height: 26px;display: block;}

.nz{ width:26px; float:left;}
.ny { width:600; float:left; }
.ny img{ margin-top: 40px;}
.ny a{ font-size:16px;  color:#333; padding-left:20px; width:560px;}
.ny p{ font-size:14px; line-height:28px; color:#333;padding:20px; width:560px;}


.nybt{width: 1200px;overflow: hidden;color: #fff;margin: 30px auto;}
.nybt h3{float: left;width:120px;line-height: 35px;background: #bd0811;font-size: 20px; text-align: center;}
.nybt b{float: left;line-height: 35px;padding: 0 15px; background: #1577e4;font-size: 16px; text-align: center;font-weight: normal;margin: 0 20px;}
.nybt i{float: left;line-height: 35px;padding: 0 15px; background: #f9b718;font-size: 18px; text-align: center;font-weight:bold;}

.nynr{width: 1200px;margin: 0 auto;font-size: 16px;color: #333;line-height: 36px;overflow: hidden;}


.ny_lx_l{font-size: 18px;color: #333;line-height: 36px;}
.ny_lx_r{float: right;width: 700px;height: 450px;}


.cp_fl{width: 1200px;margin: auto;overflow: hidden;text-align: center}
.cp_fl a{display: inline-block;width: 170px;height: 35px;line-height: 35px;background: #e4181f;color: #fff;text-align: center;margin-right: 5px;margin-top: 10px;}
