@charset "utf-8";
@import url(anim.css);
* {margin: 0 auto;padding: 0px; font-family:"微软雅黑";}
body{ min-width:1200px;font-size: 12px; overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{ color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{ font-size:12px;}
p{ color:#686868;}
ul{ list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{ text-decoration:none; color:#686868;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
.gy2{ width:1200px; margin:0 auto; overflow:hidden;}
a:hover{ text-decoration:none; color:#f3782a;}
.top01{ width:100%; height:38px; line-height:38px; background:#f67524; /*color:#f5f5f5;*/ color:#fff; overflow:hidden;}
.top01 .l{ font-size:14px;}
.top01_center{ text-align:left;/* width:362px; *//*padding-left:840px; margin:0 auto;*/ float:right; font-size:14px;}
.top01_center img{ vertical-align:sub; display:inline-block; margin-right:8px;}
.top01_center div{ font-size:14px; height:38px; overflow:hidden; display:block; text-align:right;}
.top01_center div.div1{transition:all 0.3s;}
.top01_center:hover div.div1{ margin-top:-38px;}
.top02{ height:86px; width:100%; min-width:1200px;}
.top02 .top02_center{width:1200px;margin:0 auto;}
.logo{ width:240px; float:left; padding-top:13px;}
.logo img{ float:left;}
.logo .logo-year{ margin-top:17px; height:20px; line-height:20px; width:38px; text-align:center; font-size:12px; color:#fff; background:#f67524; border-radius:4px; overflow:hidden; font-size:14px; color:#fff; }
.logo .logo-text{ margin-top:5px; height:18px; color:#656565;line-height:18px; overflow:hidden;}
.nav{/* width:770px; */float:right;}
/*.nav ul{ width:780px;}*/
.nav li.m{     width: 86px;
    float: left;
    text-align: center;
    background: url(http://img02.taishanzhicheng.com/taishan/images/top_bg1.png) right 46px no-repeat;
    width: 113px;}
.nav li:last-child{ background:none; padding-right:0; margin-right:0;}
.nav a.mmm{ width:86px;  height:46px; padding-top:40px; display:block; font-size:16px; color:#333; /*overflow:hidden; */}
/*.nav li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -3px;
	height: 3px;
	opacity: 0;
	background-color: #dc6103;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.nav li a:hover:after{
	left: 1%;
	right: 1%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}*/
.nav a:hover{ /*border-bottom:3px solid #f3782a;*/}
.nav .m.on a.mmm{color:#f3782a; }
.nav a#sel{/*border-bottom:3px solid #f3782a;*//*color:#f3782a;*/}
/*.nav a#sel:hover:after{opacity: 0;}*/

#top_bg{background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; display:none;}
.nav .sub{ display:none; /*ĬÈÏÒþ²Ø*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:124px; overflow:hidden; text-align:left; z-index:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;}
.nav .sub .nav_xiao{ width:1440px; overflow:hidden; margin:0 auto;}
.nav .sub .nav_xiao.max1100{ max-width:1100px;}
.nav .sub .nav_xiao .xiao_one{overflow:hidden; padding-top:40px; padding-bottom:40px;}
.nav .sub .nav_xiao .xiao_one ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_one ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; }
.nav .sub .nav_xiao .xiao_one ul li:last-child a{ border-right:0;}
.nav .sub .nav_xiao .xiao_one ul li a:hover{ color:#f67524;}
.nav .sub .nav_xiao .xiao_one ul li a i{ display:block; width:101px; height:84px; margin:0 auto;margin-bottom:23px; overflow:hidden; background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic1.png); background-repeat:no-repeat;transition:all 0.3s; margin-top:20px;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs1{ background-position:-720px top;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs2{ background-position:left top;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs3{ background-position:-360px top;}
.nav .sub .nav_xiao .xiao_one ul li a i.bgs4{ background-position:-1088px top;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i{background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic1.png);}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs1{ background-position:-720px bottom;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs2{ background-position:left bottom;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs3{ background-position:-360px bottom;}
.nav .sub .nav_xiao .xiao_one ul li a:hover i.bgs4{ background-position:-1088px bottom;}

.nav .sub .nav_xiao .xiao_two{ margin-top:40px;/*margin-left:405px; width:670px;*/ margin-bottom:40px; overflow:hidden;}
.nav .sub .nav_xiao .xiao_two ul li{ float:left;display:inline; height:184px; width:25%; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_two ul li a{display:block; height:100%; border-right:1px solid #e6e6e6; line-height:56px;overflow:hidden; color:#000000; margin-top:13px; font-size:18px;transition:all 0.3s; }
.nav .sub .nav_xiao .xiao_two ul li:last-child a{ border-right:0;}
.nav .sub .nav_xiao .xiao_two ul li a:hover{ color:#f67524;}
.nav .sub .nav_xiao .xiao_two img{ float:left; margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{ float:left; width:380px; padding-top:30px; font-size:12px; color:#666666; line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{ font-size:16px; color:#f3782a; font-weight:normal; letter-spacing:1px; line-height:36px;}
.nav .sub .nav_xiao .xiao_two ul li a i{ display:block; width:104px; height:104px; margin:0 auto;margin-bottom:13px; overflow:hidden; background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic2.png); background-repeat:no-repeat; margin-top:10px; background-color:#999999; border-radius:50%; position:relative;transition:all 0.3s;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs1{ background-position:30px center;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs2{ background-position:-330px center;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs3{ background-position:-691px center;}
.nav .sub .nav_xiao .xiao_two ul li a i.bgs4{ background-position:-1050px center;}
.nav .sub .nav_xiao .xiao_two ul li a:hover i{ background-color:#f67524; margin-top:5px; }




.nav .sub .nav_xiao .xiao_three{overflow:hidden; margin-top:60px; margin-bottom:60px;}
.nav .sub .nav_xiao .xiao_three ul li{ float:left; display:inline; width:18%; height:218px; overflow:hidden; margin-right:2.5%; text-align:center; position:inherit; line-height:56px; background-color:#fff;}
.nav .sub .nav_xiao .xiao_three ul li:last-child{ margin-right:0;}
.nav .sub .nav_xiao .xiao_three ul li img{ width:100%; display:block;transition:all 0.3s;}
.nav .sub .nav_xiao .xiao_three ul li a{ color:#000000; width:100%; font-size:18px; height:100%; display:block;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{ color:#f67524;}
/*.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}*/


.nav .sub .nav_xiao .xiao_four{ width:50%; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.nav .sub .nav_xiao .xiao_four.l{ border-right:1px solid #e3e3e3;}
.nav .sub .nav_xiao .xiao_four.r{ width:49%;}
.nav .sub .nav_xiao .xiao_four h2{ font-size:16px; font-weight:bold; color:#000; height:18px; line-height:18px;}
.nav .sub .nav_xiao .xiao_four .ul{margin-top:23px;}
.nav .sub .nav_xiao .xiao_four .ul li{ padding-top:11px; padding-bottom:11px; height:44px; line-height:22px; padding-left:15px; margin-right:40px; width:265px; overflow:hidden; float:left; display:inline; margin-bottom:10px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0){ margin-right:0;}
.nav .sub .nav_xiao .xiao_four .ul li:hover{ background-color:#fff;}
.nav .sub .nav_xiao .xiao_four .ul li a{ display:block;text-align:left; color:#999999; font-size:14px;}
.nav .sub .nav_xiao .xiao_four .ul li a i{ margin-right:10px; margin-top:4px; float:left; width:36px; height:36px; background-repeat:no-repeat; background-position:center center;}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs1{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic4.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs2{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic5.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs3{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic6.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs4{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic7.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs5{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic8.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs6{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic9.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs7{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic10.png);}
.nav .sub .nav_xiao .xiao_four .ul li a i.bgs8{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic11.png);}
.nav .sub .nav_xiao .xiao_four .ul li a b{ font-weight:normal; font-size:16px; display:block; color:#000; height:22px; overflow:hidden;}
.nav .sub .nav_xiao .xiao_four .ul2{ width:540px; margin:0 auto; overflow:hidden;}
.nav .sub .nav_xiao .xiao_four .ul2 h2{margin-bottom:23px;}
.nav .sub .nav_xiao .xiao_four .ul2 li{ padding-top:11px; padding-bottom:11px; height:44px; line-height:22px; margin-right:40px; width:250px; overflow:hidden; float:left; display:inline; margin-bottom:10px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0){ margin-right:0;}
.nav .sub .nav_xiao .xiao_four .ul2 li a{ display:block;text-align:left; color:#999999; font-size:14px;}
.nav .sub .nav_xiao .xiao_four .ul2 li a b{ font-weight:normal; font-size:16px; display:block; color:#000; height:22px; overflow:hidden;}
.nav .sub .nav_xiao .xiao_four .ul2 li a b i{ display:inline-block; width:35px; height:15px; overflow:hidden; background:url(http://img02.taishanzhicheng.com/taishan/images/top_pic12.png) no-repeat; margin-left:3px;}
.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b{ color:#f67524;}

.nav .sub .nav_xiao .xiao_five{ width:549px; overflow:hidden; float:left; margin-top:40px; margin-bottom:40px; border-right:1px solid #e6e6e6;}
.nav .sub .nav_xiao .xiao_five img{ width:391px; height:259px;}
.nav .sub .nav_xiao .xiao_five a{ width:391px; height:259px; padding:0; margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;text-align: left; margin-top:71px;}
.nav .sub .nav_xiao .xiao_five2 a{text-align: left; float:left; margin-right:100px; height:38px; line-height:38px;/* width:155px;*/ color:#000000; font-size:18px; margin-bottom:42px; transition:all 0.3s;}
.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0){ margin-right:3px;}
.nav .sub .nav_xiao .xiao_five2 a i{ width:38px; height:38px; border-radius:50%; background-color:#999999; background-repeat:no-repeat; background-image:url(http://img02.taishanzhicheng.com/taishan/images/top_pic3.png); float:left; margin-right:20px;transition:all 0.3s; margin-left:0px;}
.nav .sub .nav_xiao .xiao_five2 a:hover{color:#f67524;}
.nav .sub .nav_xiao .xiao_five2 a:hover i{background-color:#f67524; /*margin-left:3px;*/}
.nav .sub .nav_xiao .xiao_five2 a i.bgs1{ background-position:9px 8px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs2{ background-position:-233px 8px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs3{ background-position:9px -72px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs4{ background-position:-233px -72px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs5{ background-position:9px -152px;}
.nav .sub .nav_xiao .xiao_five2 a i.bgs6{ background-position:-233px -152px;}

/*.nav .sub .nav_xiao .xiao_six_l{ float:left; width:140px; margin-left:70px; overflow:hidden; margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{ display:block; height:46px; line-height:46px; font-size:16px; color:#333333; padding-left:20px; background:url(http://img02.taishanzhicheng.com/taishan/images/yuming_pic9.png) left center no-repeat; padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(http://img02.taishanzhicheng.com/taishan/images/2017/yuming_pic9_on.png) left center no-repeat; color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{ float:left; width:990px; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{ display:block; margin:0 auto; margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{ float:left;  width:140px;height:auto; border-left:1px solid #e2e3e3; padding-top:0; margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{ margin-top:-4px; margin-bottom:36px;}*/
.nav .sub .nav_xiao .xiao_six{overflow:hidden; height:338px; border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:}
.nav .sub .nav_xiao .xiao_six ul li{ float:left;display:inline; height:338px; width:33.2%; overflow:hidden;border-right:1px solid #e6e6e6; text-align:center;}
.nav .sub .nav_xiao .xiao_six ul li.bgs1{ background:url(http://img02.taishanzhicheng.com/taishan/images/yuming_bg1.png) right 168px no-repeat;}
.nav .sub .nav_xiao .xiao_six ul li.bgs2{ background:url(http://img02.taishanzhicheng.com/taishan/images/yuming_bg2.png) right 168px no-repeat;}
.nav .sub .nav_xiao .xiao_six ul li.bgs3{ background:url(http://img02.taishanzhicheng.com/taishan/images/yuming_bg3.png) right 168px no-repeat;}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con{ margin:0 auto; width:80%; max-width:360px;height:338px; overflow:hidden; text-align:left;}
.nav .sub .nav_xiao .xiao_six ul li:last-child{ border-right:0;}
.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l{ font-size:18px; font-weight:bold; height:62px; line-height:62px; border-bottom:1px solid #e6e6e6; margin-bottom:23px;}
.nav .sub .nav_xiao .xiao_six ul li a{ float:left; width:136px; overflow:hidden; height:30px; line-height:30px;font-size:16px; color:#666666;}
.nav .sub .nav_xiao .xiao_six ul li a:hover{ color:#f67524;}
.nav .sub .nav_xiao .xiao_six ul li .a{ display:block; width:182px; height:42px; line-height:42px;  text-align:center; color:#fff; font-size:16px; margin-top:31px;transition:all 0.3s; clear:both;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs1{ background-color:#f67524;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs2{ background-color:#248cf6; margin-top:61px;}
.nav .sub .nav_xiao .xiao_six ul li .a.bgs3{ background-color:#1ecc85; margin-top:91px;}
.nav .sub .nav_xiao .xiao_six ul li .a:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;}


.slideBox {height: 650px;overflow: hidden;margin-top: 131px;text-align: center;position: relative;}
.slideBox .hd {position: absolute;bottom: 20px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.slideBox .hd li {filter:alpha(opacity=50);opacity:0.5;  display: inline-block;width:10px;height:10px;background: #fff;border: 3px solid #fff;border-radius: 10px;margin: 0 7px;cursor: pointer;}
.slideBox .hd li.on {background: #e67817;border: 3px solid #e67817;}
.slideBox .bd,.banner .bd ul,.banner .bd li {width: 100% !important;height: 100% !important;}
.slideBox .bd li {background: no-repeat center;height: 650px;}
.slideBox .bd li a {display: block;width: 100%;height: 100%;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(http://img02.taishanzhicheng.com/taishan/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

@media screen and (max-width:1360px) {

.nav li.m{ padding-right:10px; margin-right:10px;}
.nav li:last-child{ padding-right:0; margin-right:0;}

}

.w12{width: 1200px;margin: 0 auto;}
.fwxm{
	width: 100%;
    height: 790px;
    margin-top: 50px;
    min-width: 1200px;
}

.fwxm3{
	width: 100%;
    height: 450px;
    margin-top: 50px;
    min-width: 1200px;
}
.lf{float: left;    color: #fff;}
.rt{float: right;}

.fwxm1{
	font-size: 36px;
    font-weight: bold;
    color: #F97200;
    text-align: center;
}
.fwxm2{
	font-size: 14px;
    color: #999999;
    text-align: center;
    padding-top: 10px;
}
.fwxm1 span{
	color: #262626;
	font-size: 36px;
    font-weight: bold;
}

.cloud-product-wrapper {
    margin: 0 auto;
    width: 1200px
}

.cloud-product-box{
	padding-top: 50px;
}
.cloud-product {
    position: relative;
    z-index: 9;
    padding: 5px 0 5px;
    margin-bottom: 20px
}

.cloud-product-ul {
    width: 100%
}

.cloud-product-ul li {
    position: relative;
    margin-left: 12px;
    width: 212px;
    height: 522px;
    float: left;
    background: #fff
}

.cloud-product-ul li:first-child {
    margin-left: 0
}

.cloud-product-single-bottom {
    width: 100%;
    height: 340px
}

.cloud-product-ul li.active .active-inner {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.cloud-product-ul li.active .normal-inner {
    display: none;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.cloud-product-ul li {
    -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08);
    -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .08);
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .08);
    -webkit-transition: width .15s linear;
    -o-transition: width .15s linear;
    -moz-transition: width .15s linear;
    transition: width .15s linear
}

.cloud-product-ul li.active {
    z-index: 9;
    width: 304px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2)
}

.col-c ul:nth-child(1) li:nth-child(6){
    margin-top: 66px;
}

.empty-space {
    width: 100%;
    height: 99px;
    padding: 26px 0 0 0
}

.bg-product-pic {
    width: 100%;
    height: 82px
}

.server-header-01 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_icon_01.png) center no-repeat
}

.server-header-02 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_icon_02.png) center no-repeat
}

.server-header-03 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/tao_1.png) center no-repeat
}

.server-header-04 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_icon_04.png) center no-repeat
}

.server-header-05 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_icon_05.png) center no-repeat
}

.server-header-active-01 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_active_icon_01.png) center no-repeat
}

.server-header-active-02 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_active_icon_02.png) center no-repeat
}

.server-header-active-03 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/tao_2.png) center no-repeat
}

.server-header-active-04 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_active_icon_04.png) center no-repeat
}

.server-header-active-05 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/product_header_active_icon_05.png) center no-repeat
}

.product-introduce-title {
    margin-bottom: 14px;
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    text-align: center
}

.product-introduce-title.normal-weight {
    font-weight: 400
}

.product-introduce-content {
    margin: 0 auto 26px;
    width: 180px;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
    color: #999
}

.product-introduce-list {
    margin: 0 auto;
    padding-top: 28px;
    height: 135px;
    width: 84%;
    border: 1px solid #f1f1f1;
    border-left: none;
    border-right: none
}


.product-introduce-price {
    margin: 48px auto 0;
    font-size: 14px;
    text-align: center;
    color: #333
}

.price-blue {
    color: #f77829;
    font-size: 38px
}

.normal-inner {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.active-inner {
    position: relative;
    display: none;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.active-inner-01 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/producet_bg_01.jpg) center no-repeat
}

.active-inner-02 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/producet_bg_01.jpg) center no-repeat
}

.active-inner-03 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/producet_bg_01.jpg) center no-repeat
}

.active-inner-04 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/producet_bg_01.jpg) center no-repeat
}

.active-inner-05 {
    background: url(http://img02.taishanzhicheng.com/taishan/images/producet_bg_01.jpg) center no-repeat
}


.active .product-introduce-content {
    color: #eff6ff
}

.active-product-introduce-title {
    color: #fff
}

.active .product-introduce-list {
    padding-top: 22px;
    border-color: #fff;
}

.introduce-list-large {
    margin: 0 auto;
    width: 228px;
    line-height: 22px;
    color: #ddebff;
    font-size: 14px
}

.introduce-list-small {
    margin-bottom: 18px;
    line-height: 14px;
    font-size: 14px;
    color: #999;
    text-align: center
}

.introduce-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px
}

.active .product-introduce-price {
    margin-top: 32px;
    color: #fefeff
}

.product-introduce-price .price-white {
    display: inline-block;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff
}



.btn {
    display: inline-block;
    width: 100px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    color: #009FD9;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer
}
.buy-link-btn {
    display: block;
    margin: 30px auto 0;
    width: 90%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #888888;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.buy-link-btn:hover {
    background-color: #ffffff
}

.buy-link-btn:hover a {
    background-color: #0084ff
}

.historical_opportunity {
    height: 538px;
    background-image: url(http://img02.taishanzhicheng.com/taishan/img/1_b.jpg);
    background-repeat: no-repeat;
    background-position: center center
}

.historical_opportunity .common_tit2 {
    height: 174px;
    padding-top: 80px
}

.historical_opportunity .boxss {
    overflow: hidden;
    height: 184px;
    padding-top: 15px
}

.historical_opportunity .boxssul {
    width: 1400px
}

.historical_opportunity .boxss ul li {
    width: 111px;
    float: left;
    margin-right: 60px;
    text-align: center
}

.historical_opportunity .boxss ul li p {
    color: #FFF;
    white-space: nowrap;
    padding-top: 10px
}

.historical_opportunity .boxss ul li strong {
    display: block;
    height: 120px;
    width: 120px;
    background-color: #fff;
    line-height: 120px;
    font-size: 50px;
    color: #e67817;
    text-align: center;
    font-weight: 400;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.historical_opportunity .boxss ul li strong i {
    display: block;
    height: 58px;

    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.common_tit2 {
    text-align: center;
    clear: both;
    float: none
}

.common_tit2 strong {
    color: #fff;
    font-size: 36px;
    display: block
}

.common_tit2 p {
    font-size: 18px;
    padding-top: 10px;
    color: #fff
}

.common_tit2 i {
    font-size: 0;
    line-height: 0;
    background-color: #fff;
    display: inline-block;
    height: 1px;
    width: 150px;
    margin-top: 10px
}

.picMarquee-left{ overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; }
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:391px; height:260px; display:block; padding:20px; object-fit:cover;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   font-size: 18px;}

.yx_boxx{ background-color:#e86e00; overflow:hidden; padding-bottom:50px;}
.yx_bjk{ width:1200px;margin: 0 auto;}
.yx_bg{ width:1200px; text-align:center;}
.yx_bg .zq{ padding-top:10px;}
.yb_bo{ text-align:center; background:url(http://img02.taishanzhicheng.com/taishan/images/lk.jpg) no-repeat center; height:28px; font-size:14px; color:#fff; padding-right:23px;}
.tu_c{width:450px; padding-top:20px;}
.tu_c img{ padding:13px; background:#fff; display:block; box-shadow:0px 5px 10px 8px #c96000;}
.tuc_rg{ width:710px; padding-top:23px;}
.about{ width:650px; float:left; color:#fff; font-size:14px; line-height:26px; padding-bottom:10px;}

.anniu{ width:266px; clear:both; padding-top:30px; float:left;}
.fz{ background:url(http://img02.taishanzhicheng.com/taishan/images/13fz.jpg) no-repeat left center; height:36px; width:122px;}
.fz a{ padding-left:40px; line-height:36px; color:#181818; font-size:14px;}
.hj{  background:url(http://img02.taishanzhicheng.com/taishan/images/13v.jpg) no-repeat left center; height:36px; width:122px;}
.hj a{ padding-left:40px; line-height:36px; color:#181818; font-size:14px;}
.rew{  float:right; padding-right:30px;}
.rew .dian{ display:block; padding-top:30px;}

.fwxm4{
	width: 100%;
    height: 650px;
    margin-top: 50px;
    min-width: 1200px;
}
.slideTxtBox{ width:1200px;  text-align:center; margin: 0 auto; }
.slideTxtBox .hd{ height:30px; line-height:30px;padding:0 10px 0 20px;  text-align: center; margin-top: 30px;}
.slideTxtBox .hd ul{  margin-bottom: 50px; text-align: center; }
.slideTxtBox .hd ul li.on { background-color: #ff4e00; color: #fff; border-color: #ff4e00; }
.slideTxtBox .hd ul li{display: inline-block;line-height: 30px;border: 1px solid #d6d6d6;border-radius: 15px;margin: 0 10px;font-size: 15px; }
.slideTxtBox .hd ul li a{color: #666; display: block; padding: 0 35px;}
.slideTxtBox .hd ul li.on a { color: #fff; }
.slideTxtBox .bd ul{   zoom:1;  }

.news1{width: 372px; margin-top: 50px;}
.news1 {color: #666;background-color: #f5f5f5;border-radius: 5px;overflow: hidden;}
.news1 a{color: #444;}
.news1 .pic {background-repeat: no-repeat;background-position: center;-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;}
.news1 .pic a { display: block;/*height: 160px;*/ height: 215px; }
.news1 .con {padding: 15px 20px 15px;background-color: white;}
.news1 .time { width: 80px; height: 60px; float: left; font-size: 15px; padding: 10px 5px; background-color: #ff4e00; color: #fff; font-family: 'Arial'; text-align: center; margin-right: 20px; }
.news1 .time em { font-size: 30px; display: block; line-height: 40px;font-weight: normal;font-style: normal; }
.news1 .tit { font-size: 18px; overflow: hidden; margin: 10px 0; line-height: 2; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
.news1 .det {/*padding-top: 15px;*/ clear: both; overflow: hidden;/*line-height: 25px;max-height: 90px;*/ padding-top: 10px; line-height: 20px; max-height: 50px; }
.news2{width: 828px;  padding-top: 50px;}
.news2 .info { overflow: hidden; }
.news2 .info * { display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: -5px center; }
.news2 .orign { background-image: url(http://img02.taishanzhicheng.com/taishan/images/ico-user.png); }
.news2 .visit { background-image: url(http://img02.taishanzhicheng.com/taishan/images/ico-eye.png); float: right; }

.news2 .ul-list4 { overflow: hidden;}
.news2 .ul-list4 li { float: left; width: 50%; margin-bottom: 20px; }
.news2 .ul-list4 .con { display: block; overflow: hidden; margin: 0 12px; background-color: #f5f5f5; border-radius: 5px; }
.news2 .ul-list4 .time {  width: 85px; height: 85px; background-color: #afafaf; color: #fff; font-family: 'Arial'; text-align: center; padding: 10px 5px; font-size: 15px; float: left; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.news2 .ul-list4 .time em {font-weight: normal;font-style: normal; font-size: 30px; display: block; line-height: 40px; padding-top: 9px;}
.news2 .ul-list4 .tit { font-size: 15px; color: #333; font-weight: bold; line-height: 35px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
.news2 .ul-list4 .det { color: #666; line-height: 22px; height: 44px; overflow: hidden; }
.news2 .ul-list4 .con:hover .tit { color: #ff4e00; }
.news2 .ul-list4 .con:hover .time { background-color: #ff4e00; }

.add_boxx{ background:url(http://img02.taishanzhicheng.com/taishan/images/15bj_l.jpg) no-repeat left center; height:520px;}
.add_w{ width:1200px; overflow:hidden; position:relative;}
.ekew{color:#494949; background:url(http://img02.taishanzhicheng.com/taishan/images/15lo.png) no-repeat left center; height:240px; padding-top:20px; width:317px; position:absolute; top:120px; left:37px;}
.ekew .company{ color:#252525; font-size:16px; font-weight:normal; height:27px; border-bottom:1px dashed #d2d2d2; padding-bottom:5px; margin-right:30px; margin-left:30px; padding-top:5px;}
.dizhi{padding-top:10px; padding-left:30px;}
.dizhi span{ display:block; float:left; color:#ff0033;}
.dizhi .zg{ width:210px; display:block; color:#494949;}
.yuyue{ width:550px; background:url(http://img02.taishanzhicheng.com/taishan/images/bjdp.png) no-repeat left center; height:400px; padding-top:90px; padding-left:60px;}
.yuyue h2 .online{ font-size:24px; font-weight:normal; color:#494949;}
.yuyue h2 .ord{ color:#e86e00; font-size:18px; font-weight:normal; padding-left:6px;}
form input{ width:320px; height:40px; margin-top:12px; border-radius:3px; font-family:微软雅黑;}
.tbr{ border:0px; background:url(http://img02.taishanzhicheng.com/taishan/images/uu.jpg) no-repeat left center; border-radius:3px; color:#6f6f6f; padding-left:16px;}
.tbr_box{ color:#6f6f6f; border:0px; background:url(http://img02.taishanzhicheng.com/taishan/images/lp.jpg) no-repeat left center; height:80px; width:400px; padding:10px 13px; clear:both; font-family: 微软亚黑:; font-size:14px;}
.an_boxx{ float:left; background:url(http://img02.taishanzhicheng.com/taishan/images/any.png) no-repeat left 10px; width:161px; height:66px; border:0px; color:#fff; font-size:14px;}
.re_box{ padding-top:30px; padding-left:10px;}

#footer{width: 100%;height: 343px;background: #1b1b1d;min-width: 1200px;}
.footer{width: 1200px;height: 300px;margin: auto;padding-top: 60px;}
.footer_left{width: 160px;height: 300px;float: left;}
.footerphone{margin-top: 15px;color: #fff;font-size: 18px;text-align: center;width: 160px;}
.footer_right{width: 950px;height: 300px;float: right;}
.ftnav{width: 950px;height: 35px;}
.ftnav li{float: left;list-style: none;width: 150px;border-bottom: solid 1px #4c4c4c;height: 35px;}
.ftnav li a{font-size: 16px;color: #F97200;}
.yidong{margin-left: 30px;}
.ftnav li ul{margin-top: 40px;}
.ftnav li ul li{border-bottom: none;}
.ftnav li ul li a{color: #797979;font-size: 14px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
.ftnav li ul li a:hover{color: #fff;}
.nav li{ position:relative;}

#beian{width: 100%;height: 80px;border-top: solid 1px #4c4c4c;background: #1B1B1D;min-width: 1200px;}
.beian{width: 1200px;height: 60px;margin: auto;}
.beian p{font-size: 14px;color: #8e8e8e;width: 1200px;float: left;line-height: 55px;text-align: center;}

.solutions_banner{ overflow:hidden;position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover;/*background-attachment:fixed;*/ }
.solutions_banner img{ display:block; width:100%;opacity:0;filter:Alpha(opacity=0);}
.solutions_banner .pose{ position:absolute; bottom:0; height:50px; line-height:50px; background:rgba(0,0,0,0.3); width:100%; color:#999999; font-size:16px;}
.solutions_banner .pose .gy2{ text-align:right;}
.solutions_banner .pose .imgs{ display:inline-block; width:20px; vertical-align:sub; margin-right:8px;opacity:1.0;filter:Alpha(opacity=100);}
.solutions_banner .pose a{color:#999999; font-size:16px;}
.solutions_banner .pose a:hover{ color:#fff;}
.solutions_banner .pose label{ color:#fff; font-size:16px;}

.solutions_banner .txts{width: 1200px; position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }
.solutions_banner .txts h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;font-family:"华文细黑"; background:url(http://img02.taishanzhicheng.com/taishan/images/bgs3.png) left bottom no-repeat; font-size:48px;color:#fff;}
.solutions_banner .txts p{ color:#fff;font-family:"华文细黑"; font-size:24px;}
.solutions_banner .txts .website_bnt{ clear:both; display:block; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(http://img02.taishanzhicheng.com/taishan/images/website_bg1.png) 139px center #fff  no-repeat; text-indent:51px; font-size:16px; color:#3d4ed2; margin-top:34px;transition:all 0.3s;}
.solutions_banner .txts .website_bnt:hover{ margin-left:5px;background-position:143px center;}
.contactPage .intention{
	background: #f5f5f5;
	padding: 98px 0 80px 0;
	height: 450px;
}
.contactPage .intention .title{
	line-height: 40px;
	font-size: 36px;
	color: #000000;
}
.contactPage .intention .right,
.contactPage .intention .left{
	float: left;
	width: 590px;
	margin-top: 28px;
}
.contactPage .intention .right{
	float: right;
}
.contactPage .intention .inpu{
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.contactPage .intention .inpu textarea,
.contactPage .intention .inpu input{
	width: 100%;
	height: 48px;
	line-height: 48px;
	box-sizing: border-box;
	font-size: 18px;
	color: #333;
	border: none;
	outline:none;
	padding: 0 20px;
	box-sizing: border-box;
	background: none;
}
.contactPage .intention .inpu input::-webkit-input-placeholder{color:#666;}
.contactPage .intention .inpu input:-moz-placeholder{color:#666;}
.contactPage .intention .inpu input::-moz-placeholder{color:#666;}
.contactPage .intention .inpu input:-ms-input-placeholder{color:#666;}
.contactPage .intention .inpu textarea::-webkit-input-placeholder{color:#666;}
.contactPage .intention .inpu textarea:-moz-placeholder{color:#666;}
.contactPage .intention .inpu textarea::-moz-placeholder{color:#666;}
.contactPage .intention .inpu textarea:-ms-input-placeholder{color:#666;}
.contactPage .intention .inpu textarea{
	height: 258px;
	resize: none;
	line-height: 24px;
	padding: 10px 20px;
}
.contactPage .intention .btn{
	margin: 0;
	padding: 0;
	height: 70px;
	width: 590px;
	text-align: center;
}
.contactPage .intention .btn a,
.contactPage .intention .btn button,
.contactPage .intention .btn input{
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	display: block;
	border: none;
	border-radius: 0;
	background: #f67524;
	-webkit-appearance:none;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.contactPage .intention .btn a,
.contactPage .intention .btn button,
.contactPage .intention .btn input:hover{
	background: #ff6200;
}
@media only screen and (max-width: 1440px){
	.contactPage .intention .right,
	.contactPage .intention .left{
		width: 590px;
	}
}
.contactPage .contact{
	padding: 100px 0;
}
.contactPage .contact #allmap,
.contactPage .contact .map{
	width: 100%;
	height: 550px;
}
.contactPage .contact .list{
	border-left: solid 1px #e6e6e6;
	box-sizing: border-box;
}
.contactPage .contact .list:after{content:"";height:0;display:block;clear:both}
.contactPage .contact .list li{
	width: 25%;
	float: left;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	box-sizing: border-box;
	text-align: center;
	padding-bottom: 66px;
}
.contactPage .contact .list li .icon{
	height: 138px;
	margin-top: 75px;
}
.contactPage .contact .list li .icon img{
	height: 100%;
}
.contactPage .contact .list li .text{
	line-height: 30px;
	font-size: 18px;
	color: #666666;
	margin-top: 40px;
}
.contactPage .contact .list li .text a,
.contactPage .contact .list li .text p{
	font-size: 18px;
	color: #666666;
}


.demo{padding: 2em 0;}
:root{
	--color_1: #fff;
	--main-color: #1dd1a1;
}
.box{
	font-family: 'Niramit', sans-serif;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 20px 0px;
}
.box:before,
.box:after,
.box-content:before,
.box-content:after{
	content: '';
	background: linear-gradient(transparent,rgba(0,0,0,0.9));
	height: 100%;
	width: 25%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{
	transform: translateY(0);
}
.box:after{ left: 25%; }
.box .box-content:before{ left: 50%; }
.box .box-content:after{ left: 75%; }
.box:hover:before{ transition-delay: 0.225s; }
.box:hover:after{ transition-delay: 0.075s; }
.box:hover .box-content:before{ transition-delay: 0.15s; }
.box:hover .box-content:after{ transition-delay: 0s; }
.box img{
	width: 100%;
	height: 255px;
	transition: all 0.3s ease 0s;
	object-fit: cover;
}
.box:hover img{ filter: grayscale(100%); }
.box .box-content{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.2s;
}
.content{
	width: 100%;
	padding: 7px 0;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	transition: all 0.3s ease 0.1s;
}
.box:hover .content{
	opacity: 1;
	bottom: 5px;
}
.box .title{
	color:#fff;
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.box .post{
	color: #f77829;
	font-size: 16px;
	font-style: italic;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}
.box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	transform: translateX(-50%);
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 2;
	transition: all 0.5s ease 0.3s;
}
.box .icon li{
	opacity: 0;
	transform: scale(0) rotate(360deg);
	transition: all 400ms;
}
.box:hover .icon li{
	opacity: 1;
	transform: scale(1) rotate(0);
}
.box .icon li a{
	color: var(--color_1);
	background-color: #f77829;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	margin-bottom: 10px;
	border-radius: 50%;
	display: block;
	position: relative;
	transition: all 0.3s;
}
.box .icon li a:hover{
	text-decoration: none;
	color: #f77829;
	background-color: var(--color_1);
	border-radius: 0 20px 0 20px;
}
@media only screen and (max-width:990px){
	.box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
	.box .title{ font-size: 20px; }
}

.fenye{ clear:both; height:100px; padding-bottom:50px; margin-bottom:50px;}
.fenye_nr{}
.fenye_nr .pages{display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.fenye_left_icon{ width:48px; float:left;}
.yeshu{  float:right;}
.yeshu a{ display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}
.yeshu a:hover{ background-color:#f3782a; color:#fff;}
.yeshu .on{ background-color:#f3782a; color:#fff;}
.fenye_right_icon{ width:48px; float:right;}
/*
.Page{width:100%; text-align:center; padding:35px 0px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px}
.Page a:hover{ background:#F3782A; color:#FFF}
.Page a.cur{ background:#F3782A; color:#FFF}
.Page a.on{ background:#F3782A; color:#FFF}

.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}
.Page a.Prev span{ background:url(http://img02.taishanzhicheng.com/taishan/images/Icon25.gif) no-repeat  10px center; display:block;}
.Page a.Prev:hover span{ background:url(http://img02.taishanzhicheng.com/taishan/images/Icon025.gif) no-repeat  10px center;}

.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
.Page a.next span{ background:url(http://img02.taishanzhicheng.com/taishan/images/Icon26.gif) no-repeat 88% center; display:block;}
.Page a.next:hover span{ background:url(http://img02.taishanzhicheng.com/taishan/images/Icon026.gif) no-repeat 88% center;}*/
a{ text-decoration:none; color:#686868;}
.case_bg{ background:#f5f5f5; overflow:hidden;}
.news_one{ overflow:hidden; margin-top:60px; margin-bottom:60px;}
.news_one .news_one_l{ float:left; overflow:hidden;}
.news_one .news_one_l a{ float:left; margin-right:2px; padding-left:38px; padding-right:38px; overflow:hidden; height:50px; line-height:50px; color:#000000; font-size:16px; background:#fff;transition:all 0.3s;}
.news_one .news_one_l a:hover{ color:#fff; background:#f67524;}
.news_one .news_one_l a.flon{color:#fff; background:#f67524;}
.news_one .news_one_r{ float:right; overflow:hidden;height:50px; line-height:50px; background:#fff;}
.news_one .news_one_r .cinputs{ width:270px;border:0;height:50px; text-indent:20px; background:none; color:#999999; font-size:14px; font-family:"微软雅黑"; outline:none; float:left;}
.news_one .news_one_r .cbnts{ float:right;width: 50px; height: 50px;  display: block; background:url(http://img02.taishanzhicheng.com/taishan/images/news_bg1.jpg) no-repeat; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.news_one .news_one_r .cbnts:Hover{opacity:0.8;filter:Alpha(opacity=80);}
.news_list{ }
.news_list ul li{ float:left; width:32%; overflow:hidden; margin-right:2%; background:#fff; transition:all 0.5s; margin-bottom:2%;}
.news_list ul li:nth-child(3n+0){ margin-right:0;}
.news_list ul li .txts{ width:92%; margin:0 auto; max-width:400px;}
.news_list ul li .txts .h2{ color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px; margin-top:24px;transition:all 0.3s;overflow:hidden;}
.news_list ul li .txts .p{ font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}
.news_list ul li .txts .dates{ margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden; font-family:"华文细黑"; font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url(http://img02.taishanzhicheng.com/taishan/images/2018/case/case_bg4.png) right 50px no-repeat;transition:all 0.3s;}
.news_list ul li .txts .dates span{ display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
.news_list ul li .txts .tags{ overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
.news_list ul li .txts .tags span{ float:left; margin-right:6px;font-size:14px;}
.news_list ul li .txts .tags a{ float:left; margin-right:5px;font-size:14px; color:#999;}
.news_list ul li:hover .txts .dates{background:url(http://img02.taishanzhicheng.com/taishan/images/case_bg4_on.png) right 50px no-repeat; color:#fff; border-top:1px solid #ffa166;}
.news_list ul li:hover .txts .dates span{ color:#fff;}
.news_list ul li:hover .txts .h2{ color:#fff; overflow:hidden}
.news_list ul li:hover .txts .p{ color:#fff;}
.news_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#f67524; }
.news_list ul li:hover .tags span{ color:#fff;}
.news_list ul li:hover .tags a{ color:#fff;}

.news_show2{ overflow:hidden; }
.news_show2 .news_show_l{    width: 807px;float: left;overflow: hidden;color: #333;background: #fff;padding-left: 15px;padding-right: 15px; padding-bottom: 60px;}
.news_show2 .news_show_l .new_show_l_top{ margin-top:30px; padding-bottom:23px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.news_show2 .news_show_l .new_show_l_top h1{ font-size:24px; line-height:38px; overflow:hidden; color:#000; font-weight:normal;}
.news_show2 .news_show_l .new_show_l_top p{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text{ padding-top:35px;line-height:30px; font-size:16px; }
.news_show2 .news_show_l .new_show_l_text p{ margin-bottom:17px; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text h1{ line-height:35px; font-size:14px;}
.news_show2 .news_show_l .new_show_l_text img{display: block; margin: 0 auto; max-width: 100%; margin-bottom:10px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag{ overflow:hidden; margin-top:33px; line-height:32px; margin-bottom:50px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag span{ margin-bottom:10px; float:left; font-size:16px;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a{ float:left; padding-left:20px; padding-right:20px;line-height:32px; height:32px; overflow:hidden; color:#999; font-size:16px; margin-bottom:10px; margin-right:1px; background:#fff; border:1px solid #fff;transition:all 0.3s;}
.news_show2 .news_show_l .new_show_l_text .news_show_tag a:hover{opacity:0.8;filter:Alpha(opacity=80); border:1px solid #f45900; color:#f45900;}
.news_show2 .news_show_l .fenxiang{  overflow:hidden; text-align:center; border-top:1px solid #e8e8e8; padding-top:2%; margin-top:2%;}
.news_show2 .news_show_l .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.news_show2 .news_show_l .fenxiang .news_fx{ text-align:center; margin-top:3%; margin-bottom:4%;}
.news_show2 .news_show_l .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden; margin-left:3%; margin-right:3%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs1{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/ico1.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs2{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/ico2.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li.bgs3{ background-image:url(http://img02.taishanzhicheng.com/taishan/images/ico3.png);}
.news_show2 .news_show_l .fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.news_show2 .news_show_l .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}
.prenext{text-align:center; padding-bottom:3%; overflow:hidden; border-top:1px solid #e8e8e8; padding-top:4%;    font-size: 18px;}
.prenext a{ color:#333333; display:inline-block; }
.prenext a:hover{ color:#fff; background:#f67524; text-decoration:none;}
.prenext a label{ font-family:"宋体"; font-size:22px;}
.prenext a label.a{ padding-right:12%;}
.prenext a label.b{ padding-left:12%;}
.prenext a.nodata{ background:#e8e8e8;color:#333333;}
.news_show2 .news_show_r{width: 358px;float: right; overflow:hidden;}
.news_show2 .news_show_r .new_show_right_top{ font-size:24px; color:#000; margin-top:30px; margin-bottom:10px; font-weight:normal; height:38px; line-height:38px;font-family:"华文细黑"; padding-left:16px; padding-right:16px;}
.news_show2 .news_show_r .new_show_right_top .tagchange{ float:right; padding-left:16px;  background:url(http://img02.taishanzhicheng.com/taishan/images/tag_bg1.png) left center no-repeat;font-size:16px; color:#999999;}
.news_show2 .news_show_r .new_show_right_top .tagchange:hover{color:#f67524;}
.news_show2 .news_show_rnews{overflow: hidden; color:#666; background:#fff;}
.news_show2 .news_show_rnews .ul li{ display:block; border-bottom:1px dashed #cccccc; padding-bottom:20px; margin-bottom:20px; overflow:hidden; margin-left:16px; margin-right:16px;}
.news_show2 .news_show_rnews .ul li h1{ font-weight:normal; font-size:18px; color:#000000; height:38px; line-height:38px; overflow:hidden}
.news_show2 .news_show_rnews .ul li h1 a{color:#000000;}
.news_show2 .news_show_rnews .ul li h1 a:hover{color:#f67524;}
.news_show2 .news_show_rnews .ul li p{ color:#666666; font-size:14px; height:36px; line-height:36px; overflow:hidden;}
.news_show2 .news_show_rnews .ul li:last-child{ border-bottom:0; margin-bottom:0;}
.scv_listpages {
}

.scv_listpages ul {
	float: left;
	padding: 12px 0px 12px 

16px;
}

.scv_listpages ul li {
	float: left;
	font-family: Tahoma;
	line-height: 17px;
	margin-right: 6px;
	border: 1px solid #E9E9E9;
}

.scv_listpages ul li a {
	float: left;
	padding: 2px 4px 2px;
	color: #555;
	display: block;
}

.scv_listpages ul li a:hover {
	color: #690;
	text-decoration: none;
	padding: 2px 4px 2px;
}

.scv_listpages ul li.thisclass,.scv_listpages ul li.thisclass 

a,.pagebox ul li.thisclass a:hover {
	background-color: #F8F8F8;
	padding: 2px 4px 

2px;
	font-weight: bold;
}

.scv_listpages .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999;
}

.scv_listpages .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.col-md-4 {
    width: 30%;
  float: left;
  position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    height: 283px;
    overflow: hidden;
}
.syzfd { width:150px; height:400px;  position:fixed; left:0px; top:200px;  z-index:99;}
.syzfd ul li { width:150px; height:50px;  background:url(http://img02.taishanzhicheng.com/taishan/images/L-R-N_03.png) no-repeat center; }
.syzfd ul li:hover { background:url(http://img02.taishanzhicheng.com/taishan/images/L-R-N_10.png) no-repeat center;}
.syzfd ul li:hover a { color:#fff;}
.syzfd ul li:hover span { color:#e8951a;}
.syzfd ul li a { float:left; margin-left:30px; line-height:50px; color:#333; font-size:16px;}
.syzfd ul li a:hover { color:#fff;}
.syzfd ul li span { width:32px; height:32px; background:url(http://img02.taishanzhicheng.com/taishan/images/L-R-N_07.png) no-repeat center; float:right; margin-right:10px; margin-top:10px; font-family:"Impact"; color:#333; text-align:center; font-size:14px; line-height:32px;}