@charset "utf-8";
/*-------------------------------   index 首页---------------------------------*/

/*-----首页 banner-----*/
.banner{height:365px; width:1600px; margin:0 auto; overflow:hidden; position:relative;}
.banner>ul{width:auto;}
.banner>ul li{height:365px; background-size:100%; background-position:center center; float:left;}
.banner .ctrl{position:absolute; z-index:99; bottom:40px; right:50%; margin-right: -80px; display:block;}
.banner .ctrl div{width:50px; height:4px; float:left; background-color:#363636;  margin-left:10px; cursor:pointer;}
.banner .ctrl div.now{background-color:#da0c0c;}
.banner .prev{width:33px; height:59px; background-image:url(../images/arrow_left.png); position:absolute; z-index:100; left:177px; bottom:50%; margin-bottom:-10px; cursor:pointer;display: none;}
.banner .next{width:33px; height:59px; background-image:url(../images/arrow_right.png); position:absolute; z-index:100; right:177px; bottom:50%; margin-bottom:-10px; cursor:pointer;display: none;}

/*-----首页 about-----*/
.iabout{height:359px; width:1440px; margin-top:0 auto;}
.iabout .num{float:left; color:#dec17d; font-size:36px; line-height:36px; padding-left:990px; padding-top:170px;}
.icontent{width:1004px; margin:0 auto; color:#f2b797; line-height:28px; font-size:14px; clear:both; padding-top:40px;}
/*---造型index-----*/
.izao{ background:url(../images/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(../images/k2.gif) no-repeat;}
.slideBox02 .next{ width:58px; left:auto; right:0; background:url(../images/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(../images/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}
/*---产品中心-----*/
.model{overflow:hidden;position:relative;width:100%;height:550px;background:#f1f1f1;padding-top:20px;}
.nameen{width:210px;margin:0 auto;text-align:center;color:#222c50;font-size:70px;font-weight:bold;font-family:"Times New Roman",Times,serif;text-transform:uppercase;position: relative;}
.nameen span{display:inline-block;margin-top:-40px;padding:0 10px;}
.nameen:before{content: " ";width: 70px;height: 1px; background:#c6c6c6;position: absolute;top: 40px;left: 0px;}
.nameen:after{content: " ";width: 70px;height: 1px; background:#c6c6c6;position: absolute;top: 40px;right:0px; }
.model_top{width:980px;margin:0 auto;clear:both;position:relative;}
.en{font-size: 16px;color: #222c50;font-family:"Times New Roman",Times,serif;text-transform:uppercase;text-align: center;}
.cn{font-size: 24px;color: #da0c0c;text-align: center;line-height: 35px;}
.model_lclass{margin:0 auto;width:980px;text-align:center;font-size:14px;color:#4e6990;line-height:30px;padding:20px 0 25px 0;}
.model_lclass a{color:#222c50;background:#eaeaea;padding:1px 8px;border-radius:5px;display:inline-block;margin:6px;}
.model_lclass a:hover{color:#ffffff;background:#da0c0c;}
.model_syn{font-style:normal;color:#222c50;font-size:14px;font-family:'Microsoft Yahei';text-align: center;}
.model_top .amore{color:#ff002a;}
.case{padding-top:10px;width:100%;position:relative; z-index:0;height:300px;}
.proname{ margin:0 auto; width:980px;  text-align:center; color:#4e6990; font-size:30px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
.prona{margin:10px auto; width:980px; text-align:center; font-size:18px;font-family:'Microsoft Yahei'; font-size:18px;}
.prolanmu{ width:100%; border-bottom:1px solid #e1e1e1; padding:0px 0 0px 0;}
.pro_lanfra{ margin:0 auto; width:980px; height:65px; text-align:center; font-size:14px; color:#4e6990; background:url(../images/tiao.jpg) center bottom no-repeat; line-height:40px;}
.pro_lanfra a{color:#4e6990; padding: 2px;}
.pro_lanfra a:hover{color:#fff; background:#D40000}
.pro_lanfra a.cur{color:#fff; background:#D40000}
.pro_lanfra a.promore{color:#d40000;}
.pro_lanfra a.promore:hover{color:#d40000;background:none}

.slideBoxpro1{float: left; width:1000px; height:265px; overflow:hidden; position:relative; }
.slideBoxpro1 .hd{ width:100%; height:18px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:1; }
.slideBoxpro1 .hd ul{ width:100%; overflow:hidden; zoom:1; float:left; text-align:center;  }
.slideBoxpro1 .hd ul li{ display:inline-block; margin-right:8px;  width:15px; height:15px; line-height:15px; text-align:center; background:#4e6990; cursor:pointer; border-radius:50%; }
.slideBoxpro1 .hd ul li.on{ background:#d40000; color:#d40000; }
.slideBoxpro1 .bd{ position:relative; height:100%; z-index:0;}
.slideBoxpro1 .bd li{ zoom:1; vertical-align:middle; }
.slideBoxpro1 .bd li a{ float:left; width:220px; height:200px; margin:13px 0 0 25px; position:relative; top: 0px;  transition: top 1s;}
.slideBoxpro1 .bd li a:hover{ top: -20px;  }
.slideBoxpro1 .bd li a span.img{ float:left; margin:0 auto;width:220px; height:165px;background-position:center; background-repeat:no-repeat;background-size:cover  }

.slideBoxpro1 .bd li a span.tit{ line-height:35px; margin: 0; float:left; width:220px; height:35px; color:#fff; font-size:14px; text-align:center; background:#000;}
.slideBoxpro1 .bd li a:hover span.tit{ background:#d40000}
.slideBoxpro1 .prev,
.slideBoxpro1 .next{ display:none;width:22px; height:22px; background:url(../images/d3.gif) no-repeat;float: left; margin-left:10px;}
.slideBoxpro1 .next{background:url(../images/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; }
/*---关于我们-----*/
.about{overflow:hidden;position:relative;width:100%;height:320px;background:#ffffff;padding-top:30px;text-transform:uppercase;}
.aboutleft{float: left;width:400px;height:350px;}
.aboutleft_pic{width: 350px;height: 270px;}
.aboutright{float: left;width: 580px;height: 350px;}
.ab-name{}
.ab-name-p{display: inline-block;vertical-align: middle;}
.ab-name:before{content:" ";background: url(../images/abname.gif);width: 30px;height: 47px;display: inline-block;vertical-align: middle;margin-right:5px;}
.aboutcon{}
.abcon{font-size: 14px;color: #747474;line-height: 25px;padding: 15px 0 15px 0;text-indent: 2em;}
.aboutmore{width: 100px;height: 40px;display: block;background: #222c50;color: #ffffff;text-align: center;line-height: 40px;font-size: 14px;}
/*---案例展示-----*/
.case_lclass{margin:0 auto;width:100px;text-align:center;font-size:14px;color:#4e6990;line-height:30px;padding:20px 0 25px 0;}
.case_lclass a{width: 100px;height: 40px;display: block;background: #222c50;color: #ffffff;text-align: center;line-height: 40px;font-size: 14px;}
.casecon{ float:left; width:980px; }
.casecon a{ float:left; width:243px; background:#fff; position:relative; display:inline; margin:0 2px 0 0;}
.casecon a:hover{ background:#da0c0c; color:#fff !important}
.casecon a:hover .triangletop{border-bottom: 10px solid #80c534}
.casecon a:hover .trianglebot{border-top: 10px solid #80c534}
.casecon a:hover .casertxt{background: url(../images/arrow2.gif) no-repeat left bottom;}
.casecon a em{ display:none; width:243px; height:182px; position:absolute; left:0; top:0; background: rgba(218,12,12,0.5); }
.casecon a:hover em{ display:block;}
.caser{ float:left; width:243px; position:relative; padd/ing:25px; height:82px;font:bold 12px/18px 'Microsoft Yahei';background: url(../images/hxing.png) no-repeat center 60px; color:#131313 }
.casecon a:hover .caser{background: url(../images/bxing.png) no-repeat center 60px; color:#fff; }
.caser_t{font:18px/1 'Impact'; margin:9px 0 0 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.casertxt{ text-align:center; height:25px; font-size:14px; overflow:hidden; color:#222c50; line-height:25px; font-weight:normal;}
.casecon a:hover .casertxt{ color:#fff;}
.casecon a i{ display:none; width:243px; height:182px; position:absolute; left:0; bottom:0; background: rgba(218,12,12,0.5); }
.casecon a:hover i{ display:block;}
/*---最新资讯-----*/
.mainnews{overflow:hidden;position:relative;width:100%;height:700px;background:#ffffff;padding-top:20px;}
.newscon{ float:left; width:980px; padding:30px 0 0 0;}
.newsleft{ float:left; width:470px; height:389px; background:#da0c0c; }
.www51buycom { width: 464px; height: 383px; margin:0; position: relative; overflow:hidden;padding:3px;  }
.www51buycom .num {height: 30px; text-align:center; }
.www51buycom .num ul{width: 100px;margin:0 auto;}
.www51buycom .num li { font-size:0; width: 9px; height: 9px;  color: #FFFFFF; background: #fff; margin: 0 7px; border-radius:9px; cursor:pointer; display:inline-block;*display:inline;*zoom:1; color:#fff}
.www51buycom .num li.on { background: #222c50; color:#222c50; } /*当前项*/
.www51buycom .prev,.www51buycom .next {  width: 22px; height: 36px;  position: absolute; bottom: 3px;}
.www51buycom .prev { left: 110px;background:url(../images/nne.gif) left top no-repeat; }
.www51buycom .next { right: 110px; background:url(../images/ppr.gif) left top no-repeat; }
.newsright{ float:right; width:470px;}
.newsright li{ float:left; width:470px; padding:0 0 14px 0;}
.newsright li a img{ float:left; border-right:2px solid #da0c0c;}
.nnr{ float:left; width:307px; height:118px; border:1px solid #ededed; border-left:0;}
.newsright li a:hover .nnr{border:1px solid #da0c0c; border-left:0;}
.newsright li .name{ line-height:36px; font-size:14px; font-weight:bold; color:#4e6990; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0 0 0 9px;}
.newsright li a:hover .name{ color:#da0c0c}
.newsright li a em{ display:block; background:url(../images/time.jpg) 11px center no-repeat; font-style:normal; padding:0 0 0 30px; color:#747474}
.nnrcon{ float:left; width:290px; line-height:24px; height:48px; overflow:hidden; color:#747474; padding:10px 0 0 9px;}
.teamr{ float:right; width:350px; line-height:25px; color:#747474;}
.teamr_t{ float:left; width:100%; margin-bottom:5px;}
.teamr_t .fl{ color:#295087; font-size:14px; float:left; width:70%;}
.teamr_t font{ float:right; color:#747474; font-family:'arial'}
.main,.fyMain{ width:980px; margin:0 auto; clear:both; position:relative;}
.fyMain{overflow-x:hidden; overflow-y:auto;padding-bottom:40px; padding-top:30px; min-height:400px;}
/*---行业动态-----*/
.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(../images/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(../images/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(../images/two_itemicon1.png); background-repeat:no-repeat; padding-left:25px;}
.two_news_b .looks{float:left; background-image:url(../images/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;}
/*产品中心*/
.pro_bg{width:1440px; margin: 0 auto; height:385px;}
.pro_bg ul{width:1004px; margin:0 auto; padding-top:150px;}
.pro_bg li{float:left; width:176px; height:176px; border-radius:100%; border:1px solid #b49b63; overflow:hidden;}
.pro_bg li+li{margin-left:26px;}
.pro_col{width:166px; height:166px; margin-left:5px; margin-top:5px; border-radius:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_col .info{height:80px; width:166px; margin-top:46px; background:rgba(0, 0, 0, 0.5); text-align:center; display:none;}
.pro_col .title{font-size:18px; line-height:18px; color:#fff; padding-top:15px;}
.pro_col .msg{font-size:14px; line-height:14px; color:#f2b797; padding-top:12px;}
/*企业资讯+留言*/
.msgnews_bg{width:1440px; margin:0 auto; height:356px;}
.company_b{float:left; padding-top:105px;}
.company_b li{height:16px; width:452px; background-image:url(../images/company_bg.png); background-repeat:repeat-x; font-size:14px; line-height:16px; margin-top:23px; float:left; margin-right:40px;}
.company_b li a{display:block;}
.company_b li .title{float:left; color:#ff9a64; background-color:#0d0400; padding-right:20px;}
.company_b li .time{float:right; color:#ff9a64; background-color:#0d0400; padding-left:20px;}
.in_msg_b{float:right; width:492px;}
.in_msg_b form{padding-top:95px;}
.in_msg_b label{clear:both; display:block; margin-top:20px;}
.in_msg_b label:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.in_msg_b label span{float:left; font-size:14px; line-height:30px; color:#ff9a64; padding-right:20px;}
.in_msg_b label textarea{float:left; width:415px; height:85px; outline:none; border:none; background-color:#4f1c00; color:#fff; font-size:14px; line-height:24px; text-indent:1em;}
.in_msg_b label input{float:left; width:150px; height:30px; border:none; outline:none; background-color:#4f1c00; color:#fff; font-size:14px; text-indent:1em;}
.in_msg_b .name{float:left;}
.in_msg_b .phone{float:left; clear:none; padding-left:40px;}
.in_msg_b .sub_b{clear:both; padding-top:20px; padding-left:76px;}
.in_msg_b .sub_b input{width:80px; height:30px; border:none; outline:none; background-color:#4f1c00; color:#ff9a64; font-size:14px; cursor:pointer;}

/*foot*/
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; float:left; min-width:1004px;color:#929292;background: url(../images/footbg.jpg) center top no-repeat; height:300px; }
.f_link{ width:100%;height:41px;  line-height:41px;color:#da0c0c; padding:30px 0 0 0;  }
.f_link .main{ position:relative; z-index:999; text-align:center;}
.fmain .f_link a{padding-left:20px; color:#da0c0c;}
.f_link span{  padding-/left:50px; color:#da0c0c;}
.linkbut{ position:absolute; left:0; width:100%; text-align:center; bottom:-15px;}

.site {float:right;width: 150px; margin-bottom:10px;padding-left:35px; font-size:13px;background: url(../images/site.gif) left center no-repeat; padding-right:25px;}
.bottomnav{width:100%; float:left;height:45px; line-height:45px;text-align:center; background:#222c50;}
.bottomnav ul{width:1004px; margin:0 auto; }
.bottomnav li{color:#ec3726; float:left;width:90px;margin:0 5px;}
.bottomnav li a{ float:left; width:100%;height:45px; line-height:45px; color:#fff; font-size:14px; font-family:Microsoft Yahei}
.bottomnav li a:hover{ background:#000; color:#fff;}

.fmain{ width:980px; margin:0 auto;}
.bootTxt{ color:#dadada;float:left;width:100%; padding-top:40px;line-height:30px; text-align:center;}
.fmain a{ color:#dadada;}
.share{width:200px; margin: 0 auto; padding:20px 0 ;}
.share a{-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.map{ width:185px; text-align:center; margin:20px auto 0 auto; height:40px; line-height:40px;background:url(../images/map.png) 30px center no-repeat; padding:0 0 0 45px; color:#fff;}
.map a{ color:#fff;}
