@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
ul{list-style:none}
img{border:none}
a{text-decoration:none; color:#333;transition: all 0.6s;}
a:hover{color:#0067D0;}
.clear{clear:both}
.margin{margin:0 auto;}
.float{float:left;}
body{font-size:14px; font-family:"微软雅黑"; background-color:#FFF; color:#454545;}

.w_100{ width:100%; min-width:1400px; margin:0 auto;}
.w_1400{width:1400px; margin:0 auto; }
.w_1200{width:1200px; margin:0 auto;}
.w_1000{width:1000px; margin:0 auto; }
.w_900{width:890px; margin:0 auto;}
.w_1160{width:1160px; margin:0 auto;}
.m10{ margin-top:10px;}
.m15{ margin-top:15px;}
.m20{ margin-top:20px;}
.m25{ margin-top:25px;}
.m30{ margin-top:30px;}
.m35{ margin-top:35px;}
.m40{ margin-top:40px;}
.m45{ margin-top:45px;}
.m50{ margin-top:50px;}
.m55{ margin-top:55px;}
.m60{ margin-top:60px;}
.m65{ margin-top:65px;}

/*.............. CSS 首页样式............. */
.top{height:120px; background:#fff; margin:0 auto;  position:fixed; top:0px; z-index:10000;box-shadow: 0px 0px 10px 0 rgba(160, 159, 159, 0.3); } 
.logo{ float:left;}
.top_phone{ float:right; } 

.synav{width:770px; float:left; position:relative;  margin-left:55px; line-height:120px; }
.nav{ width:770px;   position:relative; z-index:1;  }
		.nav a{ color:#222;  }
		.nav .nLi{float:left; width:110px;position:relative; text-align:center; display:inline; }
		.nav .nLi h3{ font-size:18px; font-weight:normal; }
		.nav .nLi:hover { background:#0067D0;}  
		.nav .nLi:hover h3 a{ color:#fff; font-weight:bold;  }
			
		.nav .sub{ display:none; width:90px; top:120px;left:-0px;  position:absolute; background:#f5f5f5; padding:0px 10px;   }
		.nav .sub li{   zoom:1; font-size:14px; text-align:center; line-height:45px; height:45px; overflow: hidden; border-top:1px #ddd solid;  }
		.nav .sub li a{ color:#666;} 
		.nav .sub li:hover a{color:#0067D0;font-weight:bold; text-decoration: underline;}
		

.yewu{ margin-top:50px;}
.yewu_h5{ text-align:center;}
.yewu_h5 h5{ font-size:38px; color:#0067d0;}
.yewu_h5 p{ font-size:18px; color:#888; margin-top:15px; margin-bottom:20px;}


.yewu_dl{ margin-top:50px;}
.yewu_dl dl{ overflow:hidden; background:#f0f0f0; margin-bottom:40px;}
.yewu_dl dt{ float:left; width:680px; height:380px;}
.yewu_dl dt img{ width:680px; height:380px;}
.yewu_dl dd{ float:right; width:400px; margin-right:55px; margin-top:40px;}
.yewu_dl dd h2 a{  font-size:26px; color:#0067d0; border-bottom:3px #0067d0 solid; padding-bottom:10px;}
.yewu_dl dd p{ margin-top:40px; line-height:38px; height:150px; overflow:hidden; font-size:16px;}
.yewu_dl dd span a{ margin-top:30px; width:140px; line-height:40px; background:#0067d0; color:#fff; display:block; text-align:center; font-size:16px; border-radius:5px; }
.yewu_dl dl.dd2 dt{ float:right;}
.yewu_dl dl:hover dd h2 a{ color:#da0707; border-bottom:3px #da0707 solid;}
.yewu_dl dl:hover dd span a{ background:#da0707;}

.youshi{ background:url(../images/bg.jpg) center 0 no-repeat; height:760px; margin-top:80px; padding:50px 0;}
.youshi .yewu_h5 h5 , .youshi .yewu_h5 p{ color:#fff;}

.youshi_dl{ position:relative; height:570px; margin-top:50px;}
.youshi_dl dd{ position:absolute; top:0; width:350px; overflow:hidden; color:#fff;}
.youshi_dl dd p{ width:290px; float:right; line-height:30px; margin-top:10px;}
.youshi_dl dd p b{ display:block; font-size:26px; margin-bottom:15px;}
.youshi_dl dd em{ font-size:40px; font-style:normal; background:url(../images/san.png) center bottom no-repeat; padding-bottom:10px; font-weight: bold;}
.youshi_dl dt{ width:390px; height:560px; border:5px #96c3ec solid; border-radius:5px; margin:0 auto;}

.youshi_dl dd.yy2{ top:200px; left:0;}
.youshi_dl dd.yy3{ top:430px; left:0;}
.youshi_dl dd.yy4{ top:0px; right:0px;}
.youshi_dl dd.yy5{ top:200px; right:0px;}
.youshi_dl dd.yy6{ top:430px; right:0px;}


.anli{ margin-top:60px;}
 
.main_dd ul{ width:1250px;  overflow:hidden; }
.main_dd ul li{ width:275px;  float: left;background:#fff; margin-right:30px; border:1px #ddd solid; margin-bottom:25px;text-align:center; overflow:hidden; padding-bottom:25px; }
.main_dd ul li img{ width:275px; height:178px;  } 
.main_dd ul li p{  line-height:55px; height:55px; overflow:hidden;    font-size:18px; }
.main_dd ul li span{ display:block; width:120px; margin:0 auto; font-size:16px; color:#777;  line-height:35px; background:#dddddd; border-radius:30px;}   
.main_dd ul li:hover p{ color:#0067D0; font-weight:bold;}
.main_dd ul li:hover span{ background:#0067D0; color:#fff;}
/*滚动效果*/
.main_dd{width:1200px; margin:0 auto;HEIGHT:600px; margin-top:40px; }
.main_dd #demo0 {FLOAT: left; HEIGHT:600px; OVERFLOW: hidden;}
.main_dd #demo1 {MIN-HEIGHT: auto; WIDTH: 1200px; }
.main_dd #demo2{MIN-HEIGHT: auto; WIDTH: 1200px;}


.about{ background:#f0f0f0; padding:60px 0; margin-top:50px;}
.about_z{ margin-top:50px; overflow:hidden;}
.about_z_tu{ float:right;}
.about_z_p{ width:480px; float:left; margin-top:20px;}
.about_z_p h5{ font-size:24px; color:#0067d0; border-bottom:1px #ddd solid; padding-bottom:15px;}
.about_z_p h5 span{ display:block; font-size:12px; font-weight: normal; color:#999; margin-top:10px;}
.about_z_p p{ font-size:16px; line-height:35px; color:#444; margin-top:30px;}

.about_z_phone{ float: left; background:#fff; width:740px; padding:20px 40px; font-size:20px; color:#666; text-align:center;box-shadow: 0px 0px 5px 0 rgba(160, 159, 159, 0.4); margin:5px; margin-top:-40px;}
.about_z_phone b{ font-size:32px; color:#0067d0;}


.news{ margin-top:60px;}
.slideTxtBox3{width:1200px; margin:0 auto; margin-top:30px;  }
.slideTxtBox3 .hd{ overflow:hidden; text-align:center;   } 
.slideTxtBox3 .hd li{ display:inline-block; text-align:center; width:150px; font-size:18px;font-family:"微软雅黑";line-height:45px; border-radius:30px; border:1px #ddd solid; margin:0 10px;  } 
.slideTxtBox3 .hd li a{ display:block; color:#333;}
.slideTxtBox3 .hd li.on{ background:#0067d0; }
.slideTxtBox3 .hd li.on a{ color:#fff;}
.slideTxtBox3 .bd{ width:1200px; margin:0 auto; overflow: hidden; margin-top:40px; }

.news_z{ overflow: hidden;}
.news_z_tu{ float:left;width:580px; background:#f3f3f3;padding-bottom:40px;}
.news_z_tu img{ width:580px; height:380px;}
.news_z_tu h2 a{ width:520px; margin:0 auto; margin-top:25px;display:block; line-height:40px; height:40px; overflow:hidden; font-size:20px;  color:#222; font-weight:normal;}  
.news_z_tu p{ width:520px; margin:0 auto; line-height:25px; height:50px; overflow: hidden; color:#555; margin-top:5px;}


.news_z_dl{ float:right; width:580px; }
.news_z_dl dl{ overflow:hidden; background:#fff;padding:19px 0; margin-bottom:13px; border:1px #ddd solid; }
.news_z_dl dl dt{float: left;line-height:33px;color:#aaa;width:120px;text-align:center;font-size:16px;font-size: 50px;color: #0067d0;font-weight: bold;}
.news_z_dl dl dt b{display:block;/* font-size:50px; */color: #8b9096;font-size: 16px;font-weight: normal;}
.news_z_dl dl dd{ float:right; width:410px; margin-right:40px; }
.news_z_dl dl dd h2 a{ display:block;line-height:30px; height:30px; overflow:hidden; font-size:18px; font-weight:normal; }
.news_z_dl dl dd p{ line-height:25px; height:50px; overflow:hidden; color:#888; margin-top:5px; ;}  
.news_z_dl dl dd span a{ text-align:right; display:block; color:#aaa; margin-top:5px;}
 .news_z_dl dl dd:hover h2 a{ font-weight:bold; color:#0067D0;}

 

.youqing{  overflow:hidden; line-height:30px; margin-top:40px;}
.youqing dt{ float:left; font-size:18px; color:#0067d0; font-weight:bold;}
.youqing dd{ width:1100px; float: right;}
.youqing dd a{ color:#888; margin-right:20px;}
.youqing dd a:hover{color:#0067D0; text-decoration:underline;}

.dibu{ background:#333333; margin-top:50px;}
.dibu1{ overflow:hidden; padding:50px 0;}
.dibu1_tu{ float:left;}

.dibu1_dl{ width:800px; float:right; color:#aaa;}
.dibu1_dl dt{ line-height:50px; background:url(../images/bg2.jpg) bottom repeat-x; padding-bottom:10px;}
.dibu1_dl dt a{ color:#aaa; margin:0 20px; font-size:16px;}
.dibu1_dl dt a:nth-child(1){ margin-left:0px;}
.dibu1_dl dt>a:first-child{ margin-left:0px;}
.dibu1_dl dd{ overflow:hidden; margin-top:40px;}
.dibu1_dl dd p{ float: left; font-size:15px; line-height:38px;}
.dibu1_dl dd img{ float:left; margin-left:150px; margin-top:15px;}
.dibu2{ line-height:60px; background:#222222; text-align:center; color:#6a6a6a;}
.dibu2 a{ color:#6a6a6a;}
.dibu a:hover{ color:#fff; text-decoration:underline;}


/*-----------------------------------------------------------------------------------------------------*/

/* banner */
.nyban {width: 100%;margin: 0 auto; overflow: hidden; height:300px; margin-top:120px; }
.nyban p{height: 300px;}



.ny_h5{ text-align:center; margin-top:40px;}
.ny_h5 h5{ font-size:38px; color:#0067D0;}
.ny_h5 p{ font-size:16px; color:#aaa; margin-top:10px; margin-bottom:20px; text-transform:uppercase;}

.ny_yewu_dl{ margin-top:50px; margin-bottom:80px;}
.ny_yewu_dl dl{ overflow:hidden; background:#f0f0f0; margin-bottom:50px;}
.ny_yewu_dl dt{ float:left; width:680px; height:380px; overflow:hidden;}
.ny_yewu_dl dt img{ width:680px; height:380px;transition: all 0.8s;}
.ny_yewu_dl dd{ float:right; width:400px; margin-right:55px; margin-top:50px;}
.ny_yewu_dl dd h2 a{  font-size:26px; color:#0067d0; border-bottom:3px #0067d0 solid; padding-bottom:10px;}
.ny_yewu_dl dd p{ margin-top:40px; line-height:40px; height:120px; overflow:hidden; font-size:16px; color:#666;}
.ny_yewu_dl dd span a{ margin-top:30px; width:140px; line-height:40px; background:#0067d0; color:#fff; display:block; text-align:center; font-size:16px; border-radius:5px; }
.ny_yewu_dl dl.dd2 dt{ float:right;}
.ny_yewu_dl dl:hover dd h2 a{ color:#d80000; border-bottom:3px #d80000 solid;}
.ny_yewu_dl dl:hover dd span a{ background:#d80000;}
.ny_yewu_dl dl:hover{ background:#fff7f7;}
.ny_yewu_dl dl:hover dt img{transform: scale(1.1);}


.ny_dao{ text-align:center;overflow:hidden; margin-top:25px;   }  
.ny_dao a{ display: inline-block; text-align:center; width:160px; line-height:45px; border:1px #ddd solid; background:#fff; margin:0 7px; font-size:18px; color:#333; border-radius:30px;font-weight:bold;}
.ny_dao a.on , .ny_dao a:hover{ background:#0067D0 ;  color:#fff; border:1px #0067D0 solid; }



.ny_news_ul{ overflow:hidden; margin-bottom:50px;margin-top:15px;}
.ny_news_ul ul{ width:1250px;}
.ny_news_ul li{ width:500px;margin-right:33px;margin-top:35px; float:left; overflow:hidden; background:#fff url(../images/h6.jpg) 0 30px no-repeat; border:1px #e5e5e5 solid; padding:30px 40px 25px 40px; position:relative;}
.ny_news_ul li .ny_news_ul_time{ overflow:hidden; font-size:16px; color:#999999; line-height:45px; border-top:1px #e6e6e6 solid; padding-top:17px; margin-top:17px;position:relative;z-index:100;}
.ny_news_ul li .ny_news_ul_time b{ font-size:38px; float:left; margin-right:5px;  color:#0067D0; }
.ny_news_ul li .ny_news_ul_time a{ float:right; margin-top:13px; }
.ny_news_ul li .ny_news_ul_p{position:relative; z-index:100;}
.ny_news_ul li .ny_news_ul_p h2 a{ display:block; line-height:30px; height:30px; overflow:hidden; font-size:18px;  }
.ny_news_ul li .ny_news_ul_p p{ line-height:30px; height:60px; overflow:hidden; color:#888; margin-top:10px;}
.ny_news_ul li:hover{ background:#fff  url(../images/h6.jpg) 0 30px no-repeat; } 
.ny_news_ul li:hover .ny_news_ul_p h2 a{ color:#0067D0; font-weight:bold; }
.ny_news_ul li:hover .ny_news_ul_time{ color:#0067D0;}


.ny_news_dao{ margin-top:20px; text-align:center; font-size:16px;}
.ny_news_dao a , .ny_news_dao span{ display:inline-block; padding:10px 16px;  border:1px #ddd solid; margin:0 5px; background:#fff; color:#666; border-radius:3px;}
.ny_news_dao a.on , .ny_news_dao a:hover{  color:#0067D0; border:1px #0067D0 solid; font-weight:bold;}



.ny_anli_ul{ margin-top:45px; overflow:hidden; }
.ny_anli_ul ul{ width:1250px;}
.ny_anli_ul li{ width:275px;  float: left;background:#fff; margin-right:30px; border:1px #ddd solid; margin-bottom:25px;text-align:center; overflow:hidden; padding-bottom:25px; }
.ny_anli_ul li img{ width:275px; height:178px;  } 
.ny_anli_ul li p{  line-height:60px; height:60px; overflow:hidden;    font-size:18px; }
.ny_anli_ul li span{ display:block; width:100px; margin:0 auto;  color:#777;  line-height:30px; background:#dddddd; border-radius:30px;} 
.ny_anli_ul li:hover p{ color:#0067D0; font-weight:bold;}  
.ny_anli_ul li:hover span{ background:#0067D0; color:#fff;}
.ny_anli_ul li:hover{ background:#f2f9ff; border:1px #0067D0 solid;}


.ny_hezuo_ul{ margin-top:45px; overflow: hidden; margin-bottom:80px;border-top:1px #ddd solid;border-left:1px #ddd solid;}
.ny_hezuo_ul li{ float:left; border-right:1px #ddd solid;border-bottom:1px #ddd solid;}
.ny_hezuo_ul li img{ width:199px; height:117px;opacity:0.6; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_hezuo_ul li img:hover{opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9);}






/*.............. CSS 新闻内页............. */

.ny_news_dq{ padding:35px 0;overflow:hidden; }
.ny_news_dq_p{ float:left; background:url(../images/bg5.jpg) 0 center no-repeat; line-height:35px; text-indent:110px;}
.ny_news_dq_p a{ margin-right:70px; color:#888;}
.ny_news_dq_p a:hover , .ny_cp_dao a:hover , .ny_news_xg ul li:hover .anliny_r h2 a{color:#0067D0; text-decoration:underline;}
.ny_fenxiang{ float:right; margin-top:5px;}
.ny_fenxiang span{ background:url(../images/ico5mg.png) 0 center no-repeat; padding-left:20px; margin-right:10px; font-size:16px; color:#aaa; }
 
.ny_news_z{ border:1px #eee solid;box-shadow: 0px 0px 5px 0 rgba(160, 159, 159, 0.3);}
.ny_news_p{ width:1100px; margin:0 auto;  margin-top:30px; line-height:40px; font-size:15px; color:#666;}
.ny_news_h{width:1100px; margin:0 auto;  margin-top:50px;text-align:center; }
.ny_news_h h2{ font-size:30px; line-height:40px; color:#111; }
.ny_news_t{width:1100px; margin:0 auto;  margin-top:20px; line-height:30px; border-bottom:1px #ddd dashed; text-align:center; color:#aaa; font-size:15px; padding-bottom:15px;}
.ny_news_t span{ margin:0 20px;}

.ny_cp_dao{ width:1100px; margin:0 auto;  color:#0067D0; margin-top:30px; padding:30px 0 35px 0; line-height:35px; border-top:1px #eee solid; overflow:hidden;font-size:18px;}
.ny_cp_dao dt{ float:left; width:550px; } 
.ny_cp_dao dd{ float:right; width:550px; text-align:right; } 
.ny_cp_dao a{ display:block; font-size:16px; color:#666;}

 

.ny_news_xg{ width:1200px; margin:0px auto; margin-top:50px; margin-bottom:50px; }
.ny_news_xg h5{ font-size:36px;color:#0067D0; text-align:center;}
.ny_news_xg h5 span{display: block; text-transform:uppercase;  font-weight:normal;font-size:56px; margin-bottom:-64px; color:#f0f0f0; }

.ny_news_xg ul{ width:1198px; overflow:hidden; margin-top:40px; border:1px #eee solid;box-shadow: 0px 0px 5px 0 rgba(160, 159, 159, 0.3);padding:30px 0 50px 0;} 
.ny_news_xg ul li{ width:545px; margin-left:35px; float:left; line-height:60px; height:60px; overflow: hidden; font-size:16px;  background:url(../images/li3.png) -10px 13px no-repeat; text-indent:25px; border-bottom:1px #e5e5e5 dashed;}
.ny_news_xg ul li a{ color:#454545;}
.ny_news_xg ul li span{ float: right; color:#aaa; font-size:14px;}
.ny_news_xg ul li:hover a{ color:#0067D0 ; text-decoration:underline; margin-left:5px;}

 
/*.............. CSS 案例内页............. */

.ny_anli_xg{ width:1200px; margin:50px auto; margin-bottom:70px; }
.ny_anli_xg h5{  font-size:36px;color:#0067D0; text-align:center;}
.ny_anli_xg h5 span{display: block; text-transform:uppercase; font-size:56px; margin-bottom:-55px; color:#f0f0f0; font-family: "Arial"; }
		
        .picMarquee-left3{ width:1220px; margin-top:40px; overflow:hidden; position:relative;    }
		.picMarquee-left3 .bd{width:1220px;    }
		.picMarquee-left3 .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left3 .bd ul li{ float:left; width:305px; margin-right:30px; background:#fff; border:1px #ddd solid; text-align:center; padding-bottom:25px;}
		.picMarquee-left3 .bd ul li img{ width:305px; height:196px; display:block;}
		.picMarquee-left3 .bd ul li p{ line-height:55px; height:55px; overflow:hidden;  font-size:18px; }
		.picMarquee-left3 .bd ul li span{ display:block; width:100px; margin:0 auto; color:#777;  line-height:30px; background:#dddddd; border-radius:30px;}
		.picMarquee-left3 .bd ul li:hover p{ color:#0067D0; font-weight:bold;}  
		.picMarquee-left3 .bd ul li:hover span{ background:#0067D0; color:#fff;}
		.picMarquee-left3 .bd ul li:hover{ background:#f2f9ff; border:1px #0067D0 solid;}








.ny_about_z{overflow:hidden; padding:80px 0; background:#f5f5f5;}
.ny_about_z_z{ overflow:hidden;}
.ny_about_z_p{ float:left; width:650px;}
.ny_about_z_p h2{ font-size:36px; color:#111; }
.ny_about_z_p h2 img{ display:block;}
.ny_about_z_p h2 span{ font-size:18px; font-weight:normal; color:#aaa; display:block; font-family:"Arial"; margin-top:10px; text-transform:uppercase;}
.ny_about_z_p i{ display:block; width:80px; height:3px; background:#0067D0; margin-top:25px; margin-bottom:30px;}
.ny_about_z_p p{ font-size:17px; line-height:45px; color:#555;  margin-bottom:25px;}
.ny_about_z_tu{ float:right; width:490px;  overflow:hidden;}
.ny_about_z_tu img{  width:490px; height:420px;}
.ny_about_z_p span a{ display:block; font-size:16px; color:#009159;}


.ny_about_feng{ margin-top:50px;}
.ny_about_feng_tu{ margin-top:40px;}


.ny_about_lianxi{ background:url(../images/bg4.jpg) center 0 no-repeat; height:645px; margin-top:80px; margin-bottom:-50px;}






/*联系我们*/
.container2{ width:1200px; margin:0 auto;} 
.bantxt{ width:800px; padding-top:110px;}
.bantxt h2{ color:#0b2025; font-size:48px; line-height:1;}
.bantxt h3{ color:#696969; font-size:16px; font-weight:normal; line-height:1; margin:4% 0;}

.con01{ overflow:hidden; padding:30px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.con01 li{ float:left; margin-right:8%;}
.con01 li .ico{ width:66px; float:left; background:#0067D0; border-radius:50%;}
.con01 li .ico img{ display:block; width:100%;}
.con01 li .txt{ float:left; margin-left:20px;}
.con01 li .txt h3{ color:#0067D0; font-size:30px; line-height:36px;}
.con01 li .txt2 h3{ font-family:Impact; font-size:36px;}
.con01 li .txt p{ color:#696969; font-size:16px; line-height:20px; margin-top:10px;}

.con02{ overflow:hidden;  padding-top:4%;}
.con02 li{ float:left; width:100%; padding-left:35px; line-height:45px; font-size:17px;}
.con02 li.cico03{ background:url(../images/cioc03.png) no-repeat left center;}
.con02 li.cico04{ background:url(../images/cioc04.png) no-repeat left center;}
.con02 li.cico05{ background:url(../images/cioc05.png) no-repeat left center;}