﻿@media (min-width : 900px)
{
.p102-search-1 { height: 70px;  border-bottom: 1px solid #ededed;  background: #f7f7f7;}
.p102-search-1 p { float: left; width: 750px; height: 70px; line-height: 70px;   font-size: 14px;color: #333333;}
.p102-search-1 p b {  display: inline-block; }
.p102-search-1 p a { color: #666666; display: inline-block; margin-right: 15px;}
.p102-search-1 p a:hover{color: #171c61;}
.p102-search-1-inp { float: right;width: 356px; height: 36px; background: #fff;  margin-top: 18px; border-radius: 25px;  position: relative; }
.p102-search-1-inp:before,
.p102-search-1-inp:after { content: ''; position: absolute; width: 80%;height: 1px;background: #e3e3e3;left: 10%; z-index: 0; }
.p102-search-1-inp:before {  top: 0;}
.p102-search-1-inp:after {  bottom: 0;}
.p102-search-1-inp1 { width: 249px; height: 34px; line-height: 34px; color: #999999;border: 1px solid #e3e3e3; border-right: 0;padding: 0 20px; border-top-left-radius: 25px; border-bottom-left-radius: 25px;float: left; }
.p102-search-1-inp2 { width: 66px; height: 36px; border: 0; border-radius: 25px; background: url(../img/p102-search-icon1.png) no-repeat center center #171c61; float: right; position: relative; z-index: 2; cursor: pointer;}

	
	
.blk-main { width: 1200px; margin: 0 auto;}
#index-portfolio { background: #f3f3f3;padding: 45px 0 35px;}

.section-title {margin: 0 0 35px 0;font-weight: bold;}

.section-title1 {margin: 0 0 15px 0;}
.section-title1 .section-titlea { font-size:36px; font-weight: bold; }
.section-title1 span { display:block; color: #5e7387;font-size: 16px;font-weight: 300; margin:0 auto; text-align:center; padding:15px 0px;}
.section-title1 .section-titleb { background:url(../img/titline.png) no-repeat top center; height:12px;}

.portfolio-box { width:1200px; margin:0 auto; }
.portfolio-boxa { float:left; width:19%; margin-left:0.5%; margin-right:0.5%;overflow:hidden;  }

.portfolio-boxa .tab-nav1 a { background:url(../img/cpflicon1.png) no-repeat 20px 15px; padding-left:25px;}
.portfolio-boxa .tab-nav2 a { background:url(../img/cpflicon2.png) no-repeat 20px 15px; padding-left:25px;}
.portfolio-boxa .tab-nav3 a { background:url(../img/cpflicon3.png) no-repeat 20px 15px; padding-left:25px;}
.portfolio-boxa .tab-nav4 a { background:url(../img/cpflicon4.png) no-repeat 20px 15px; padding-left:25px;}
.portfolio-boxa .tab-nav5 a { background:url(../img/cpflicon5.png) no-repeat 20px 15px; padding-left:25px;}

.portfolio-boxa .project-post {  width:100%; margin-top:15px; }
.portfolio-boxa img { width:100%;}
.portfolio-box .hover-box  {  width:100%; background:#9c9db9; line-height:2.2; text-align:center; }
.portfolio-box .hover-box a { font-size:16px; color:#fff;}

.six_about { margin:60px 0 40px;}

.six_bot ul li{border-left: #d2d2d2 1px solid; width:16.666666666667%; height: 120px;float: left;box-sizing:border-box; padding: 10px 0 0;text-align: center;color: #333;}
.six_aboutL { float:left; width:61%; text-align:left;}
.six_aboutR { float:right; width:35%}




.six_aboutLtit { font-size:36px; font-weight:bold; line-height:40px;}
.six_aboutLtit2 { font-size:20px; line-height:24px; padding:14px 0px; }
.six_aboutLline { height:2px; width:10%; background:#000; }
.six_aboutLcon { font-size:16px; line-height:28px; padding:15px 0px;}
.six_aboutLmore { padding:10px 0px}
.six_aboutLmore a { display:inline-block; width:20%; height:40px; line-height:40px; text-align:center; font-size:14px;border-radius:25px;  margin-right:10px;}
.six_aboutLmore a.more1 { background:#171c61;color:#fff;}
.six_aboutLmore a.more2 { background:#e0e0e0;}

.sj { margin: 0 auto;}
.content2 .ibrand-num { z-index: 300; margin-top: 40px; margin-left: 58px;overflow: hidden; text-align: left;}
    
.content .ibrand-num li { float: left;position: relative; line-height: 50px}
.content .ibrand-num li em { display: inline-block; font-size: 60px;color: #333333;font-style: normal;}
.content .ibrand-num li span { display: block;font-size:16px; color: #1f365c; font-weight: bold;}
    
.content .ibrand-num li i { position: relative;width: 26px;height: 26px;line-height: 26px;background: #f08700;font-size: 16px;color: #000;border-radius: 50%;text-align: center;display: inline-block; font-style: normal;top: -8px;}
.content .ibrand-num li b { display: inline-block;font-size: 60px;color: #333}
    
.content .ibrand-num li:before {width: 120px;height: 1px;background: #e1e1e1;right: 15px; top: 30px;}
.content .ibrand-num li:last-child:before { background: none;}



.mt-tabpage { width:1200px; margin-top:30px;  }
.mt-tabpage-title { float:left; width:14%; margin-right:1%; text-align:center; }
.area_pmsy li { width:100%; cursor:pointer;  display:block; *display:inline;*zoom: 1; height:43px; line-height:43px; font-size:18px; margin-bottom:5px; background:#d3d3d3; }
.area_pmsy li a { font-weight:600;}
.area_pmsy li.current { background:#e6a13a;}
.area_pmsy li.current a { text-align:center; text-decoration:none; color:#fff;  }

li#ene1,li#hui1 {   }
li.current#ene1,li.current#ene2 { background:#e6a13a; color:#fff; text-align:center;}

.mt-tabpage-count {float:left; width:85%;  }
.mt-tabpage-count .mt-tabpage-item { width:100%; }


.six_ser { padding:30px 0 30px; overflow: hidden; }
.six_serL { float:left; width:400px; height:277px; text-align:left; }
.six_serL img{ width:100%;}
.six_serC { float:left; width:380px;height:277px; padding:0px 20px 20px; background:#fff;  }
.six_serR { float:left; width:33%; margin-left:2%; height:277px; padding:0px 20px 20px; background:#fff; }

.six_ser h3 { margin-top:20px; font-size:18px; font-weight:bold; background:#f8a507; padding:5px 10px; color:#fff; width:130px; text-align: center; margin-bottom:6px;}
.six_ser span { line-height:25px; text-align:left;}

.box2{ width:100%}
.box2 .box2li { list-style: none; float:left; width:22.5%; margin-left:1.5%; overflow: hidden; margin-bottom: 8px; line-height:35px;  }
.box2 .box2li img { width:100% }
.box2 .box2li:nth-child(4n+1) {clear:left;}

/*box2*/
#index-news { padding: 45px 0 25px; width:1200px; margin:0 auto;}
/*常见问答*/ 

.news_bg{ padding-bottom:20px; overflow:hidden;}
.news{width: 600px; float:left}
.news-nav{height: 75px;}
.news-nav h3{float: left;margin-right: 20px;}

.area_pmsy2 li em{display: block;float: left;line-height: 0; width: 24px;padding: 27px 10px 0 0;}
.area_pmsy2 li em img{width: 24px;height: 24px;padding-right:5px;}

.area_pmsy2 li { float:left; height: 75px;line-height: 75px;overflow: hidden;font-weight: normal; margin-right:10px; }
.area_pmsy2 li a { font-size: 24px;color: #333;}
.area_pmsy2 li.current {}
.area_pmsy2 li.current a {color: #e6a13a;  }

li.current#new1,li.current#new2 {  color:#e6a13a; }

.news dl{width: 640px;height: 110px; border:#ebebeb 1px solid;overflow: hidden;margin-bottom: 10px;}
.news dl dt{font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;width: 110px;text-align: center;height: 110px;padding: 18px 0 0;float: left; background:#ebebeb;line-height: 32px;}
.news dl dt b{display: block;font-size: 48px;color: #333;padding: 12px 0 2px;}

.news dl dd{width: 505px; float: left;padding: 12px 0 0 25px;}
.news dl dd .wd_tit{height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd .wd_tit a{font-size: 18px;color: #333;}
.news .wd_desc{font-size: 14px; color: #666; height:52px; line-height: 22px; overflow: hidden; padding: 8px 0 0;}
.news dl:hover dt b,.news dl:hover dd h5 a,.wd dt a:hover{color: #e6a13a;}

/*欧能动态*/
.news_t{height: 75px;line-height:75px;overflow: hidden;font-weight: normal;}
.news_t a{font-size: 24px;color: #333;}
.news_t em{display: block;float: left;line-height: 0;width: 24px; padding:27px 10px 0 0;}
.news_t em img{width: 24px;height: 24px; padding-right:5px;}
.news_t i{font-size: 20px;color: #aaa;text-transform: uppercase;padding: 0 0 0 10px;}

.wd{width: 500px; margin-left:100px; float:left}
.wd_pic{width: 500px; height:169px;line-height: 0;overflow: hidden;}
.wd_pic img{width:100%;}
.wd_m{overflow: hidden;padding: 20px 0 0;}
.wd dl{ width:500px; padding:8px 0 0;height: 75px;}
.wd dt{ background:url(../img/wen.gif) no-repeat 0 7px; padding:0 0 0 40px; height:30px; line-height:30px; overflow:hidden;}
.wd dt a{ font-size:18px; color:#333;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;width:450px;}
.wd dd{ padding:5px 0 0 40px;font-size:14px; color:#888;height:50px;line-height: 25px;overflow: hidden;}
}



.portfolio-boxa .tab-nav a { width:100%; display:block; transition: all 0.25s ease 0s; height:63px; color:#fff; }

.portfolio-boxa .tab-nav1 {background:#e93a5b;}
.portfolio-boxa .tab-nav2 {background:#ff9800;}
.portfolio-boxa .tab-nav3 {background:#71a1e9;}
.portfolio-boxa .tab-nav4 {background:#2169d3;}
.portfolio-boxa .tab-nav5 {background:linear-gradient(to right, #e93e5e , #296ed4);}


.portfolio-boxa .tab-nav1:hover,.portfolio-boxa .tab-nav2:hover,.portfolio-boxa .tab-nav3:hover,.portfolio-boxa .tab-nav4:hover,.portfolio-boxa .tab-nav5:hover {background:#f8a507;}

.portfolio-boxa .tab-nav .tab-navaa { padding-top:10px; font-size:18px; line-height:22px; color: #fff;}
.portfolio-boxa .tab-nav span { display:block; padding-top:5px; font-size:14px; font-weight:bold; color: #fff;}

.portfolio-boxa .tab-nav {list-style: none}
.portfolio-boxa .tab-nav .active {background-color: #fff}
.portfolio-boxa .tab-nav .active a {cursor: default}


#home-section .slotholder:after {
	display: none;
}
#index-cate {
	background: #f4f4f4;
	padding: 45px 0 10px;
}
#index-cate .services-content h2 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 2px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.4;
}
#index-cate .services-content h2 a {
	font-size: inherit;
	font-weight: bold;
	display: inline;
}
#index-cate .services-content p {
	font-size: 14px;
}
section.services-section .services-box .services-post {
	margin-bottom: 30px;
}
section.services-section .services-box .services-post img {
	margin-bottom: 15px;
}




@media (max-width : 899px)
{

#index-portfolio { background: #f3f3f3;padding: 35px 0 25px;}

.section-title {margin: 0 0 35px 0;font-weight: bold;}

.section-title1 {margin: 0 0 15px 0;}
.section-title1 .section-titlea { font-size:24px; font-weight: bold; }
.section-title1 span { display:block; color: #5e7387;font-size: 14px;font-weight: 300; margin:0 auto; text-align:center; padding:10px 0px 15px 0px;}
.section-title1 .section-titleb { background:url(../img/titline.png) no-repeat top center; height:12px;}

.portfolio-box {  width:100%; }
.portfolio-boxa { width:100%; overflow:hidden; text-align:left;  }

.portfolio-boxa .tab-nav { margin-top:10px;}
.portfolio-boxa .tab-nav1 a { background:url(../img/cpflicon1.png) no-repeat 20px 15px; padding-left:65px;}
.portfolio-boxa .tab-nav2 a { background:url(../img/cpflicon2.png) no-repeat 20px 15px; padding-left:65px;}
.portfolio-boxa .tab-nav3 a { background:url(../img/cpflicon3.png) no-repeat 20px 15px; padding-left:65px;}
.portfolio-boxa .tab-nav4 a { background:url(../img/cpflicon4.png) no-repeat 20px 15px; padding-left:65px;}
.portfolio-boxa .tab-nav5 a { background:url(../img/cpflicon5.png) no-repeat 20px 15px; padding-left:65px;}

.portfolio-boxa .project-post { float:left; width:48%;margin-left:1%; margin-right:1%;  margin-top:15px; }
.portfolio-boxa img { width:100%; max-height:120px;}
.portfolio-box .hover-box  {  width:100%; background:#9c9db9; line-height:2.2; text-align:center; }
.portfolio-box .hover-box a { font-size:14px; color:#fff;}

.six_bot ul li{border-left: #d2d2d2 1px solid; width:50%; height: 120px;float: left;box-sizing:border-box; padding: 10px 0 0;text-align: center;color: #333;}

.six_about { margin:20px 0 20px;}

.six_aboutL { width:94%; text-align:left; margin:0 auto; }
.six_aboutR { width:94%;margin:0 auto; padding-top:10px;}
.six_aboutR img { width:100%;}

.six_aboutLtit { font-size:24px; font-weight:bold; line-height:30px;}
.six_aboutLtit2 { font-size:14px; line-height:24px; padding:5px 0px 14px 0px; }
.six_aboutLline { height:2px; width:10%; background:#000; }
.six_aboutLcon { font-size:14px; line-height:24px; padding:10px 0px;}
.six_aboutLmore { padding:10px 0px}
.six_aboutLmore a { display:inline-block; width:30%; height:35px; line-height:35px; text-align:center; font-size:14px; border-radius:20px;  margin-right:10px;}
.six_aboutLmore a.more1 { background:#171c61;color:#fff;}
.six_aboutLmore a.more2 { background:#e0e0e0;}


.mt-tabpage { width:98%; margin-left:1%; margin-right:1%; margin-top:20px;  }
.mt-tabpage-title { width:100%;  text-align:center; }
.area_pmsy li { display:inline-block;  width:30%; margin-left:1%; margin-right:1%; cursor:pointer; *zoom: 1; height:40px; line-height:40px; font-size:18px; margin-bottom:5px; background:#d3d3d3; }
.area_pmsy li a { font-weight:600;}
.area_pmsy li.current { background:#e6a13a;}
.area_pmsy li.current a { text-align:center; text-decoration:none; color:#fff;  }

li#ene1,li#hui1 {   }
li.current#ene1,li.current#ene2 { background:#e6a13a; color:#fff; text-align:center;}

.mt-tabpage-count { width:98%; margin-left:1%; margin-right:1%; }
.mt-tabpage-count .mt-tabpage-item { width:100%; }

.box2{ width:100%; margin-top:15px;}
.box2 .box2li { list-style: none; display: inline-block; width:48%; margin-left:1%; margin-right:1px; overflow: hidden; margin-bottom: 8px; background:#0C3; }
.box2 .box2li img { width:100% }

.six_ser { width:94%; margin-left:3%; margin-right:3%; padding:30px 0 0px; }
.six_serL { width:100%;}
.six_serL img{ width:100%;}
.six_serC { width:100%; padding:1px 15px 15px; background:#fff; margin-bottom:20px;  }
.six_serR { width:100%; padding:1px 15px 15px; background:#fff; }

.six_ser h3 { margin-top:20px; font-size:18px; font-weight:bold; background:#f8a507; padding:5px 10px; color:#fff; width:130px; text-align: center; margin-bottom:6px;}
.six_ser span { line-height:25px; text-align:left;}

/*box2*/
#index-news { width:94%; margin-left:3%; margin-right:3%; padding: 35px 0 25px; }
/*常见问答*/
.news_bg{ padding-bottom:20px; overflow:hidden;}

.news,.news-dx,.wd {width:100%; display:block; }
.news-nav{height: 75px;}
.news-nav h3{float: left;margin-right: 20px;}

.area_pmsy2 li em{display: block;float: left;line-height: 0; width: 24px;padding: 27px 10px 0 0;}
.area_pmsy2 li em img{width: 24px;height: 24px;padding-right:5px;}

.area_pmsy2 li { float:left; height: 75px;line-height: 75px;overflow: hidden;font-weight: normal; margin-right:10px; }
.area_pmsy2 li a { font-size: 24px;color: #333;}
.area_pmsy2 li.current {}
.area_pmsy2 li.current a {color: #e6a13a;  }

li.current#new1,li.current#new2 {  color:#e6a13a; }

.news dl { width:100%; display:block; height: 150px; border:#ebebeb 1px solid; margin-bottom: 10px;}
.news dl dt{float: left; width:20%; display:block; font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;text-align: center; height: 150px;padding: 18px 0 0; background:#ebebeb;line-height: 32px;}
.news dl dt b{display: block;font-size: 48px;color: #333;padding: 12px 0 2px;}

.news dl dd{ width:80%; float: left;padding: 12px 15px 0 15px;  display:block;}
.news dl dd .wd_tit{ width:100%; line-height:24px;overflow: hidden;}
.news dl dd .wd_tit a{font-size: 16px; color: #333;}
.news .wd_desc{font-size: 14px; color: #666; height:76px; line-height: 22px; overflow: hidden; padding: 8px 0 0;}
.news dl:hover dt b,.news dl:hover dd h5 a,.wd dt a:hover{color: #e6a13a;}

/*欧能动态*/
.news_t{ height: 75px;line-height:75px;overflow: hidden;font-weight: normal;}
.news_t a{font-size: 24px;color: #333;}
.news_t em{display: block;float: left;line-height: 0;width: 24px; padding:27px 10px 0 0;}
.news_t em img{width: 24px;height: 24px; padding-right:5px;}
.news_t i{font-size: 20px;color: #aaa;text-transform: uppercase;padding: 0 0 0 10px;}

.wd_pic { width:100%;}
.wd_pic a img { width:100%; }
.wd_m {overflow: hidden;padding: 20px 0 0;}
.wd dl{width:100%; padding:8px 0 0;height: 75px;}
.wd dt{ background:url(../img/wen.gif) no-repeat 0 7px; padding:0 0 0 40px; height:30px; line-height:30px; overflow:hidden;}
.wd dt a{ font-size:18px; color:#333;font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block; width:100%;}
.wd dd{ padding:5px 10px 0 40px;font-size:14px; color:#888;height:50px;line-height: 25px;overflow: hidden;}
}



#index-aboutfolio { padding: 45px 0 35px;}
.six_bot { padding:30px 0 30px; overflow: hidden; }

.six_bot ul li em{display: block; line-height: 0; width: 50px; height: 50px; overflow: hidden; margin:0 auto;} 
.six_bot ul li em img{width: 50px;height: 100px;}
.six_bot ul li span{display: block;font-size: 16px;line-height: 24px;padding: 10px 0 0;}
.six_bot ul li i{display: block;font-size: 12px;color: #aaa;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.six_bot ul li.six_li02{background: #f7f7f7;}
.six_bot ul li:hover,.six_bot ul li.on{background: #e6a13a;color: #fff;}
.six_bot ul li:hover em img,.six_bot ul li.on em img{margin-top: -50px;}
.six_bot ul li:hover i,.six_bot ul li.on i{color: #fff;}


.iport-h3-title {
	margin-top: 0;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 15px 18px 20px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}
.iport-h3-title a {
	color: #282828;
}
.iport-h3-title a:hover, .iport-h3-title a:active {
	color: #E60012;
}
.tabs-section {
	padding: 50px 0;
}
.tabs-section .about-us-box .about-us-post a {
	font-size: 25px;
}
.tabs-section .about-us-box .about-us-post h2 {
	line-height: 1.5;
}
.tabs-section .about-box h2 {
	font-weight: bold;
}
.about-box p {
	font-size: 14px;
}


.i_main .pro_fl{margin-bottom:70px;}
.i_main .pro_fl{height:481px;overflow:hidden;}



#index-news .inews-title {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	line-height: 1.4;
}
.news-section .news-post .news-gallery .date-post {
	padding: 10px;
	width: 66px;
}
.news-section .news-post .news-content h2 a {
	display: inline;
}
#footer-sec {
	padding-top: 45px;
}
#footer-sec h2 {
	font-size: 19px;
	font-weight: bold;
}
#footer-sec .footer-widgets .widgets {
	margin-bottom: 0;
}
#footer-sec .footer-widgets {
	padding-bottom: 40px;
}
#footer-sec .last-line p.copyright {
	font-size: 14px;
}
#footer-sec .last-line { margin-bottom:0px;}

@media (max-width : 740px){
#footer-sec .last-line { margin-bottom:60px;}
	
#footer-sec .last-line p.copyright {
	font-size: 14px;
}
}
#footer-sec .last-line p.copyright a {
	 color:#fff; padding-right:5px; padding-left:5px;
}

.f-about {
	color: #ddd;
	line-height: 1.8;
}
footer .footer-widgets .widgets ul.tag-list li {
	margin-right: 5px;
	margin-bottom: 10px;
}
.f-contact, .f-contact p {
	font-size: 13px;
}
.f-contact p {
	margin-bottom: 12px;
}
.f-contact i {
	padding-right: 6px;
}
.copyright b {
	color: #fff;
}


