.youshi { width:100%; margin:0px auto; clear:both; overflow:visible;  height:892px;   

background-image: url(../images/ys_bg.jpg),url(../images/pro_bg4.png),url(../images/pro_bg3_1.jpg),url(../images/pro_bg.jpg);
background-position:center top,130% top,center bottom,center top; 
background-repeat: no-repeat,no-repeat,no-repeat,repeat; 

}

.youshi_con { width:1200px; margin:0px auto;  }

.youshi_con_l { width:451px; height:539px; float:left; margin-top:20px;}
.youshi_con_l dl { width:451px; height:539px; box-shadow:0px 0px 6px 6px rgba(0,0,0,.05); position:relative;}
.youshi_con_l dl dt { position:absolute; width:451px; height:539px; overflow:hidden; }
.youshi_con_l dl dt img { width:451px; height:539px;}



.youshi_con_l dl dd { background:url(../images/ys_t_bg.png) left bottom repeat-x; position:absolute;  width:406px; height:539px;  padding-left:45px; text-align:left; color:#fff;}
.youshi_con_l dl dd h3 { font-size:30px; line-height:45px; padding-top:350px;}
.youshi_con_l dl dd p { font-size:18px; line-height:29px; padding-bottom:28px;}


.youshi_con_l a dl dt img{ transition:all 0.5s;}
.youshi_con_l a:hover dl dt img{ transform:scale(1.1);}

.youshi_con_l a dl dd h3{ transition:all 0.5s;}
.youshi_con_l a:hover dl dd  h3 { padding-top:330px;}



.youshi_con_r { width:739px; float:right;margin-top:20px;}
.youshi_con_r dl { background:#fff;  box-shadow:0px 0px 6px 6px rgba(0,0,0,.05); position:relative; margin-bottom:8px!important; }
.youshi_con_r dl dt { position:absolute; }
.youshi_con_r dl dd {  position:absolute; }
.youshi_con_r dl dd h3 { font-size:22px; line-height:50px; font-weight:400; color:#010101;} 
.youshi_con_r dl dd h3 em { color:#009e6f; font-style:normal;}
.youshi_con_r dl dd p { color:#616161; line-height:25px; font-size:16px; padding-bottom:21px; }


.youshi_con_r .ys1 {  width:739px; height:251px;}
.youshi_con_r .ys1 dt { top:50px; right:54px;} 
.youshi_con_r .ys1 dd { width:285px;   top:58px; left:50px;} 

.youshi_con_r .ys2 {  width:364px; height:280px; float:left; margin-right:8px;}
.youshi_con_r .ys2 dt { top:92px; right:27px;} 
.youshi_con_r .ys2 dd { width:285px;   top:41px; left:40px;} 

.youshi_con_r .ys3 {  width:366px; height:280px;  float:left;}
.youshi_con_r .ys3 dt { top:92px; right:27px;} 
.youshi_con_r .ys3 dd { width:285px;   top:41px; left:40px;} 






.youshi_list { width:1200px; margin:0px auto;}
.youshi_list dl { width:186px; height:314px; border:2px dotted #d2d2d2; margin: 57px 0px 17px; text-align:center;}
.youshi_list dl dt img { margin-top:63px;}
.youshi_list dl dd h3 { color:#262626; font-size:21px; line-height:50px; font-weight:400; }
.youshi_list dl dd p { color:#5f5f5f; line-height:24px; width:85%; margin:0px auto;}

.youshi_list dl { transition:all 0.4s}
.youshi_list dl:hover { transform: rotateY(-360deg); background-color:#52d1ab;}




.pro { width:100%; margin:0px auto; clear:both; overflow:visible;  height:1716px;   
background-image: url(../images/pro_bg.jpg),url(../images/pro_bg4.png),url(../images/pro_bg3_1.jpg),url(../images/pro_bg1.jpg);
background-position:center top,130% top,center bottom,center top; 
background-repeat: no-repeat,no-repeat,no-repeat,repeat; overflow:hidden; 
 
}
.pro_con { background:url(../images/cp_bg.jpg) center top no-repeat; width:100%; height:604px; clear:both; overflow:visible;}

.pro_con_nr { width:924px; margin:220px auto 0px auto; background:rgba(0,0,0,.85); height:214px; clear:both; overflow:visible; display:block;}
.pro_con_nr dl {width:100%; float:left; height:217px; } 
.pro_con_nr dl dt { float:right;}
.pro_con_nr dl dt img { margin-top:-71px;}
.pro_con_nr dl dd { padding-left:58px; width:532px; padding-top:32px; text-align:left; float:left;}
.pro_con_nr dl dd h3 { font-weight:400; font-size:28px; color:#009e6f; line-height:55px;}
.pro_con_nr dl dd p { color:#fff; font-size:16px; line-height:22px; margin-bottom:20px; } 
/*.pro_con_nr ul { width:884px; padding:0px 20px; background:#fff; float:left; height:68px; line-height:68px;}
.pro_con_nr ul li { width:14%; float:left; font-size:18px; text-align:center;}
.pro_con_nr ul  a:hover li { background:url(../images/cp_nav_bg.png) center top no-repeat; color:#fff; height:81px;}*/



.pro_con_cplist { width:1200px; margin:176px auto 0px auto; height:554px;}
.pro_con_cplist_l { width:602px; height:499px; float:left; overflow:hidden;}

.pro_con_cplist_l img { width:602px; height:499px; transition:all 0.4s; }

.pro_con_cplist a:hover .pro_con_cplist_l img { transform:scale(1.1); }



.pro_con_cplist_r { width:568px; float:right; text-align:left;}

.pro_con_cplist_r i { width:100%; float:left;}
.pro_con_cplist_r em { width:100%; float:left; font-family:Atrament Medium; text-transform:uppercase; font-size:40px; font-style:normal;}
.pro_con_cplist_r h3 { width:100%; float:left; font-size:30px; line-height:54px; background:url(../images/cp_xx.jpg) left bottom no-repeat; margin-top:8px; font-weight:400; color:#010101;}
.pro_con_cplist_r h3 b { font-weight:400; color:#010101;}



.pro_con_cplist_r p { width:100%; float:left; margin-top:27px; line-height:36px; color:#555555; font-size:15px;}
.pro_con_cplist_r span { width:100%; float:left; color:#717171; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:18px; height:62px;}



.pro_con_cplist_r .cptu { width:100%; float: left;}
.pro_con_cplist_r .cptu dl { width:274px; font-family:KlavikaRegular-TF; text-align: center; height:140px; margin-bottom:0px;} 
.pro_con_cplist_r .cptu dl dt img { width:274px; height:113px;}

.pro_con_cplist_r .cptu dl dt { width:274px; height:113px; overflow:hidden;}
.pro_con_cplist_r .cptu a dl dt img { width:274px; height:113px; transition:all 0.4s;}

.pro_con_cplist_r .cptu a:hover dl dt img { transform:scale(1.1);}



.pro_con_cplist_r .cptu dl dd { line-height:18px;} 


.pro_con .zi { background:url(../images/cp_yh.png) center 48px no-repeat; width:774px; margin:0px auto; height:88px; text-align:center; line-height:44px; font-size:20px; color:#171717; padding-top:40px;}
.pro_con .zi b { font-weight:400; background: url(../images/nav_en_xx.png) center bottom repeat-x;  line-height:44px; height:44px; color:#009f70; display:inline-block; }










.anli { width:100%; margin:0px auto; clear:both; overflow:visible;  height:950px;   

background-image: url(../images/ys_bg.jpg),url(../images/pro_bg4.png),url(../images/pro_bg3_1.jpg),url(../images/pro_bg.jpg);
background-position:center top,130% top,center bottom,center top; 
background-repeat:repeat-y,no-repeat,no-repeat,repeat; 
}
.anli_con {  width:1347px; margin:0px auto; height:576px;}
.anli_con dl { float:left; width:394px; height:466px;  overflow:hidden; position:relative; transition:all 0.4s; margin-right:25px; }
.anli_con dl dt img { width:394px; height:466px;position:absolute;  }


.anli_con dl dd { background:url(../images/ys_t_bg.png) left bottom repeat-x; position:absolute;  width:406px; height:539px;  padding-left:45px; text-align:left; color:#fff;}
.anli_con dl dd p { font-size:18px; line-height:18px; padding-top:287px;}
.anli_con dl dd em { font-family:Atrament Medium; color:#fff; font-size:45px; text-transform: uppercase; font-style:normal; line-height:38px;}
.anli_con dl dd h3 { font-size:25px; line-height:56px; font-weight:400; }
.anli_con dl dd i { width:100%; float: left;}




.anli_con a dl dt img { transition:all 0.4s;}
.anli_con a:hover dl dt img { transform:scale(1.1);}
.anli_con a:hover dl { border-bottom:13px solid #009e6f;}
.anli_con a dl dd {transition:all 0.4s; }
.anli_con a:hover dl dd { transform:translateY(-20px);}






.liucheng { width:1200px; margin:0px auto; height:544px;}
.liucheng_l { float:left; width:731px; background:url(../images/lc_xx.png) right center no-repeat; margin-top:89px;}
.liucheng_l ul li { float:left; width:140px; height:187px; background:url(../images/lc_bg1.png) left top no-repeat; margin:0px 16px; text-align:center; transition:all 0.4s; }
.liucheng_l ul .li1 { margin-left:188px;}
.liucheng_l ul li i { float:left; width: 30px; height:30px; line-height:30px; font-style:normal; color:#fff; font-family: "黑体"; font-size:18px; margin-top:54px;}
.liucheng_l ul li img { margin-top:37px; margin-left:-15px;}
.liucheng_l ul li p { font-size:16px; color:#000; margin-top:40px;}

.liucheng_l ul a:hover li {background:url(../images/lc_bg2.png) left top no-repeat; }

.liucheng_r { float:right; width:426px; padding-top:170px;}
.liucheng_r h2 { color:#009e6f; font-size:32px; font-weight:400; line-height:45px;}
.liucheng_r b { color:#000000; font-size:21px; font-weight:400; line-height:28px;}

.liucheng_r p { color:#575757; font-size:15px; font-weight:400; line-height:22px; margin:21px 0px;}



.about { width:100%; background:url(../images/a_bg.jpg) center top no-repeat; height:622px;}
.about .con { position:relative;}
.about .con  .img { position:absolute; left:-59px; top:144px; z-index:99;}
.about .about_nr  { background:#fff; width:962px; height:318px; margin:0px auto; box-shadow:0px 0px 6px 6px rgba(0,0,0,.02);position:absolute; left:142px; top:164px; text-align:center;}
.about .about_nr img { margin-top:33px;}
.about .about_nr h3 { font-size:30px; line-height:50px; font-weight:400;}
.about .about_nr p { font-size:15px; width:602px; margin:0px auto; color:#424242; line-height:29px; margin-top:12px; margin-bottom:56px;}
.about .about_nr h3 em { font-family:"宋体"; font-style:normal;} 
.about .about_nr h3 b { color:#009e6f; font-weight:400;} 



.news { width:1200px; margin:0px auto; height:860px; clear:both;  overflow:visible;}
.news ul { text-align:center;}
.news ul li { text-align:center; width:168px; line-height:50x; height:50px; color:#3e3e3e; border:2px  dotted #b9b9b9; display: inline-block; margin:0px 5px; line-height:50px; font-size:17px; transition:all 0.4s; }
.news ul a:hover li { background:#009e6f; color:#fff; border:2px dotted #009e6f;}

.news_con {width:1200px; margin:0px auto 25px auto;}
.news_con dl {width:569px;  height:113px; margin:20px 0px 0px;  border-bottom:2px  dotted #b9b9b9; }
.news_con dl dt {  float:left;width:70px;text-align:center; font-family: "黑体"; overflow:hidden; text-align:right; color:#979797; font-size:16px; font-weight:400; padding-top:10px; }
.news_con dl dt p { color:#222222; font-size:28px; letter-spacing:-0.05em;}
.news_con dl dt span { color:#979797; font-size:16px; font-weight:400; }

.news_con dl dt prc01 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc02 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc03 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}



.news_con dl dt prc04 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc05 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc06 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}



.news_con dl dt prc07 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc08 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc09 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}



.news_con dl dt prc10 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc11 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}
.news_con dl dt prc12 {  color:#222222; font-size:28px; letter-spacing:-0.05em; display:block;}



.news_con dl dd { width:464px; float:right;  text-align:left;}
.news_con dl dd span { line-height:36px;  color:#000; font-size:15px; font-weight:700; border-bottom:1px solid #9c9c9c; width:100%; float:left;}
.news_con dl dd h3 { line-height:52px; margin-top:0px; font-size:17px;color: #000; font-weight:400;}

.news_con dl dd p { color:#4c4c4c; font-size:13px; line-height:24px;margin-top:0px;}
.news_con dl dd em { margin-top:10px; float:left; width:95px; height:29px; border:2px solid #0b468c; text-transform:uppercase; color:#0b468c; text-align:center; line-height:29px; font-weight:700; font-style:normal; font-family:Arial, Helvetica, sans-serif;} 



.news_con a dl { transition:all 0.4s;} 
.news_con a:hover dl{ transform:translateY(-10px);} 
.news_con a dl dd em { transition:all 0.4s;} 
.news_con a:hover dl dd em { background:#0b468c; color:#fff;} 





.demo {OVERFLOW: hidden; WIDTH: 1347px;}
.indemo {FLOAT: left; WIDTH: 800%}
.demo1 {FLOAT: left}
.demo2 {FLOAT: left}