﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/*-------------------------------   index 首页---------------------------------*/
/*-----首页 banner-----*/
.slideBox{ width:100%; height:559px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:583px; }
.slideBox .bd li a{ display:block; height:583px;}
.slideBox .bd img{ width:450px; height:583px; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url(../img/arrow_left.png) no-repeat; }
.slideBox .next{ left:auto; right:3%; background:url(../img/arrow_right.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*---造型index-----*/
.izao{ background:url(../img/k4.png) center bottom no-repeat; height:576px; }
.slideBox02{ width:1000px; height:427px; overflow:hidden; position:relative;padding:48px 0 0 }
.slideBox02 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox02 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox02 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox02 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox02 .bd02{ position:relative; height:427px; z-index:0; width:1000px; margin:0 auto; overflow:hidden; }
.slideBox02 .bd02 li{ zoom:1; vertical-align:middle;height:427px; }
.slideBox02 .bd02 li .img{ float:left;width:306px; height:427px;}
.slideBox02 .prev,
.slideBox02 .next{ position:absolute; right:58px; bottom:50px; margin-top:-37px; display:block; width:63px; height:38px; background:url(../img/k2.gif) no-repeat;}
.slideBox02 .next{ width:58px; left:auto; right:0; background:url(../img/k3.gif) no-repeat;}
.slideBox02 .prev:hover,
.slideBox02 .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox02 .prevStop{ display:none;  }
.slideBox02 .nextStop{ display:none;  }
.izright{ float:left; width:648px; padding:0 0 0 40px;}
.izright h2{ font-size:24px; color:#fff; padding:50px 0 0}
.izright h4{ font-size:16px; color:#fff; padding:5px 0 0}
.izright span{ display:block; line-height:33px;font-size:14px; color:#fff; padding:40px 0 0 }
.izao_amore{ position: absolute; right:0; top:195px; color:#fff; text-transform:uppercase; font-size:24px; z-index:22;}
/*---成果----*/
.icheng h2{ background:url(../img/k4.gif) left  top no-repeat; height:66px; color:#666666; font-size:14px; padding:45px 0 0 88px;}
.icheng h2 label{ font-size:24px; color:#000;}
.accordion{
	width: 1180px;
	overflow: hidden;
	height: 330px;
	margin:44px auto 0;
}
.accordion ul li{ margin:0 1px 0 0; overflow:hidden;
	background-repeat: no-repeat;
	float: left;
	width: 180px;
	height: 330px;
	cursor: pointer; position:relative;
}
.accordion ul li.active{
	width: 460px;
}

.accordion ul li a{
	display: block;
	width: 180px;
	height: 330px;
	cursor: pointer;
}
.accordion ul li a span{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);width: 460px; transition:0;
	height: 330px;}
.accordion ul li.active span{ display:none;}
.accordion ul li .iccon{ position:absolute; left:0; top:0; z-index:1; padding-left:32px;width: 428px;height: 330px; display:none;}
.accordion ul li.active .iccon{ display:block;}
.accordion ul li .iccon h4{ font-size:14px; color:#fff; padding:230px 0 0; height:30px;}
.accordion ul li .iccon h4 b{ font-size:24px;}
.accordion ul li .iccon p{ font-size:16px; color:#fff; padding:10px 0 0}
.ic_more{ display:block; width:100%;  color:#fff; font-size:20px; line-height:48px; text-align:center; margin:29px 0 0}
/*---行业动态-----*/
.inew{ height:501px;  margin-top:83px}
.in_fl{ float:left; width:466px; padding:0 0 0 28px }
.in_name{ display:block; font-size:24px; color:#fff; padding:52px 0 16px; background:url(../img/k5.gif) left bottom no-repeat;}
.inew_ul{ display:block; padding:6px 0 0}
.inew_ul li{ float:left; width:100%; margin: 30px 0 0  0;}
.inew_ul li img{ float:left;}
.inew_ul li .irr{ float:right; width:312px;}
.inew_ul li .irr h4{ font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;padding:5px 0 0}
.inew_ul li .irr span{ display:block; font-size:14px; line-height:21px; height:42px;overflow:hidden; color:#fff; padding:7px 0 0}
.inew_ul li a:hover h4{ color:#ee0049}
/*---风采----*/
.ifeng_fr{ float:right; width:467px; background:url(../img/k5.png) right bottom no-repeat; height:452px;}
.if_con{ padding:65px 0 0 37px; }
.if_con img{ float:left;}
.if_crr{ float:right; width:188px; padding:0 25px 0 0}
.if_crr h4{ font-weight:bold; font-size:24px; color:#fff; display:block; padding:100px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.if_crr span{ display:block; font-size:16px; color:#fff; padding:5px 0 0; line-height:20px; height:80px; overflow:hidden;}
.if_crr .icc{ color:#fff; font-size:16px;}
/*book*/
.ibook h2{ text-align:center; padding:70px 0 0}
.message{float:left; padding:45px 0 0}
.message input,.message textarea{float:left;margin-bottom:11px;border:1px solid #000;line-height:40px;height:40px;text-indent:20px;color:#999999; font-size:14px; font-family:微软雅黑;}
.message textarea{height:144px; }
.inp_fl{ float:left; width:362px; padding-right:16px;}
.yzm{width:100%; margin:20px 0 0}
.message .subbut{border:0;width:100%;height:46px;line-height:46px;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
.viewcon{overflow:hidden;ma/rgin:0 12px 36px;width:940px;display:inline;word-break:break-all;color:#6c4c30;font-size:14px;float:left;padding:0 20px 20px;line-height:30px;font-size:14px}
.focus { width:358px !important; height:38px !important; border:2px solid #ee0049 !important;}
.focus1 { width:618px !important; height:142px !important; border:2px solid #ee0049 !important;}
/*圆圈分类*/
.circle_bg{height:0; width:1004px; margin:0 auto; position:relative;}
.circle_b{top:-100px; position:absolute; z-index:5;}
.circle_type{width:200px; height:200px; float:left; background-color:#f00; border-radius:100%; margin:0 24px; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.circle_type a{display:block;}
.circle_type .titlea{width:55px; height:57px; border:4px solid #fff; margin-left:65px; margin-top:68px; font-size:20px; color:#fff; padding-left:10px;}
/*首页两条咨询*/
.two_news{width:1440px; height:250px; clear:both;}
.two_news_b{width:1004px; margin:0 auto;}
.two_news_b li{float:left; width:490px; height:190px; background-color:#4f1c00;}
.two_news_b li+li{margin-left:20px;}
.two_news_b li a{display:block;}
.two_news_b .img{float:left; width:201px; height:151px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:20px; margin-top:20px;}
.two_news_b .infob{float:left; width:235px; padding-left:20px; padding-top:30px;}
.two_news_b .title{font-size:18px; line-height:18px; color:#ff9a64;}
.two_news_b .other{clear:both; color:#8e502f; font-size:14px; line-height:16px; padding-top:15px;}
.two_news_b .time{float:left; background-image:url(../img/two_itemicon1.png); background-repeat:no-repeat; padding-left:25px;}
.two_news_b .looks{float:left; background-image:url(../img/two_itemicon2.png); background-repeat:no-repeat; padding-left:25px; margin-left:25px; background-position:0 3px;}
.two_news_b .msg{font-size:14px; line-height:28px; color:#c9987d; clear:both; padding-top:10px;}
/*首页产品中心*/
.db_title1{ text-align:center; }
.db_title1 .title_b{ display:inline-block; padding:0 22px; height:28px;font-weight:bold; margin:60px auto; border:2px solid #796b51; text-align:center; }
.db_title1 .title_b .zh{ margin-top:-10px;  text-align:center;}
.db_title1 .title_b .zh span{ display:inline-block; padding:0 10px; background:#5f5d5e;font-size:18px;  line-height:1; color:#ffffff; text-align:center;}
.db_title1 .title_b .en{ display:inline-block;  text-transform:uppercase;font-size:26px; line-height:18px; color:#d3b167;background:#5f5d5e; padding:0 10px;  text-align:center; margin-top:8px}
.ip_left{ float:left; width:446px; height:538px; background:#252022}
.ip_left h4{ font-size:18px; color:#999999; font-weight:bold; text-align:center; padding:25px 0}
.slideBoxpro{float: right; width:435px; height:400px; overflow:hidden; position:relative;}
.slideBoxpro .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; }
.slideBoxpro .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxpro .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBoxpro .hd ul li.on{ background:#f00; color:#fff; }
.slideBoxpro .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxpro .bd li{ zoom:1; vertical-align:middle; }
.slideBoxpro .bd li a{ display:block; width:435px; height:400px;background-position:center; background-repeat:no-repeat; background-size: auto 100%  }
.slideBoxpro .bd img{ width:435px; height:400px; display:block;  }
.slideBoxpro .prev,
.slideBoxpro .next{width:35px; height:35px; background:url(../img/d1.gif) no-repeat;float: left;}
.slideBoxpro .next{background:url(../img/d2.gif) no-repeat;}
.slideBoxpro .prev:hover,
.slideBoxpro .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBoxpro .prevStop{ display:none;  }
.slideBoxpro .nextStop{ display:none;  }
.slideprobtn{position: absolute;right: 0;bottom: 0;text-align: right;}
.ip_right{ float:left; width:558px; height:538px; background:#151515}

.pro_bg{width:100%; margin:0 auto; height:805px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.pro_b{ float:left;width:558px; }
.pro_b ul{float:left; padding-top:30px; }
.pro_b li{float:left; margin-left:20px; }
.pro_b li a div{font-size:12px; line-height:12px; color:#aaaaaa; text-align:center;}
.pro_b li a:hover div{ color:#d3b167}

.slideBoxpro1{float: left; width:475px; height:440px; overflow:hidden; position:relative; padding:20px 0 0 5px;}
.slideBoxpro1 .hd1{ height:15px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; }
.slideBoxpro1 .hd1 ul{ overflow:hidden; zoom:1; float:left;  }
.slideBoxpro1 .hd1 ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBoxpro1 .hd1 ul li.on{ background:#f00; color:#fff; }
.slideBoxpro1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxpro1 .bd li{ zoom:1; vertical-align:middle; }
.slideBoxpro1 .bd li a{ float:left; width:143px; height:192px; margin:13px 0 0 15px; position:relative; background-position:center; background-repeat:no-repeat;background-size: auto 100%  }
.slideBoxpro1 .bd li a span{ position:absolute; left:0; top:0; padding:70px 5px 0; width:123px; height:112px; border:5px solid #d3b167; background:#000000; display:none; color:#fff; font-weight:bold; font-size:14px; text-align:center;}
.slideBoxpro1 .bd li a:hover span{ display:block;}
.slideBoxpro1 .prev,
.slideBoxpro1 .next{width:22px; height:22px; background:url(../img/d3.gif) no-repeat;float: left; margin-left:10px;}
.slideBoxpro1 .next{background:url(../img/d4.gif) no-repeat;}
.slideBoxpro1 .prev:hover,
.slideBoxpro1 .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBoxpro1 .prevStop{ display:none;  }
.slideBoxpro1 .nextStop{ display:none;  }

/*行业资讯*/
.db_title2{ text-align:center; }
.db_title2 .title_b{ display:inline-block; padding:0 72px; height:28px;font-weight:bold; margin:60px auto; border:2px solid #796b51; text-align:center; }
.db_title2 .title_b .zh{ margin-top:-10px;  text-align:center;}
.db_title2 .title_b .zh span{ display:inline-block; padding:0 10px; background:#3c3c3c;font-size:18px;  line-height:1; color:#ffffff; text-align:center;}
.db_title2 .title_b .en{ display:inline-block;  text-transform:uppercase;font-size:26px; line-height:18px; color:#d3b167;background:#3c3c3c; padding:0 10px;  text-align:center; margin-top:8px}
.in_left{ float:left; width:506px}
.in_left .n_name{ float:left; width:100%; height:80px; background:url(../img/d2.jpg) center top no-repeat;color:#d3b167;}
.in_left .n_name .zh{ text-align:center; width:150px; font-size:16px; line-height:1.5}
.in_left .n_name .en{ width:150px;text-transform:uppercase;font-size:22px; line-height:22px;  text-align:center; margin-top:18px}
.newsb_b{width:100%; margin:0 auto; height:758px;}
.newsb_b .l_b{float:left; width:100%; padding:15px 0 0; height:325px; background:#151515}
.newsb_b .l_b li{float:left; width:100%; height:38px; line-height:38px}
.newsb_b .l_b li i{ float:left; width:20px; height:20px; background:#252022; border-radius:50%; text-align:center; line-height:20px; font-style:normal; color:#777777; font-family:Arial; margin:9px 0 0 33px;}
.newsb_b .l_b li a:hover i{ background:#d3b167; color:#252022;}
.newsb_b .l_b li span{ float:left; width:420px; padding:0 0 0 13px; color:#aaaaaa; font-size:14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsb_b .l_b li a:hover span{ color:#d3b167}
.dh_amore{ float:left; width:100%; height:80px;}
.dh_amore a{ float:right; width:199px; height:80px;background:url(../img/d4.jpg) center top no-repeat;}

.newsb_b .r_b{float:left; width:498px; background:#252022; }
.newsb_b .r_b .n_name{ float:left; width:100%; height:80px; background:url(../img/d5.jpg) center top no-repeat;color:#d3b167;}
.newsb_b .r_b .n_name .nnr{ float:right; width:151px;}
.newsb_b .r_b .n_name .zh{ text-align:center; width:150px; font-size:16px; line-height:1.5}
.newsb_b .r_b .n_name .en{ width:150px;text-transform:uppercase;font-size:22px; line-height:22px;  text-align:center; margin-top:18px}
.newsb_b .l_b1{float:left; width:100%; padding:15px 0 0; height:325px; }
.newsb_b .l_b1 li{float:left; width:100%; height:38px; line-height:38px}
.newsb_b .l_b1 li i{ float:left; width:20px; height:20px; background:#252022; border-radius:50%; text-align:center; line-height:20px; font-style:normal; color:#777777; font-family:Arial; margin:9px 0 0 20px;}
.newsb_b .l_b1 li span{ float:left; width:420px; padding:0 0 0 13px; color:#aaaaaa; font-size:14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsb_b .l_b1 li a:hover span{ color:#d3b167}


/*首页关于我们*/
.t_icon{width:45px; height:45px; background-image:url(../img/index_icon07.png); position:absolute; z-index:99; left:50%; margin-left:-23px; top:-23px;}
.iabout_bg{width:100%; height:576px; background-color:#f5f5f5; background-size:cover; background-position:center; background-position:center;}
.db_title{ text-align:center; }
.db_title .title_b{ display:inline-block; padding:0 22px; height:28px;font-weight:bold; margin:60px auto; border:2px solid #796b51; text-align:center; }
.db_title .title_b .zh{ margin-top:-10px;  text-align:center;}
.db_title .title_b .zh span{ display:inline-block; padding:0 10px; background:#454344;font-size:18px;  line-height:1; color:#ffffff; text-align:center;}
.db_title .title_b .en{ display:inline-block;  text-transform:uppercase;font-size:26px; line-height:18px; color:#d3b167;background:#454344; padding:0 10px;  text-align:center; margin-top:8px}
.iabout_b .img_b{float:left; height:370px; width:406px; background-repeat:no-repeat; background-position:center; box-shadow: 5px 0 20px #000; margin:0 0 0 40px;background-size: auto 100% }
.iabout_b .info_b{float:right; width:530px; padding-right:3px; text-align:left; padding-top:80px;}
.iabout_b .info_b .title{font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; background:url(../img/d1.jpg) left bottom no-repeat; padding:0 42px 20px 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.iabout_b .info_b .intro{font-size:14px; line-height:26px; color:#aaaaaa; padding:10px 42px 0 0;}
.iabout_b .info_b .look_more{width:106px; height:45px; float:right;font-weight:bold;line-height:45px; text-align:center; color:#fff; margin-top:15px; background:#d3b163}
.iabout_bg .wl{ height:576px;  background:url(../img/bg1.jpg) center 202px no-repeat}
/*team*/
.team_bg{ height:656px;background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.db_title3{ text-align:center; }
.db_title3 .title_b{ display:inline-block; padding:0 72px; height:28px;font-weight:bold; margin:60px auto; border:2px solid #796b51; text-align:center; }
.db_title3 .title_b .zh{ margin-top:-10px;  text-align:center;}
.db_title3 .title_b .zh span{ display:inline-block; padding:0 10px; background:#2d2d2b;font-size:18px;  line-height:1; color:#ffffff; text-align:center;}
.db_title3 .title_b .en{ display:inline-block;  text-transform:uppercase;font-size:26px; line-height:18px; color:#d3b167;background:#2d2d2b; padding:0 10px;  text-align:center; margin-top:8px}

.team_bg ul{ float:left; width:100%;}
.team_bg ul li{ float:left; width:175px; margin:0 25px 0 0}
.team_bg ul li a{ float:left; width:175px;}
.team_bg ul li a .pro_col{float:left; width:100%; height:235px; position:relative; background-position:center; background-repeat: no-repeat; background-size: auto 100% }
.team_bg ul li a .pro_col span{ position:absolute; left:0; top:0; background:url(../img/d1.png) center top no-repeat; width:175px; height:235px; display:none;}
.team_bg ul li a:hover .pro_col span{ display:block;}
.team_bg ul li a p.zhi{ float:left; width:100%;color:#fff; text-align:center; color:#aaaaaa; font-size:16px; line-height:25px; margin:20px 0 0}
.team_bg ul li a .person_name{float:left; width:100%;color:#fff;text-align:center;color:#aaaaaa; font-size:16px; line-height:25px;}
.team_bg ul li .tmore{ float:left; margin:10px 35px; width:97px; height:36px; border:1px solid #8a8d90; text-align:center; line-height:36px; color:#999999; font-size:14px;}
.team_bg ul li a:hover .tmore{ background:#d3b167; border:1px solid #d3b167; color:#fff;}
/*联系我们+服务之星*/
.contact_b{float:left; width:260px;}
.contact_b .head_bg{height:53px; border-left:8px solid #00beaf; margin-top:24px;}
.contact_b .line_b{border-bottom:1px solid #ddd; height:52px;}
.contact_b .line_b .title{line-height:52px; font-size:24px; color:#666; float:left; padding-left:10px;}
.contact_b .line_b .more{float:right; font-size:16px; line-height:52px; color:#00beaf;}
.contact_b .tel_b .name{font-size:14px; line-height:14px; color:#999; padding-top:20px;}
.contact_b .tel_b .num{font-size:30px; line-height:30px; color:#00beaf; padding-top:15px; font-family:arial;}
.contact_b .allmap{width:258px; height:256px; border:1px solid #ddd; margin-top:12px;}
.index_team{width:820px; float:left; margin-left:40px;}
.index_team .head_bg{height:53px; border-left:8px solid #00beaf; margin-top:24px;}
.index_team .line_b{border-bottom:1px solid #ddd; height:52px;}
.index_team .line_b .title{line-height:52px; font-size:24px; color:#666; float:left; padding-left:10px;}
.index_team .line_b .more{float:right; font-size:16px; line-height:52px; color:#00beaf;}
.index_team .type_col{clear:both; padding-top:15px;}
.index_team .type_col li{float:left; width:78px; height:78px; border:1px solid #02beaf; font-size:18px; color:#999; border-radius:100%; margin-left:15px; margin-right:20px;}
.index_team .type_col li a{display:block; color:#999;}
.index_team .type_col li .title{width:36px; margin:12px auto 0 auto;}
.index_team .team_b{clear:both; padding-top:24px;}
.index_team .team_b li{float:left; width:270px; height:230px; background-color:#f5f5f5;}
.index_team .team_b li+li{margin-left:5px;}
.index_team .team_b li .img{width:270px; height:177px; background-position:center; background-size:cover;}
.index_team .team_b li .name{font-size:20px; height:53px; line-height:53px; text-align:center;}
.index_team .team_b li .name span{font-size:14px; color:#999; padding-left:10px;}
