*{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
html,body{font-size:12px;background:#fff;width:100%;margin:0px;padding:0px;font-family:"微软雅黑";}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode:bicubic;
}
body,html{overflow:-Scroll;overflow-x:hidden}

a:link,a:visited{ font-weight: normal;color: #666;text-decoration: none;}

a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

a:hover,a:active{color: #ff0000;text-decoration:none;}

.h10{ height:10px; clear:both;}
.h20{ height:20px;clear:both;}
.h30{ height:30px;clear:both;}
.h40{ height:40px;clear:both;}
.h50{ height:50px;clear:both;}
.h80{ height:80px;clear:both; width:100%;}

img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{ text-decoration:none; outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
a:focus { outline: none; } 
ul,li{list-style-type:none;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}

.container{position:relative;width:1200px;margin:0px auto;}
.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}

.nydh-1aa{ width:100%; background:#4ED3BB; height:55px;}
.nydh-1bb{ margin:0 auto; width:1200px;}
.nydh-1bb li{ float:left;line-height:55px; color:#fff;}
.nydh-1bb a{ float:left;font-size:15px; padding:0px 20px; font-weight:700; background:#4ED3BB; margin:0px 10px; line-height:55px; height:55px;color:#fff;}
.nydh-1bb a:hover,.nydh-1bb a.currclass{color:#4ED3BB; background:#fff;}


.n_jieshao{ float:left; width:100%; margin-top:25px;}
.n_jieshao img{ float:left;}
.n_jieshao_right{ float:right; text-align:left; width:570px;}
.n_jieshao_right p{ font-size:14px; line-height:30px;}

.n_jiagou{  width:100%; margin-top:25px;}
.n_jiagou img{ text-align:center;}

.n_jieshao_left{ float:left; text-align:left; width:400px;}
.n_jieshao_left p{ font-size:14px; line-height:30px;}

.channelBanner h2{ position:absolute; text-align:center; width:100%; top:36%; color:#fff; font-size:32px; letter-spacing:1px;}
.channelBanner h3{ position:absolute; text-align:center; width:100%; top:45%; color:#eee; font-size:20px; line-height:50px;}
.channelBanner p{  text-align:center;  color:#fff; font-size:16px; line-height:35px; letter-spacing:1px; }
.channelBanner h4{ text-align:center; width:100%;color:#fff; font-size:26px; line-height:70px;}

.channelBanner{clear: both;width: 100%;background-size: cover !important;background-position: center center;background-repeat: no-repeat;background-size:cover;position:relative;height:490px;}
.channelBanner_box{ margin-top:5%; padding-bottom:4%;}
.channelBanner_box ul{ width:100%; width:1200px;}
.channelBanner_box ul li{ float:left; color:#fff; font-size:16px; line-height:30px;width:24%;margin:0 2%; padding:20px  2%;background-color:rgba(255,255,255,.3); height:100px;}
.channelBanner_text{ padding:65px 2% 20px 2%;clear:both; width:94%;}
.channelBanner_text p{ font-size:15px; color:#fff; line-height:30px;}



.cplist{width:100%; margin-left:0px;}
.cplist li{ width:361px; height:327px; float:left; margin:10px 18px 0 18px; background-color:#fff;}
.cplist li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}


a:hover .font1{border-bottom:3px #1db79e solid;}
.font1-l{ font-size:15px; text-align:center; color:#000;}
a:hover .font1-l{ color:#1db79e;}

.cplist li:hover {
-webkit-box-shadow:0px 5px 15px #666;
    -moz-box-shadow:0px 5px 15px #666;
    box-shadow:0px 5px 15px #666;  
}
.pic{ width:361px; height:275px; overflow:hidden;}
.font1{ height:50px; line-height:50px; text-align:center;}

.pic {
   overflow: hidden;
   position: relative;
   background-color:#fff;
}

.pic img{ height: auto; width:361px; transition: all 0.6s;   }  
.pic:hover img{  transform: scale(1.1);   } 
.cplist li .mask{
   width: 361px;
   height: 99px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.cplist li span.info {
   background:url(../images/jiangbei.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:63px;
   height:63px;
}
.cplist li .mask {
   opacity: 0;
   overflow:visible;
  border:130px solid rgba(255,255,255,0.8);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   cursor:pointer;
}
.cplist li span.info {
   top:-20px;
   left:20px;
   position:relative;
   opacity: 0;  
}
.cplist li:hover .mask {
   opacity: 1;
   border:130px solid rgba(255,255,255,0.8);
}
.cplist li:hover span.info {
	 opacity:1;
     top:-20px;
     left:20px;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}



.che_list_li_home{overflow:hidden;height:275px;padding:0px; text-align:center;  width:361px;}
.che_list_li_span_home{height:275px; display:inline-block; vertical-align:middle; }
.che_list_li_home img{ max-width:100%; max-height:100%;}



.link-ul{ float:left;  margin-top:0px; }
.link-ul dd{ float:left;}
.link-ul dd a{float:left;width:140px;background:#fff; height:110px; transition:all 0.2s linear;position:relative;}
.link_list_li_home{overflow:hidden;height:110px;padding:0px; text-align:center;  width:140px;}
.link_list_li_span_home{height:110px; display:inline-block; vertical-align:middle; }
.link_list_li_home img{ max-width:100%; max-height:100%;}


.righttitle{ font-size:16px; font-weight:700; color:#333;  margin-bottom:15px; text-align:center; padding-left:10px; margin-top:20px;}
.wz_line{ line-height:25px; width:100%; height:1px; background:#ccc; margin-bottom:15px;}
.more{float:right;font-size:12px; font-weight:300;color:#999;}
.more a{ font-size:12px; font-weight:300;color:#999;}
.more a:hover{color:#999; text-decoration:underline;}

.ty-ul{ float:left;  margin-top:0px; margin-bottom:30px;}
.ty-ul dd{ float:left;}
.ty-ul dd a{float:left;width:260px;background:#fff; height:210px; transition:all 0.2s linear;position:relative;border:1px solid #f5f5f5; margin:15px 18px;}
.ty-ul dd a:hover{ border:1px solid #EE5B00;box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li_home{overflow:hidden;height:173px;padding:0px; text-align:center;  width:260px;}
.pro_list_li_span_home{height:173px; display:inline-block; vertical-align:middle; }
.pro_list_li_home img{ max-width:100%; max-height:100%;}
.ty-ul dd p{ float:none;height:40px;line-height:40px;text-align:center;font-size:14px;   width:260px;}
.ty-ul dd a:hover p{background:#F95108; color:#fff;}


.news-img{ float:right; width:100%; overflow:hidden; max-height:194px}
.news-img img{transition:all .8s; -webkit-transition:all .8s;  }
.news-img img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.news-img3{ float:right; width:100%; overflow:hidden; max-height:100%}
.news-img3 img{transition:all .8s; -webkit-transition:all .8s;  }
.news-img3 img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.news-img2{ float:right; width:100%; overflow:hidden; max-height:231px}
.news-img2 img{transition:all .8s; -webkit-transition:all .8s;  }
.news-img2 img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}


.news-img1{ float:right; width:100%; overflow:hidden; max-height:420px}
.news-img1 img{transition:all .8s; -webkit-transition:all .8s;  }
.news-img1 img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.header {
	position: fixed;
	left: 0;
	top: 0px;
	z-index: 21;
	width: 100%;
	min-width: 978px;
	height: 80px;
	border-bottom:1px solid #ccc;
}

.header_tel{margin-top:25px; float:right; font-size:18px; font-weight:700; letter-spacing:normal; margin-right:10px;}
.header_tel span{ color:#17BDA3;}

.header_center1footer { float:right;color: #333;text-decoration: none;padding:0px 0px;width:780px;}
.header_center1footer img {text-align:center; margin:0 auto; width:120px;display:block;}
.header_center1footer P { width:100%; float:left; margin-top:5px;  text-align:center; line-height:20px; color:#333;font-size:12px;}
.header_center1footer ul li{ width:110px; float:left; margin:0px 20px; height:110px;  }
.header_center1footer ul li img{ display:block;border-radius:8px; border:2px solid #eee;width:110px;height:110px; }
.header_center1footer ul li a{ color:#333; font-size:12px;}
.header_center1footer ul li a:hover p{ color:#ff0000;}


.header_box_top{ background:#f6f6f6; width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; }
.header_box_top span a{ margin-left:15px;}

.header_box{height:80px;width:100%;z-index:5; position:fixed; background:#fff;}
.header_box .logo{position:absolute;top:13px;left:1%;height:51px; }

.header_box .nav{position:absolute;top:10px;left:35%; width:100%;height:40px;line-height:60px;}

.header_box .nav li a{float:left; margin:0 1.3%;text-align:center;color:#333333;font-size:16px;position: relative;transition-duration: .5s;-webkit-transition-duration: .5s;}


.header_box .nav a li.on{color:#218D7E;}
.header_box .nav a li:hover{color:#218D7E;}



.header_box .nav li a:before {width: 0%;height: 2px;position: absolute;left: 50%;bottom: 0px;background: #17BDA3;content: '';transition: all .5s ease 0s;}
.header_box .nav li a:hover:before {width: 100%;left: 0%;}



.header_box .btn{position:absolute;top:0px;right:0px;}
.header_box .btn.pcBtn{}
.header_box .btn.wapBtn{display:none;z-index:1;}
.header_box .btn .title{line-height:24px;padding-top:23px;text-align:center;font-size:20px;color:#fff;}
.header_box .btn .icon{position:absolute;top:0px;right:0px;width:38px;height:121px;background:#666;cursor:pointer;overflow:hidden;}
.header_box .btn .icon .sub{position:absolute;left:0px;right:0px;margin:0 auto;width:56px;height:3px;background:#fff;}
.header_box .btn .icon .sub{transition-duration:1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.header_box .btn .icon .sub.sub1{top:60px;}
.header_box .btn .icon .sub.sub2{top:66px;}
.header_box .btn .icon .sub.sub3{top:72px;}

.header_box .btn .list{display:none;position:absolute;top:101px;right:0px;width:138px;}
.header_box .btn .list li{height:50px;line-height:50px;font-size:18px;color:#FFFFFF;text-align:center;background:#666;}
.header_box .btn .list li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header_box .btn .list li:hover{background:#7d231f;}
.header_box .btn .list li.on{background:#7d231f;}
.header_box .language{position:absolute;right:170px;top:0px;bottom:0px;height:20px;line-height:20px;margin:auto 0;text-align:right;}
.header_box .language .child{color:#999999;font-size:18px;float:right;width:35px;text-align:center;}
.header_box .language .child.on{color:#E52129;}
.header_box .language .sub{color:#BABABA;font-size:18px;float:right;}
.header_box .nav .navBg{display:none;position:absolute;top:0px;width:1000px;height:4px;background:#fff;}
.header_box .nav .navBg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }


.nav-list{position:fixed;z-index:2;top:-350px;left:0px;width:100%;background:url(../images/w-bg.png);padding:15px 0; border-bottom:1px solid #ccc;}
.nav-list .n-content{ width:1100PX; margin:0 auto; text-align:left;}
.nav-list .n-content h4{ font-size:16px; text-align:left; margin-top:20px;}
.nav-list .n-content span{ font-size:12px; color:#666; text-align: left;}
.nav-list .container{height:180px;width:100%;}
.nav-list .content{float:left; width:280px;border-right:1px solid #e0e2e5; height:180px; padding-right:20px;}
.nav-list .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.nav-list .content ul{float:left;padding-right:0px;}
/*.nav-list .content li{text-align:left;padding:0 10px;width:120px;height:34px;line-height:34px;margin-bottom:10px;color:#656565;font-size:14px;}
/*.nav-list .content li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }/*渐变*/
/*.nav-list .content li:hover{color:#FFFFFF;background:#c73831;}
.nav-list .contentImg{float:left;padding:0 60px;}
.nav-list .contentImg img{display:none;max-height:100%;}*/


.searchContent{margin-top:10px;}
.searchkaa{position:relative;margin-top:0px;width:240px;height:40px;background:none; padding:0; }
.seachIcon{cursor:pointer;}
.searchkaa .seachText{width:240px;color:#999999; background:000;font-size:12px;padding:0 0 0 6px;line-height:40px;margin:0;border:0;height:40px;border:1px solid #333; border-radius:3px;}
.searchkaa .btn{cursor:pointer;position:absolute;top:6px;right:0;width:67px;height:28px;background:#9d9d9d;}
.searchkaa .btn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.searchkaa .btn:hover{background:#000;}
.searchkaa .btn img{ vertical-align:middle;}

.searchContent p,.searchContent p a{ font-size:12px; color:#7f7f7f; text-align:left; line-height:30px;}


.other_content {
	width:1100px;
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:text-top;
	margin-top:10px;
}
.center1top {
	position: relative;
	width:880px;
	height:40px;

	margin-top:5px;
	margin:0 auto;
	 text-align:center;
}
.center1top li {

	padding:0px 0px;
	height:45px;
	font-size:16px;
	line-height:45px;
	cursor:pointer;
	color:#fff;
	 background:#DE5B51;
	  margin:0px 10px;
	  min-width:200px;
text-align: center;
 float:left;
}
.center1top li a {
   display:block;
	font-size:16px;
	 color:#fff;
}
.center1top li.hover {
	color:#fff;
	 background:#333;
}
.center1top li.hover a {
	color:#fff;
}
.center1top li.hover a:hover {
	color:#fff;
	 background:#333;
}
.center1footer {
	padding-top:0px;
}
.center1footer h1 {
	font-size:15px;
	color:#333;
	font-weight:normal;
	padding-top:15px;
}
.xuanxiang2_box {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}
.xuanxiang2_box h3 {
	padding:10px 20px;
	height:40px;
	text-align:left;
	font-size:16px;
	line-height:38px;
	cursor:pointer;
	color:#333;
	padding-bottom:6px;
	min-width:150px;
}
.xuanxiang2_box h3 span {
	font-size:12px;
	padding-left:5px;
	color:#666;
	font-weight:normal;
}
.xuanxiang2_box h3 a {
	color:#AA2924;
	border-bottom:2px solid #24579F;
	padding-bottom:10px;
	font-size:15px;
}
.xuanxiang2_box ul {
	float:left;
	width:980px;
	margin-left:0px;
}
.xuanxiang2_box li {
	float:left;
	margin:15px 30px 5px 30px;
	line-height:40px;
	font-size:14px;
	border:1px solid #ccc;
	background:#f5f5f5;
	text-align:center;
	width:180px;
}
.xuanxiang2_box li a {
	font-size:14px;
}
.xuanxiang2_box p {
	padding-left:40px;
	padding-top:25px;
	font-size:13px;
	line-height:55px;
}

.pray-c{width: 100%;}
.pray-img p{}
.pray-img{ float:left;position:relative; z-index:1;}
.pray-img ul li{ float:left; margin:0; position:relative; width:300px; height:350px; overflow:hidden; }
.pray-img ul li a.news_01{ float:left; display: block;width:300px; height:350px;  text-align:left; color:#fff; background:#595554;}
.news_tit{ float:left;width:280px; font-size:15px; font-weight:normal; line-height:25px; padding:10px 10px 5px 10px; font-weight:700;  }
.news_text{ float:left;width:280px; font-size:12px; font-weight:normal; line-height:25px; padding:0px 10px;}

.news_pic{ float:left; margin-top:0px;width:300px; height:175px;}
.news_pic_01{ float:left;  margin-top:0px; width:300px; height:175px;}
.news_ico{ position:absolute; left:45.7%; top:54%; z-index:9999;}


.pray_text{ float:left; width:300px; height:175px;}

.pray-img ul li a:hover.news_01{ display:block; width:300px; height:350px;float:left; color:#fff;}
.pray-img ul li a:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=50);opacity:.5;}
.pray-img ul li a.news_02{ float:left; display: block;width:300px; height:350px; text-align:left;background:#E9645B;color:#fff; }
.pray-img ul li a:hover.news_02{ display:block; width:300px; height:350px;float:left; color:#fff;}
.pray-img ul li a:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=50);opacity:.5;}

.news2-img{float:left; width:100%; overflow:hidden; max-height:400px}
.news2-img img{transition:all 1s; -webkit-transition:all 1s; }
.news2-img img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }
.news1-img{ float:left; width:100%; overflow:hidden; max-height:130px}
.news1-img img{transition:all 1.8s; -webkit-transition:all 1.8s; }
.news1-img img:hover{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }


.n_tit{font-size:20px; line-height:30px; padding-bottom:20px;text-transform:uppercase; color:#ccc; letter-spacing:3px;}
.n_Title{position: relative;display: inline-block;font-size: 24px;line-height:35px;color: #006EBA; }
.n_mainTitle_line{border-bottom: 1px solid #fff;text-align: center; margin: 0px  auto 0 auto; width:100%;}
.n_mainTitle{font-size: 26px;line-height: 44px;color: #15BCA2; text-transform:Uppercase; text-align:center;}
.n_mainTitle_line_1{border-top: 3px solid #C22619;text-align: center; margin: 0px  auto; width:50px; margin-top:15px;}
.n_mainTitle_line_2{text-align: center; margin: 0px auto; width:100%; font-size:16px;  padding-top:15px; line-height:35px;}
.n_mainTitle_line_3{text-align: center; margin: 0px auto; width:30px; height:3px; margin-top:0px; background:#fff;}
.n_mainTitle_line_4{text-align: center; margin: 0px auto; color:#fff;font-size:33px; height:40px; padding-top:15px; }
.n_mainTitle_line_5{text-align: center; margin: 30px auto 20px auto; background:#fff;width:50px; font-size:25px; height:2px;}
.yingyong_box{ padding:25px 0 25px 0;  clear: both; height:510px;}

.xingcai_box{ padding:25px 0 25px 0;  clear: both; height:500px; background:#F1F1F1;}


.n_pro_box{float:left; width:100%; margin-left:0px;}
.n_pro_box ul li{ float:left; margin-left:35px; width:483px; height:330px;}
.pro_tit{ line-height:30px; text-align:left; width:100%; font-size:16px; color:#333;}
.pro_tit1{ line-height:20px; text-align:left; width:100%; font-size:13px; color:#666;}


.youshi_box{background: url(../images/home_youshi.jpg) no-repeat center  top;}
.youshi_p{ font-size:18px; max-width:1000px; text-align:center; margin:0 auto; line-height:40px; color:#fff;}
.youshi_tel{ width:550px; background:#fff; border-radius:25px; height:50px; line-height:50px; margin:40px auto  auto ;}
.youshi_tel_p{ background:url(../images/y_youshi_tel.jpg) no-repeat 20px 9px; padding-left:75px; font-size:22px; color:#db5f55; letter-spacing:normal;}


.donghua, ::after, ::before {
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
/*产品推荐*/
.two-box{ background:#fff; padding:0 6%; z-index:0;position:relative;}
.two-box:after{ content:""; display:block; clear:both;}
.two-box a{ display:block; float:left; width:50%; position:relative; overflow:hidden;}
.two-box a .bbg{ opacity:0; display:block; width:100%; height:100%; max-height:495px;}
.two-box a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:0.8;
    -moz-transition: transform 8s,opacity .5s;
	-ms-transition: transform 8s,opacity .5s;
	-o-transition:transform 8s,opacity .5s;
	-webkit-transition:transform 8s,opacity .5s;
	transition: transform 8s,opacity .5s;
}
.two-box a:hover .tu{ opacity:1;
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);


}

.two-box a .title-box{ top:0px; left:6%; padding:40px 2% 10px 2%; background:rgba(29,183,158,.8); position:absolute; height:80px;}
.two-box a .title{ margin:auto 0 0;}
.two-box a .title .cn{ font-size:24px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,1);}
.two-box a .title .en{ font-size:15px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,.5); letter-spacing:normal;}
.two-box a:hover .title-box{  opacity:0; height:230px;padding:150px 2% 10px 2%;}
/*产品推荐 end*/

@media only screen and (max-width: 1024px) {
.two-box{ padding:3% 0;}

}
@media only screen and (max-width:500px) {
	.two-box{ padding:3% 0 1px; }
.two-box a{ float:none; width:100%; margin-bottom:3%;}
}



.about_box{width:100%;}

.about_box .aboutus_pic{ margin:10px 0 0px 0; float:left; background:url(../images/y_about_bg.jpg) no-repeat; width:586px; height:450px; position:relative;}

.about_box_top{ float:left; margin-top:50px;}
.about_box_top ul li{ float:left;color:#fff;}
.about_box_top ul li h2{ padding-top:75px; font-weight: normal; font-size:35px; line-height:40px; position:relative;}
.about_box_top ul li h2 i{font-style:normal; font-size:35px; line-height:40px; }
.about_box_top ul li h2 span{ font-size:30px;top:60px; position:absolute;}
.about_box_top ul li p{ font-size:18px; line-height:50px;}


.about_box .info{ margin:10px 0px 0px 30px; font-size:14px; color:#fff; line-height:30px; text-align:left;}
.about_box .info p{ font-size:14px;line-height:38px;color:#fff; }


.pro-big{ width:150px; height:40px; cursor:pointer; float:left; margin-left:50px; margin-top:10px;}
.pro-big-txt{ width:150px; height:40px; margin-left:-1px; background:url(../images/pro_bg03.png) no-repeat 0 -40px; position:relative;color:#fff;}
.pro-big-txt a{ position:relative; display:block; font:14px/40px "微软雅黑"; color:#fff; text-align:center;}
.pro-big-txt-bg{ position:absolute; height:40px; left:0; top:0; width:0; background:url(../images/pro_bg03.png) no-repeat 0 0; z-index:0;color:#fff;}

.tubiao{ width:570px; float:left; margin-left:30px; margin-top:40px;}
.tubiao ul{ width:100%;}
.tubiao ul li{ float:left; width:25%; text-align:center;}

.tubiao ul li h3{ font-size:15px; line-height:30px; padding-top:5px;}
.tubiao ul li p{ font-size:13px; line-height:30px;}

.tubiao ul li a.tupian1{ background:url(../images/wz_ico_1.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #ccc; display:block; margin: 0 auto;}
.tubiao ul li a:hover.tupian1{ background:url(../images/wz_ico_1_h.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #F94C00;}
.tubiao ul li a.tupian2{ background:url(../images/wz_ico_2.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #ccc; display:block; margin: 0 auto;}
.tubiao ul li a:hover.tupian2{ background:url(../images/wz_ico_2_h.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #F94C00; }
.tubiao ul li a.tupian3{ background:url(../images/wz_ico_3.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #ccc;  display:block; margin: 0 auto;}
.tubiao ul li a:hover.tupian3{ background:url(../images/wz_ico_3_h.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #F94C00; }
.tubiao ul li a.tupian4{ background:url(../images/wz_ico_4.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #ccc; display:block; margin: 0 auto;}
.tubiao ul li a:hover.tupian4{ background:url(../images/wz_ico_4_h.png) no-repeat center center; width:70px; height:70px;border-radius:70px; border:1px solid #F94C00; }

.home_tit{font-size:20px; font-weight:normal; height:32px; line-height:32px; color:#333; border-left:5px solid #CC1869; padding-left:12px;}
.home_tit span{font-size:14PX; color:#999; letter-spacing:normal; margin-left:5px;}


.banner{ position:relative;width:100%;height:auto;overflow:hidden;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle; visibility:hidden;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;text-align:center;}

.bannerTitle{position: absolute;top: 0;bottom: 0px;margin: auto 0;width: 407px;height: 200px;line-height: 200px;color: #FFFFFF;font-size: 62px;text-align: center;background: url(../images/r-bg.png);}
.bannerTitle .title{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;width:264px;height:100px;line-height:100px;border-top:3px solid #fff;border-bottom:3px solid #fff;}


.footnav{position:relative;overflow:hidden; margin-top:10px; opacity:0; filter: alpha(opacity=0);}
.footnav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main_box{margin:0% 14%; border-top:1px solid #ccc;}
.footnav .left{width:70%;float:left;}
.footnav .left .content{padding:2% 1%; float:left; width:98%;}
.footnav .left .content span{color:#333333;font-size:12px; float:left;  width:50%;}

.footnav .left .child{float:left;width:45%;margin-right:5%;}
.footnav .left .child .childHead{position:relative;padding-bottom:5px;}
.footnav .left .child .childHead .title{color:#333333;font-size:16px; float:left;  width:23%; padding-top:2%;}
.footnav .left .child .childHead .titleEn{display:none;line-height:25px;color:#656565;font-size:15px;font-family:'MONTSERRAT-REGULAR';}
.footnav .left .child .childHead .sub{position:absolute;bottom:0px;left:0px;width:100%;}
.footnav .left .child .childContent{padding:0px 2%; float:left;border-left:1px solid #FF540F;}
.footnav .left .child .childContent li{line-height:20px;padding:0px 0;color:#656565;font-size:12px;}
.footnav .left .child .childContent li{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.footnav .left .child .childContent li:hover{color:#BF3933;}
.footnav .right{width:18.542%;float:left;}
.footnav .right .child{padding:10px 14.04% 0px 14.04%; float:left;}
.footnav .right .child .childHead{position:relative;padding-bottom:15px;}
.footnav .right .child .childContent{ float:right;}



.footer{position:relative;height:50px;background:#333;overflow:hidden;}
.footer .nav{position:absolute;top:0;bottom:0px;margin:auto 0;height:20px;left:2.605%;}
.footer .nav:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.footer .nav li{line-height:16px;color:#E3E3E3;font-size:12px;float:left;padding:0 12px;border-right:1px solid #E3E3E3;}
.footer .nav li.no{border-right:0px;}
.footer .copyright{position:absolute;right:2.605%;top:0px;bottom:0px;line-height:24px;height:24px;color:#E3E3E3;margin:auto 0;font-size:14px;}
.footer .copyright p{float:left;}
.footer .copyright a{color:#E3E3E3;}

.returnTop{display:none;cursor:pointer;bottom:450px;border:3px solid #b8b8b8;position:fixed;z-index:3;right:10%;width:62px;height:62px;line-height:62px;text-align:center;border-radius:62px;-moz-border-radius:62px;-ms-border-radius:62px;-o-border-radius:62px;-webkit-border-radius:62px;}
.returnTop img{ vertical-align:middle;}


.foot_bottom_box{color:#333; font-size:13px; line-height:40px;width:100%;  border-top:1px solid #ccc; text-align:left; clear:both;}
.foot_bottom_box p{color:#333; font-size:13px; }

.loading{position:absolute;top:0px;bottom:0px;left:0px;right:0px;width:64px;margin:auto;display:none;}

.foot_right{float:right; width:120px; padding-top:5px; position:relative;}
.foot_right p{line-height:40px; font-size:15px; color:#333; text-align:center;}
.foot_right_img{width:184px; height:132px; position:relative; float:left; margin-top:10px; background:#000; }
.foot_right_img img.childbg{ position:absolute; left:0; top:0; z-index:2;}
.foot_right_img img.childIcon{ position:absolute; left:35%; top:28%; z-index:2; width:60px; height:60px;}
/*视频*/
.vedioHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:url(../images/blackBg.png);z-index:4;}
.vedioContent{display:none;position:fixed;top:50%;left:50%;width:800px;height:550px;margin:-260px 0 0 -400px;z-index:5;background:#000;padding:20px 20px 50px 20px;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px; z-index:4}
.vedioContent iframe{width:100% !important;height:100% !important;}
.vedioContent .vedioClose{position:absolute;bottom:18px;right:24px;cursor:pointer;}




.festival-middle{overflow:hidden;padding-left:6%;padding-right:6%}
.festival-middle .f-m-sub{width:33.333333%;float:left;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#333;cursor:pointer;position:relative;text-align:left;}  
.festival-middle .f-m-sub .p1{ font-size:14px; font-weight:700; padding-top:10px;}

.festival-middle .f-m-sub img{width:100%;margin-bottom:20px;max-height:242px;}
.festival-middle .f-m-cont{overflow:hidden}

.festival-middle .f-m-sub div{position:relative;background-position:center center;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}
.festival-middle .f-m-sub:hover .fes-shadow{opacity:.5}
.festival-middle .f-m-sub:hover .fes-boder{opacity:1}
.festival-middle .f-m-sub:hover .p1{opacity:0}
.festival-middle .f-m-sub:hover .p2{opacity:0}
.festival-middle .f-m-sub div .fes-shadow{-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;position:absolute;background-color:#000;width:100%;height:100%;opacity:0}
.festival-middle .f-m-sub div .fes-boder{-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:0;width:90%;height:90%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;background:0 0;border:4px solid #4DD3BB}
.festival-middle .f-m-sub div .des{color:#fff;background:0 0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); text-align:center; }

.festival-middle .f-m-sub div .des h3{margin-bottom:10px; font-size:20px;}
.festival-middle .f-m-sub div .des h4{margin-bottom:20px; font-weight:normal;}



.xingcai{ width:90%; margin:0 5%;}

.xingcai ul li {
    width: 23%;
    position: relative;
    cursor: pointer; 
	float:left;
	margin:5px 1%;
	background:#fff;
}

.xingcai ul li img {
    width: 100%;
    transition: all .5s;
    transform: scale(1)
}

.xingcai ul li .img-box {
    overflow: hidden
}


.xingcai ul li:hover img {
    transform: scale(1.1);
    opacity: .5
}

.xingcai ul li .read {
    position: absolute;
    width: 63px;
    line-height: 63px;
    text-align: center;
    background: url(../images/pricon.png);
	font-size:0;
    left: 50%;
    top: 42%;
    margin-left: -30px;
    margin-top: -30px;
    transform: scale(0);
    opacity: 0;
    transition: all .5s
}

.xingcai ul li:hover .read {
    opacity: 1;
    transform: scale(1)
}

.xingcai ul li .titleaa{ font-size:14px; text-align:center; line-height:30px;padding-top:10px; padding-bottom:10px;}




.allpic{ padding-top:0px; display:block; position:relative; z-index:0;text-align:center;}
.allpic H3{ font-size:55px;font-weight:normal; color:#fff; left:44%; position:absolute; width:50px; height:2px; top:150px;}
.allpic H4{ font-size:32px; letter-spacing:2px; color:#fff; font-weight: normal; left:40%; position:absolute; top:100px; }
.allpic H5{ font-size:23px; color:#fff; font-weight:normal; left:58%; position:absolute;top:190px;}
.allpic_text{position: absolute; z-index:99999; width:100%; text-align:center; top:120px;}

.pc-img{ margin:0 auto; text-align:center;}



.muns{text-align:center;}
.muns .child{margin:10px 20px;display:inline-block;*display:inline;*zoom:1;width:240px;height:100px;text-align:center;}
.muns .child .childMun{font-weight:bold;padding:26px 0 3px 0;color:#434343;font-size:40px;font-family:"黑体",DIN Medium,Arial, Helvetica, sans-serif;}
.muns .child .childTitle{line-height:20px;color:#999;font-size:14px; padding-top:15px;}
.muns .child .jiahao{ font-size:40px;}

.wb-inpic{width:1200px;margin:0 auto;padding-top:20px;border-top:1px #e1e1e1 solid;}
.wb-inpic li{float:left;margin-right:83px;width:344px;}
.wb-inpic li.ipic-r{float:right;margin-right:0px;}
.wb-inp-1{text-align:left;color:#333;font-size:16px;height:55px;line-height:55px;}
.wb-inpic li img{width:100%;transition:all 0.2s linear;}
.wb-inpic li img:hover{box-shadow: 0 0 10px 1px #aaa;}
.wb-inp-1 span {height: 20px; line-height: 20px; width: 3px;margin-right: 10px; margin-top: 18px;    background: #ff0000;    float: left; display: block;}
  
  
  
  
/*banner图样式*/
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
	 margin:0 auto;
	 text-align:center;
}
.banner picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
    -moz-animation: banner_inside 20s ease 1 forwards;
    -o-animation: banner_inside 20s ease 1 forwards;
    animation: banner_inside 20s ease 1 forwards;
}
/*banner图样式*/
.bannertt {
    position: relative;
    width: 100%;
    overflow: hidden;
	 margin:0 auto;
	 text-align:center;
	 background:#000;
	 height:550px;
}
.bannertt picture img {
    -webkit-animation: banner_inside 20s ease 1 forwards;
    -moz-animation: banner_inside 20s ease 1 forwards;
    -o-animation: banner_inside 20s ease 1 forwards;
    animation: banner_inside 20s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
        transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.banner_txt{text-align:center;z-index: 5;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); width: 1100px; height:550px;  margin:0 auto; position:relative;}
.banner_txt_a{ position:absolute; }
.banner_txt1{ clear:both;font-size:30px; position:absolute;left:50%; margin-left:-50%;top:-20%; width:100%;  font-weight:bold;color:#fff; text-align:center;}
.banner_txt2{ clear:both;font-size:33px; position:absolute;left:10%; margin-left:-50%;top:-10%; width:100%;  font-weight:bold;color:#fff; text-align:center;}
.banner_txt3{ clear:both;font-size:22px; position:absolute;left:4%;top:0%;  font-weight:normal;color:#fff; text-align:center;}


.fuwu_list_box{position:absolute;  top:0%;  left:50%; margin-left:-50%; width:100%; }
.fuwu_list{ text-align:center; margin:0 auto; width:980px; }
.fuwu_list ul li{ float: left; width:90px; text-align:center; margin:0px 45px; position:relative; overflow: hidden; left:30px;}
.fuwu_list ul li img{  max-width:100%; max-height:100%;}
.fuwu_list ul li p.biaoti{ font-size:15px;line-height:30px; font-weight: 700; padding-top:5px; padding-bottom:5px; color:#fff;}
.fuwu_list ul li a:hover p.biaoti{ color:#fff;}


.fuwu_list ul li i{width: 90px; height: 2px;display: block;
   -webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
    background:#fff;
   -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
  } 
.fuwu_list ul li:hover i,.fuwu_list ul li.cur i{
  -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}


.youshi_bt{ position:absolute; top:130px; left:20px; color:#fff; font-size:26px;}
.youshi_bt_line{ width:60px; height:3px; background:#fff; position:absolute; top:180px; left:20px;}
.youshi_bt_text{ position:absolute; top:210px; left:20px; color:#fff; font-size:16px; line-height:35px;}

.baiye{ margin:0 auto; width:1200px;}
.baiye dl{height:466px;padding-top:0px;}
.baiye dt{ width:100px; height:466px;float:left;margin:0px 1px 0 1px; position:relative; z-index:0;} 
.baiye dt h3{ position:absolute; top:20px;width:100px;cursor:pointer;height:35px; background:#4ED3BB;text-align:center;font:13px/35px "微软雅黑";color:#fff; z-index:0;}
.baiye dt span{display:block;height:26px; margin-bottom:15px;font:18px/26px Airal;color:#FFF;background:url(../images/y_pro_tit_shuzi.png) no-repeat center 0;}
.baiye dd{float:left;width:0;overflow:hidden;height:467px;padding-top:0px;position:relative;}


.Sixth ul li img {
  opacity: 0;
  width: 100%;
}

.Sixth ul li a .img-box {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
 .Sixth ul li:hover .border .wrapper .dis {
    color: rgba(255, 255, 255, 0.6);
  }
  .Sixth ul li:hover .border .wrapper .tit {
    color: rgba(255, 255, 255, 0.95);
  }
  .Sixth li:hover .more {
    color: #fff;
  }
  .Sixth ul li:hover .border {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  .Sixth ul li:hover a {
    color: #fff;
  }
  .Sixth ul li:hover .border::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .Sixth li:hover .more::before {
    background-color: #fff;
  }
  

.Sixth {
  background-color: #fff;
  position: relative;
  margin:0 auto;
  width:1200px;


}

.Sixth ul li .border .wrapper .tit {
  font-size: 15px;
  line-height: 1;
  color: #4f4f4f;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.Sixth ul li .border .wrapper .dis {
  color: #848484;
  margin-top: 8px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 60px;
  text-align: justify;
}

.Sixth ul {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.Sixth ul li {
  width: 361px;
    position:relative;
	float:left;
	
}
.Sixth ul li .border {
  width: 330px;
  position: relative;
  height: 160px;
  margin: 0 auto;
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.Sixth ul li .border .wrapper {
  position: absolute;
  bottom: 20px;
  width: 280px;
  left: 23px;
  height: 110px;
}
.Sixth ul li .border::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 200px;
  border: 1px solid #16BCA2;
  left: 0;
  bottom: 0;
}
.Sixth ul li .border::after {
  content: "";
  width: 100%;
  display: block;
  height: 200px;
  background-color: #16BCA2;
  bottom: 1px;
  left: 1px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.Sixth .more {
  color: #ff0000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.Sixth .more::before {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 1px;
  background-color: #ff0000;
  left: 55px;
  top: 50%;
}




@media screen and (max-width: 1440px) {
  .w1400 {
    max-width: 1000px;
  }
  
  
.Sixth {width:1000px;}

  
  .Sixth ul li .border::after {
    height: 210px;
  }
  .Sixth ul {
    max-width: 100%;
  }
  .Sixth ul li {
    width: -webkit-calc((100% - 60px) / 3);
    width: calc((100% - 60px) / 3);
	 margin:0px 5px;
  }
  .Sixth ul li img {
    width: 100%;
  }
  .Sixth ul li .border .wrapper {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    left: 20px;
    height: 120px;
  }
  .Sixth ul li .border::before {
    height: 210px;
  }
  .Sixth ul li .border {
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: 160px;
  }
  .Sixth ul li .border::after {
    left: 0;
  }
  .Sixth ul li .border::before {
    left: -1px;
  }
  .Sixth .more::before {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
  }
  
 
  }
  
  .m_more_ico{ margin:0 auto; text-align:center;}
 .m_more_ico img{ max-width:50px; max-height:50px;} 
 
 
 .text_neirong{ clear:both; width:100%; padding:10px 0; font-size:14px;}
  .text_neirong p{ font-size:14px; color:#333;}
 
.content1350{ max-width: 1200px; width: 100%; position: relative; margin: auto;}
.services-body .newBox { margin:0 auto; }
.services-body .newBox .list{ overflow: hidden; }
.services-body .newBox .list li{ width: 360px; float: left; height: 280px; margin:5px 20px; position: relative;transition:all .5s;-webkit-transition:all .5s; border-bottom:1px solid #ccc;}
.services-body .newBox .list li:hover{ background: #000;}
.services-body .newBox .list li:hover .bg{ display: block\9; opacity: .6;}
.services-body .newBox .list li:hover *{ color: #fff;}
.services-body .newBox .list li:hover .border{ background: #fff;}
.services-body .newBox .list li:hover .time{ padding-top: 30%; }
.services-body .newBox .list li:hover .more{ margin-bottom: 0; opacity: 1; display: block\9; }
.services-body .newBox .list li .bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: none\9; transition: .5s; -webkit-transition: .5s;background-size: auto 100%;background-position: center;}
.services-body .newBox .list li a{ position: relative; height: 100%; display: block; z-index: 2; color: #b2b2b2; padding: 0 10%; transition: .5s; -webkit-transition: .5s;}
.services-body .newBox .list .time{transition: .5s; -webkit-transition: .5s; font-size: 16px; font-family: arial;padding-top: 20%; margin-bottom: 2%;}
.services-body .newBox .list .time span{ padding-right: 10px; margin-right: 10px; font-size: 18px;  display: inline-block; height: 30px; line-height: 30px;}
.services-body .newBox .list .tit{transition: .5s; -webkit-transition: .5s; font-size: 16px; line-height: 30px; margin-bottom:10px; color: #333333;}
.services-body .newBox .list .border{transition: .5s; -webkit-transition: .5s; width: 40px; height: 2px; background: #FF540F; margin-bottom:5px;}
.services-body .newBox .list .text{transition: .5s; -webkit-transition: .5s; line-height: 24px; color: #666666; text-align:left;}



.contact_box{ width:100%; border:1px solid #ddd; background:#fff; height:470px; clear:both;}
.contact_box_text{margin:50px;float:left;}
.contact_box_text p{ font-size:15px;}
.contact_box_text p strong{ font-size:18px;}
.contact_box_pic{ float:right; margin:50px 50px 0 0;}

.feedback_box_pic{ float:left; margin:50px 50px;}


.jobs_txt{ margin-bottom:20px; width:480px;}
.jobs_txt h3{ font-size:20px; color:#333; line-height:50px;}
.jobs_txt ul{ margin-left:-20px;}
.jobs_txt ul li{  width:200px; border-bottom:1px solid #eee; margin:5px 20px; float:left; }
.jobs_txt ul li a{line-height:35px; font-size:14px; height:35px; background:#f1f1f1;display:block; padding-left:10px;}
.jobs_txt ul li a:hover{ background:#ff0000; color:#fff;  padding-left:30px;}





.ty-ul{ padding-top:0px; width:100%; clear:both;}
.ty-ul li{float:left;width:260px;margin-right:17px; margin-left:17px;padding-top:15px; display:block;height:270px;}
.ty-ul li.ty-lr{float:right;margin-right:0px;}
.ty-ul .pro_list_li{overflow:hidden;height:200px;padding:10px; text-align:center; width:240px; border:1px solid #ccc;transition:all 0.2s linear; background:#fff; }
.ty-ul .pro_list_li:hover{box-shadow: 0 0 15px 1px #ccc; border:1px solid #fff;}
.ty-ul .pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul .pro_list_li:hover { margin-top:-10px;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:13px;}
.ty-ul li a:hover p{color:#DA231E;}
















/*
* 
*/

.tableCont{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 3;
}
.table{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    position: relative;
    z-index: 3;
}
.tableCell{
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}


.businessBox{
    width: 100%;
    overflow: hidden;
    position: relative;
    /*background: url(../images/busineBg.jpg) repeat;*/
}
.busine_dl{
    width: 3000px;
    height: calc(100vh - 80px);
    overflow: hidden;
}
.busine_dl dd{
    height: 100%;
    width: 0px;
    overflow: hidden;
    float: left;
    display: inline;
    position: relative;
    text-align: center;
    font-size: 0px;
    margin-right: 0px;
}
.busineDiv{
    overflow: hidden;
    position: relative;
    height: 100%;
	 z-index:1;
}
.busine_dl .center{
    display: inline-block;
}
.busine_dl .tableCell{
    z-index: 0;
    position: relative;
}
.busiShadow{
    display: none\9;
    display: none\9\0;
    width: 1080px;
    height: 1080px;
    overflow: hidden;

	background: rgba(78,211,187,0.6);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -540px 0px 0px -540px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;

}
.busine_dl dd:hover .busiShadow{
    display: block\9;
    display: block\9\0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.busiBg{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    /*transition: all 0.3s linear;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);*/
}
.busiIcon{
    display: block;
    width: 128px;
    height: 128px;
    overflow: hidden;
    margin: 0px auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: rgba(78,211,187,0.8);
}
.busiIcon em{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}
.busine_dl dd.dd1 .busiIcon em{
    background: url(../images/busiChannelIcon1.png) no-repeat center center;
}
.busine_dl dd.dd2 .busiIcon em{
    background: url(../images/busiChannelIcon2.png) no-repeat center center;
}
.busine_dl dd.dd3 .busiIcon em{
    background: url(../images/busiChannelIcon3.png) no-repeat center center;
}
.busine_dl dd.dd4 .busiIcon em{
    background: url(../images/busiChannelIcon4.png) no-repeat center center;
}
.busine_dl dd.dd5 .busiIcon em{
    background: url(../images/busiChannelIcon5.png) no-repeat center center;
}
.busine_dl dd.dd6 .busiIcon em{
    background: url(../images/m_anli_1.png) no-repeat center center;
}


.busine_dl dd.dd7 .busiIcon em{
    background: url(../images/m_anli_2.png) no-repeat center center;
}
.busine_dl dd.dd8 .busiIcon em{
    background: url(../images/m_anli_3.png) no-repeat center center;
}
.busine_dl dd.dd9 .busiIcon em{
    background: url(../images/m_anli_4.png) no-repeat center center;
}

.busine_dl dd:hover .busiIcon em{
    -webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
/*.busiIcon i{
    display: block;
    display: none\9;
    display: none\0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    background: #ff6600;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
    opacity: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}
.busine_dl dd:hover .busiIcon i{
    display: block\9;
    display: block\0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}*/
.busine_dl dd:hover .busiIcon{
    border-color:#C23323;
}
.busiName{
    font-size: 18px;
    color:#333;
    line-height: 24px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.busiIntr{
    font-size: 14px;
    color:#999;
    line-height: 24px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/*.busine_dl dd.dd2:hover .busiName,
.busine_dl dd.dd2:hover .busiIntr,
.busine_dl dd.dd6:hover .busiName,
.busine_dl dd.dd6:hover .busiIntr{
    color:#333;
}*/
.busine_dl dd:hover .busiBg{
    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
}
.busiTxtCont{
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
    text-align: center;
    padding: 15px 0px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.busine_dl dd.dd1 .busiTxtCont{
    background: #fdf4f9;
}
.busine_dl dd.dd2 .busiTxtCont{
    background: #edeffb;
}
.busine_dl dd.dd3 .busiTxtCont{
    background: #edf6fb;
}
.busine_dl dd.dd4 .busiTxtCont{
    background: #f8ecfd;
}
.busine_dl dd.dd5 .busiTxtCont{
    background: #fcfaec;
}
.busine_dl dd.dd6 .busiTxtCont{
    background: #fdf0e9;
}
.busine_dl dd:hover .busiTxtCont{
    background: #C23323;
}
.busine_dl dd:hover .busiName,
.busine_dl dd:hover .busiIntr{
    color:#fff;
}
.busiMore{
    display: none\9;
    display: none\9\0;
    width: 130px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    color:#fff;
    text-align: center;
    line-height: 40px;
    margin: 0px auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 0;
}
.busine_dl dd:hover .busiMore{
    display: block\9;
    display: block\9\0;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}


.more_fenlei {
    line-height: 50px;
    position: relative;
    color: #fff;
    display: block;
    width: 160px;
    cursor: pointer;
    -webkit-perspective: 150;
    font-size: 14px;
    -webkit-transition: color 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color 1s cubic-bezier(.19, 1, .22, 1);
    transition: color 1s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei p {
    padding: 0 15px;
    line-height: 50px;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    -webkit-perspective: 150
}

.more_fenlei::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #17BDA3;
    left: 0;
    top: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei:hover::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei:hover {
    color: #fff;
    -webkit-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1);
    transition: color .4s .4s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei p::after, .more_fenlei p::before {
    content: "";
    width: -webkit-calc(50% - 2px);
    width: -webkit-calc(50% - 2px);
    left: 0;
    top: 0;
    height: -webkit-calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    border: 1px solid #fff;
    display: block;
    position: absolute;
    z-index: -1
}

.more_fenlei p::after {
    left: 50%;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1)
}

.more_fenlei:hover p::after {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    left: -webkit-calc(50% - 1px);
    left: -webkit-calc(50% - 1px);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.product_right{float:left; padding:0 0 0 40px; width:300px;}
.product_right p{ font-size:15px;}
.product_right p strong{ width:100%; display:block; height:45px; line-height:45px; background:#17BDA3; color:#fff; padding-left:10px; margin-bottom:10px;}

.cpxn-r3{  margin-top:0px; float:left; width:800px; margin-right:20px;}
.proshow_list_li{overflow:hidden;width:800px;height:400px;padding:0px; text-align:center;  }
/*.proshow_list_li_span{height: auto; display:inline-block; vertical-align:middle; }*/
.proshow_list_li img{ max-width:100%; max-height:100%;}




@media screen and (max-width: 1200px) {
.container{width:1000px;}

.header_box .nav{left:30%;}
.header_box .nav li a{margin:0 1%;font-size:14px;}

.header_tel{ font-size:16px;  margin-right:0px;}

.header_box .logo{top:20px;left:0;height:40px; }

.n_mainTitle_line_2{ font-size:15px;}
.n_mainTitle{font-size: 24px;}

.xingcai ul li .titleaa{ font-size:12px;}

.festival-middle .f-m-sub .p1{ font-size:12px; }
.festival-middle .f-m-sub .p2{ font-size:12px; }
.festival-middle .f-m-sub div .des h3{ font-size:16px;}
.festival-middle .f-m-sub div .des h4{ font-size:13px;}

.festival-middle{overflow:hidden;padding-left:0;padding-right:0}

.xingcai{ width:100%; margin:0;}

.xingcai_box{ height:400px; }

.foot_right{float:left; width:130px; padding-top:6px;  margin-left:30px;}
.foot_right p{ font-size:14px;}
.foot_right_img{  width:130px; height:93px; }
.foot_right_img img{width:130px; height:93px;}
.foot_right_img img.childIcon{  left:34%; top:25%; z-index:2; width:40px; height:40px;}

.nydh-1bb{ width:1000px;}
.channelBanner_box ul{ width:1000px;}
.wb-inpic{width:1000px;}


.banner_txt1{ left:45%; margin-left:-50%;}
.banner_txt2{ left:5%; margin-left:-48%;}
.banner_txt3{ left:1%;top:0%; }

.fuwu_list_box{top:0%;  left:45%; }


.services-body .newBox .list li{ width: 300px; height: 233px; margin:5px 10px; }

.cplist li{ width:300px; height:280px;margin:10px 10px 0 10px; }

.pic{ width:300px; height:230px; overflow:hidden;}
.che_list_li_home{height:230px;padding:0px; text-align:center;  width:300px;}
.che_list_li_span_home{height:230px; display:inline-block; vertical-align:middle; }
.che_list_li_home img{ max-width:100%; max-height:100%;}


.product_right{ clear:both;padding:0 0 0 0px; width:100%; float:none;}
.product_right p{ font-size:15px;}



.cpxn-r3{  margin-right:0px; margin-left:100px; }

.allpic H4{ font-size:24px;}
.busiName{font-size: 15px;}


.contact_box_text{margin:20px;}
.contact_box_pic{  margin:20px 0px 0 0;}


.contact_box{ height:430px; }
.feedback_box_pic{ margin:50px 20px;}

.jobs_txt{ margin-bottom:20px; width:400px;}


.jobs_txt ul li{  width:150px; border-bottom:1px solid #eee; margin:5px 20px; float:left; }

.contact_box_text p{ font-size:13px;}

}