@charset "utf-8";
/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;letter-spacing:1px }
body { font-size: 14px;  color: #474747; letter-spacing:1px;}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式*/
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none;color:#343434;outline: none;letter-spacing:1px }
a:hover { text-decoration:none;color:#004481;outline: none;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}

/* 清理浮动 */
.clear { clear: both; zoom: 1; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1200px; margin: 0 auto;    overflow: hidden;}
.g1200 { width:1320px; height:auto; margin: 0 auto;}
/* 头部 */

.head{width:100%;height:auto;overflow:hidden;padding: 1% 0;}

.head .left{width:22%;float:left;margin: 5% 0 0 8%;}


.head .left a{display:inline-block;font-size:16px;margin-left: 3%;}
 .head .left .zh{   background: url(../images/ch.png) no-repeat left center;padding-left: 13%;}
 .head .left .en{ background: url(../images/en.png) no-repeat left center; padding-left: 13%;}
.head .mid{width:35%;float:left}


.head .right{width:30%;float:right;margin-top: 1.5%;}
.head .right .tel{width:72%;float:left}
.head .right .tel p{width:70%;float: right;}
.head .right .tel small{font-size:14px;color:#6d6d6d}
.head .right .tel b{display:block;color:#d83514;font-size:24px}
.head .right .ma{width:23%;float:right}
.head .right .ma p{font-size:11px;color:#6d6d6d;width:12%;float:right;line-height: 12px;}
.head .right .ma img{width:75px;height:75px;display:block;float:left}




/*  导航 搜索  */
.navss_ay { width:100%;  margin:0 auto; position: relative; z-index:999;background: url(../images/home_02.png) repeat-x center top;}
.navss_ay .nav_ay { width: 1320px; height:50px; margin: 0 auto; position: relative;z-index: 11;}

.navss_ay .nav_ay .menub { float: left;position: relative; margin-left:20px;}
.navss_ay .nav_ay .menub li { width:90px; padding:0 17px; position: relative; float:left;}
.navss_ay .nav_ay .menub li a.btit{ display:block; width:80px; line-height:42px; height:42px; color:#333; text-align:center; position:relative; font-size:14px;}
.navss_ay .nav_ay .menub li a:hover, .nav .menub li a .active{ color: #f28f00;}
.navss_ay .nav_ay .menub li .subnav{ position:absolute; left:28px;top:42px; display none; z-index:12; line-height:45px;}
.navss_ay .nav_ay .menub li .subnav:after { content:""; position:absolute; width:80px; height:3px; border-top:3px solid #f4ac00 ; left:-11px;}
.navss_ay .nav_ay .menub li .subnav a{ display:inline-block; text-align:center; line-height:45px; color:#333; font-size:14px;}
.navss_ay .nav_ay .menub li .subnav a:hover{ color: #f28f00;}
.navss_ay .nav_ay .menub li .subnav span{ display:inline-block; color:#333; padding:0 10px;}
.navss_ay .nav_ay .menub b{ display:block; width:80px; height:3px; background:#f4ac00; position:absolute; left:23px; top:42px;}
.navss_ay .nav_ay .menub li a.en { text-transform:uppercase;}

/*  菜单滑动  */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

.menub li a.btit:hover { border-bottom:3px solid #f4ac00 ; transition: all 0s ease 0s;}


.navss_ay .bg{ position:absolute; left:0; top:45px; width:100%; height:51px; background:url(../images/company_03.png) repeat-x center top; display:none; z-index:10;}

/*  电话  */
.navss_ay .nav-right{width:410px;height:auto;float:right; margin-top:4px;}

.navss_ay .nav-right .tel { width:111px; height:30px; margin-top:2px;}
.navss_ay .nav-right .tel .yuy { width:55px; height:30px; line-height:36px; float:left;}
.navss_ay .nav-right .tel .yuy a { width:25px; height:30px; line-height:36px; display:block; padding:3px 15px;text-decoration:none;}
.navss_ay .nav-right .tel .yuy a:hover { background:#eee;text-decoration:none;}

/*  电话 下拉  */
.navss_ay .nav-right .tel .xial { width:55px; height:30px; float:left; border-left:1px solid #eee;}
.xial .hList {}
.xial .hList .menu{ display:block; position:relative; cursor:pointer;}
.menu-title{ display:block; width:55px; height:30px; line-height:36px; text-align:center; transition: 0.3s background-color;}
/*.menu-title:before{ content: ""; display: block; height: 0; border-top: 5px solid #9dc852; border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 0 solid #dddddd; position: absolute; top: 100%; left: 0; z-index: 101; transition: 0.2s 0.2s border-top ease-out, 0.3s border-top-color;}
.menu-title:after{content: ""; display: block; height: 0; border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 0 solid #ebebeb; position: absolute; bottom: 0; left: 0; z-index: 101; transition: 0.2s border-bottom ease-in;}
*/
.menu-title:after { content: ""; display: block; height: 0; z-index: 101; transition: 0.2s border-bottom ease-in; background:#eee;}
.menu-title img { padding:3px 0px; margin:0px 15px;}
.menu-title:hover{ background:#eee;}

.menu-title:hover:before{ border-top-color: #8db842;}

.menu:hover .menu-title:before{ border-top-width: 0; transition: 0.2s border-top-width ease-in, 0.3s border-top-color;}
.menu:hover .menu-title:after{ border-bottom-width: 5px; transition: 0.2s 0.2s border-bottom-width ease-out;}

.menu-dropdown{ min-width:100%; padding:10px 0; position:absolute; background:#eee; z-index:100; margin-top:4px; transition:0.5s padding, 0.5s background; }
.menu-dropdown li { width:190px; height:30px; line-height:30px; text-align:left; background:#eee; color:#666; }
.menu-dropdown li p { width:100%; height:30px; line-height:30px; color:#666; padding-left:5px;}
/*.menu-dropdown:after{content: ""; display: block; height: 0; border-top: 5px solid #ebebeb; border-left: 75px solid transparent; border-right: 75px solid transparent; position: absolute; top: 100%; left: 0; z-index: 101; transition: 0.5s border-top; background:#ebebeb; }*/
.menu:not(:hover) > .menu-dropdown{ padding:0px 0; z-index: 99; }
.menu:not(:hover) > .menu-dropdown li { }
.menu:not(:hover) > .menu-dropdown li:after { border-bottom:1px solid #ccc;}
.menu:not(:hover) > .menu-dropdown:after{ border-top-color:#ddd;}
.menu:not(:hover) > .menu-dropdown > li { }
.menu:not(:hover) > .menu-title:after{ border-bottom-color:#ddd;}
.menu-dropdown > * { overflow: hidden; height:30px; line-height:30px; padding:1px 10px; background:transparent; white-space:nowrap; transition:0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color; }
.menu-dropdown > * > p { border-bottom:1px solid #ccc;}
.menu-dropdown > *:hover{background: rgba(0, 0, 0, 0.1);}
.menu:not(:hover) > .menu-dropdown > * { visibility: hidden;height: 0;padding-top: 0;padding-bottom: 0;margin: 0;color: rgba(25, 25, 25, 0);transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;z-index: 99;}
.hList > *{float: left;}
.hList > * + *{margin-left: 0;}

.navss_ay .nav-right .search {width:240px;height:32px;border:1px solid #ccc; float:right; margin-right:20px;}
.navss_ay .nav-right .search .inputText { width:180px; height:32px;line-height:34px; border:none; background:none; font-size:13px; margin-left:10px; float:left; color:#ccc; outline:none; font-family:"Microsoft Yahei"}
.navss_ay .nav-right .search .inputSubmit { width:32px; height:32px; background:url(../images/search_tb.jpg) no-repeat center; float:left; border:none; outline:none; cursor:pointer;}
.anmin_cen{position:relative;top:100px;opacity:0;}




/* banner */
.banner_by { position: relative; height:700px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.slider{ width:100%; height:700px; margin:0 auto; overflow:hidden;}
.slider{ }
.slider #slider1_container { position: relative; top: 0px; left: 0px; width:100%; height:700px;}
.slider .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%; height:700px;}
.slider .slides div{ width:100%; height:700px; text-align:center; position:relative; overflow:hidden;}
.slider .slides div a { position:absolute; width:1920px !important; left:50% !important; vertical-align:middle; margin:0 auto; text-align:center;}
.slider .slides img { width:1920px !important; height:700px; text-align:center; vertical-align:middle; position:relative; left:-50% !important;     }
.av{ background-color:#FFFFFF !important;}
.slidetip{ position:fixed; z-index:99; bottom:60px; left:48%;}




/*关于我们*/
.index01{width:100%;overflow:hidden;background:url(../images/index01.jpg) no-repeat top center ;height:1000px}
.index01 .about {padding-top:4%;overflow:hidden}
.titles{text-align:center;    margin-bottom: 3%;}
.titles a{font-size:36px;color:#212020; font-weight: 500;letter-spacing:3px;text-decoration:none;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.titles a:hover{text-decoration:none;color:#004481;letter-spacing:5px;}
.titles span{color:#004481}
.titles p{font-size:24px;color:#a1a1a1; letter-spacing: -1px;}
.index01 .cont{line-height:28px}


/*荣誉案例*/

.index01 .main2{overflow:hidden;margin-top:5%}
.index01 .main2 .hd{  overflow:hidden;    width: 40%; margin: 0 auto;}
.index01 .main2 .hd ol{ overflow:hidden; }
.index01 .main2 .hd ol li{width:30%; cursor:pointer;  color:#dc492b; margin: 0 0.5%;height:40px;border:1px solid #dc492b;border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;float:left;text-align:center;line-height:40px;}
.index01 .main2 .hd ol li.on{background:#dc492b;color:#fff}
.index01 .main2 .bd{overflow:hidden;margin-top:4%;height:365px;}

.index01 .main2 .bdr li{width:280px;height:365px;float:left;margin:0 0.3%;position:relative;}
.index01 .main2 .bdr li a{display:block;width: 100%;height: 100%;background:#fff;}
.index01 .main2 .bdr li img{display:block;width:260px;height:345px;padding:10px}

.index01 .main2 .bdr li .cover{cursor: pointer;
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/on-hover.png);
	background-repeat: repeat;
	opacity: 0;
	filter: Alpha(Opacity=0);
	z-index: 96;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear}

.index01 .main2 .bdr li .cover * {
	filter: inherit
}
.index01 .main2 .bdr li:hover .cover {
	opacity: 1;
	filter: Alpha(Opacity=1);	
}

.hover-link {
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
	position: absolute;
	display: block;
		background-image: url(../images/hover-link.png);
}




/*产品中心*/
.index02_t{width:100%;height:auto;position: relative;bottom: 130px;}
.index02_t .title{text-align:center;}
.index02_t .title a{font-size:36px;color:#f5f5f5; font-weight: 500;letter-spacing:3px;text-decoration:none;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index02_t .title a:hover{text-decoration:none;color:#d83514;letter-spacing:5px;}
.index02_t .title span{color:#d83514}
.index02_t .title p{font-size:24px;color:#f5f5f5;    margin-top: 1%;letter-spacing: -1px;}





.index02 {width:100%;height:auto;margin-top: -3.5%;}



.index02 .main{overflow:hidden;}
.index02 .main .hd{  overflow:hidden;    width:100%; margin: 0 auto;}
.index02 .main .hd ul{ overflow:hidden; }
.index02 .main .hd ul li{width:11%; font-size:16px;cursor:pointer;  color:#fff;background:#7d7d7d; margin: 0 0.04%;height:45px;float:left;text-align:center;line-height:45px;}
.index02 .main .hd ul li.on{background:#dc492b;color:#fff}

.index02 .main .bd{overflow:hidden;margin-top:3%;}
.index02 .main .bd li{width:290px;float:left;margin:0 0.3% 1% 0.3%;border:1px solid #e4e4e4;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index02 .main .bd li:hover{border:1px solid #dc492b;}
.index02 .main .bd li a{display:block;width:100%;height:100%;text-decoration:none;}
.index02 .main .bd li img{width:290px;height:auto}
.index02 .main .bd li span{line-height:50px;text-align:center;    display: block;}
.index02 .main .bd li a:hover span{color:#dc492b;text-decoration:none;}

.index02 .product .more{width:205px;height:45px;margin:0 auto;line-height:45px;background:#dc492b;text-align:center;margin-top:3%;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px}
.index02 .product .more a{display:block;width:100%;height:100%;color:#fff;font-size:16px;letter-spacing:3px}
.index02 .product .more:hover{background:#004481;}



/*工程案例*/
.index03{background:url(../images/index03.png);width:100%;height:100%;padding:3% 0 0 0;    margin-top: 3%;overflow:hidden}
.index03_t{background:url(../images/index04.png) no-repeat 150px 110px;height:685px }

.index03 .case,.index03 .caselist{overflow:hidden}

.index03 .caselist .left,.index03 .caselist .right{width:49.5%;margin:0 0.5% 0 0;}

.index03 .caselist .left .case_img{display:block;width:100%;height:500px;position:relative;overflow:hidden;}
.index03 .caselist .right .case_img{display:block;width:100%;height:247px;    position: relative;overflow:hidden;}
.index03 .caselist .left .case_img img,.index03 .caselist .right .case_img img{width:100%;transition: All 0.9s ease-in-out;-webkit-transition: All 0.9s ease-in-out;-moz-transition: All 0.9s ease-in-out;-o-transition: All 0.9s ease-in-out;overflow: hidden;}

.index03 .left .title{width:100%;height:auto;background:#000;position:absolute;bottom:0;    filter: alpha(opacity=80);-moz-opacity: 0.8; -khtml-opacity: 0.8;opacity: 0.8;}
.index03 .left .title .des{padding:3% 6%}
.index03 .left .title h3{color:#d83514;font-size:22px;font-weight:500;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index03 .left .title p{color:#f4f4f4;line-height:28px;margin-top:2%;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index03 .caselist .left a:hover img,.index03 .caselist .right a:hover img{-webkit-transform: scale(1.02);-moz-transform:scale(1.02); -o-transform:scale(1.03); transform:scale(1.02);}



.index03 .right .title{width:100%;height:50px;background:#000;position:absolute;bottom:0;    filter: alpha(opacity=80);-moz-opacity: 0.8; -khtml-opacity: 0.8;opacity: 0.8;}
.index03 .right .title h3{font-size:18px;text-align:center;line-height:50px;color:#fff;font-weight:500;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.index03 .right  a:hover h3,.index03 .left a:hover p{color:#d83514}
/*广告*/

 .index04{ width: 100%;
    margin: 0 auto;
    background: url(../images/about-bg.jpg) no-repeat top center;
  
    height: 275px;}
	
 .index04 .left{width:75%;margin-top:5%}	
  .index04 .left h2{font-size:30px;color:#fff;letter-spacing:6px;font-weight:600; text-shadow: 0.05em 0.05em 0.05em #333;-webkit-text-shadow: 0.05em 0.05em 0.05em #333;-moz-text-shadow: 0.05em 0.05em 0.05em #333;-o-text-shadow: 0.05em 0.05em 0.05em #333}
  .index04 .left p{font-size:16px;color:#fff;letter-spacing:3px}
    .index04 .left .p1{margin-top:3%;margin-left:8%}
	 .index04 .left .p2{margin-top:1%;margin-left:13%}
	
 .index04 .right{width:20%;background:#dc492b;height:275px; filter: alpha(opacity=80);-moz-opacity: 0.8; -khtml-opacity: 0.8;opacity: 0.8;}
  .index04 .right .rig{padding:12% 10%}
    .index04 .right .ma{    text-align: center;    overflow: hidden;}
	 .index04 .right .ma img{float:left;display:block;    margin-left: 10%;}
	.index04 .right span{color:#fff;display:block;float:right;width:13%;font-size:13px;margin-top:5%}
	
	.index04 .right .tel{margin-top:10%;overflow:hidden}
	.index04 .right .tel p{height:28px;background:url(../images/index05.png) no-repeat left center;font-size:16px;color:#fff;padding-left:20%}
	.index04 .right .tel i{color:#fff;  font-size:26px;  font-weight: 600; margin-top: 3%;display: block;}
	
/*新闻*/
.index05{width:100%;height:auto;margin: 3% 0;overflow:hidden}
.index05 .newlist .left{width:48%;background:#f6f6f6}
.index05 .newlist .right{width:51.8%;border:1px solid #f3f3f3;overflow:hidden;    border-bottom: none;}

.index05 .newlist .n1{padding:9% 5%}
.index05 .newlist .n1 .time{font-size:22px;color:#515050;font-weight:600}
.index05 .newlist .n1 .tit{margin:3% 0;}
.index05 .newlist .n1 .tit a{font-size:16px;color:#302f2f;font-weight:600;text-decoration:none;}
.index05 .newlist .n1 .tit a:hover{color:#dc492b;text-decoration:none;}
.index05 .newlist .n1 .des{font-size:12px;color:#9c9b9b;line-height:24px}
.index05 .newlist .n1 .imgs{margin:5% 0}
.index05 .newlist .right li{width:100%;}
.index05 .newlist .right a{display:block;border-bottom:1px solid #f3f3f3;padding:6.7% 8%;overflow:hidden}
.index05 .newlist .right .title{width:80%;float:left}
.index05 .newlist .right .time{width:10%;float:right;text-align:center}
.index05 .newlist .right h3{font-weight:500}
.index05 .newlist .right .title p{font-size:12px;color:#9c9b9b;line-height:24px;margin-top:6%}
.index05 .newlist .right .time p{color:#bcbbbb;font-size:20px}
.index05 .newlist .right .time small{font-size:14px;color:#bcbbbb;display:block;margin:15% 0 20% 0}
.index05 .newlist .right a:hover{background:#dc492b}
.index05 .newlist .right a:hover h3,.index05 .newlist .right a:hover p,.index05 .newlist .right a:hover small{color:#fff;text-decoration:none}



	
/*底部*/
.index06{width:100%;height:auto;background:#232323}

.index06 .foot{padding:4% 0;overflow:hidden}
.index06 .foot .left{width:18%;float:left;border-right:1px solid #292929;padding-right:4%;    margin:2% 0 2% 0;}

.index06 .foot .mid{width:59%;float:left}

.foot .mid .f1, .foot .mid .f2{width:28%;text-align:center;}
.foot .mid .f3{width:40%}
.foot .mid .f1 p, .foot .mid .f2 p{background:url(../images/index08.png) no-repeat center;color:#cbcbcb;font-weight:bold;margin-bottom:13%}
.foot .mid .f2 p a, .foot .mid .f1 p a{color:#cbcbcb;font-weight:bold;text-decoration:none}

.foot .mid .f2 p a:hover, .foot .mid .f3 p a:hover, .foot .mid .f1 li a:hover, .foot .mid .f2 li a:hover, .foot .mid .f3 li a:hover,.foot .mid .f3 a:hover{color:#dc492b;text-decoration:none}
.foot .mid .f3 p{font-size:13px;color:#818080;line-height:30px;text-align: left;}
.foot .mid .f3 a{display:block;font-size:18px;color:#cbcbcb;font-weight:bold;text-decoration:none;margin-bottom:6%}

.foot .mid .f1 ul, .foot .mid .f2 ul, .foot .mid .f3 ul{overflow:hidden}
.foot .mid .f1 li, .foot .mid .f2 li, .foot .mid .f3 li{margin-bottom:4%}

.foot .mid .f1 li a, .foot .mid .f2 li a, .foot .mid .f3 li a{font-size:13px;color:#818080;text-decoration:none}


.index06 .foot .right{width:14%;float:right;border-left:1px solid #292929;padding-left:4%;    margin: 3% 0 0 0;}
.index06 .foot .right .ma img{width:132px;height:132px;display:block;border:10px solid #4f4f4f}
.index06 .foot .right p{font-size:11px;color:#818080;margin-top:8%;text-align:center}


.index07{width:100%;height:auto;background:#004481;line-height:40px}
.index07 .left,.index07 .right{width:50%}
.index07 span{color:#fff;margin-left:2%}
.index07 span a{color:#fff;text-decoration:none}
.index07 span a:hover{color:#dc492b;text-decoration:none}