.container{display:block; width:100%; margin-top:80px;}
.container .slogan_wrap{display:block; max-width:1200px; margin:0 auto;}

.container .slogan_wrap ul{display:block; width:100%;}
.container .slogan_wrap ul li{float:left; width:15%; padding-left:10%; background:url(../images/dot.jpg) repeat-y left top;}
.container .slogan_wrap ul li i{display:block; font-size:18px; line-height:20px; font-style:normal; color:#282828;}
.container .slogan_wrap ul li .num{display:block; line-height:60px; font-size:58px; color:#282828;}
.container .slogan_wrap ul li em{display:block; line-height:24px; font-size:18px; color:#282828; font-style:normal; }

.container .slogan_wrap ul li.none{background:none;}



.container .iquality{display:block; width:100%; height:500px; background:url(../images/iqualigy_bg.jpg) no-repeat center top; margin-top:80px; padding:70px 0px; }
.container .iquality .inner{display:block; max-width:1200px;  margin:0 auto; border-top:2px solid #292929; position:relative; z-index:2; left:0; top:0;overflow:hidden;}
.container .iquality .inner .title{display:block; font-size:42px; line-height:50px; font-family:Century Gothic,Arial, Helvetica, sans-serif; color:#444; font-weight:bold; padding-top:45px;}
.container .iquality .inner h4{display:block; line-height:60px; font-size:48px; color:#444; padding:20px 0px;}
.container .iquality .inner .tip{display:block; font-size:16px; line-height:22px; color:#444;width:50%;}
.container .iquality .inner .en{display:block; line-height:20px; font-size:16px;  margin-top:80px;}
.container .iquality .inner .q_pict{display:block;position:absolute; right:-70px; bottom:0; z-index:9;width:60%; }
.container .iquality .inner .q_pict img{display:block; width:105%;}

.container .products{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .products .title{display:block; }
.container .products .title h4{display:block; line-height:70px; font-size:52px; color:#282828; text-align:center; }
.container .products .title .tip{display:block; line-height:30px;font-size:20px; color:#666; text-align:center;  }

.container .products .mtitle{display:block; width:100%; margin-top:35px;}
.container .products .mtitle ul{display:block; width:100%;}
.container .products .mtitle ul li{float:left; width:16.6%; background:url(../images/dot.jpg) repeat-y right top; margin-bottom:30px;}
.container .products .mtitle ul li i{display:block; line-height:20px; color:#444; font-size:16px; font-style:normal; font-weight:bold;  text-align:center; font-family:Candara,Arial, Helvetica, sans-serif;}
.container .products .mtitle ul li .en{display:block; font-size:12px; line-height:18px; text-align:center; color:#999;}

.container .products .mtitle ul li a:hover i{color:#002f69;}
.container .products .mtitle ul li a:hover .en{color:#002f69;}

.container .products .con{display:block; padding-top:25px;}
.container .products .con ul{display:block; width:100%;}
.container .products .con ul li{float:left; width:32%; margin-right:1.3%; margin-bottom:22px;}
.container .products .con ul li a.pic{display:block; width:100%; background:#002f69;position:relative; z-index:2; left:0; top:0;}
.container .products .con ul li a.pic img{display:block; width:100%;}
.container .products .con ul li .wz{display:none; position:absolute; left:0; top:0; z-index:8; width:100%;padding:60px 0px;}
.container .products .con ul li a.pic:hover img{filter:alpha(opacity=30);opacity:0.3;}
.container .products .con ul li .wz .tit{display:block; line-height:30px; font-size:26px; color:#fff; text-align:center; }
.container .products .con ul li .wz .moret{display:block; width:46px; height:46px; background:url(../images/ar.png) no-repeat center center; margin:0 auto; margin-top:50px;}


.container .icontrol_quality{display:block; width:100%; margin-top:80px;  background:#dfdfdf; }
.container .icontrol_quality .inner{max-width:1200px; margin:0 auto; padding:80px 0px;overflow:hidden;}
.container .icontrol_quality .inner .title{display:block; }
.container .icontrol_quality .inner .title h4{display:block; line-height:60px; color:#282828; font-size:52px; text-align:center; }
.container .icontrol_quality .inner .title .tip{display:Block; line-height:30px; font-size:22px; text-align:center; margin-top:15px;}
.container .icontrol_quality .inner .con{display:block; padding-top:25px;}
.container .icontrol_quality .inner .con .fl{width:66%;}
.container .icontrol_quality .inner .con .fl ul{display:block; width:100%; margin-top:20px;}
.container .icontrol_quality .inner .con .fl ul li{display:none; width:100%; }
.container .icontrol_quality .inner .con .fl ul li h4{display:block; line-height:50px; font-size:40px; color:#282828;}
.container .icontrol_quality .inner .con .fl ul li .detail{display:block; padding-top:15px; font-size:18px; line-height:24px;}




.container .icontrol_quality .inner .con .fr{width:32%;}
.container .icontrol_quality .inner .con .fr .icharacter{display:block; width:100%;}
.container .icontrol_quality .inner .con .fr .icharacter ul{display:block; width:100%;}
.container .icontrol_quality .inner .con .fr .icharacter ul li{float:left; width:45%;height:82px; background:url(../images/im_btn01.jpg) no-repeat center top;margin-right:5%; box-shadow:0px 3px 5px 1px #bbb; background-size:100% auto;}
.container .icontrol_quality .inner .con .fr .icharacter ul li em{display:block; line-height:24px; font-size:22px; font-style:normal; font-weight:bold; text-align:center; color:#fff;padding:22px 0px;}
.container .icontrol_quality .inner .con .fr .icharacter ul li i{display:block; line-height:20px; font-size:15px; color:#fff; text-align:center; font-style:normal; }
.container .icontrol_quality .inner .con .fr .icharacter ul li.i_first{float:left; width:47%; margin-right:6%;background:url(../images/im_btn01h.jpg) no-repeat center top;background-size:100% auto;}
.container .icontrol_quality .inner .con .fr .icharacter ul li.i_second{float:right; width:47%; margin-right:0%;}

.container .icontrol_quality .inner .con .fr dl{display:block; width:100%; margin-top:20px;}
.container .icontrol_quality .inner .con .fr dl dd{display:block; width:96%; padding:25px 2%; border-bottom:1px solid #b7b7b7; position:relative; z-index:2; left:0; top:0; }
.container .icontrol_quality .inner .con .fr dl dd:hover{background:#fff; cursor:pointer;}
.container .icontrol_quality .inner .con .fr dl dd.current{background:#fff; cursor:pointer;}

.container .icontrol_quality .inner .con .fr dl dd .num{position:absolute; z-index:8; left:2%; top:30px;  width:30px; height:30px; border-radius:30px; background:#282828; line-height:30px; color:#fff; text-align:center;  font-size:22px; font-family:Arial, Helvetica, sans-serif; }
.container .icontrol_quality .inner .con .fr dl dd .wz{float:left; width:60%; margin-left:40px;}
.container .icontrol_quality .inner .con .fr dl dd .wz h4{display:block; line-height:20px; font-size:20px; color:#282828;}
.container .icontrol_quality .inner .con .fr dl dd .wz .en{display:block; font-size:15px; font-weight:bold; }
.container .icontrol_quality .inner .con .fr dl dd .pic{float:right; width:23%;}
.container .icontrol_quality .inner .con .fr dl dd .pic img{display:block; width:100%;}
.container .icontrol_quality .inner .con .fr .tel{display:block;margin-top:50px; padding-left:25px; background:url(../images/tel.png) no-repeat left top;}
.container .icontrol_quality .inner .con .fr .tel .tt{display:block; font-size:15px; line-height:20px; }
.container .icontrol_quality .inner .con .fr .tel .code{display:block; line-height:30px; font-size:26px; color:#282828; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.container .case{display:block; width:100%; margin-top:80px; overflow:hidden;}
.container .case .title{display:block; }
.container .case .title h4{display:block; line-height:60px; font-size:52px; color:#282828; text-align:center; }
.container .case .title .tip{display:block; line-height:30px; font-size:20px; text-align:center; padding-top:10px;}
.container .case .mtitle{display:block; max-width:1200px; margin:0 auto; margin-top:25px;}
.container .case .mtitle ul{display:block; width:100%;}
.container .case .mtitle ul li{float:left; width:8.5%; margin-right:0.5%;}
.container .case .mtitle ul li a{display:block; width:70%; margin:0 auto; border:3px solid #000000; font-size:16px; line-height:20px; text-align:center; color:#282828;  padding:10px 5%; height:60px; }
.container .case .mtitle ul li a:hover{border:3px solid #002f69; color:#002f69;}


.container .case .con{display:block; margin-top:35px;}
.container .case .con .h_cs{display:block; max-width:100%; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}

.container .case .con  .h_cs .arrow_l{position:absolute; left:-50px; top:60px; z-index:8;width:45px; height:82px; background:url(../images/left.jpg) no-repeat left center; cursor:pointer;}
.container .case .con  .h_cs .arrow_l:hover{background:url(../images/left.jpg) no-repeat left center; }
.container .case .con  .h_cs .arrow_l.current{background:url(../images/left.jpg) no-repeat left center; }

.container .case .con  .h_cs .arrow_r{position:absolute; right:-50px; top:60px; z-index:9;width:45px; height:82px; background:url(../images/right.jpg) no-repeat left center; cursor:pointer;}
.container .case .con  .h_cs .arrow_r:hover{background:url(../images/right.jpg) no-repeat left center;}
.container .case .con  .h_cs .arrow_r.current{background:url(../images/right.jpg) no-repeat left center;}

.container .case .con  .h_cs #scrollarea{display:block; width:100%;  margin:0 auto; overflow:hidden; }
.container .case .con  .h_cs #inrea{display:block; width:800%;}
.container .case .con  .h_cs #area1{float:left;}
.container .case .con  .h_cs #area2{float:left;}
.container .case .con  .h_cs #scrollarea li{float:left; width:400px;  margin-right:25px; padding-bottom:50px;}
.container .case .con  .h_cs #scrollarea li a{display:block; width:400px; position:relative; z-index:2; left:0; top:0; }
.container .case .con  .h_cs #scrollarea li a:hover img{background:#3188cf; color:#fff;}
.container .case .con  .h_cs #scrollarea li img{display:block; width:400px;height:300px; margin:0 auto; }

.container .case .con  .h_cs #scrollarea li .detail{display:block; position:absolute; z-index:5; left:6%; bottom:-50px; width:88%; background:#fff; height:120px;}
.container .case .con  .h_cs #scrollarea li .detail .d_fl{float:left; width:74%;padding:4% 0% 4% 4%;}
.container .case .con  .h_cs #scrollarea li .detail i{display:block; width:100%; line-height:50px; font-style:normal; font-size:20px; color:#282828; }
.container .case .con  .h_cs #scrollarea li .detail i:hover{color:#002f69;}
.container .case .con  .h_cs #scrollarea li .detail em{display:block; width:100%; line-height:30px; font-style:normal; font-size:20px; }
.container .case .con  .h_cs #scrollarea li .detail .moret{float:right; width:20%;height:120px; background:#4c4c4c url(../images/se_btn.png) no-repeat center center; background-size:60% auto;}
.container .case .con  .h_cs #scrollarea li .detail .moret:hover{background:#002f69 url(../images/se_btn.png) no-repeat center center; }


.container .ibrand_preci{display:block; width:100%; margin-top:80px;   overflow:hidden;}
.container .ibrand_preci .title{display:block; padding-top:80px;background:#002f69;}
.container .ibrand_preci .title h4{display:block; line-height:60px; font-size:52px; color:#fff; text-align:center; }
.container .ibrand_preci .title .tip{display:block; line-height:30px; font-size:20px; color:#fff; padding-top:10px; text-align:center; }

.container .ibrand_preci .con{display:block; background:url(../images/blue.jpg) repeat-x right top;padding-top:30px;}

.container .ibrand_preci .con .huan{display:block; width:100%; height:544px; position:relative;z-index:2;overflow:hidden;}
.container .ibrand_preci .con .huan ul{display:block; width:1200%;}
.container .ibrand_preci .con .huan li{float:left; width:1200px;height:476px; position:relative; z-index:2; left:0; top:0; }
.container .ibrand_preci .con .huan li .imgt{ width:100%; }
.container .ibrand_preci .con .huan li .imgt img{display:block; width:100%;}
.container .ibrand_preci .con .huan li  .wz{display:block; position:absolute; left:3%; bottom:-60px; width:86%; padding:2% 4%; background:#fff; border-bottom:8px solid #002f69;}
.container .ibrand_preci .con .huan li  .wz .tit{float:left; width:25%; font-size:28px; color:#002f69; line-height:34px; font-weight:bold; }
.container .ibrand_preci .con .huan li  .wz .detail{float:right; width:72%; font-size:14px; line-height:22px; }

.container .ibrand_preci .con .szg_huan{display:block; max-width:1200px; margin:0 auto;  position:relative; z-index:2; left:0; top:0;}
.container .ibrand_preci .con .szg_huan .ze{display:block;position:absolute; right:0; bottom:0; z-index:20; }
.container .ibrand_preci .con .szg_huan .arrow_l{display:block;position:absolute; left:-66px; top:220px;width:56px; height:56px;z-index:9; background:url(../images/left.png) no-repeat left top;cursor:pointer;}
.container .ibrand_preci .con .szg_huan .arrow_l.current{background:url(../images/left.png) no-repeat left top;}
.container .ibrand_preci .con .szg_huan .arrow_r{display:block;position:absolute; right:-66px; top:220px; width:56px; height:56px;z-index:10;background:url(../images/right.png) no-repeat left top; cursor:pointer;}
.container .ibrand_preci .con .szg_huan .arrow_r.current{background:url(../images/right.png) no-repeat left top;}


.container .honor{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .honor .title{display:block; }
.container .honor .title h4{display:block; line-height:60px; font-size:52px; color:#282828; text-align:center; }
.container .honor .title .tip{display:block; line-height:30px; font-size:20px; text-align:center; padding-top:10px;}
.container .honor .con{display:block; padding-top:45px;}
.container .honor .con ul{display:block; width:100%;}
.container .honor .con ul li{float:left; width:24%; margin-right:1%;}
.container .honor .con ul li a{display:block; width:100%; font-size:15px; line-height:30px; text-align:center;}
.container .honor .con ul li a img{display:block; padding:2%; width:92%; border:1px solid #e1e1e1;height:199px; margin-bottom:6px;}
.container .honor .con ul li a:hover img{border:1px solid #002f69;}

.container .honor .more_out{display:block; width:100%; height:40px; background:url(../images/xian.jpg) repeat-x center center; margin-top:40px;}
.container .honor .more_out .m_in{display:block; width:30%; height:40px; background:#fff; margin:0 auto;position:relative; z-index:2; left:0; top:0;}
.container .honor .more_out .m_in .left{position:absolute; left:50%; margin-left:-49px; width:34px; height:34px; background:url(../images/m_left.png) no-repeat left center; cursor:pointer;}
.container .honor .more_out .m_in .right{position:absolute; left:50%; margin-right:-49px; width:34px; height:34px; background:url(../images/m_righth.png) no-repeat left center; cursor:pointer;}


.container .news{display:block; max-width:1200px; margin:0 auto; margin-top:80px;}
.container .news .title{display:block; }
.container .news .title h4{display:block; line-height:60px; font-size:52px; color:#282828; text-align:center;}
.container .news .title .tip{display:block; line-height:30px; font-size:20px; text-align:center; padding-top:10px;}

.container .news .mtitle{display:block; max-width:500px; margin:0 auto; margin-top:50px;}
.container .news .mtitle ul{display:block; width:100%;}
.container .news .mtitle ul li{float:left; width:45%; margin-right:5%;}
.container .news .mtitle ul li a{display:block; line-height:50px; font-size:18px; color:#282828; text-align:center; }
.container .news .mtitle ul li a.current{display:block; color:#002f69;border-bottom:2px solid #002f69;}
.container .news .con{display:block; padding-top:40px;}
.container .news .con dl{display:block; width:100%;}
.container .news .con dl dd{float:left; width:44%; padding:2% 2%; margin-right:2%; margin-bottom:44px; background:#f4f4f4;}
.container .news .con dl dd .pic{float:left; width:40%;}
.container .news .con dl dd .pic img{display:block; width:100%;}

.container .news .con dl dd .wz{float:right; width:54%;}
.container .news .con dl dd .wz .time{display:block; font-size:14px; line-height:40px; font-weight:bold; }
.container .news .con dl dd .wz .time:hover{color:#335391;}
.container .news .con dl dd .wz .detail{display:block; font-size:20px; line-height:28px; color:#282828; padding-top:25px;}
.container .news .con dl dd .wz .detail:hover{color:#335391;}
.container .news .con dl dd:nth-child(2n){float:right; margin-right:0%; width:44%;}
.container .news .more{display:block; width:30%; height:55px;padding-left:5%; line-height:55px; margin:0 auto; color:#222222; border:2px solid #222; font-size:17px; background:url(../images/arr.png) no-repeat 85% center;}
.container .news .more .en{font-weight:bold;}
.container .news .more:hover{background:url(../images/arrh.png) no-repeat 85% center; border:2px solid #002f69; color:#002f69;}


.container .about{display:block; width:100%; margin-top:80px; overflow:hidden;}
.container .about .title h4{display:block; line-height:60px; font-size:52px; color:#282828; text-align:center; }
.container .about .title .tip{display:block; line-height:30px; font-size:20px; text-align:center;padding-top:10px;}
.container .about .con{display:block; width:100%; margin-top:40px; background:url(../images/xian2.jpg) repeat-x left top; }
.container .about .con .c_in{display:block; font-size:16px; line-height:28px; width:80%; margin:0 auto; padding-top:70px;}
.container .about .con .c_in a{font-size:16px; line-height:28px;}
.container .about .con .c_in a:hover{text-decoration:underline;}


.container .about .con .style{display:block; max-width:1200px; margin:0 auto; margin-top:30px;}
.container .about .con .style .m_title{display:block; width:480px; margin:0 auto;}
.container .about .con .style .m_title li{float:left; width:48%; margin-right:2%;}
.container .about .con .style .m_title li a{display:block; width:94%; height:38px; font-size:19px; line-height:38px; text-align:center; border:2px solid #222; color:#282828;}
.container .about .con .style .m_title li a:hover{background:#002f69; border:2px solid #002f69; color:#fff;}
.container .about .con .style .m_title li a.current{background:#002f69; border:2px solid #002f69; color:#fff;}
.container .about .con .style .box01{display:none; width:100%;}

.container .about .con .style .m_cs{display:block; max-width:1200px; margin:0 auto;margin-top:20px; position:relative; z-index:2; left:0; top:0;}
.container .about .con .style .m_cs .arrow_out{display:block; width:100%; height:40px; background:url(../images/xian.jpg) repeat-x center center; margin-top:40px;}
.container .about .con .style .m_cs .arrow_out .m_in{display:block; width:30%; height:40px; background:#fff; margin:0 auto;position:relative; z-index:2; left:0; top:0;}
.container .about .con .style .m_cs .arrow_out .m_in .arrow_l{position:absolute; left:50%; margin-left:-49px; width:34px; height:34px; background:url(../images/m_left.png) no-repeat left center; cursor:pointer;}
.container .about .con .style .m_cs .arrow_out .m_in .arrow_l.current{position:absolute; left:50%; margin-left:-49px; width:34px; height:34px; background:url(../images/m_lefth.png) no-repeat left center; cursor:pointer;}
.container .about .con .style .m_cs  .arrow_out .m_in .arrow_r{position:absolute; left:50%; margin-right:-49px; width:34px; height:34px; background:url(../images/m_right.png) no-repeat left center; cursor:pointer;}
.container .about .con .style .m_cs  .arrow_out .m_in .arrow_r.current{position:absolute; left:50%; margin-right:-49px; width:34px; height:34px; background:url(../images/m_righth.png) no-repeat left center; cursor:pointer;}


.container .about .con .style .m_cs #scrollarea{display:block; width:1200px;  margin:0 auto; overflow:hidden; }
.container .about .con .style .m_cs #inrea{display:block; width:800%;}
.container .about .con .style .m_cs #area1{float:left;}
.container .about .con .style .m_cs #area2{float:left;}
.container .about .con .style .m_cs #scrollarea li{float:left; width:285px;  margin-right:25px; }
.container .about .con .style .m_cs #scrollarea li a{display:block; width:285px;  background:#002f69; position:relative; z-index:2; left:0; top:0; }
.container .about .con .style .m_cs #scrollarea li a:hover img{ opacity: 0.5;  filter: alpha(opacity=50);}
.container .about .con .style .m_cs #scrollarea li img{display:block; width:285px;height:214px; margin:0 auto; }
.container .about .con .style .m_cs #scrollarea li .tit{display:none; position:absolute; left:0; top:100px; z-index:8; font-size:22px; width:100%; text-align:center; line-height:50px; color:#fff;}
.container .about .con .style .m_cs #scrollarea li a:hover .tit{display:block;}