@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; list-style:none; font-family:"Microsoft YaHei","STHeiti Light",Arial,"SimSun"; line-height:180%;}
body{color:#333; background:#fff;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#f90; text-decoration:none;}
img{ border:none; -ms-interpolation-mode:bicubic;}

table{ margin:20px 0; border:#ccc 0px solid; border-collapse: collapse;}
table tr td{ border:#ccc 0px solid; padding:2px; line-height:40px; font-size:15px; color:#333;}
input{ padding:3px 5px; border:#ddd 1px solid;}

.layount{ width:1200px; margin:auto;}
.left{float:left;}
.right{float:right;}

.tit{ color:#f00; font-size:35px; text-align:center; margin-top:10px; font-weight:bold; letter-spacing:2px;}
.tit span{ color:#06c; font-size:35px;}
.tit p{ color:#999; font-size:13px; font-weight:normal;}

#top{ height:35px; overflow:hidden; background:#2d2d2d; border-top:5px solid #cd0000;}
.top p{ line-height:35px; color:#ccc; font-size:13px;}

#head{ overflow:hidden; height:116px; background:url(../images/bg.jpg) no-repeat center; border-bottom:0px solid #FEE819;}
.head .logo{ margin-top:18px; background:url(../images/logo.png) no-repeat; height:75px;}
.head .logo a{ font-size:33px; color:#333; font-weight:bold; padding-left:95px; line-height:52px; letter-spacing:3px;}
.head .tel{ line-height:25px; font-size:14px; color:#666; background:url(../images/tel.png) no-repeat right; margin-top:30px; padding-right:70px; text-align:right; height:60px;}
.head .tel p{ color:#666; font-size:25px; font-family:impact; line-height:28px;}

.t_nav{ height:45px; background:#06c;}
.t_nav_list{height: 45px; position: relative; width:1197px; margin:0 auto;}
.t_nav_list li{ width: 133px; height: 45px; float: left; position: relative; margin-right:0px;}
.t_nav_list li a{ display: block; width: 133px; height: 45px; line-height: 45px; font-size: 15px; position: relative; transition: none; overflow: hidden; color: #fff;text-align:center;text-decoration: none;}
.t_nav_list li a:hover{ color: #fff;text-align:center; background:url(../images/navhover.png) no-repeat center;}
.t_nav_list .on a{  background:url(../images/navhover.jpg) no-repeat; color:#fff;}

#focus{ height:550px; overflow:hidden; position: relative; z-index:10;}
.focus{ width: 100%; height: 550px; border-bottom:10px solid #ccc;}
.focus1{ overflow:hidden; width: 100%; height: 350px; background:url(../images/t4.jpg) no-repeat center; position: relative; z-index:10;}

#note{overflow:hidden; margin:0px auto; background:#333;}
.note{ line-height:60px; font-size:18px; padding-left:30px; font-weight:bold; width:1050px; color:#F5A30F;}
.note p{ line-height:60px; font-size:14px; font-weight:normal; width:960px;}

#project{overflow:hidden; margin:0px auto; position:relative; margin-top:0px; z-index:100;}
.project{ color:#333; margin-top:-40px;}
.project .title1{ color:#06c; font-size:35px; text-align:center; font-weight:bold; letter-spacing:2px;}
.project .title1 span{ color:#f00; font-size:35px;}
.project .title1 p{ color:#666; font-size:15px; font-weight:normal; letter-spacing:0px;}
.project .design_list{ width:1228px; margin:auto; margin-top:40px;}
.project .design_list li{ height: 60px; float: left;  margin:0px 10px 30px; text-align:center; border:0px solid #ccc; background:#06c; color:#fff;}
.project .design_list li a:hover{ height: 60px; float: left; background:#ddd;}
.project .design_list li a{ width: 285px; height: 60px; position: relative; font-size:14px; line-height:60px;}
.project .design_list li a img{ width: 245px; height:130px; border-radius:0; margin:20px auto;}
.project .design_list li a h3{ width: 285px; height: 60px; line-height: 60px; color: #fff; font-size:15px;}
.project .design_list li a p{ width: 285px; height: 35px; line-height: 35px; color: #999; font-size:13px;}
.project .design_list li a:hover h3{color: #06c;}
.project .design_list li a:hover p{ color: #FFF; background: #666; transition:all 0.5s ease-in-out 0s;}
.project .design_list .more{ margin-top:15px; border:1px #aaa solid; border-radius:10px; width:110px; margin:10px auto; height:28px; line-height:28px;}
.project .design_list .more a{ font-size:14px; color:#666; text-align:center; display:block;}
.project .design_list .more a:hover{ font-size:14px; color:#fff; border:1px #fff solid;}

.innovate { width: 100%; height: auto; background-size: cover; margin:30px 0 70px; background:#eaeaea; padding-top:30px;}
.innovate .container { width: 1201px; height: auto; margin: auto; position: relative; }
.innovate .delText { color: #666; font-size: 15px; text-align: center; margin: 0px auto 30px; }
.innovate .list { width: 100%; height: 380px; }
.innovate .list a { display: block; width: 100%; background: #000000; }
.innovate .list .imgs { font-size: 0px; width: 100%; opacity: .5; filter: alpha(opacity=50); transition-duration: .5s; -webkit-transition-duration: .5s; }
.innovate .list .textBox { position: absolute; width: 100%; font-weight: bold; text-align: center; top: 155px; left: 0; color: #FFF; transition-duration: 1s; -webkit-transition-duration: 1s; }
.innovate .list .ch { font-size: 18px; }
.innovate .list .en { font-size: 12px; text-transform: uppercase; }
.innovate .list .more { width: 27px; height: 27px; background: url(images/ciIcon.png) no-repeat center; position: absolute; top: 183px; left: 101px; transition-duration: 1s; -webkit-transition-duration: 1s; }
.innovate .list .border { width: 0px; height: 0px; top: 100px; left: 50%; position: absolute; }
.innovate .list .border .borderT { width: 1px; height: 0px; transition-duration: 1s; -webkit-transition-duration: 1s; position: absolute; background: #FFF; opacity: .8; filter: alpha(opacity=80); bottom: 0; left: 0; }
.innovate .list .border .borderL { width: 0; height: 1px; transition-duration: 1s; -webkit-transition-duration: 1s; position: absolute; background: #FFF; opacity: .8; filter: alpha(opacity=80); top: 0; left: 0; }
.innovate .list .border .borderR { width: 0; height: 1px; transition-duration: 1s; -webkit-transition-duration: 1s; position: absolute; background: #FFF; opacity: .8; filter: alpha(opacity=80); top: 0; right: 0; }
.innovate .list .border .borderB { width: 1px; height: 0px; transition-duration: 1s; -webkit-transition-duration: 1s; position: absolute; background: #FFF; opacity: .8; filter: alpha(opacity=80); top: 0; left: 0; }
.innovate .list li { width: 280px; margin-right: 27px; height: auto; box-shadow: 0px 0px 5px rgba(93, 93, 93, 0.4); position: relative; float: left; }
.innovate .list .mr0 {margin-right:0px;}
.innovate .list li:hover .more { transform: translateY(80px) rotateX(360deg); -webkit-transform: translateY(80px) rotateX(360deg); opacity: 0; filter: alpha(opacity=0); }
.innovate .list li:hover .textBox { transform: translateY(80px); -webkit-transform: translateY(80px); }
.innovate .list li:hover .imgs { opacity: .2; filter: alpha(opacity=20); }
.innovate .list li:hover a { background: #036; }
.innovate .list li:hover .borderT { height: 45px; }
.innovate .list li:hover .borderB { height: 45px; }
.innovate .list li:hover .borderL { width: 45px; }
.innovate .list li:hover .borderR { width: 45px; }

#pro{overflow:hidden; margin:0px auto 30px;}
.pro{ width:1230px; margin:auto;}
.pro .title1{ color:#06c; font-size:35px; text-align:center; margin-top:30px; font-weight:bold; letter-spacing:2px;}
.pro .title1 span{ color:#f00; font-size:35px;}
.pro .title1 p{ color:#666; font-size:15px; font-weight:normal; letter-spacing:0px;}
.pro_list{ margin:20px 0;}
.pro_list li{ width: 380px; height: 336px; float: left; margin:20px 15px 20px 15px;}
.pro_list li a{position: relative; font-size:14px;}
.pro_list li a img{ width: 380px; height: 285px; display: block;transition:all 0.5s ease-in-out 0s;}
.pro_list li a p{ width: 380px; height: 50px; line-height: 50px; color: #333; background: #e5e5e5;transition:all 0.5s ease-in-out 0s; text-align:center; font-size:15px; border-top:1px solid #fff;}
.pro_list li a:hover img{ border: 0px solid #008DEC;}
.pro_list li a:hover p{ color: #FFF; background: #06c;}
.pro .more a{ width:200px; height:50px; background:#099; color:#fff; display:block; line-height:50px; text-align:center; font-size:14px; margin:800px auto 30px; border-radius:0px;}
.pro .more a:hover{ color:#fff; background:#06c;}

#about{overflow:hidden; margin:20px auto 20px; padding-bottom:50px;}
.about{ }
.about .title{ background:url(../images/line.jpg) no-repeat left bottom; color:#06c; font-size:35px; font-weight:bold; letter-spacing:2px; margin-top:30px;}
.about .title span{ color:#f00; font-size:35px; }
.about .detail{ margin-top:0px;}
.about .detail .dd{ width:580px; padding-top:20px;}
.about .detail .dd p{ line-height:30px; font-size:14px; color:#666;}
.about .pic{ margin-top:30px;}
.about .more a{ width:200px; height:50px; background:#06c; color:#fff; display:block; line-height:50px; text-align:center; font-size:14px; margin-top:30px; margin-left:0px;}
.about .more a:hover{ color:#fff; background:#099;}

#news{ overflow:hidden; margin:30px auto 50px; background:url(../images/news_bg.jpg) no-repeat center top;}
.news{ margin-top:30px;}
.news .tit{color:#fff; font-size:35px; font-weight:bold; letter-spacing:2px; margin-top:80px; text-align:center;}
.news .tit span{ color:#fff; font-size:13px; font-weight:normal;}
.news .more{ margin-top:52px; margin-left:190px;}
.news .more a{ background:#333; color:#fff; font-size:14px; width:200px; height:50px; line-height:50px; text-align:center; display:block;}
.news .more a:hover{ background:#f00; color:#fff;}
.news .list{ width:570px; margin-top:150px; margin-right:50px;}
.news ul{ width:100%;}
.news .kuang{ width:440px;}
.news .date{ width:90px; color:#999; font-size:14px; line-height:30px; text-align:center; border:1px solid #ccc; padding:15px 0;}
.news .date p{ text-align:center; font-size:28px; line-height:25px; color:#333; font-family: Arial;}
.news li{ line-height:25px; width:550px; float: left; position: relative; margin-right:15px; padding:10px; margin-bottom:15px;}
.news .ti{ background:url(../images/dot.jpg) 0 8px no-repeat; border-bottom:1px dashed #bbb; height:30px; padding-left:15px; margin-bottom:5px;}
.news li a{ line-height:25px; color:#333; font-size:15px; font-weight:normal;}
.news li a:hover{ color:#c00;}
.news .text p{ font-size:12px; color:#666; line-height:25px; font-weight:normal;}
.news .pic{ margin-top:70px; margin-left:50px;}

#hezuo{ overflow:hidden;}
.hezuo{ margin-bottom:40px;}
.hezuo .title{ color:#f00; font-size:35px; text-align:center; margin-top:30px; font-weight:bold; letter-spacing:2px;}
.hezuo .title span{ color:#06c; font-size:35px;}
.hezuo .title p{ color:#666; font-size:14px; font-weight:normal; letter-spacing:1px;}
.hezuo .gundong{ width:100%; margin-bottom:0px;}
.i_proxx{width:100%; height:99px; overflow:hidden;margin:30px auto;}
.hezuo .list li{ width: 200px; height: 87px; float: left; margin:0 10px 40px 10px; border:1px solid #ccc; padding:5px;}
.hezuo .list li a{ position: relative; font-size:14px;}
.hezuo .list li a img{ width: 200px; height: 87px; display: block;transition:all 0.5s ease-in-out 0s;}
.hezuo .list li a p{ width: 210px; height: 40px; line-height: 40px; color: #fff; transition:all 0.5s ease-in-out 0s; text-align:center;}
.hezuo .list li a:hover img{ border: 0px solid #008DEC;}
.hezuo .list li a:hover p{ color: #fff; border-bottom:1px dotted #fff;}

#third{ width:1100px; overflow:hidden; margin:0px auto; border-top:0px #ccc solid; padding-top:20px;}
.link{ font-size:15px;}
.link span{ font-size:15px; color:#008DEC; margin-right:10px;}

#foot{ overflow:hidden; background:#06c; height:180px; margin-top:20px; border-top:1px solid #099;}
.foot .name{ font-size:16px; font-weight:bold; color:#9ff; margin-top:30px;}
.foot p{ color:#ccc; font-size:14px; line-height:30px; border-right:0px #666 solid; padding-right:70px; font-weight:normal;}
.foot .code{ margin-top:35px; float:right; padding-right:20px; font-size:13px; color:#fff; line-height:30px; text-align:center;}
.foot p a{ color:#ccc; font-weight:normal; font-size:13px;}
.foot p a:hover{ color:#f00;}

#copyright{ overflow:hidden; height:45px; background:#000; line-height:45px;}
.copyright{ color:#999; line-height:45px;}
.copyright a:link{color:#999; line-height:45px; margin:0 5px;}
.copyright a:active{color:#999;}
.copyright a:visited{color:#999;}
.copyright a:hover{color:#c00;}

/* index end */

#sub{ overflow:hidden; border-top:0px solid #ccc; margin-bottom:50px;}
.sub{ margin:0px auto;}
.sub .titl{ height:65px;border-bottom:1px #e0e0e0 solid; background:#eee;}
.sub .titl p{ background:url(../images/icon.png) no-repeat 0px 23px;line-height:65px; color:#666; font-size:14px; padding-left:25px; width:1200px; margin:0 auto}
.sub_left{ width:220px; margin-top:0px; z-index:100; position:relative;}
.sub_left .protit{ background:#06c; color:#fff; font-size:30px; line-height:85px; text-align:center; width:220px; z-index:100; position:relative;}
.pro_cat{ border:0px solid #ddd; margin:1px 0;}
.pro_cat li a{  line-height:55px; font-size:16px; background:#ccc; display:block; color:#333; text-align:center; margin-bottom:4px;}
.pro_cat li a:hover{ color:#fff; background:#666;}
.sec li a{  line-height:30px; font-size:16px; background:#e0e0e0; display:block; color:#333; text-align:center;}
.sec li a:hover{ color:#fff; background:#666;}
.sub .pic{ margin-top:1px;}
.sub .contact{padding:10px; line-height:200%; font-size:14px;}

.sub_right{ width:1200px; margin:0 auto 50px;}
.sub_right .name{ background:url(../images/line2.jpg) no-repeat center; text-align:center; font-size:35px; color:#099; margin:30px auto 40px; font-weight:bold;}
.sub_right .name p{ text-align:center; font-size:15px; color:#666; margin-top:10px; font-weight:normal;}
.sub_right .content{ margin:20px auto;}
.sub_right .content p{font-size:15px; line-height:40px; color:#555;}
.sub_right .contact{ margin:20px auto;}
.sub_right .contact p{font-size:15px; line-height:200%;}
.sub_right .map{ margin-top:50px;}

.sub_right1{ width:930px; margin:0 auto 0px;}
.sub_right1 .name1{ padding-left:5px; color:#099; font-size:25px; line-height:65px; border-bottom:1px solid #ccc; font-weight:bold;}
.sub_right1 .name1 p{ background:url(../images/icon.png) no-repeat 0px 23px;line-height:65px; color:#999; font-size:13px; float:right; font-weight:normal; padding-left:25px;}
.sub_right1 .content{ margin:20px auto;}
.sub_right1 .content p{font-size:16px; line-height:40px; color:#333;}
.sub_right1 .contact{ margin:20px auto;}
.sub_right1 .contact p{font-size:15px; line-height:200%;}
.sub_right1 .map{ margin-top:50px;}

.pro_c_list{ margin: 0px auto;}
.pro_c_list li{ width: 282px; height: 240px; float: left; margin:0 14px 35px 14px;}
.pro_c_list li a{ position: relative;}
.pro_c_list li a img{ width: 270px; height: 195px; border: 1px solid #ccc; display: block;transition:all 0.5s ease-in-out 0s; padding:5px;}
.pro_c_list li a p{ width: 282px; line-height: 35px; margin-top: 1px; color: #333; background: #e7e7e7;transition:all 0.5s ease-in-out 0s; text-align:center;}
.pro_c_list li a:hover img{ border: 1px solid #06c;}
.pro_c_list li a:hover p{ color: #FFFFFF; background: #06c;}
.pro_c_title{ width:98%; line-height:60px; font-size:25px; color:#333; text-align:center; border-bottom:1px dashed #ccc; margin:0 auto;}
.pro_c_title_img{ margin:20px auto; text-align:center;}
.pro_c_font{ color:#000; font-size:16px; font-weight:bold;}
.pro_c_detail {color:#333; font-size:14px;line-height:180%; margin:20px auto;}

.equ_list{ margin: 0px auto;}
.equ_list li{ width: 372px; float: left; margin:0 14px 55px 14px;}
.equ_list li a{ position: relative; font-size:14px;}
.equ_list li a img{ width: 360px; height: 100%; border: 1px solid #ccc; display: block;transition:all 0.5s ease-in-out 0s; padding:5px;}
.equ_list li a p{ width: 100%; height: 45px; line-height: 45px; margin-top: 1px; color: #333; background: #e7e7e7;transition:all 0.5s ease-in-out 0s; text-align:center; }
.equ_list li a:hover img{ border: 1px solid #06c;}
.equ_list li a:hover p{ color: #FFFFFF; background: #06c;}


.hz_list{ margin: 0px auto;}
.hz_list li{ width: 212px; float: left; margin:0 14px 55px 14px;}
.hz_list li a{ position: relative; font-size:14px;}
.hz_list li a img{ width: 200px; height: 100%; border: 1px solid #ccc; display: block;transition:all 0.5s ease-in-out 0s; padding:5px;}
.hz_list li a p{ width: 100%; height: 40px; line-height: 40px; margin-top: 1px; color: #333; background: #e7e7e7;transition:all 0.5s ease-in-out 0s; text-align:center; }
.hz_list li a:hover img{ border: 1px solid #06c;}
.hz_list li a:hover p{ color: #FFFFFF; background: #06c;}

/* 新闻 */

.news_c_list{ width: 100%;}
.news_c_list li{padding: 10px 0 10px 22px; text-align: left; border-bottom: 1px dotted #CECECE; background: url(../images/newsdot.jpg) 5px 14px no-repeat; display:block;}
.news_c_list li a{ color: #333333; font-size:14px; width:700px;}
.news_c_list li a:hover{ color: #f00;}
.news_c_list li p.newsdate{ color: #b6b6b6;font-size:13px;}
.article_title{ width: 100%; text-align: center; border-bottom: 1px dotted #aaa; margin-bottom:25px; font-size: 20px; padding-bottom:10px; margin-top:20px;}
.article_title p{ color: #aaa; font-size: 12px;}
.news_article_box p{ font-size: 14px; color: #666; line-height: 30px; text-align: left; margin-top: 10px;}
.news_article_box img{ display: block; max-width: 100%; margin: 0 auto;}

/* 留言 */
.right_title{ border-bottom:1px #ccc solid; height:50px;}
.title_name{ font-size:18px; font-weight:bold; line-height:40px;}
.title_bread{ color:#999; font-size:13px; float:right; font-weight:normal; line-height:40px;}

/*分页*/

.pages{ overflow:hidden; line-height:50px; padding:0px 14px;}
.pages a,.pages span{ border:#ddd 1px solid; padding:4px 10px; font-size:14px; margin-right:5px;}
.pages span{ background:#666; color:#fff; border:#666 1px solid; margin-left:5px;}
.pages a:hover{ border:#666 1px solid; color:#f00;}

/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}