*{margin:0; padding:0}
body{ margin:0px auto; padding:0px; font-size:16px; font-family:微软雅黑; color: #666666; background:#FFFFFF; }
a{ color:#666666; font-size:16px; text-decoration:none; }
a:hover{ color:#073175; font-size:16px; text-decoration:none; }
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;}
ul li{ padding:0px ; margin:0px auto; list-style: none;}

/*header*/
.header{ width:100%; height:180px; margin:0 auto; background:url(../images/top_bg.jpg) no-repeat center;}
.header .nav{ width:1200px; height:180px; margin:0 auto; background:url(../images/logo.png) left 30px no-repeat,url(../images/tel.png) right 30px no-repeat}
.header .nav ul{ width:100%; height:40px; padding:110px 0 30px;}
.header .nav ul li{ width:108px; line-height:40px; text-align:center; float:left; font-weight:bold;}
.header .nav ul li:last-child{ float:right;}
.header .nav ul li a{width:119px; display:block; color:#3b3d40;}
.header .nav ul li a:hover{ color:#fff; background:url(../images/nav_hover.png) no-repeat center;}
.header .nav ul span{line-height:40px; float:left;}
.header .nav .logo_c{ width:200px; text-align:center;}
.header .nav .logo_c img{ position:relative; top:-100px;}

/*banner*/
.banner{ width:100%; height:560px;}
#kinMaxShow{visibility:hidden;width:100%; height:410px; overflow:hidden;}

/*title*/
#title{ width:240px; height:60px; margin:0 auto; padding:30px 0; background:url(../images/tit-bg.png) no-repeat center; font:26px/35px 微软雅黑; text-align:center;}
#title span{ display:block; text-transform:uppercase; font-size:20px;}

/*title1*/
#title1{ width:400px; height:60px; margin:0 auto; padding:30px 0; background:url(../images/tit-bg2.png) no-repeat center; font:26px/35px 微软雅黑; text-align:center;}
#title1 span{ display:block; text-transform:uppercase; font-size:20px;}


/*product*/
.product, .liucheng, .youshi{ width:100%;}
.product .pro{ width:1200px; height:600px; margin:0 auto; overflow:hidden; /*position:relative;*/ overflow:hidden;}
.product .pro dl{ width:100%; height:50px; margin:0 auto; text-align:center; /*position:absolute; top:-80px;*/ opacity:0.2; margin-bottom:50px;}
.product .pro dl a{ color:#fff;line-height:50px; padding:10px 20px; margin:0 13px; background:#518ff6; border-radius:5px;}
.product .pro dl a:hover{ color:#fff; background:#2c786f;}

.product .pro .proList{ width: 1200px; height:280px; padding-top: 20px; margin: 0 auto;/* position:absolute; top:600px;*/opacity:0.2;}
.product .pro .proList .left,.product .pro .proList .right{ width:15px; height: 35px; float: left; padding-top:122px; margin:0;}
.product .pro .proList .left{ padding-right: 15px;}
.product .pro .proList .right{ padding-left: 15px;}
.product .pro .proListPic {width:1140px; height:280px; float: left; overflow: hidden; }
.product .pro .proListPic li{ width:252px; height:252px; margin:10px 15px 15px 0; float:left; position:relative; overflow:hidden;}
.product .pro .proListPic li a{width:252px; height:252px;}
.product .pro .proListPic li .pic{ width:250px; height:250px; border:1px solid #b0ccfc;}
.product .pro .proListPic li .pic img{ width:250px; height:250px;}
.product .pro .proListPic li h4{ width:252px; height:40px; text-align:center; line-height:40px; position:absolute; bottom:-40px; background:#b7d9eb; transition:all 0.3s linear; opacity:0.7}
.product .pro .proListPic li h4 a{ width:252px; color:#000; display:block;}
.product .pro .proListPic li h4 a:hover{color:#1067f5; display:block;}
.product .pro .proListPic li:hover h4{ position:absolute; bottom:0px; transition:all 0.3s linear;}

/*about*/
.about{ width:100%; height:490px; background:#efeded;}
.about .about_m{ width:1200px; height:402px; margin:0px auto; padding:44px 0; overflow:hidden; position:relative; overflow:hidden;}
.about .about_m img{ float:left; padding-right:10px; position:absolute; left:-650px; opacity:0.2;}
.about .about_m span{ width:290px; height:30px; font:28px/70px 微软雅黑; position:absolute; top:-50px; left:654px;}
.about .about_m span strong{ text-transform:uppercase; color:#ccc;}
.about .about_m .pos{width:540px; font:14px/35px 微软雅黑; position:absolute; right:-1500px; top:110px;}

.about .about_m .more{ width:120px; height:30px; margin-top:25px; font:14px/30px 微软雅黑; text-align:center; background:#4279D4; border-radius:10px; display:inline-block; position:absolute; top:500px; left:654px;}
.about .about_m .more a{ color:#fff; display:block;}
.about .about_m .more a:hover{ color:#0F3;}

/*liucheng*/
.liucheng .liuc{ width:1200px; height:410px; margin:0 auto; position:relative; overflow:hidden;}
.liucheng .liuc ul{ width:1200px; height:240px; margin:20px auto;}
.liucheng .liuc ul li{ width:184px; height:240px; overflow:hidden; float:left; padding-right:19px; position:relative;}
.liucheng .liuc ul li:nth-child(1){ position:absolute; top:-260px;}
.liucheng .liuc ul li:nth-child(2){ position:absolute; bottom:-260px; left:203px;}
.liucheng .liuc ul li:nth-child(3){ position:absolute; top:-260px; left:406px;}
.liucheng .liuc ul li:nth-child(4){ position:absolute; bottom:-260px; left:609px;}
.liucheng .liuc ul li:nth-child(5){ position:absolute; top:-260px; left:811px;}
.liucheng .liuc ul li:nth-child(6){ position:absolute; bottom:-260px; left:1015px;}
.liucheng .liuc ul li:last-child{ padding:0px;}
.liucheng .liuc ul li img{ width:180px; height:180px; border-radius:90px; border:2px solid #feb228;}
.liucheng .liuc ul li h3{width:180px; height:180px; border-radius:90px; border:2px solid #feb228; background:#fff; opacity:0; display:block; position:absolute; top:0px; text-align:center; font:70px/180px 微软雅黑; color:#000; transform:rotateY(-90deg); transition:all 0.3s linear;}
.liucheng .liuc ul li:hover h3{ opacity:0.7; transform:rotateY(0deg); transition:all 0.3s linear;}
.liucheng .liuc ul li span{ font:18px/30px 微软雅黑; text-align:center; padding-top:15px; display:block;}

/*news*/
.news,.case{ width:100%; background:#efeded;}
.news_m{ width:1200px; height:455px; margin:0 auto; padding:40px 0px; position:relative; overflow:hidden;}
.news_m ul{ width:610px; float:left;}
.news_m ul li{ width:610px; height:60px; line-height:20px; padding-bottom:38px;}
.news_m ul li:nth-child(1){ position:absolute; left:-620px; top:40px;}
.news_m ul li:nth-child(2){ position:absolute; left:-620px; top:138px;}
.news_m ul li:nth-child(3){ position:absolute; left:-620px; top:236px;}
.news_m ul li:nth-child(4){ position:absolute; left:-620px; top:334px;}
.news_m ul li:nth-child(5){ position:absolute; left:-620px; top:432px;}
.news_m ul li:last-child{ padding-bottom:0px;}
.news_m ul li span{ width:60px; height:60px; font:13px/25px 微软雅黑; color:#fff; background:#073175; float:left; margin-right:30px; text-align:center;}
.news_m ul li span strong{ display:block; font-size:26px; padding-top:8px;}
.news_m img{ float:right; position:absolute; right:-560px;}
.news_m ul li a{ font-size:14px;}

/*youshi*/
.yous{ width:1200px; height:530px; margin:0 auto; overflow:hidden;}
.yous ul{ height:350px; margin:15px; position:relative;}
.yous ul li{ width:242px; height:350px; background:#ffb03c;  margin-right:67px; float:left; transition:all 0.2s linear;}
.yous ul li:nth-child(1){ position:absolute; left:-310px; opacity:0;}
.yous ul li:nth-child(2){ position:absolute; left:-620px; opacity:0;}
.yous ul li:nth-child(3){ position:absolute; left:-930px; opacity:0;}
.yous ul li:nth-child(4){ position:absolute; left:-1240px; opacity:0; margin-right:0px;}
.yous ul li:hover{ box-shadow:3px 3px 10px #999; transform:scale(1.05); transition:all 0.2s linear;}
/*.yous ul li:nth-child(1):hover{ margin-right:30px;}
.yous ul li:nth-child(2):hover{ margin-right:30px;}
.yous ul li:nth-child(3):hover{ margin-right:30px;}
.yous ul li:nth-child(4):hover{ margin-left:5px;}*/
.yous ul li span{ padding:10px; font:16px/26px 微软雅黑; text-align:center; color:#fff; display:block;}

/*case*/
.case_m{ width:1200px; height:420px; margin:0 auto;}
.case_m ul{ width:1200px; height:420px;}
.case_m ul li{ width:222px; height:222px; margin:10px 12px 15px 0; float:left; position:relative; overflow:hidden; opacity:0;}
.case_m ul li:last-child{ margin-right:0px;}
.case_m ul li img{ width:220px; height:220px; border:1px solid #b0ccfc;}
.case_m ul li a{ color:#000;}
.case_m ul li a:hover{ color:#639;}
.case_m ul li h4{ width:222px; height:40px; text-align:center; line-height:40px; position:absolute; bottom:-40px; background:#b7d9eb; transition:all 0.3s linear; opacity:0.7}
.case_m ul li:hover h4{ position:absolute; bottom:0px; transition:all 0.3s linear;}

/*link*/
.link{ width:100%; background:#FFF9F9;}
.link_m{ width:1200px; height:100px; margin:0 auto; overflow:hidden;}
.link_m span{ width:120px; padding:21px 0; text-align:center; font-size:16px; float:left;}
.link_m span strong{ font:30px/40px 微软雅黑; text-transform:uppercase; display:block;}
.link_m ul{ height:49px; line-height:49px; padding:25px 0; float:left;}
.link_m ul li{ width:120px; text-align:center; float:left;}
.link_m ul li a{ width:120px; display:block;}
.link_m ul li a:hover{ background:#b0ccfc;}

/*foot*/
.foot{ width:100%; background:#073175;}
.foot .foot_m{ width:1200px; height:140px; margin:0 auto;}
.foot .foot_m img{ width:72px; height:116px; padding:12px 20px; float:left;}
.foot .foot_m p{ height:70px; line-height:35px; color:#fff; float:left; display:block; padding:35px 0 35px 25px;}
.foot .foot_m p a{ color:#fff;}
.foot .foot_m p a:hover{ color:#ffb03c;}

/*main*/
.main{ width:1200px; margin:0 auto; overflow:hidden;}

/*left_tit*/
#left_tit{ width:240px; height:40px; background:#fff; border-bottom:5px solid #FFB03B; margin-bottom:5px;}
#left_tit p{ font:18px/25px 微软雅黑; color:#3498DB; padding:7px 0 0 10px;}
#left_tit p span{ text-transform:uppercase; font-size:16px; /*display:block;*/}
#left_tit p img{ float:right; height:17px; padding:4px 20px 0 0;}

/*left*/
.left{ width:240px; float:left; margin-top:25px;}
.left .left_m1{ margin-bottom:15px;}
.left .left_m1 ul{ width:240px; margin:0px auto; padding:5px 0px; background:#fff;}
.left .left_m1 ul li{ width:240px; height:51px; line-height:51px; text-align:center; border-bottom:1px dashed #3498DB;}
.left .left_m1 ul li a{ font-size:16px; color:#3498DB; display:block;}
.left .left_m1 ul li a:hover{ color:#fff; background:#B7D9EB;}

.left .left_m2{ min-height:225px;}
.left .left_m2 p{ color:#3498DB; line-height:35px; padding-left:15px; background:#fff;}


/*#left_tit{ width:240px; height:40px; background:#3498db; border-bottom:5px solid #FFB03B; margin-bottom:5px;}
#left_tit p{ font:18px/25px 微软雅黑; color:#fff; padding:7px 0 0 10px;}
#left_tit p span{ text-transform:uppercase; font-size:16px;}
#left_tit p img{ float:right; height:17px; padding:4px 20px 0 0;}

.left{ width:240px; float:left; margin-top:25px;}
.left .left_m1{ margin-bottom:15px;}
.left .left_m1 ul{ width:240px; margin:0px auto; padding:5px 0px; background:#3498DB;}
.left .left_m1 ul li{ width:220px; height:51px; line-height:51px; text-align:center; border-bottom:1px dashed #fff;}
.left .left_m1 ul li a{ color:#fff; display:block;}
.left .left_m1 ul li a:hover{ background:#073175;}

.left .left_m2{ min-height:225px;}
.left .left_m2 p{ color:#fff; line-height:35px; padding-left:15px; background:#3498DB;}


#right_tit{ width:930px; height:40px; font:18px/40px 微软雅黑; color:#fff; padding-left:10px; background:#3498db; border-bottom:5px solid #FFB03B; margin-bottom:5px;}
#right_tit span{ width:200px; float:right; font-size:16px;}
#right_tit span a{ color:#fff; font-size:16px;}
#right_tit span a:hover{ color:#000;}*/


/*right_tit*/
#right_tit{ width:930px; height:40px; font:18px/40px 微软雅黑; color:#3498db; padding-left:10px; background:#fff; border-bottom:5px solid #FFB03B; margin-bottom:5px;}
#right_tit span{ width:300px; float:right; font-size:16px; text-align:right;}
#right_tit span a{ color:#3498db; font-size:16px;}
#right_tit span a:hover{ color:#000;}

/*rigth*/
.right{ width:940px; padding-left:20px; margin-top:25px; float:left;}
.right .right_text{ padding:20px; line-height:30px; background:#fff; min-height:522px;}

.right .right_text li{ width:202px; height:232px; margin:0px 30px 10px 0; float:left; overflow:hidden; list-style:none;}
.right .right_text li:nth-child(4n+4){ margin-right:0px;}
.right .right_text li img{ width:200px; height:200px; border:1px solid #b0ccfc;}
.right .right_text li a{ color:#000;}
.right .right_text li a:hover{ color:#639;}
.right .right_text li h4{ width:212px; height:30px; text-align:center; line-height:30px; background:#b7d9eb;}

.right .right_text .news{ width:98%; height:40px; line-height:40px; padding-left:15px; border-bottom:1px dashed #b7d9eb; margin:0; list-style:circle;}
.right .right_text .news span{ width:110px; float:right;}
.right .right_text .news a{ color:#666;}

.right .right_text .ny_title{ font:18px/25px 微软雅黑; text-align:center; padding-bottom:10px;}
.right .right_text .ny_title span{ display:block;}


/*pglist*/
#pglist{ width:100%; height:40px; line-height:55px; text-align:center;/* padding-top:10px;*/}
#pglist a{ color:#000; margin:0 5px; padding:3px 7px; background:#b7d9eb;}
#pglist a:hover{ color:#fff; background:#073175;}