﻿@charset "utf-8";
/*MENU*/
h1{font-size: 14px; font-weight: normal; display: inline; line-height: 40px;}
h1 a{color: #fff;}
h1 a:hover{color: #fff;}
/*HEADER*/
.header_menuo{float:left; margin:0 0 0 650px; background:url(../images/ihome.jpg) 0 10px no-repeat; height:35px; line-height:35px; width:95px; text-align:center;}
.header_menut{float:left; margin:0 0 0 20px; background:url(../images/icontact.jpg) 0 10px no-repeat; height:35px; line-height:35px; width:95px; text-align:center;}
.header_tel{width:150px; height:41px; background:url(../images/ico_tel.png) no-repeat; color:#fff; font-size:18px; line-height:20px; padding:0 0 0 50px; margin:40px 20px 0 0;}
.header_tel p{color:#e8d196; font-weight:bold; line-height:20px;}
.header_bar{height: 40px; line-height:40px; background: #f90; color: #fff; width: 1300px; padding:0 0 0 15px; box-sizing:border-box;
        vertical-align: middle;}
.header_bar span{float:right; width:130px; line-height:40px; height:40px;}
.header_bar span img{margin:0 10px;}
/*NAVIGATION*/
.navigation{width:740px; height:119px; box-sizing: border-box; padding: 0; z-index:1;}
#navMenu {width:100%; height:119px; line-height:119px; display:block; margin:0;}
#navMenu ul{margin:0 auto; text-align:center;}
#navMenu ul li{font-size:15px;  display:inline-block; font-weight: normal;}
#navMenu ul li a{color:#fff; display:block; padding:0 18px;}
#navMenu ul li a:hover{color:#fff; background: #000;}
/*SUBMENU*/
.dropMenu{position:absolute; z-index:100; width:220px; visibility:hidden; margin-left:0px; margin-top:-46px; background:#000;}
.dropMenu li a{display:block; text-align:center; color:#fff; height:45px; line-height:45px;}
.dropMenu a{color:#fff;}
.dropMenu a:hover{color:#fff; background:#f90;}

/*BANNER*/
.fullSlide{width:100%;position:relative;height:735px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:735px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:735px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f60;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;top:50%;margin-top:-30px;left:1%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .next{left:auto;right:1%;background-position:-6px -137px;}

.index_titlep{width:1300px; background:url(../images/des03_16.png) center no-repeat; height:76px; line-height:76px; color: #000; font-size:30px; box-sizing:border-box; padding:0 0 0 45px;}
.index_titlep span{color:#f90; font-size:18px; text-transform:uppercase;}

.index_titlew{width:100%;height:76px; line-height:76px; color: #fff; font-size:30px; box-sizing:border-box;}
.index_titlew span{color:#f90; font-size:18px; text-transform:uppercase;}

.index_titlenew1{width:620px; height:76px; line-height:76px; color: #000; font-size:30px; box-sizing:border-box; padding:0;}
.index_titlenew1 span{color:#f90; font-size:18px; text-transform:uppercase;}
.index_titlenew_big{width:100%; height:76px; line-height:76px; color: #000; font-size:30px; box-sizing:border-box; padding:0;}
.index_titlenew_big span{color:#f90; font-size:18px; text-transform:uppercase;}

.index_titlenew2{width:620px; height:76px; line-height:76px; color: #2a3e45; font-size:30px; box-sizing:border-box; padding:0;}
.index_titlenew2 span{color:#2a3e45; font-size:18px; text-transform:uppercase;}

/*INDEXLIST*/
.index_list{width:1300px; margin:50px auto;}
.index_list ul{margin:0; padding:0;}
.index_list ul li{width:220px; height:310px; background:#f90; margin:0 20px; float:left; text-align:center; color:#fff; line-height:20px; overflow:hidden; 
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
}
.index_list ul li font{font-size:18px; line-height:40px;}
.index_list ul li .lbutton{width:127px; height:32px; border:1px solid #fff; line-height:32px; box-sizing:border-box; margin:10px auto 0 auto;}
.index_list ul li img{
    width: 220px;
    height: 169px;
    overflow: hidden;
    position: relative;
	transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.5s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 0.5s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.index_list ul li:hover{
	background:#2a3e45;
	cursor:pointer;
}
.index_list ul li:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
.pic_tran{
	width:auto; height:auto;
	overflow:hidden;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
}
.pic_tran img{
    overflow: hidden;
    position: relative;
	transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.5s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 0.5s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.pic_tran:hover img{
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */
	-moz-transform:scale(1.1, 1.1); 	/* Firefox */
	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1, 1.1); 	/* Opera */
}
/*HOME-PRO*/
.home_catalog{width:1200px; padding:0; margin:40px auto;}
.home_catalog ul{list-style:none; padding:0; margin:0 auto; display:table; font-size:16px;}
.home_catalog ul li{float:left; width:138px;color:#000; height:40px; line-height:40px; text-align:center; vertical-align:middle; margin:0 30px; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.home_catalog ul li a{color:#fff; display:block;}
.home_catalog ul li:hover{color:#fff; background:#000;}
.slide-pro{width:1280px; overflow:hidden; margin:10px auto;}
.slide-pro ul{margin:0; padding:0;}
.slide-pro ul li{width:270px; float:left; padding: 7px; list-style:none; margin:0 25px 30px 0; background: #fff; border: 1px solid #ccc;}
.slide-pro ul li img{width:270px; height:193px;}
.slide-pro ul li span{width:270px; color:#000; font-size:14px; text-align:left; height:35px; line-height:35px; display:block;}

/*USHI*/
.ushi{width:750px; float:left;}
.ushi_content{width:100%; color:#999; line-height:30px; margin:30px 0 0 0;}
.ushi_list{width:750px; margin:30px 0 0 0;}
.ushi_list ul{width:750px;}
.ushi_list ul li:nth-last-child(odd){float:right;}
.ushi_list ul li:nth-last-child(even){float:left;}
.ushi_list ul li{width:330px; float:left; color:#fff; font-size:15px; margin:15px 0;}
.ushi_list ul li span{float:right; line-height:28px; width:255px;}
.ushi_list ul li img{width:60px; height:60px; float:left;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.ushi_list ul li:hover img{	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */}


/*ABOUT*/
.about_div{width:491px; color:#555; margin:0; float:right; color:#fff; font-size:15px;margin:60px 0 0 0;}
.about_div img{margin:0px 0 0 0;}


.slide-case{width:1280px; overflow:hidden; margin:10px auto; padding: 0 0 30px 0;}
.slide-case ul{margin:0; padding:0;}
.slide-case ul li{width:370px; float:left; padding: 7px; list-style:none; margin:30px 35px 20px 0; background: #fff; border: 1px solid #ddd;}
.slide-case ul li img{width:370px; height:230px;}
.slide-case ul li span{width:370px; color:#000; font-size:14px; text-align:left; height:35px; line-height:35px; display:block;}
/*MAIL*/
.mail_input{width:540px; height:50px; background:#fff; color:#a3a3a3; border:none;}
.mail_submit{width:135px; height:50px; background:#f90; font-size:18px; color:#fff; text-align:center; border:none;}
.mail_submit:hover{color:#fff; background:#e68b03;}

.hometit{font-size: 18px; font-weight: lighter; padding: 30px 0 10px 0; text-align: center; color: #666; }
.hometit p{ font-size: 30px; color: #F60; }
.hometit_black{color: #000;}
.hometit_whit{color: #fff;}
.home_title .with-line{width:600px; text-align:center;}
.home_title .with-line:before{content:""; border-top:1px solid #043b74; display:block; position:absolute; width:230px; top:50px; left:0;}
.home_title .with-line:after{content:""; border-top:1px solid #043b74; display:block; position:absolute; width:230px; top:50px; right:0;}
.home_title .with-line p{font-size:18px;}
.home_titlew {margin:0 auto; text-align:center; padding: 60px 0 0 0; color: #fff; font-size: 30px;}
.home_titlew p{font-size:12px; line-height: 20px; color: #fff; text-transform: uppercase; margin: 20px 0 0 0}
/*VIDEO*/
.video_div{width:464px; height:281px; float:left; margin:0 47px 0 0;}
/*MORE*/
.more{text-align:center;width:150px;background: #bfab7a; height:40px; font-size:14px; color:#fff; line-height:40px; margin:30px auto; float: left;}
.more:hover{text-align:center; width:150px; height:40px; font-size:14px; color:#fff; background:#b0985c; line-height:40px; display:block;}



/*TAG*/
.slideTxtBox{width:1200px; text-align:left;}
.slideTxtBox .hd{height:120px; position:relative;}
.slideTxtBox .hd ul{float:left; position:absolute; left:20px; height:120px;}
.slideTxtBox .hd ul li{float:left; cursor:pointer; width:235px; color:#fff; font-size:15px; line-height: 25px; padding: 36px 0 0 70px; box-sizing: border-box; height: 120px;}
.slideTxtBox .hd ul li.on{color:#fff;}
.slideTxtBox .hd ul li p{ color: #d1bb81;}
.tagtit1{background:url(../images/ico1.png) left no-repeat;}
.tagtit1.on{background:url(../images/ico1.png) left no-repeat;}
.tagtit2{background:url(../images/ico2.png) left no-repeat;}
.tagtit2.on{background:url(../images/ico2.png) left no-repeat;}
.tagtit3{background:url(../images/ico3.png) left no-repeat;}
.tagtit3.on{background:url(../images/ico3.png) left no-repeat;}
.tagtit4{background:url(../images/ico4.png) left no-repeat;}
.tagtit4.on{background:url(../images/ico4.png) left no-repeat;}
.tagtit5{background:url(../images/ico5.png) left no-repeat;}
.tagtit5.on{background:url(../images/ico5.png) left no-repeat;}
.tagmore{text-align:center; width:109px; height:32px; border:1px solid #ccc; font-size:14px; color:#777; line-height:32px; margin:255px 0 0 539px; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.tagmore:hover{text-align:center; width:109px; height:32px; border:1px solid #009e96; font-size:14px; color:#fff; background:#009e96; line-height:32px;}













.moren{text-align:center; float: left; width:150px;background: #f90; height:40px; font-size:14px; color:#fff; line-height:40px; margin:30px 0 30px 0;}
.moren:hover{text-align:center; width:150px; height:40px; font-size:14px; color:#fff; background:#f60; line-height:40px; display:block;}


.morew{text-align:center; width:109px;float: left; margin:-20px 0 0 20px; border-radius:6px; height:40px; border:1px solid #a0a0a0; font-size:14px; color:#696969; line-height:40px; 
transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.morew:hover{text-align:center; width:109px; height:40px; border:1px solid #dbc897; font-size:14px; color:#fff; background:#dbc897; line-height:40px;}

.sbanner_tit{width:190px; height:60px; font-size:36px; color:#fff; background:#014693; text-align:center; line-height:60px; float:left; margin:25px 0 0 100px;}
.sbanner_tit p{font-size:18px;}
.sbanner_content{float:right; color:#fff; width:740px;}

/**/
.sub_probox{padding:0; widows:100%; margin:0 auto;}
.sub_probox ul{margin:0; padding:0; list-style:none;} 
.sub_probox ul li{float:left; height:277px; width:380px; background:#fff; text-align:center; box-sizing: border-box;}
.sub_probox ul li img{max-height:277px;max-width:380px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);}
.sub_probox ul li:hover{border:4px solid #d1bb81;}
.sub_probox_span{float:left; text-align:center; width:380px; font-weight:bold;}
.sub_probox_span p a{width:80px; height:28px; line-height:28px; color:#fff; font-size:12px; background:#f90; display:block; margin:0 auto;}
.sub_probox_span p a:hover{background:#e68b03;}


/*PROBORDER*/
.pmbox{
	width: 1200px;
	margin: 20px auto 0px;
	overflow: hidden;
}
.pmbox li{
	width: 380px;
	height: 317px;
	overflow: hidden;
	margin: 20px 10px;
	float: left;
	position: relative;
	cursor: pointer;
	background: #eee;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.pm_top{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0px;
	top: 0px;
	width: 0px;
}
.pm_bottom{
	position: absolute;
	z-index:1;
	height: 5px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}
.pm_left{
	height: 0;
	position: absolute;
	left: 0px;
	width: 5px;
}
.pm_right{
	height: 0;
	position: absolute;
	right: 0px;
	width: 5px;
	bottom: 0px;
}
.pmbox li img{
	max-height: 307px;
	max-width: 370px;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
	z-index: 1;
}
.pmbox li p{
	position: absolute;
	z-index: 2;
	background: rgba(209,187,129,0.8);
	height: 0px;
	line-height: 40px;
	width: 370px;
	text-align: center;
	color: #fff;
	bottom: 5px;
	left: 5px;
}

/*WWCD*/
.wwcd{height:970px; border-left:12px solid #2a3e45; border-right:12px solid #2a3e45; border-bottom:12px solid #2a3e45; box-sizing: border-box; overflow:auto; zoom:1;}
.fourser{width:1170px; margin:0 auto;}
.fourser ul{margin:0; padding:0; list-style:none;}
.fourser ul li{width:338px; height:338px; margin:30px 1px 40px 1px; float:left; padding:18px 25px; color:#efdba5; text-align:left; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.fourser ul li p{font-size:18px; text-align:left; overflow:hidden; line-height:25px; padding:10px 0; box-sizing:border-box; color: #f90; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.fourser ul li span{font-size:12px; color:#000; line-height:10px; margin:0;}
.fourser ul li:hover p{color:#fff; width:338px; overflow:hidden; background:#f90; box-sizing:border-box; padding:10px;}
.fourser ul li:hover span{color:#fff;}
.fourser ul li .proimg{width:338px; height:338px; overflow:hidden; border:1px solid #ddd;}




.sub_fourser{width:1300px; margin:0 auto;}
.sub_fourser ul{margin:0; padding:0; list-style:none;}
.sub_fourser ul li{width:300px; height:300px; margin:0px 0 70px 0; float:left; padding:18px 10px; color:#efdba5; text-align:left; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_fourser ul li p{font-size:16px; text-align:left; overflow:hidden; line-height:25px; padding:10px 0; box-sizing:border-box; color: #f90; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.sub_fourser ul li span{font-size:12px; color:#777; line-height:10px; margin:0;}
.sub_fourser ul li:hover p{color:#fff; width:300px; overflow:hidden; background:#2a3e45; box-sizing:border-box; padding:10px;}
.sub_fourser ul li:hover span{color:#fff;}
.sub_fourser ul li .sproimg{width:300px; height:300px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box;}


.case_fourser{width:1300px; margin:0 auto;}
.case_fourser ul{margin:0; padding:0; list-style:none;}
.case_fourser ul li{width:300px; height:225px; margin:18px 10px 50px 10px; float:left; padding:0; color:#efdba5; text-align:center; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.case_fourser ul li p{font-size:14px; text-align:center; overflow:hidden; line-height:25px; padding:10px 0; box-sizing:border-box; color: #2a3e45; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.case_fourser ul li span{font-size:12px; color:#2a3e45; line-height:10px; margin:0;}
.case_fourser ul li:hover p{color:#fff; width:300px; overflow:hidden; background:#2a3e45; box-sizing:border-box; padding:10px;}
.case_fourser ul li:hover span{color:#fff;}
.case_fourser ul li .cproimg{width:300px; height:225px; overflow:hidden; margin:0; border:1px solid #ddd; box-sizing:border-box;display: table-cell;vertical-align: middle;text-align: center;}
.case_fourser ul li .cproimg img{max-width:100%;max-height:100%;width:auto;height:auto; overflow:hidden; margin:0;}



.incase{width:1300px; margin:0 auto; height:440px;}
.incase ul{margin:0; padding:0; list-style:none;}
.incase ul li{width:400px; height:315px; margin:0px 1px 40px 1px; float:left; padding:18px 15px; color:#efdba5; text-align:left; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.incase ul li p{font-size:18px; text-align:left; overflow:hidden; line-height:25px; padding:10px 0; box-sizing:border-box; color: #f90; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; }
.incase ul li span{font-size:13px; color:#000; line-height:10px; margin:0;}
.incase ul li:hover p{color:#fff; width:400px; overflow:hidden; background:#f90; box-sizing:border-box; padding:10px;}
.incase ul li:hover span{color:#fff;}
.incase ul li .caimg{width:400px; height:315px; overflow:hidden; border:1px solid #ddd;}
/*ABOUT*/
.probg{width:100%; margin:0; padding:0; background:#f5f5f5; height:750px; overflow:hidden;}

/*LIUCHENG*/
.liucheng{text-transform:uppercase;}
.liucheng img{text-align:right; float:right; text-transform:uppercase;}
.liuchengat{background:url(../images/process1.jpg) left no-repeat; color:#fff; font-size:16px; padding:0 0 0 35px;}
.liuchengat2{background:url(../images/process2.jpg) left no-repeat; color:#fff; font-size:16px; padding:0 0 0 35px;}
.liuchenga{width:1200px; margin:55px auto;}
.liuchenga ul{text-align:center;margin:0 auto;}
.liuchenga ul li{ width:198px; display:inline-block;text-align:center; margin:auto 18px; font-size:15px; color:#444; vertical-align:top; letter-spacing:-1px;}
.liuchenga ul li p{ color:#999; font-size:13px; line-height:20px; color:#888;}
/*HOME-PRO*/
.home_pro{width:1000px; padding:0; margin:0 auto; float:right;}
.home_pro ul{margin:0; padding:0;}
.home_pro ul li{width:280px; float:left; list-style:none; margin:0 0 35px 50px;}
.home_pro ul li span{width:280px; color:#fff; font-size:14px; text-align:center; height:45px; line-height:45px; display:block; text-align:left;}
.home_pro_more {width:45px; height:25px; color:#fff; background:#15a82a; text-align:center; line-height:25px; font-size:14px; display:inline-block; float:right; margin:0;}
.home_pro_more a{color:#fff; background:#15a82a;}
.home_pro_more a:hover{color:#fff; background:#0b6c19; display:block;}


.index_new{width:620px; float: left; font-size: 20px; color: #b68810;}
.index_new ul{}
.index_new li{float: left; color: #f90;width:620px; line-height:40px; font-size: 18px; margin:10px 0;}
.index_new li a{color: #f90;}
.index_new li a:hover{ color: #000;}
.index_new li p{ color:#000; font-size:14px; line-height:15px;}

.index_new_dark{width:620px; float: left; font-size: 20px; color: #b68810;}
.index_new_dark ul{}
.index_new_dark li{float: left; color: #2a3e45;width:620px; line-height:40px; font-size: 18px; margin:10px 0;}
.index_new_dark li a{color: #f90;}
.index_new_dark li a:hover{ color: #000;}
.index_new_dark li p{ color:#000; font-size:14px; line-height:15px;}
/*HOME-ZIZHI*/
.home_zizhi{width:1300px; padding:0; margin:0 auto;}
.home_zizhi ul{margin:50px 0; padding:0; text-align: center;}
.home_zizhi ul li{width:290px; display: inline-block;list-style:none; margin:0 15px 35px 15px;}
.home_zizhi ul li span{width:290px; color:#fff; font-size:14px; text-align:center; height:45px; line-height:45px; display:block; text-align:center;}
/*INDEX-BOTH*/
.topnews_title{font-size:18px; color:#b68810; text-align:left; width:910px; float:right; line-height:25px; margin:10px 0 20px 0;}
.topnews_title span{color:#000; font-size:14px; line-height:14px;}
.topnews_title p{font-size:14px; color:#dbc897; line-height:14px; margin:20px 0;}



.inews_title{width:600px; height:66px; float:left;}
.inews_content{width:1200px; margin:20px 0 0 0; padding:0; float:left;}
.inews_content ul{list-style:none; padding:0;}
.inews_content ul li{width:46%; line-height:28px; margin:0 40px 35px 0; float:left;}
.inews_content ul li a{font-size:18px; color:#f90; display:block;}
.inews_content ul li a:hover{color:#f60;}
.inews_content ul li span{width:100%; font-size:12px; color:#666; line-height:20px;}

.inews_time{width:87px; height:87px; margin: 0 25px 0 0 ; background:#f90; color: #fff; float:left; text-align:center;}

.inews_time_dark{width:87px; height:87px; margin: 0 25px 0 0 ; background:#2a3e45; color: #fff; float:left; text-align:center;}
.inews_day{width:87px; height:60px; line-height:70px; font-size:50px;}
.inews_year{width:87px; height:27px; line-height:26px; text-align: center; font-size: 12px;}
.inews_text{width:380px; height:30px; line-height:30px; float:left; margin:0 0 0 15px; color:#84b126; font-size:12px; font-weight:bold;}
.inews_text a{color:#fff; text-decoration:none;}
.inews_text a:hover{color:#fff; text-decoration:none;}
.inews_intro{width:380px; float:left; margin:0 0 0 15px; color:#777; line-height:20px;}
/*ABOUT*/
.inbout{width:580px; margin:0; padding:0; float:right;}
.inbout img{float: left;}
.inbout span{color: #bababa; line-height: 30px; font-size: 14px;}/*CONTACT*/
/*BOTTOM*/
.bottom{width:100%; padding:0; background:#2a3e45; margin:0 auto; text-align:center; color:#aaa;overflow:auto;zoom:1}
.bottom_tel{float:left; color:#fff; padding:0; padding:0; height:50px; line-height:50px;}
.bottom_nav{width:800px; padding:0; margin:0; color:#aaa;overflow:auto;zoom:1}
.bottom_nav ul{list-style:none;}
.bottom_nav ul li{margin:0 20px; font-size:14px; display:inline-block; height:50px; line-height:50px; text-align:center; float:right;}
.bottom_nav ul li a{color:#fff;}
.bottom_nav ul li a:hover{color:#fff;}
.footer{width:100%; padding:0; background:#2a3e45; margin:0 auto; text-align:center; color:#aaa;overflow:auto;zoom:1; border-top:1px solid #344d55;}
.bottom_contact{width:600px; text-align:left; line-height:35px; color:#fff;}
.bottom_contact a{color:#fff;}
.bottom_qr{float:right; width:129px; text-align:center; line-height:18px; color:#fff;}
/*SUB*/
.sub_title{width:400px; text-align:left; float:left; color:#000; font-size:22px; line-height:90px; height:90px; position: relative;}
.sub_catalog{padding:0; float:right; margin:28px auto 0 auto; background:#2a3e45;}
.sub_catalog ul{list-style:none; padding:0;}
.sub_catalog ul li{float:right; color:#fff; padding:0 25px; height:35px; line-height:35px; font-size: 15px; text-align:center; vertical-align:middle; margin:0; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_catalog ul li a{color:#fff; display:block;}
.sub_catalog ul li:hover{color:#fff; background:#f90;}
.sub_catalog ul li a:hover {color: #fff;}
.sub_content{width:1300px; padding:0; margin:0 auto 30px auto; color:#000;}



.sub_case_title{width:180px; text-align:left; float:left; color:#000; font-size:20px; line-height:90px; height:90px; position: relative;}
.sub_case_catalog{ padding:0; float:right; margin:28px auto 0 auto; background:#2a3e45;}
.sub_case_catalog ul{list-style:none; padding:0; margin: 0 auto;}
.sub_case_catalog ul li{float:right; color:#fff; padding:0 12px; height:35px; line-height:35px; font-size:13px; text-align:center; vertical-align:middle; margin:0; transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
.sub_case_catalog ul li a{color:#fff; display:block;}
.sub_case_catalog ul li:hover{color:#fff; background:#f90;}
.sub_case_catalog ul li a:hover {color: #fff;}

/*SUB-MAIN*/
.sub_left{width:261px; overflow:hidden; margin:0 35px 0 0; float:left;}
.sub_main_bg{width:1300px; overflow:hidden; margin:0; padding:0; margin: 0 auto;}
.sub_tit{width:900px; height:83px; line-height:73px; color:#000; font-size:24px; padding:0 0 0 110px; font-weight:bold; background:url(../images/subtit.jpg) no-repeat; text-align:left;}

/*sub_main*/
.sub_main{width:1000px; padding:0; margin:0 auto; float:right;}
.sub_tit{width:1000px; height:60px; line-height:60px; color:#fff; font-size:24px; padding:0; font-weight:bold; text-align:left;}
.sub_content{width: 98%;}
/**二级缓动JS**/
.menuContent{display:none;}
/*sub_mainbox*/

/*MESSAGE*/
.sub_message{width:870px; margin:100px auto 0 300px; float:left; position:absolute; padding:0;}
.text_box{width:20%; float:left; line-height:30px; line-height:30px; font-size:14px; text-align:right; margin:0 25px 0 0; color:#1098de;}
.input_box{width:40%; float:left; line-height:30px; line-height:30px; text-align:left;}
.sinput{height:30px; width:300px; line-height:30px; font-size:16px; color:#ccc; text-align:left; border:1px solid #d8ecff;font-family:"Microsoft YaHei",微软雅黑,Arial;-moz-box-shadow:5px 5px 5px #ebf5ff inset;-webkit-box-shadow:5px 5px 5px #ebf5ff inset; box-shadow:5px 5px 5px #ebf5ff inset;}
.sinputs{color:#ccc; width:300px; height:80px; text-align:left; border:1px solid #d8ecff;font-family:"Microsoft YaHei",微软雅黑,Arial;-moz-box-shadow:5px 5px 5px #ebf5ff inset;-webkit-box-shadow:5px 5px 5px #ebf5ff inset; box-shadow:5px 5px 5px #ebf5ff inset;}
.cler_xiaomeg{width:100%; height:15px; margin:0 auto;}
.submit_button{
  line-height:30px;
  height:30px;
  width:70px;
  color:#ffffff;
  background-color:#2973ea;
  font-size:16px;
  font-weight:normal;
  font-family:Microsoft YaHei;
  border:0px solid #dcdcdc;
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
  -moz-border-radius-topright:3px;
  border-top-right-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  -moz-border-radius-bottomleft:3px;
  border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  -moz-border-radius-bottomright:3px;
  border-bottom-right-radius:3px;
  -moz-box-shadow:0px 0px 0px -20px #000000;
  -webkit-box-shadow:0px 0px 0px -20px #000000;
  box-shadow:0px 0px 0px -20px #000000;
  text-align:center;
  display:inline-block;
  text-decoration:none;
}
.submit_button:hover{
  background-color:#1158ca;
}





.label{display:inline;padding:.2em .6em .3em;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label:empty{display:none}
.label-default{background-color:#777}
.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.label-primary{background-color:#337ab7}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}
.label-success{background-color:#84b126}
.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}



/*列表页*/




.sub_news_content{margin:0 auto 50px auto; float:left; width:100%;}

.snews_content{ margin:15px auto; float:left; padding:25px; width:100%;

  transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out; 

  display:block; border-bottom: 1px solid #eee;}
.snews_content:nth-last-child(odd){background:#fff;}
.snews_content:nth-last-child(even){background:#000;}

.snews_content{color:#2a3e45;}

.snews_content:hover{background:#2a3e45; color:#000;}

.snews_content:hover .snews_text{color:#fff;}

.snews_content:hover .snews_intro{color:#fff;}

.snews_text{width:100%; height:35px; line-height:35px; float:left; margin:0 0 0 15px; color:#000; font-size:20px;}

.snews_intro{width:100%; float:left; margin:18px 15px; color:#777; line-height:25px;}
.snews_intro p{color:#f90;}

/*--- 留言板 ---*/



/*在线留言*/

.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}

.message_block p{padding:12px;}

.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:18px;color:#ccc; margin: 0 0 0 10px; height: 30px;

	-moz-box-shadow:5px 5px 5px #eee inset;-webkit-box-shadow:5px 5px 5px #eee inset; box-shadow:5px 5px 5px #eee inset;border-radius:2px;}

.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px; margin: 0 0 0 10px; height: 30px;

	-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}

.message_tag{ text-align: center; vertical-align: middle;}

.message_labes{font-size:14px;}

.message_title{height:45px;line-height:45px; text-align: center; vertical-align: middle;}

.message_title span{float:right;font-weight:bold;}

.message_info{color:#8ea6b6;text-align:right;}

.msg_btn_area{margin:16px 0 16px 10px;text-align:left;}

.msg_btn_area a{display:inline-block;padding:5px 15px;background:#ac915a; text-decoration:none; color:#fff;text-align:center;font-size:16px;overflow:hidden;cursor:pointer;font-weight:bold;}

.msg_btn_area a:hover{text-decoration:none;background:#916f2a}




/**************************QQMENU**************************/
.b{font-weight:bold; font-family:"微软雅黑"; font-size:14px;}
#backtop_js {position:fixed; margin:550px 0 0 0; right:10px; width:62px; z-index:999999999;_position:absolute;_top:expression(documentElement.scrollTop + "px"); }
#backtop_js li {float:left; position:relative; z-index:1; margin-bottom:-1px;}
#backtop_js .rx {width:2px; height:60px; background:#fff; position:absolute; top:1px; right:-1px;_right:-1px; z-index:333;}
#backtop_js .submenu_js {position:absolute; right:61px;  display:none; top:0;}
#backtop_js .submenu_js dd{position:relative;white-space:nowrap;}
#backtop_js .qq_content {width:260px; margin-top:-40px; padding:0 0 20px 20px; height:160px; border:1px #ddd solid; overflow:hidden; background:#fff;}
#backtop_js .qq_content .title {padding:0 0 5px 0;}
#backtop_js .qq_content ul {margin:20px 0 0 0;}
#backtop_js .qq_content li {width:118px; margin:10px 0 0 0;}
#backtop_js .qq_content li a {float:left; background:url(../images/qqico.png) no-repeat; line-height:21px; padding:0 0 0 28px;}
#backtop_js .moblie_content01{margin-top:-150px; width:100px; height:130px; background:#fff; border:1px #ddd solid; text-align:center; line-height:18px; overflow:hidden;}
#backtop_js .moblie_content02{margin-top:-40px; width:140px; height:140px; background:#fff; border:1px #ddd solid; text-align:center; line-height:18px; overflow:hidden;}
#backtop_js .moblie_content03{ width:100px; height:130px; background:#fff; border:1px #ddd solid; text-align:center; line-height:18px; overflow:hidden;}
#backtop_js .qq {background:url(../images/qq.gif) 8px 10px #fff no-repeat; width:60px; height:60px; border:1px #ddd solid; display:block; cursor:pointer;}
#backtop_js .moblie {background:url(../images/backicon.gif) #fff no-repeat; width:60px; height:60px; border:1px #ddd solid; display:block; cursor:pointer;}
#backtop_js .msg {background:url(../images/backicon.gif)0 -60px #fff no-repeat; width:60px; height:60px; border:1px #ddd solid; display:block; cursor:pointer;}
#backjump {position:fixed; margin:732px 0 0 0; right:10px; width:62px; z-index:999999999;_position:absolute;_top:expression(documentElement.scrollTop + "px");}
#backjump li {border:1px #ddd solid;}
#backtop {display:block;width:60px;height:60px; cursor:pointer; background:url(../images/backicon.gif) 0 -120px #fff no-repeat;}
#backtop_js a .text, #backjump a .text {display:none; }
#backtop_js a:hover .text, #backjump a:hover .text {width:60px; height:50px; background:#fff; padding:10px 0 0 0; line-height:19px; text-align:center; display: block;}



/*sub_main*/

.sub_main{width:1000px; padding:0; margin:0 auto; float:right;}

.sub_tit{width:1000px; height:60px; line-height:60px; color:#fff; font-size:24px; padding:0; font-weight:bold; text-align:left;}

.sub_content{width: 98%;}

/*SUB_PRO*/

.pro_pic{width: 551px;  height: 509px; float: left;}
.pro_main{width:1300px; float: left;}
.pro_mp{padding: 10px; color: #333; line-height: 25px;}
.pro_name{height: 45px; font-size:35px; line-height: 45px; color: #000; padding: 0;text-align:center; margin:0 auto 30px auto;}
.pro_option{height: 30px; background: #111; font-size: 14px; line-height: 30px; color: #fff; padding: 0 0 0 5px;}
.pro_table{margin: 15px auto; width:100%;}
.pro_table ul{text-align: center; list-style: none;}
.pro_table ul li{ list-style: none; width:25%;}
.pro_table1{height: 34px; background: #f90; text-align: center; color: #000; float: left; margin-bottom: 1px;}
.pro_table2{height: 34px; background: #ffefd6; text-align: center; color: #000; float: left; margin-bottom: 1px;}
.pro_table3{height: 34px; background: #ddd; text-align: center; color: #444; float: left; margin-bottom: 1px; line-height: 34px;}

.pro_table4{width: 425px; height: 34px; background: #f1f1f1; text-align: center; color: #777; float: left; margin-bottom: 1px; line-height: 34px;}

.sub_pro_more {width:150px; height:50px; color:#fff; background:#e60012; text-align:center; line-height:50px; font-size:18px; float:left; margin:20px 0 0 0;}

.sub_pro_more a{color:#fff; background:#ac915a; display:block;}

.sub_pro_more a:hover{color:#fff; background:#83601a;}









/* 效果CSS开始 */

.mod18{width:526px;position:relative;margin:0 auto;}

.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}

.mod18 .prev{left:0px;background:url(../images/prevBtn.png) no-repeat;}

.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px;}

.mod18 #prev,.mod18 #next{top:520px;width:10px;height:16px;}

.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}

.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}

.mod18 .next{right:0px;background:url(../images/nextBtn.png) no-repeat;}

.mod18 li{float:left;}

.mod18 .cf li{position:relative;color:#fff;}

.mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}

.mod18 .cf a img{ width: 526px ; height: 470px;}

.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.mod18 .picBox{width:526px; height:470px;position:relative;overflow:hidden; background:#0D0D0D;}

.mod18 .picBox ul{height:377px;position:absolute; left:0;}

.mod18 .picBox li{width:526px;height:470px;}

.mod18 .listBox{width:510px;height:100px;margin:0 auto;position:relative; padding-top:15px;overflow:hidden;}

.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}

.mod18 .listBox li{width:100px;height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;}

.mod18 .listBox li i{display:none;}

.mod18 .listBox li a{display:block;width:100px;height:77px;}

.mod18 .listBox img{border:2px solid #ddd; width: 77px; height: 77px}

.mod18 .listBox .on img{border:2px solid #ccc;}

.mod18 .listBox .on{background:url(../images/img_bg.jpg) center top no-repeat;}

.mod18 .listBox .on i{display:block;}

/**二级缓动JS**/

.menuContent{display:none;}

/*sub_mainbox*/

/*分页样式*/

.page_info{text-align:center;margin:10px;color:#999;}

.page_info span{padding:0 2px;font-weight:bold;}

.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:10px;margin-top:20px;}

.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}

.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}

.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}





/*产品详情页样式*/

.product_title{ width:100%; margin:0 auto; height:80px; line-height:80px; font-size:26px; text-align:center}

.product_time{width:100%; background:#999; color:#fff; height:30px; margin:10px auto; text-align:center; line-height:30px;}

.prodct_content_title{width:100%; margin:0 auto; background:#eee;}
.prodct_content_title ul{background:#eee;}

.prodct_content_title ul li{float:left; width:50%; font-size:20px; border:1px sollid #ccc; height:55px; line-height:55px; text-align:center; margin:35px 0 35px 0;}

.bgcolor{ background:#2a3e45; color:#fff;}

.bgcolor_on{ background:#f90; color:#fff;}

.prodct_content_title li a{ color:#fff}

.product_content{width:100%; margin:0 auto;}



.prodct_content_titles{width:100%; margin:0 auto;}

.prodct_content_titles li{float:left; width:120px; height:50px; line-height:50px; text-align:center; margin:25px 1px 0 0;}

.prodct_content_titles li a{ color:#FFF}

.product_contents{width:100%; margin:0 auto; border-top:1px #555 solid;}



/*图片列表*/

.p_img{ max-width:300px; width: 300px; height: 225px; max-height: 225px; text-align: center; vertical-align: middle; }

.neirong{ padding:5px;  text-align: center;}
.neirong img{max-width:100%;}



/*MESSAGE*/

.sub_message{width:870px; margin:100px auto 0 300px; float:left; position:absolute; padding:0;}

.text_box{width:20%; float:left; line-height:30px; line-height:30px; font-size:14px; text-align:right; margin:0 25px 0 0; color:#1098de;}

.input_box{width:40%; float:left; line-height:30px; line-height:30px; text-align:left;}

.sinput{height:30px; width:300px; line-height:30px; font-size:16px; color:#ccc; text-align:left; border:1px solid #d8ecff;font-family:"Microsoft YaHei",微软雅黑,Arial;-moz-box-shadow:5px 5px 5px #ebf5ff inset;-webkit-box-shadow:5px 5px 5px #ebf5ff inset; box-shadow:5px 5px 5px #ebf5ff inset;}

.sinputs{color:#ccc; width:300px; height:80px; text-align:left; border:1px solid #d8ecff;font-family:"Microsoft YaHei",微软雅黑,Arial;-moz-box-shadow:5px 5px 5px #ebf5ff inset;-webkit-box-shadow:5px 5px 5px #ebf5ff inset; box-shadow:5px 5px 5px #ebf5ff inset;}

.cler_xiaomeg{width:100%; height:15px; margin:0 auto;}

.submit_button{

  line-height:30px;

  height:30px;

  width:70px;

  color:#ffffff;

  background-color:#2973ea;

  font-size:16px;

  font-weight:normal;

  font-family:Microsoft YaHei;

  border:0px solid #dcdcdc;

  -webkit-border-top-left-radius:3px;

  -moz-border-radius-topleft:3px;

  border-top-left-radius:3px;

  -webkit-border-top-right-radius:3px;

  -moz-border-radius-topright:3px;

  border-top-right-radius:3px;

  -webkit-border-bottom-left-radius:3px;

  -moz-border-radius-bottomleft:3px;

  border-bottom-left-radius:3px;

  -webkit-border-bottom-right-radius:3px;

  -moz-border-radius-bottomright:3px;

  border-bottom-right-radius:3px;

  -moz-box-shadow:0px 0px 0px -20px #000000;

  -webkit-box-shadow:0px 0px 0px -20px #000000;

  box-shadow:0px 0px 0px -20px #000000;

  text-align:center;

  display:inline-block;

  text-decoration:none;

}

.submit_button:hover{

  background-color:#1158ca;

}
.product_border{border:1px solid #ddd; width: 280px; height: 250px; text-align: center;}

.iamge_list img{max-width: 260px; max-height: 225px;}

.prosimg{max-height: 190px; max-width: 270px;}