@charset "utf-8";

/* CSS Document */

em,i{ font-style:normal;}

.header{ overflow:hidden; height:100px;}

.header .logo{ display:block; margin:15px 10px 25px;}

.header .right{ overflow:hidden;}

.header .search{ overflow:hidden; margin:35px 40px;}

.header .search input{ float:left;}

.header .search .text{ width:170px; height:28px;line-height: 28px; padding-left:13px; border:solid 1px #10a4c2; border-radius:13px;display:block;}

.header .search .sub{ width:48px; height:30px; background:url(../images/search.png) no-repeat;display:block;position: absolute;top:0;right: 0;}

.header .hotline{ margin:27px 6px 27px 0; padding-left:54px;}

.header .hotline i{ position:absolute; left:0; top:0; display:block; width:43px; height:43px; background:url(../images/photo.png) no-repeat;}

.header .hotline p{ font-size:12px; color:#10a4c2;}

.header .hotline big{ font-size:18px; color:#10a4c2;}



.navbox{ height:36px; background:#10a4c2;}

.navbox ul{ position:relative; height:36px;}

.navbox ul li{ position:static; float:left; width:105px; height:36px; margin:0 7px;}

.navbox ul li a{ display:block; width:100%; height:35px; color:#fff; line-height:35px; text-align:center;}

.navbox ul li:hover a{ margin-top:1px; background:url(../images/icon01.png) no-repeat center bottom #fff; color:#10a4c2;}
.navbox ul li.sel a{ margin-top:1px; background:url(../images/icon01.png) no-repeat center bottom #fff; color:#10a4c2;}



.navbox menu{ display:none; position:absolute; top:36px; left:0; width:840px; height:180px; padding:26px 35px 0 330px; border-top:solid 1px #10a4c2; z-index:10; background:rgba(255,255,255,0.75);}

.navbox ul li:hover menu{ display:block;}

.navbox ul li menu a,.navbox ul li:hover menu a{ width:auto; height:auto; margin-top:0; background:none;}

.navbox menu .img,.navbox menu a img{ width:260px; height:176px;}

.navbox menu .img{ position:absolute; left:20px; top:15px;}

.navbox menu dd{ float:left; width:25%; height:24px; line-height:24px; text-align:center;}



.navbox ul li:hover menu dd a{ color:#000;}

.navbox ul li menu dd a:hover{ color:#10a4c2;}

.navbox menu dt{ clear:left; margin-top:35px; font-size:12px; color:#666; line-height:22px; text-indent:2em;}

.navbox ul li menu dt a{ display:inline; color:#10a4c2; line-height:22px;}



.scroll{ height:38px; margin-top:5px; background:url(../images/icon04.png) no-repeat 20px center #10a4c2;}

.scroll *{ display:inline-block;}

.scroll_div{ overflow:hidden; width:1100px; white-space: nowrap; margin-left:70px;}

.scroll a{ margin-left:25px; margin-right:50px; padding-left:15px; background:url(../images/icon05.png) no-repeat left center; font-size:12px; color:#fff; line-height:38px;}

.scroll a span{ margin-left:40px;}



.title{ margin-left:458px; margin-top:35px; margin-bottom:35px; padding-left:40px;}

.title img{ position:absolute; left:0; top:9px;}

.title h2{ font-size:18px; line-height:30px;}

.title p{ font-size:12px; color:#bbb;}



.productbox { width:1140px; height:285px; max-width:1140px; margin:0 auto;}

#procontent { width:1062px; height:285px; margin:0 auto; overflow:hidden;}

#procontent ul { display:block; width:1062px; height:285px; position:absolute; left:0; top:0;}

#procontent ul li{ float:left; width:190px; height:129px; margin:0 10px 20px; border:solid 1px #f0f0f0;}

#procontent ul li a{ display:block;}

#procontent ul li a p{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(16, 164,194,0.6); text-align:center;}

#procontent ul li a:hover p{ display:block;}

#procontent ul li a p span{ position: relative; top: 50%; transform: translateY(-50%); color:#fff;}

.probut{ width:1140px; position:absolute; left:0; top:120px;}

.probut a{ display:block;}

.probut a .img{ transform:rotate(180deg);}

.probut a .none{ position:absolute; left:0; top:0;}

.probut a:hover .none{ display:block;}

.ind_more{ display:block; width:50px;height: 25px;line-height: 24px; margin:30px auto; background:#10a4c2; border-radius:3px; font-size:14px; color:#fff;text-align:center;}



.ind_us{ height:335px; padding-top:1px; background:url(../images/photos/ban_bg01.jpg) no-repeat center;}

.ind_us .title h2{ color:#e0e1e0;}

.ind_us .title p{ color:#e0e1e0;}

.ind_us .text{ color:#e0e1e0; line-height:26px; text-align:center;}

.ind_us .ind_more{ background:#e0e1e0; color:#10a4c2;}



.ind_news{ width:1140px; height:400px; padding-top:20px; margin:0 auto -30px; background:url(../images/bg01.png) repeat-y center top;}

.ind_news li{ width:534px; height:158px; margin-bottom:40px; border:solid 1px #eee; display: block;}

.ind_news li:hover{ border-color:#10a4c2;}

.ind_news li menu{ height:118px; padding-left:195px; padding-top:1px;}

.ind_news li menu .img{ display:block; position:absolute; left:0; top:0; width:174px; height:119px;overflow: hidden;}
.ind_news li menu .img img{ display:block;width:174px; height:119px;}

.ind_news li menu .tit{ overflow:hidden; display:block; width:325px; height:20px; margin:18px 0;}

.ind_news li menu .info{ overflow:hidden; display:block; width:325px; height:40px; font-size:12px; color:#999; line-height:20px;}

.ind_news li .down{ height:36px; padding-left:30px; padding-top:3px; background:#eee;display: block;}

.ind_news li:hover .down{ background:#10a4c2;}

.ind_news li .down *{ display:block; color:#999;}

.ind_news li:hover .down *{ color:#fff;}

.ind_news li .down small{ font-size:12px; line-height:12px;}

.ind_news li .down b.more{ position:absolute; right:19px; top:6px; width:28px; height:28px; background:url(../images/but04.png) no-repeat center;}

.ind_news li:hover .down b.more{ background-image:url(../images/but03.png);}

.ind_news li .down i{ position:absolute; right:-10px; top:11px; width:9px; height:18px; background:url(../images/icon11.png) no-repeat;}

.ind_news li:hover .down i{ background-image:url(../images/icon09.png);}

.ind_news li.fr .down i{ transform:rotate(180deg); right:auto; left:-10px;}

.ind_news li .down em{ display:none; position:absolute; right:-40px; top:16px; width:10px; height:10px; background:url(../images/icon10.png) no-repeat;}

.ind_news li:hover .down em{ display:block;}

.ind_news li.fr .down em{ right:auto; left:-40px;}



.ind_party{ width:1170px; height:166px; margin:0 auto;}

.ind_party li{ float:left; width:264px; margin-left:-2px; padding:0 15px;}

.ind_party li:hover{ background:#fff;}

.ind_party li p{ height:40px; color:#999; line-height:40px;}

.ind_party li p span{ color:#ccc;}

.ind_party li h3{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; height:40px; height:50px; border-bottom:solid 1px #eee; color:#6e6e6e; line-height:40px;}

.ind_party li:hover h3{ color:#10a4c2;} 

.ind_party li h4{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:48px; margin-top:15px; font-size:12px; color:#999; line-height:24px;}

.ind_party li i{ position:absolute; right:-2px; top:50px; display:block; width:3px; height:71px; background:url(../images/bg02.png) no-repeat;}

.ind_party li:hover i{ display:none;} 

.ind_party li a{ position:absolute; left:0; top:0; display:none; width:294px; height:165px; border:solid 1px #10a4c2;}

.ind_party li:hover a{ display:block;}



.ind_certi{ height:310px; padding-top:2px; background:#eee;}

.ind_certi #title{ width:156px; height:36px; margin:40px auto; border:solid 1px #10a4c2;}

.ind_certi #title a{ display:block; float:left; width:50%; height:36px; line-height:36px; text-align:center;}

.ind_certi #title .this{ background:#10a4c2; color:#fff;}

.ind_certi menu{ overflow:hidden; width:1140px; margin:0 auto; padding-bottom:7px;}

.ind_certi menu a{ overflow:hidden; display:block; float:left; width:200px; height:110px; margin:0 14px;}

.ind_certi menu a:hover{ opacity:0.8;}

.ind_certi menu a img{ display:block; max-width:100%;}

 

.ind_botm{ height:330px; padding-top:1px; background:#10a4c2;}

.ind_botm *,.ind_botm .title p{ color:#e0e1e0;}

.ind_botm ol{ overflow:hidden; height:75px; margin-bottom:25px; padding-top:5px; border-bottom: solid 1px rgba(238, 238, 238, 0.43);}

.ind_botm ol li{ float:left; width:25%; text-align:center;}

.ind_botm ol li p{ margin-top:10px; font-size:12px;}



.footer h5{ line-height:22px;}

.footer h5 a{ margin-right:15px;}

.footer p{ margin-top:15px; text-align:center;}

.footer p span{ margin:0 15px; font-size:12px;}



.side{ position:fixed; top:30%; right:20px; width:48px; border:solid 1px #fff; border-bottom:none;}

.side li{ border-bottom:solid 1px #fff;}

.side li a{ display:block; width:48px; height:48px; background:rgba(16,164,194,0.6);}

.side li:hover a{ background:rgba(16,164,194,1);}

.side li a img{ display:block;}

.side li menu{ display:none; position:absolute; top:0; right:49px; padding:6px; background:#10a4c2;}

.side li:hover menu{ display:block;}



/* 联系我们 */

.inpage_banner{ width:100%; height:220px; background-repeat:no-repeat; background-position:center; line-height:220px;}

.inpage_left{ width:220px; min-height:415px; margin-top:-40px; background:url(../images/show_bg.png) repeat-x center top;}

.inpage_left dt{ height:50px; padding-left:48px; color:#fff; line-height:40px;}

.inpage_left dt img{ display:block; position:absolute; left:20px; top:15px;}

.inpage_left dt span{ font-size:12px;}

.inpage_left dd a{ display:block; height:30px; padding-left:48px; font-size:12px; color:#fff; line-height:30px;}

.inpage_left .this a{ background:rgba(255,255,255,0.88); color:#10a4c2;} 



.inpage_right{ width:940px; min-height:710px; margin-bottom:30px; padding:0 10px; background:url(../images/news_bg.jpg) no-repeat center bottom #f7f7f7;}

.inpage_right .tit{ height:30px; padding-left:15px; background:url(../images/show02.png) no-repeat left center; border-bottom:solid 1px #10a4c2; font-size:12px; color:#1f1919; line-height:31px;}

.inpage_right .tit span{ color:#999;}

.inpage_right .tit span em{ color:#10a4c2;}



.contact_us h1{ margin:25px 15px; font-size:18px; color:#10a4c2;}

.contact_us p{ margin-left:25px; font-size:12px; color:#666; line-height:23px;}

.contact_us .map{ width:960px; height:463px; margin:25px auto;}



.product{ overflow:hidden; width:940px;}

.product ul{ overflow:hidden; width:960px;}

.product ul li{ float:left; width:220px; background:#fff; margin-top:20px; margin-right:20px;}

.product ul li img{ width:220px; height:149px;}

.product ul li p{ overflow:hidden; height:52px; border-bottom:solid 2px #d1d1d1; line-height:52px; text-align:center;}

.product ul li:hover p{ border-color:#10a4c2; color:#10a4c2;}

.product2{ overflow:hidden; width:940px;}

.product2 ul{ overflow:hidden; width:960px;}

.product2 ul li{ float:left; width:220px; background:#fff; margin-top:20px; margin-right:20px;}

.product2 ul li img{ width:220px; height:149px;}

.product2 ul li p{ overflow:hidden; height:52px; border-bottom:solid 2px #d1d1d1; line-height:52px; text-align:center;}

.product2 ul li:hover p{ border-color:#10a4c2; color:#10a4c2;}

.product2 ul li .video{display: block;width: 220px;height: 149px;background: url(../images/darkbg.png) repeat;overflow: hidden;z-index: 1;position: absolute;top:0;left: 0;}
.product2 ul li .video img{display: block;position: absolute;top: 39px;left: 73px;width: 80px;height: 80px;}



.page{ margin:30px 0; text-align:right;}

.page *{ display:inline-block;}

.page a{ height:26px; margin-right:6px; padding:0 9px; border:solid 1px #10a4c2; box-shadow:inset 0 0 1px #10a4c2; font-size:12px; color:#10a4c2; line-height:26px;}

.page span{ margin-right:6px; padding:0 4px;}

.page .this{ background:#10a4c2; color:#fff;}



.news_text{ width:924px; margin:0 auto;}

.news_text h1{ margin:25px 0; font-size:20px; color:#10a4c2; text-align:center;}

.news_text h5{ width:750px; height:50px; margin:0 auto 16px; border-top:dashed 1px #ddd; border-bottom:dashed 1px #ddd; color:#999; line-height:55px; text-align:center;}

.news_text p{ font-size:12px; line-height:22px;}

.news_text img{ display:block; margin:10px auto; max-width:100%;}

.news_text .line{ margin-top:23px; margin-bottom:30px; border-bottom:dashed 1px #ddd; text-align:center;}

.news_text .line span{ display:inline-block; height:16px; margin-bottom:-7px; padding:0 6px; background:#e7e7e7; border-radius:3px; font-size:12px; color:#10a4c2; line-height:15px;}

.news_page{ padding-left:12px; color:#666; line-height:20px;}

.news_page a{ font-size:12px; color:#10a4c2;}



.news_list ul li{ width:850px; margin-top:15px; padding:0 65px 0 20px; border-bottom:dashed 1px #ddd;}

.news_list ul li .name{ display:block; margin-left:-20px; padding-left:20px; background:url(../images/news_b02.png) no-repeat 4px center; color:#333;}

.news_list ul li .name:hover{ color:#10a4c2; background-image:url(../images/news_b01.png);}

.news_list ul li p{ margin-top:10px; font-size:12px; color:#666; text-indent:2em;}

.news_list ul li span{ display:block; margin-top:10px; margin-bottom:6px; font-size:12px; color:#10a4c2;}

.news_list ul li span em{ margin-right:22px; color:#999;}

.news_list ul li .but{ position:absolute; top:55px; right:20px; display:block; width:26px; height:26px; background:url(../images/news_b04.png) no-repeat;}

.news_list ul li:hover .but{ background-image:url(../images/news_b03.png);}