@charset "gb2312";
*{margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,table,th,td{margin:0; padding:0;}
body,html{font-family:microsoft yahei; font-size:14px; color:#333; text-decoration:none;}
body{font:normal 100% Microsoft YaHei, 微软雅黑, Arial, Tahoma, Helvetica, sans-serif; min-width:1300px;}
table{border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span{font-weight:normal;}
button,input,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; vertical-align:middle; font-family:microsoft yahei;}
address,caption,cite,code,dfn,em,var,b{font-style:normal; font-weight:normal;}
input,textarea{outline-style:none;resize:none;border:none;-webkit-appearance:none;border-radius:0;}
a{text-decoration:none; color:#333;}
ul,li,ol{list-style-type:none;}
fieldset,img{border:0;}
img,a{transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.input{width:80%; border:1px solid #dedbd7; padding:1em .4em; font-size:12px; color:#666;}
.fl{float:left;}
.fr{float:right;/*background: url(../images/aboutusright.jpg) no-repeat;   */}
.clear{clear:both;}
.clearfix:after{content:'\20'; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.w1200{width:1200px; height:auto; margin:0 auto;}
.ov{overflow:hidden;}
.blank{width:auto; height:40px;}



/* 头部 */
.header{width:100%; height:100px; margin:0 auto 35px; z-index:9999;position:fixed;    top: 0;background:rgba(125,132,137,0.6)}
.welcome{width:1200px; height:auto; margin:0px auto;}
.welcome .logo {float:left;}

.welcome .form{position:relative; width:30px; height:100px; float:right; background:url(../images/form.png) no-repeat center center;}
.welcome .form form{display:none; position:absolute; right:0; top:35px; width:140px; background:#fff; border:1px solid #444; z-index:999;}
.welcome .form form .txt{float:left; height:30px; line-height:30px; padding-left:10px; width:100px; font-size:13px;}
.welcome .form form .btn{float:right; background:#444; color:#fff; width:30px; height:30px; line-height:30px; cursor:pointer;}
.welcome .form:hover form{display:block;}
.welcome .form:hover{width:140px; transition: all 0.6s;}

.nav{float:right; width:63.6%;margin-top:10px}
.nav ul li{float:left; width: 16.6%; position:relative;}
.nav ul li .a1{display:block; width:100%; height:100px; padding-top:30px; text-align:center; font-size:20px; color:#fff}
.nav ul li .a1 span{display:block; margin-top:5px; text-transform:uppercase; font-size:12px; color:#ff9900;}
.nav ul li.current .a1,.nav ul li.current .a1 span,.nav ul li:hover .a1,.nav ul li:hover .a1 span{color:#ff9900;}


/*banner*/
.lubo{position:relative;overflow:hidden; }
.lubo_box li{float:left;}
.lubo_box li a{display:block; width:100%; height:100%;}
.lubo_box li img{width:100%; }
.lubo .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1;margin-right: -55px; }
.lubo .hd ul{ overflow:hidden; zoom:1; float:left;  }
.lubo .hd ul li{ float:left; margin-right:10px;  width:45px; height:5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.lubo .hd ul li.on{ background:#f00; color:#fff; }
.cir_box{overflow:hidden; position:absolute; z-index:100;}
.cir_box li{float:left; width:30px; height:5px; margin:0 5px; cursor:pointer; background:#fff; opacity:1; filter:alpha(opacity=100);}
.cir_on{background:#026bac !important;}
.lubo_btn{position:absolute; width:100%; top:330px;}
.left_btn,.right_btn{font-family:"宋体"!important; width:30px; height:80px; cursor:pointer; color:#fff; line-height:80px; font-size:30px; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:all 1s;}
.lubo:hover .left_btn,.lubo:hover .right_btn{background:#000; opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.left_btn{float:left;}
.right_btn{float:right;}
.kjfw{overflow:hidden;margin-bottom:60px}
.kjfw h1{text-align:center;font-size:30px;font-weight:bold;margin:40px 0}
.kjfw .fw-top{font-size:18px;text-align:center}
.kjfw .fw-bot ul li{float:left;    width: 250px;
    margin: 25px;cursor:pointer;}
.kjfw .fw-bot ul li div{    width: 120px;
    height: 120px;
    border-radius: 60px;background:#e8e8e8;margin:auto}
.kjfw .fw-bot ul li p{text-align:center;    margin-top: 20px;
    font-size: 16px;}
.kjfw .fw-bot ul li div{background:url(../images/yllg.png) no-repeat #e8e8e8;}
.kjfw .fw-bot ul li:nth-child(1) div{background:url(../images/icon1.png) no-repeat center #e8e8e8;transition:all 1s}
.kjfw .fw-bot ul li:nth-child(2) div{background:url(../images/icon2.png) no-repeat center #e8e8e8;transition:all 1s}
.kjfw .fw-bot ul li:nth-child(3) div{background:url(../images/icon3.png) no-repeat center #e8e8e8;transition:all 1s}
.kjfw .fw-bot ul li:nth-child(4) div{background:url(../images/icon4.png) no-repeat center #e8e8e8;transition:all 1s}
.kjfw .fw-bot ul li:hover div{transform:rotateY(360deg);
-ms-transform:rotateY(360deg); 	/* IE 9 */
-moz-transform:rotateY(360deg); 	/* Firefox */
-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
-o-transform:rotateY(360deg); 	/* Opera */

}
.cpzx-top{height: 35px;line-height: 35px;}
.cpzx-top .fl{    font-size: 20px;
    border-bottom: 2px solid #333;
    line-height: 45px;
    width: 100px;
    text-align: center;
 
    font-weight: bold;}
.cpzx-top .fr li{float:left;margin-right:10px}
.cpzx-top .fr li a{padding:0 5px;font-size:16px}
.cpzx-top .fr li:nth-child(1){background:#026bac}
.cpzx-top .fr li:nth-child(1) a{color:#fff}
.cpzx-top .fr li:hover{background:#026bac}
.cpzx-top .fr li:hover a{color:#fff}
.cpzx1{margin-top:50px}
.picMarquee-left{ overflow:hidden; position:relative;     }
.picMarquee-left .hd{}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:35px;    overflow:hidden;
	 cursor:pointer; background:#999;position:absolute;height:300px;top: 25px;line-height: 300px;
   
    color: #fff;
    font-size: 60px;}
.picMarquee-left .hd .prev{left:0;text-indent: -25px;}
.picMarquee-left .hd .prev:hover{background:#026bac}
.picMarquee-left .hd .next{right:0;}
.picMarquee-left .hd .next:hover{background:#026bac}

.picMarquee-left .bd{ padding:10px 0; width:1070px;margin:auto;    overflow: hidden;  }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;  width:330px}
.picMarquee-left .bd ul li .pic{ text-align:center; width:324px; height:260px;overflow:hidden;padding:2px; border:1px solid #ccc;}
.picMarquee-left .bd ul li .pic img{ width:324px; height:260px; display:block;  margin:auto;transition:all 0.5s}
.picMarquee-left .bd ul li .pic:hover img{ border-color:#999; transform:scale(1.2) }
.picMarquee-left .bd ul li .title{ line-height:24px;  font-size:16px;width:95%;margin:auto }
.picMarquee-left .bd ul li .title1{ line-height:24px;color:#999;width:95%;margin:auto}
.picMarquee-left .bd ul li:hover .title{color:#026bac}
.cpzx-more{width:160px;height:35px;border:1px solid #026bac;line-height:35px;margin:30px auto}
.cpzx-more a{display:block;text-align:center;}
.cpzx-more a:hover{background:#026bac;color:#fff}		

/* 公司简介 */
.about_wrap{width:100%; margin:50px auto 10px;    overflow: hidden;  /* 此后为后加 */  background:url(../images/about.jpg) no-repeat;background-size:cover; }

.about_wrap .fl{width:48%;height:35rem;background:url(../images/com.png) no-repeat;background-size:cover;}
.about_wrap .fr{width:50%;height:35rem;}
.about_wrap .fr .cpzx-more{float:left}
.about_wrap .fr .about_top{font-size:20px;border-bottom:2px solid #333;line-height:45px;width:100px;text-align:center;margin-top:50px;font-weight:bold;}
.about_wrap .fr .about_con{width:600px;line-height:35px;margin-top:25px;font-size:16px;}
/* 标题 */
.tit{width:1200px; height:auto; float:left; overflow:hidden;}
.tit span{color:#026bac; font-size:30px; display:block; text-align:center;font-weight:bold;line-height:35px;letter-spacing:1px;}
.sj{width:1200px; height:auto; text-align:center; margin:10px auto 0px;}
.triangle-down{width:0; height:0; margin:0 auto; border-left:8px solid transparent; border-right:8px solid transparent; border-top:14px solid #026bac;}





/* 客户案例 */
.sgglbox{width:100%; height:780px; background:url(../images/sgglbj.jpg) no-repeat center center;display:none}
.sggl{width:1200px; height:720px; padding-top:60px; margin:0 auto;}
.sggl .tit span{color:#fff;}
.sggl .triangle-down{border-top:14px solid #fff;}

.sglibox{width:1200px; height:530px; margin-top:30px; background:#FFF;}
.sglibox dl{width:1200px; height:auto; float:left; overflow:hidden; margin-top:25px;}
.sglibox dl dt{width:220px; height:230px; float:left; margin:5px 3px 10px 15px;}
.sglibox dl dt a{overflow:hidden;}
.sglibox dl dt img{width:220px; height:200px;}
.sglibox dl dt img:hover{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7;transform:scale(1.1);}
.sglibox dl dt a{font-size:14px; display:block; text-align:center; line-height:37px;}
.sglibox dl dt:hover a{color:#ff6600;}


/* 工程业绩 */
.al{background:#f5f5f5; padding:30px 0;margin:20px 0;}
.al-l{width:750px; height:450px;}
.al-l .al-l-tit{width:750px; height:250px; background:url(../images/al-bj.jpg) no-repeat}
.al-l .al-l-tit span{color:#026bac; font-size:18px; font-weight:bold; display:block; text-align:center; padding-top:75px; line-height:30px;}

.al-l .al-li{width:750px; height:178px; margin:15px 0 20px;}
.albox{width:167px; height:178px; float:left; margin:0 10px;}
.albox .alpic{width:167px; height:138px;}
.albox .alpic img{width:167px; height:138px;}
.albox .albt{width:167px; height:40px; overflow:hidden}
.albox .albt a{line-height:40px; display:block; text-align:center;}
.albox:hover a{color:#ff6600;}
#demo{width:750px; height:178px; float:left; position:absolute; border:none; overflow:hidden;}
#indemo{float:left; width:800%; height:178px;}
#indemo img{width:167px; height:138px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
#indemo img:hover{opacity:0.8; box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);}
#demo1{float:left; height:178px;}
#demo2{float:left; margin-left:7px;}


/* 新闻资讯 */
.al-r{width:420px; height:auto; overflow:hidden;}
.al-r-newtit{width:420px; height:36px; border-bottom:1px solid #CCC;}
.al-r-newtit span{font-size:20px; color:#026bac;}
.al-r-newtit .more{display:block;border:1px solid #026bac;font-size:16px; color:#026bac; padding:3px 10px;}
.al-r-newtit .more:hover{background:#026bac;color:#fff;}

.picnew{width:420px; height:auto; margin:15px 0; overflow:hidden;}
.picnew img{width:120px; height:90px; float:left; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;}
.picnew img:hover{opacity:0.8;}
.picnew .picnew-tit{width:285px; height:20px; margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.picnew .picnew-tit a{font-size:15px; color:#026bac;}
.picnew .picnew-tit a:hover{color:#ff6600;text-decoration:underline;}
.picnew .picnew-xx{width:285px; height:60px; overflow:hidden;}
.picnew .picnew-xx span{font-size:12px; color:#666; line-height:20px;}

.newli{width:420px; height:auto; overflow:hidden;}
.newli dt{height:40px; line-height:40px; border-bottom:1px dashed #CCC; padding-left:20px; background:url(../images/news_icon.png) no-repeat 0px 15px;}
.newli dt a{line-height:40px;}
.newli dt a:hover{color:#ff6600;text-decoration:underline;}
.newli dt span{display:inline-block; margin-right:3px;}


/* 联系我们 */
.ys-bo{padding:10px 0 50px 0;    background: rgba(39,82,151,1);/* #026bac */
    color: #fff;overflow:hidden;background-image:url(/templets/caraee/images/bgi.jpg);background-position:center;background-repeat: no-repeat;}
.ys-bo .w1200{padding-top:60px;}
.ys-top{font-size:30px;font-weight:bold}
.ys-p{ width: 580px;line-height:35px;font-size:16px;color:#e8e8e8;    margin: 30px 0;}
.ys-con ul li{float:left;    width: 33.3%;text-align:center}
.ys-con ul li p span{font-size:55px;color:#ff9900;    margin-right: 5px;}
.ys-con ul li p:nth-child(1){font-size:18px;}
.ys-con ul li p:nth-child(2){font-size:20px;margin:20px 0;    font-weight: 600;}
/*友情链接*/
.yqlink{width:1200px; height:40px; margin:50px auto 20px;}
.yqlink dl{height:40px;}
.yqlink dt{float:left;}
.yqlink dl .dt1{font-size:30px; font-weight:bold; color:#026bac; line-height:40px;}
.yqlink dl .dt2{width:90px; height:23px; background:#026bac; color:#FFF; margin:9px 10px 0 10px;}
.yqlink dl .dt2 span{font-size:15px; color:#FFF; line-height:23px; display:block; text-align:center;}
.yqlink dl .dt3 a{font-size:14px; text-decoration:none; line-height:40px; margin:0 15px;}
.yqlink dl .dt3 a:hover{text-decoration:underline; color:#FF5702;}


/*页脚*/
/* footer */
.help{width:100%; height:auto; padding:40px 0 35px; background-color:#f0f0f0;overflow:hidden}
.help .min-wid{width:1000px; overflow:hidden; position:relative;}
.help dl{float:left; margin-right:40px;}
.help dl.lxwm{   WIDTH: 345PX;
    MARGIN-RIGHT: 0;
    float: right;}
.help dl dt a{display:block; font-size:15px; line-height:15px; padding-bottom:20px; font-weight:700; color:#666;}
.help dl dd a{display:block;  color:#888; outline:0; display:inline-block; padding-bottom:12px; font-size:13px;}
.help dl a:hover{color:#026bac; text-decoration:underline;}
.lxwm dt a:hover,.lxwm dd a:hover{text-decoration:none;}
.lxwm dt a:hover{color:#333;}
.lxwm dd a:hover{color:#888;}

.help .last-r{width:176px; position:absolute; top:0; right:0; text-align:center; margin-right:0;}
.help .last-r .phone{font-size:20px; line-height:20px; padding-bottom:2px; letter-spacing:2px; color:#026bac;}
.help .last-r .grey{font-size:12px; color:#888; line-height:18px;}
.help .last-r a{display:inline-block; width:140px; height:36px; padding-left:25px; background:url(../images/fkefu.png) no-repeat 20px center; color:#026bac;font-size:12px; margin-top:20px; border:1px solid #026bac; line-height:36px;}

.footer{width:100%; height:40px; font-size:13px; color:#888; background-color:#e3e3e3; line-height:40px; text-align:center;}
.footer p{color:#888;}
.fink a{margin:10px 20px;display:block;float:left}
.fink{width:200px}

/*在线客服*/
.qq_content{overflow:hidden; background:#FFF; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.2);}
.qq_content dd{padding:7px; width:135px; background:#eee;}
.qq_content .dt{background:#026bac url(../images/client_title.png) no-repeat; font-size:14px; font-weight:bold; color:#FFF; cursor:pointer; padding:10px 20px; width:120px;}
.qq img{margin-right:10px;}
.qq_content .ol_tel{background:#eee; font-size:18px; text-align:center;}
.qq_content .ol_tel strong{font-weight:bold; color:#F00;}
.qq_content .ol_tel img{width:100px;}
.qq_content .ol_tel p{color:#000;}
.qq_content .ol_qq a{font-size:14px; color:#950c1e; text-decoration:underline;}
.qq_content .ol_qq img{margin-right:10px;}
.qq_content .qr{background:#FFF; font-size:12px;text-align: center;}
.qq_content .ol_tel .blue{color:#F00;font-size:14px; font-weight:bold;}