html{ overflow-y:scroll}
#bsPanel,#bsWXBox,#bsTop,#bsBox{ background:none ; border:1px solid #ccc !important; padding:0 !important; border-radius:0 !important;}

/*case*/
#casebanner{ height:1130px; width:100%;}
#caseiframe{ height:910px; width:100%; z-index:1 }
iframe{ width:100%; height:100%;  background:none; border:none; overflow:hidden}
.casebanimg{ position:relative; z-index:2; display:block; width:998px; height:549px; margin:0 auto; margin-top:-380px;}


.casenav{ width:246px; margin:0 auto}
.casenav:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.casenav li{ float:left; width:80px; height:30px; margin:20px 1px; color:#999; font-weight:100; text-align:center; line-height:30px; cursor:pointer;}
.casenav li:hover{ color:#fff; background:#00ccff}
.casenav li.on{ color:#fff; background:#00ccff}
.case-box{ width:1600px; margin:0 auto; clear:both; margin-bottom:40px;}
.case-box dl{ width:380px; height:250px}
.case-box dt,.case-box dt img{ width:380px; height:250px}
.case-box dl{ float:left; margin:0 10px; overflow:hidden; margin-bottom:20px;transition:all .3s}


.case-box dd{ background:#fff; height:40px; padding:20px 0; }
.case-box h3{ margin-left:20px;}
.case-box dd .right{ margin-top:2px; margin-right:20px;}

.case-boxdt{ transition:all 0.5s; position:relative; top:0px; z-index:1}
.case-boxdd{ transition:all 0.5s; position:relative; top:0px; z-index:2}
.case-box dd{ box-shadow:none}
.case-box dl:hover{ box-shadow:3px 3px 10px 0px #ddd}
.case-box dl:hover .case-boxdt{ top:-40px}
.case-box dl:hover .case-boxdd{ top:-80px} 
.case-box:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
#casemain:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}

@media screen and (max-width: 1600px){
.case-box{ width:100%; margin-bottom:10px;}

.case-box dl{ width:21%; max-width:380px; height:200px;}
.case-box dt,.case-box dt img{ width:100%; }
.case-box dl{ float:left; margin:0 2%; overflow:hidden;  margin-bottom:20px; transition:all .3s}
.case-box dt img{ height:auto}
.case-box dd{ background:#fff; height:40px; padding:20px 0; }
.case-box dd{ background:#fff; height:40px; padding:0px 0; }
.case-box h3{ margin-left:20px;}
.case-box dd .right{ margin-top:2px; margin-right:20px;}
.case-box dl:hover .case-boxdt{ top:-60px}
.case-box dl:hover .case-boxdd{ top:-100px}
}

@media screen and (max-width: 1450px){
.case-box{ width:100%; margin-bottom:10px;}

.case-box dl{ width:21%; max-width:380px; height:200px;}
.case-box dt,.case-box dt img{ width:100%; }
.case-box dl{ float:left; margin:0 2%; overflow:hidden;  margin-bottom:20px; transition:all .3s}
.case-box dt img{ height:auto}
.case-box dd{ background:#fff; height:40px; padding:20px 0; }
.case-box dd{ background:#fff; height:40px; padding:0px 0; }
.case-box h3{ margin-left:20px;}
.case-box dd .right{ margin-top:2px; margin-right:20px;}
.case-box dl:hover .case-boxdt{ top:-60px}
.case-box dl:hover .case-boxdd{ top:-100px}
}

/*caseinfo*/

#caseinbanr{ height:auto; width:100%; padding-top:100px; overflow:hidden}
#cinfobox-left{ float:left; text-align:center; width:70%; margin-bottom:50px}
.caseleft-baner{ position:relative; z-index:2;}
.caseleft-baner img{ max-width:80%; margin:0 auto}
.caseleft-gsln{ width:80%; margin:30px auto; text-align:left}
.caseleft-gsln dt{ font-size:28px; line-height:40px; color:#333}
.caseleft-gsln dd{ font-size:14px; line-height:24px; color:#666; text-indent:30px;}
.caseleft-caseimg img{  margin:0 auto; margin-top:-4px; width:80%;}


.lovecase dt{ width:66px; height:66px; background:url(../image/lovecase.png); margin:0 auto; margin-top:50px; cursor:pointer}
.lovecase dt:hover{ background-position:0 -66px;}
.lovecase dd{ font-size:14px; color:#666; margin:10px 0}

.lovetable{ width:1012px; border-collapse: collapse; border: none; text-align:left; margin:50px auto}
.lovetable td { border:1px solid #ddd; font-size:14px; padding:10px;}
.lovetable td.lovebgtd{ background:#eee}
.lovetable p{ line-height:24px;}
.lovetable span{ font-weight:bold; }
.lovetable td.casemore-box{ padding:10px 5px;}
.lovetable .casemore{ float:left; margin:0 5px; width:240px; height:160px; overflow:hidden}
.lovetable .casemore img{ width:240px; height:160px; transition:all .6s}
.casemorebg{ background:#000; height:30px; width:240px; transition:all .3s; position:relative; z-index:1; opacity:.3}
.casemoretxt{ height:30px; width:240px; line-height:27px; text-align:center; color:#fff; transition:all .3s; position:relative; z-index:2; font-size:14px}
.casemore:hover .casemorebg,.casemore:hover .casemoretxt{ margin-top:-30px;}
.casemore:hover img{ transform:scale(1.1,1.1)}


#cinfobox-right{ float:right; width:29%; height:1000px; background:#fff; right:0; top:0; z-index:1; border-left:1px solid #ddd; padding-top:130px; position:fixed}
.casegt-photo{ width:150px; height:150px; padding:5px; border-radius:100%; background:#fff; box-shadow:0px 0px 15px #ccc; margin:0 auto}
.casegt-photo img{ width:150px; height:150px; border-radius:100%}
h1.casetitle{ font-size:32px; color:#333; font-weight:400; text-align:center; margin:20px 0 30px 0}

.cinfo-table{ width:310px; margin:0 auto;}
.cinfo-table hr{ border:none; border-bottom:1px solid #ddd}
.cinfo-table li{ line-height:32px; height:32px;  color:#333; font-size:14px}
.cinfo-table p{line-height:18px; color:#333; font-size:14px; margin:20px 0;}

.cinfo-menubox{ width:228px; height:57px; margin:40px auto}
.cinfo-menubox li{ width:56px; height:57px; float:left; margin:0 10px;}
.caseinfo-left{ background:url(../image/caseleft.png); }
.caseinfo-menu{ background:url(../image/casemenu.png); }
.caseinfo-right{ background:url(../image/caseright.png); }
.cinfo-menubox li:hover{ background-position:0 -57px}

.footerbottom{ position:fixed; bottom:0px; z-index:3; transition:all .5s}


/*其他页面通用banner*/
.page2banner-box{ width:100%; height:328px; padding-top:60px}
.page2banner-box div{ width:100%; height:328px;}
.p2banrbga{ background:00ccff; position:absolute; z-index:1; }
.p2banrbga.aboutbanr{ background:url(../image/bannerabout.jpg); position:absolute; z-index:1; }
.p2banrbga.newsbanr{ background:url(../image/bannernews.jpg); position:absolute; z-index:1; }
.p2banrbga.fuwubanr{ background:url(../image/bannerfuwu.jpg); position:absolute; z-index:1; }
.p2banrbga.yewubanr{ background:url(../image/banneryewu.jpg); position:absolute; z-index:1; }

.p2banrbgb{ background:url(../image/prx2.png); position:absolute; z-index:2; opacity:.15}
.p2banrbgc{ background:url(../image/prx1.png); position:absolute; z-index:3; opacity:.25}
.p2banrtxt{ position:relative; z-index:4; }



/*其他页面title*/

.mainst{ padding:60px 0;}
.mainst:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}

/*服务内容页面*/
.icon{ width:135px; height:143px; margin:0 auto; margin-bottom:30px}
.icon.icon7{ background:url(../image/iconp1.png); margin:25px auto; margin-bottom:20px }
.icon.icon8{ background:url(../image/iconp2.png); margin:25px auto; margin-bottom:20px }
.icon.icon9{ background:url(../image/iconp3.png); margin:25px auto; margin-bottom:20px }

.centermain{ width:80%; margin:100px auto;}
.centermain:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.centermain dl{ width:33%; float:left; text-align:left; transition:all .5s; position:relative; top:0px}
.centermain dl:hover{ position:relative; top:-20px}
.centermain dl dd{ width:100%; margin:0 auto}
.centermain h2.title1{ line-height:38px; margin-bottom:10px}
.centermain ul{ text-align:left; margin-left:190px;font-size:14px; color:#666;}
.centermain ul li{ line-height:24px}
.centermain span.green{ font-weight:bold; color:#00cc33}
.centermain span.blue{font-weight:bold; color:#00ccff}


/*服务内容页面 通栏*/
.tonglan-box{ width:100%; height:302px; background:url(../image/tonglan.jpg); background-size:cover}
.tonglan-box p.title1{ font-size:28px; text-align:center; font-weight:100; padding-top:60px}
.tonglan-box p.title2{ font-size:34px; text-align:center; font-weight:100; padding-top:20px}
.tonglan-box p.title1 span{ font-size:34px; font-weight:400}
.tonglan-box p.title2 span{ font-size:40px; font-weight:400}
.tonglan-box ul{ width:450px; height:44px; margin:0 auto; background:#ff7700;border-radius:100px; margin-top:30px;}
.tonglan-box li.left{ font-size:22px; color:#fff; font-weight:100; line-height:44px; margin-left:30px;}
.tonglan-box li.right{ width:40px; height:40px; font-size:38px; font-weight:bold; margin-top:2px; margin-right:2px; font-family:"黑体"; background:#fff; color:#ff7700; text-align:center; text-indent:-7px; border-radius:100%}


.tonglan-box ul:hover{ background:#ff8811}
.tonglan-box ul:hover li.right{ color:#ff8811; transition:all .5s; transform:rotate(360deg)}

.title3p{ width:1340px; border-bottom:1px solid #ccc; text-align:center; margin:20px auto;}
.title3p span{ padding:0 20px; background:#fff; position:relative; top:12px; height:24px; line-height:24px; font-size:18px; color:#333;}

/*服务内容页面 免费视频*/
.videoimg-box{ width:1350px; margin:30px auto; margin-bottom:60px}
.videoimg-box:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.videoimg-box li,.videoimg-box li img{ width:440px; height:300px;}
.videoimg-box li{ float:left; margin:5px;}

.fuwubottombg{ background:url(../image/fuwubottombg.jpg) ; width:100%; height:710px; padding-top:90px; padding-bottom:0}
.fuwubottombg h1.title1{ font-size:38px}
.fuwubottombg h1.title2{ font-size:24px}
.fuwubottombg h1.title1 span{ font-size:60px; color:#00ccff; font-weight:bold; position:relative; top:8px; margin-right:15px}


/*服务内容页面 表单*/
#indexform{ width:1080px; height:350px; font-family:"微软雅黑"; padding:50px; margin:50px auto; }
#indexform span.left{ 
	width:340px;
	float:left;
	display:block;
	margin:0 10px;
}
#indexform span.clear{ 
	width:1080px;
	float:left;
	display:block;
	overflow:hidden;
	padding-bottom:20px;
	margin-top:15px;
}
#indexform input{
	padding-left:15px;
	width:330px;
	height:50px;
	line-height:50px;
	display:block;
	margin:0 auto;
	border:1px solid #ccc;
	font-family:"微软雅黑";
	font-size:16px;
	color:#999;
	background:none;
	transition:all .5s;
}
#indexform textarea{
	padding-left:15px;
	width:1050px;
	height:200px;
	line-height:20px;
	padding-top:15px;
	display:block;
	margin:0 auto;
	border:1px solid #ccc;
	font-family:"微软雅黑";
	font-size:16px;
	color:#999;
	background:none;
	margin:0 10px;
	transition:all .5s;
}
#indexform button{
	width:340px;
	height:50px;
	line-height:50px;
	display:block;
	border:none;
	background:#00ccff;
	font-size:18px;
	font-family:"微软雅黑";
	color:#fff;
	cursor:pointer;
	float:right;
	margin:0 15px;
	font-weight:100;
}
.button-box{ width:1090px; margin:0 auto}

#indexform button:hover{ opacity:.8 }

.dxicon{ width:20px; height:20px; background:url(../image/dx.png) 0px 0px; position:absolute; margin-left:315px; margin-top:-35px; transition:all .3s}
.clear .dxicon{ margin-left:1042px;}
#titleform{ width:1070px; text-align:right; margin-right:20px;  font-size:18px; height:30px; line-height:30px; color:#f00; clear:both}
#indexform .btnyes{background:#00cc33; font-weight:100}


.mainst.contact #indexform{ padding:0 50px; margin:40px auto; margin-bottom:120px}
.mainst.contact #indexform button{ float:none; margin-left:10px; float:left}
.mainst.contact #titleform{ width:auto; text-align:left; margin-left:10px; margin-top:10px}
.contactbtn p{ float:right; line-height:50px; height:50px; font-size:14px}
.contactbtn p a{ color:#f00}
.contactbtn p a:hover{ text-decoration:underline}

#indexform.inform{ width:999px; padding:0}
#indexform.inform h1{ font-size:16px; padding-left:10px; margin-bottom:10px}
#indexform.inform span.left{ 
	width:323px;
	margin:5px;
	margin-bottom:7px;
}
#indexform.inform span.clear{ 
	width:999px;
	float:none;
}
#indexform.inform input{
	width:308px;
}
#indexform.inform textarea{
	width:974px;
	margin:0 5px;
}
#indexform.inform button{
	float:left;
	margin:0 5px;
}
#indexform.inform .dxicon{ margin-left:290px;}
#indexform.inform .clear .dxicon{ margin-left:960px;}


#indexform.inform.caseinfoform{ width:1030px; padding-left:7px}
#indexform.inform.caseinfoform h1{ font-size:22px; padding-left:10px; margin-bottom:10px}
#indexform.inform.caseinfoform span.left{ 
	width:330px;
	margin:5px;
	margin-bottom:7px;
}
#indexform.inform.caseinfoform span.clear{ 
	width:1023px;
	float:none;
}
#indexform.inform.caseinfoform input{
	width:315px;
}
#indexform.inform.caseinfoform textarea{
	width:995px;
	margin:0 5px;
}
#indexform.inform.caseinfoform button{
	float:left;
	margin:0 5px;
}


#indexform.inform.caseinfoform .dxicon{ margin-left:295px;}
#indexform.inform.caseinfoform .clear .dxicon{ margin-left:980px;}

/*新闻内容*/
.newsnav{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ccc}
.newsnav ul{ width:440px; margin:0 auto;}
.newsnav ul li{ width:100px; margin:0 5px; float:left; font-size:16px; color:#333; text-align:center}
.newsnav ul li:hover{ border-bottom:2px solid #00ccff; color:#00ccff}
.newsnav ul li.on{ border-bottom:2px solid #00ccff; color:#00ccff}

.news-list{ width:1100px; margin:0 auto;}
.news-list:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.news-list dt,.news-list img{ width:260px; height:150px; transition:all .5s; overflow:hidden}
.news-list img:hover{ transform:scale(1.08,1.08)}
.news-list dd{ width:820px; margin-left:20px;}
.news-list dt ,.news-list dd{ float:left}
.news-list h1{ font-size:24px;font-weight:400}
.news-list h1 a{ color:#333; }
.news-list h2{ font-size:12px; font-weight:400; color:#999}
.news-list h2 a{ color:#666}

.news-list h1 a:hover{ color:#00ccff}
.news-list h2 a:hover{ color:#00ccff}

.news-list p{ font-size:14px; font-weight:400; color:#999; margin-top:15px; margin-bottom:15px}
.news-hr{ width:1200px; margin:30px auto; border:none; border-bottom:1px solid #ddd}

.news-infotxt{ width:1040px; margin:0 auto; padding:30px 0; font-family:Tahoma,Verdana,"宋体",Helvetica, sans-serif; padding:0 80px; margin-bottom:100px}
.news-infotxt:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}

.news-infotxt p{ line-height:26px; font-size:16px;}
.news-infotxt p span.bold{ font-weight:bold;}
.news-infotxt h1.title{ font-size:26px; font-family:"Microsoft YaHei", "Arial Black", sans-serif; margin:40px 0 20px }

/*文章内容，可删除*/
.newsinfoimg1{ display:block; width:853px; height:341px; margin:50px auto;}
.newsinfoimg2{ display:block; float:right; margin:0px 40px;}
.newsinfoimg3{ display:block; float:right; margin:0px 20px;}
/*文章内容，可删除*/

.newsinfo-txtbottom{ width:1200px; margin:0 auto}
.newsinfo-txtbottom .bshare-custom{ width:400px; margin:0 auto}

.newsinfo-updown{ width:1000px;  margin:40px auto; }
.newsinfo-updown:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.newsinfo-updown dl{ cursor:pointer}
.newsinfo-updown dl.left{ float:left}
.newsinfo-updown dl.right{ float:right}
.newsinfo-updown dt,.newsinfo-updown dd{ float:left}
.newsinfo-updown dt{ width:38px; height:32px; position:relative; top:7px}
.newsinfo-updown dl.left dt{ background:url(../image/newsinfo-left.png); margin-right:15px}
.newsinfo-updown dl.right dt{ background:url(../image/newsinfo-right.png); margin-left:15px}
.newsinfo-updown dl:hover .newsinfo-up{background:url(../image/newsinfo-left.gif)}
.newsinfo-updown dl:hover .newsinfo-down{background:url(../image/newsinfo-right.gif)}
.newsinfo-updown dl h1{ font-size:16px; font-weight:800}
.newsinfo-updown dl h2{ font-size:14px; font-weight:400; color:#666}
.newsinfo-updown dl.left{ text-align:left}
.newsinfo-updown dl.right{ text-align:right}

.newsinfo-updown dl:hover .newsmoretitile{ text-decoration:underline}

.more-news{ width:1000px; margin:0 auto;}
.more-news:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.more-news .newsmore-box{ padding:10px 5px;}
.more-news .newsmore{ float:left; margin:0 5px; width:240px; height:160px; overflow:hidden}
.more-news .newsmore img{ width:240px; height:160px; transition:all .6s}
.newsmorebg{ background:#000; height:30px; width:240px; transition:all .3s; position:relative; z-index:1; opacity:.3}
.newsmoretxt{ height:30px; width:240px; line-height:27px; text-align:center; color:#fff; transition:all .3s; position:relative; z-index:2; font-size:14px}
.newsmore:hover .newsmorebg,.newsmore:hover .newsmoretxt{ margin-top:-30px;}
.newsmore:hover img{ transform:scale(1.1,1.1)}
.more-news h1{ margin-top:0px; margin-bottom:10px; margin-left:7px; font-size:16px}

/*评论图片 可删除*/
.plxt{ display:block; margin:50px auto; width:1000px; margin-bottom:10px}
/*评论图片 可删除*/

/*关于我们*/

.mainst.about-box{ padding-bottom:100px}
.about-info{ width:1200px; margin:50px auto; margin-bottom:0}
.about-info p{ font-size:14px; text-indent:30px; line-height:24px; margin-top:10px}
.icon.icon10{ background:url(../image/iconabout1.png); margin:25px auto; margin-bottom:20px }
.icon.icon11{ background:url(../image/iconabout2.png); margin:25px auto; margin-bottom:20px }
.icon.icon12{ background:url(../image/iconabout3.png); margin:25px auto; margin-bottom:20px }
.aboutphotoimg{ margin-top:40px; margin-bottom:20px}
.about-info p.bigaboutp{ font-size:16px; font-weight:600}
.houchanglininaimg{ display:block; width:1113px; margin:100px auto}
.hclnulli{ width:1000px; margin:0 auto; padding-left:150px; padding-bottom:90px}
.hclnulli:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.hclnulli li{ width:500px; float:left; line-height:28px; height:28px; font-size:16px; color:#666}
.hclnulli span{ font-weight:bold}


.about-bottom{ width:1170px; margin:0 auto; margin-top:120px;}
.about-bottom dl,.about-bottom dt,.about-bottom dd,.about-bottom div{ float:left}
.about-bottom dl{ width:320px;}
.about-bottom div{ width:210px;}
.about-bottom:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.about-bottom dd{ margin-left:15px;}

.aboutbtm-adr dd{ padding-top:15px}
.aboutbtm-adr .li1{ font-size:16px; color:#666}
.aboutbtm-adr .li2{ font-size:12px; color:#999}


.aboutbtm-qq dd{ padding-top:2px; }
.aboutbtm-qq .li1{ font-size:18px; color:#666; margin:2px 0; font-weight:bold}
.aboutbtm-qq .li2{ font-size:18px; color:#666; font-weight:bold}
.right.qq{ margin-left:15px; width:80px; height:24px; color:#fff; font-size:12px; text-align:center; line-height:24px; font-weight:400}
.right.qq.blue{ background:#00cc33; }
.right.qq.green{ background:#00ccff; }
.right.qq:hover{ opacity:.8}

.aboutbtm-tel dd{ padding-top:10px; }
.aboutbtm-tel .li1{ font-size:16px; color:#333; margin:2px 0; }
.aboutbtm-tel .li2{ font-size:12px; color:#333;}
.aboutbtm-google{ padding-top:15px}


.mainst.aboutbg1{ background:url(../image/about.jpg)}
.mainst.aboutbg2{ background:url(../image/fuwubottombg.jpg); height:740px; margin:0 ; padding-bottom:0}
.mainst.aboutbg2 h1.title2{ padding-bottom:50px}


/*业务*/

.mainst.yewuformbox{ margin:0; padding:40px; padding-bottom:50px; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5}
#yewuform{ width:1320px;font-family:"微软雅黑"; padding-top:40px; margin:0 auto; }
#yewuform:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
#yewuform span.left{ 
	width:300px;
	float:left;
	display:block;
	margin:0 15px;
}
#yewuform input{
	padding-left:15px;
	width:300px;
	height:50px;
	line-height:50px;
	display:block;
	margin:0 auto;
	border:1px solid #ddd;
	font-family:"微软雅黑";
	font-size:16px;
	color:#bbb;
	background:none;
	transition:all .5s;
	background:#f9f9f9
}
#yewuform button{
	width:300px;
	height:52px;
	line-height:52px;
	display:block;
	border:none;
	background:#00cc33;
	font-size:18px;
	font-family:"微软雅黑";
	color:#fff;
	cursor:pointer;
	float:right;
	font-weight:100;
}
#yewuform .button-box{ width:1090px; margin:0 auto}
#yewuform button:hover{ opacity:.8 }

#yewuform .dxicon{ width:20px; height:20px; background:url(../image/dx.png) 0px 0px; position:absolute; margin-left:285px; margin-top:-35px; transition:all .3s}
#yewuform .clear .dxicon{ margin-left:1042px;}
.yewuformbox h1.title2{ font-size:20px; color:#ff7700; font-weight:400}


.centermain6{ width:80%; margin:100px auto; height:410px;}
.centermain6:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
.centermain6 dl{ width:16.66%; float:left; text-align:left; transition:all .4s; position:relative; top:0px; height:210px; margin:80px 0; margin-top:100px}
.centermain6 dl dd{ width:100%; margin:0 auto}
.centermain6 dd{ font-size:20px; color:#333; text-align:center; font-weight:400;line-height:38px; margin-bottom:10px}


.iconY{ width:114px; height:113px; margin:25px auto; margin-bottom:20px }
.iconY.icon1{ background:url(../image/iconY1.png); }
.iconY.icon2{ background:url(../image/iconY2.png); }
.iconY.icon3{ background:url(../image/iconY3.png); }
.iconY.icon4{ background:url(../image/iconY4.png); }
.iconY.icon5{ background:url(../image/iconY5.png); }
.iconY.icon6{ background:url(../image/iconY6.png); }

.ywsix{ padding:20px; width:300px; background:#00cc33; position:relative; opacity:0; top:150px; transition:all .4s; border-radius:3px; color:#fff; font-size:16; line-height:24px; z-index:3}
.centermain6 dl:hover{ position:relative; top:-20px}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #00cc33;
	position:absolute;
	margin:-40px 0 0 95px;	
}
.yewumainbg{ background:url(../image/about.jpg)}

#yewuinfo-box{ width:1600px; margin:80px auto; margin-bottom:40px;  }
#yewuinfo-box:after,.yewuinfo:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
#yewuinfo-bigbox{ width:1600px; transition:all .3s}
.yewuinfo{ width:1600px; margin:0 auto; height:530px; padding-top:20px; padding-bottom:20px}
.yewuinfo .left.lt{ width:836px; height:527px; margin-left:20px;}

.yewuinfo .left.gt{ width:734px; margin-left:10px}
.yewuinfo .left.gt h1.title1{ font-size:38px; text-align:left; margin-top:35px}
.yewuinfo .left.gt h1.title2{ font-size:16px; text-align:left; margin-top:10px}
.yewuinfo .left.gt ul{ height:144px; margin:40px 0; margin-bottom:50px}

.yewuinfo .left.gt ul li{ line-height:24px; margin-bottom:5px; color:#666}
.yewuinfo span{ font-size:18px; font-weight:bold}


@media screen and (max-width: 1600px){
.case-box{ width:100%; margin-bottom:10px;}

.case-box dl{ width:21%; max-width:380px; height:200px;}
.case-box dt,.case-box dt img{ width:100%; }
.case-box dl{ float:left; margin:0 2%; overflow:hidden;  margin-bottom:20px; transition:all .3s}
.case-box dt img{ height:auto}
.case-box dd{ background:#fff; height:40px; padding:20px 0; }
.case-box dd{ background:#fff; height:40px; padding:0px 0; }
.case-box h3{ margin-left:20px;}
.case-box dd .right{ margin-top:2px; margin-right:20px;}
.case-box dl:hover .case-boxdt{ top:-60px}
.case-box dl:hover .case-boxdd{ top:-100px}

.centermain ul{ text-align:left; margin-left:105px;font-size:14px; color:#666;}


#yewuinfo-box{ width:100%; margin:80px auto; margin-bottom:40px;  }
#yewuinfo-box:after,.yewuinfo:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
#yewuinfo-bigbox{ width:100%; transition:all .3s}
.yewuinfo{ width:100%; margin:0 auto; height:530px; padding-top:20px; padding-bottom:20px}
.yewuinfo .left.lt{ width:48%; max-width:836px; height:527px; margin-left:2%;}
.yewuinfo .left.lt img{ width:100%}

.yewuinfo .left.gt{ width:46%; max-width:734px; margin-left:2%}
.yewuinfo .left.gt h1.title1{ font-size:38px; text-align:left; margin-top:35px}
.yewuinfo .left.gt h1.title2{ font-size:16px; text-align:left; margin-top:10px}
.yewuinfo .left.gt ul{ height:144px; margin:40px 0; margin-bottom:50px}

.yewuinfo .left.gt ul li{ line-height:24px; margin-bottom:5px; color:#666}
.yewuinfo span{ font-size:18px; font-weight:bold}
.casegt-photo{ display:none}

}



@media screen and (max-width: 1450px){
.case-box{ width:100%; margin-bottom:10px;}

.case-box dl{ width:21%; max-width:380px; height:200px;}
.case-box dt,.case-box dt img{ width:100%; }
.case-box dl{ float:left; margin:0 2%; overflow:hidden;  margin-bottom:20px; transition:all .3s}
.case-box dt img{ height:auto}
.case-box dd{ background:#fff; height:40px; padding:20px 0; }
.case-box dd{ background:#fff; height:40px; padding:0px 0; }
.case-box h3{ margin-left:20px;}
.case-box dd .right{ margin-top:2px; margin-right:20px;}
.case-box dl:hover .case-boxdt{ top:-60px}
.case-box dl:hover .case-boxdd{ top:-100px}

.centermain ul{ text-align:left; margin-left:105px;font-size:14px; color:#666;}


#yewuinfo-box{ width:100%; margin:80px auto; margin-bottom:40px;  }
#yewuinfo-box:after,.yewuinfo:after{ content:"."; display:block; clear:both; visibility:hidden; height:0px;}
#yewuinfo-bigbox{ width:100%; transition:all .3s}
.yewuinfo{ width:100%; margin:0 auto; height:530px; padding-top:20px; padding-bottom:20px}
.yewuinfo .left.lt{ width:48%; max-width:836px; height:527px; margin-left:2%;}
.yewuinfo .left.lt img{ width:100%}

.yewuinfo .left.gt{ width:46%; max-width:734px; margin-left:2%}
.yewuinfo .left.gt h1.title1{ font-size:38px; text-align:left; margin-top:35px}
.yewuinfo .left.gt h1.title2{ font-size:16px; text-align:left; margin-top:10px}
.yewuinfo .left.gt ul{ height:144px; margin:40px 0; margin-bottom:50px}

.yewuinfo .left.gt ul li{ line-height:24px; margin-bottom:5px; color:#666}
.yewuinfo span{ font-size:18px; font-weight:bold}
.casegt-photo{ display:none}

}