@charset "utf-8";

/* CSS Document */



.product_bg{margin:0 auto;width:100%; height:auto;}

.product{margin:0 auto;width:1180px; height:auto; padding:20px 0 30px 0;}

.list{ float:left; width:252px; background:#00a2ea;}

.list .list_t{height:90px; display:block;}

.list .list_t h3{ font-size:24px; color:#fff;display:block; font-weight:bold; text-align:center;padding-top:22px;}

.list .list_t p {font-size:20px; color:#58b7ee; font-weight:normal; text-align:center; margin-top:8px;}

.list .list_con{width:236px;background:#fff; margin:0 auto; border-radius:8px; padding:20px 0;margin-bottom: 10px;}





#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}

#menu a {display: block;text-decoration: none;	}

#menu li { line-height:30px; font-family:"Microsoft YaHei"; font-size:16px;margin:0px auto;}

#menu li .first{background:url(../images/cp_list.png) no-repeat center; height:64px;width:228px;margin:5px auto;}

#menu li a.first { height:64px;font-size:16px;color:#fff; line-height:42px; display:block;text-indent: 45px; }

#menu li ul { height:113px;}

#menu li ul li{height:35px; line-height:35px;margin:0px 20px; float:left; width:78px; }

#menu li ul li a {color: #333;font-size:14px; text-align:left; display:block;overflow:hidden;white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;  }

#menu li ul li a:hover {color:#df262c;}





#tab{width:910px;position:relative;margin:0 auto; float:right;}                            

#tab .tab_box{width:910px;height:auto;clear:both;top:0px;position:relative; float:right; overflow:hidden;}



#tab .tab_box ul li{width:215px; height:200px;float:left;margin:0px 12px 30px 0px; background:#f9f9f9; }

#tab .tab_box ul li p{width:215px; text-align:center; display:block; height:40px; line-height:40px; }

#tab .tab_box ul li p a{font-size:14px; color:#333; display:block;overflow:hidden;white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis; }

#tab .tab_box ul li.last{ overflow:none;}

#tab .tab_box ul li img{ width:215px; height:160px; margin:0 auto; display:block;}

#tab .hide{display:none;}

#tab .tab_box ul li:hover{background:#df262c;}

#tab .tab_box ul li:hover p a{ color:#fff;}



.banner1{margin:30px auto 0 auto;width:100%; height:240px; background:url(../images/banner_1.jpg)  no-repeat center;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .nr{font-size:24px; color:#333; text-align:center; line-height:55px; width:1180px; margin:0px 10px 0 100px; padding-top:35px;}

.banner1 .zx .nr p{font-weight:normal; font-size:18px; color:#333;}

.banner1 .zx .nr p b{background:url(../images/buttom2.png)  no-repeat left center; padding-left:35px; font-weight:normal;}

.banner1 .zx .zx1{ width:600px; float:right;margin:20px 80px 0 auto; }

.banner1 .zx .zx1 .rexian{ font-size:18px; color:#333;    float:left; line-height:40px; }

.banner1 .zx .zx1 .rexian span{ margin-right:15px;font-size:18px; }

.banner1 .zx .zixun{margin:0px 0px 0px 5px; float:left;background:#df262c; width:141px; height:37px;}

.banner1 .zx .zixun a{ font-size:16px; text-align:center; line-height:37px; display:block; color:#fff;}



.case{margin:30px auto 0 auto; height:auto; width:1180px;}

.case .case_t h3{ font-size:30px; text-align:center; font-weight:bold; margin:0 auto; background:url(../images/case_t.png)  no-repeat bottom center;height: 70px; }

.case .case_nr{margin:30px auto 0 auto;}

.case .case_nr ul li{ width:280px; height:270px; background:#fafafa; float:left; margin:0 7px 25px 7px;}

.case .case_nr ul li a{width:280px; height:220px; display:block; overflow:hidden;}

.case .case_nr ul li img{width:280px; height:220px;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}

.case .case_nr ul li p{width:280px; height:50px; line-height:50px; text-align:center;}

.case .case_nr ul li p a{ font-size:14px; color:#666; text-align:center; display:block;overflow:hidden;white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis; }

.case .case_nr ul li:hover{background:#df262c;box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08); }

.case .case_nr ul li:hover p a{color:#fff;}

.case .case_nr ul li img:hover{transform: scale(1.1,1.1) ;-ms-transform: scale(1.1,1.1) ;-webkit-transform: scale(1.1,1.1) ;-o-transform: scale(1.1,1.1) ;-moz-transform: scale(1.1,1.1); overflow: hidden;}

			

.advantage_bg{ width:100%; margin:0 auto; background:url(../images/ys_bg.jpg) no-repeat  center; height:905px;}

.advantage_bg .advantage_title {margin:0 auto; height:65px; width:1180px;background:url(../images/ys_t.jpg) no-repeat bottom center; text-align:center; padding-top:165px;}

.advantage_bg .advantage_title h3{ font-size:30px; font-weight:bold; color:#333; display:block; text-align:center;}

.advantage_bg .advantage_title h3 span{ font-size:36px;color:#666; margin-bottom:10px;text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; }



.advantage_bg .advantage{ width:1180px; margin:0 auto;height:548px;}

.advantage_bg .advantage .ys_list{width:1180px; margin:60px auto 0 auto;height:50px; background:url(../images/ys_xt.jpg) no-repeat center; }

.advantage_bg .advantage .ys_list ul{ width:994px; height:50px; margin:0 auto;}

.advantage_bg .advantage .ys_list ul li{width:50px; margin:0 80px 0 110px;float:left; height:50px;display:block;background:url(../images/ys_list.png) no-repeat center; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; line-height:50px;}



.advantage_bg .advantage .ys_list ul li.casehover{background:url(../images/ys_list1.png) no-repeat center;  }





.advantage_bg .advantage .ys_nr{width:1180px; height:400px; margin-top:50px;}

.advantage_bg .advantage .ys_nr .ys_xq{width:1180px;}

.advantage_bg .advantage .ys_nr .ys_img{width:600px; height:400px; float:right; background:#f0efef;}

.advantage_bg .advantage .ys_nr .ys_img img{width:590px; height:390px; padding:5px;}

.advantage_bg .advantage .ys_nr .nr{width:495px; float:left; height:390px;background:url(../images/ys_nr.jpg) no-repeat left top; }

.advantage_bg .advantage .ys_nr .nr h5{ font-size:24px; font-weight:bold; color:#fff; display:block; text-align:left; margin:0px 0 30px 0; height: 100px;

padding: 20px}

.advantage_bg .advantage .ys_nr .nr h5 p{font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;padding: 0;text-transform: uppercase; background:none;}

.advantage_bg .advantage .ys_nr .nr p{ font-size:15px;color:#666; display:block; line-height:30px; margin-top:15px;background:url(../images/buttom1.png) no-repeat left 4px; padding-left:25px; }

.advantage_bg .advantage .ys_nr .zx{ width:110px;  height:35px; border:1px solid #bfbfbf; margin-top:20px;}

.advantage_bg .advantage .ys_nr .zx a{ font-size:14px; color:#666; display:block; line-height:35px; text-align:center;}





.lc{ width:1180px; margin:0 auto; }

.lc .lc_t{ width:1180px; margin:0 auto; font-size:30px; font-weight:bold; text-align:center; color:#333;}

.lc .lc_t span{ color:#df262c;}

.lc ul{width:1180px; margin:20px auto 0 auto; background:url(../images/lc_bg.jpg) no-repeat center; height:164px;}

.lc ul li{ float:left; width:75px; margin:115px 50px 0 43px; text-align:center; font-weight: bold; font-size:14px; color:#333;}

.lc .tel{ margin:10px auto 0 auto; height:55px;width: 425px;}

.lc .tel .phone{ width:302px; float:left; background:#df262c; font-size:18px; text-align:center; line-height:55px; color:#fff;}

.lc .tel .zx{ float:left; width:120px; background:#535353;} 

.lc .tel .zx a{text-align:center; line-height:55px; color:#fff; font-size:16px; font-weight:bold; display:block;}



.about_bg{margin:30px auto 0 auto;width:100%; height:515px;background:url(../images/ab_bg.jpg) no-repeat center; position:relative;}

.about_bg .ab_t img{ width:80px; height:178px;  position:absolute; top: -55px;left: 15px;}

.about{width:1180px;margin:0 auto; height:412px; padding-top:55px; position:relative;}

.about .ab_img{width:440px; height:330px; float:right; margin:38px 0 0 0px; position:absolute;right:0; background:#333;}

.about .ab_img img{width:456px; height:286px;margin: 20px 0px 0 0;position: absolute;right: 20px; }

.about .box {width:730px; height:400px; float:left; background:#00a2ea; position:relative; padding-left:115px;}

.about .box a {font-size:18px; font-weight:normal; color:#fff; display: block; margin:40px 0 20px 0px; line-height:45px; background:url(../images/ab_xt.png) no-repeat bottom left;}

.about .box p {font-size:14px;color:#fff; width:520px; line-height:30px; height:210px; overflow:hidden; text-indent:2em;}

.about .box .xq a{margin:25px 0px 0 0px; float:left; width:163px; height:48px; background:#98bade; display:block; line-height:48px; text-align:center; color:#fff; font-size:14px;}





.xinxi_bg{width:100%; height:480px; margin:0px auto; padding-top:75px;}

.xinxi{ width:1180px; height:450px; margin: 0 auto; position:relative;}

.xinxi .kuaixun{ width:370px; height:470px; float:left;margin:0 11px;position:relative;}

.kuaixun .kx_t{ height:64px; width:125px;margin:0 auto; background:url(../images/news_t.png) no-repeat left center; float:left; position:absolute; top:15px;top: -25px;

z-index: 99; left:30px;}

.kuaixun .kx_t .kxt1{ font-size:18px;font-family: microsoft yahei;}

.kuaixun .kx_t .kxt1 a{font-size:18px; font-weight:normal;color:#fff;padding: 15px 0 0 15px;display: block;}

.kuaixun .kx_t .kxt1 b{font-size:14px; font-weight:normal;color:#fff; padding:6px 0 0 15px;display: block;}

.kuaixun .kx_t .kxt2{ font-size:14px;font-family: microsoft yahei; float:right;padding-right:5px; }

.kuaixun .kx_t .kxt2 a{ font-size:14px;color:#545454;}



.kuaixun .kx_con{ padding-top:10px; float:left; position:relative;}

.kuaixun .kx_con img{ width:370px; height:210px;}

.kuaixun .kx_con ul{ float:left; padding-top:10px;}

.kuaixun .kx_con ul li{ height:45px; overflow:hidden;line-height:45px;  float:left; width:370px;-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out;}

.kuaixun .kx_con ul li a{ float:left; width:235px; overflow:hidden; height:45px; font-size:14px;color:#666;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }

.kuaixun .kx_con ul li span{ float:right; color:#666; font-size:14px;}



.catenate_bg{margin:0px auto; width:100%; background:url(../images/links_bg.jpg) no-repeat center; height:100px;}

.catenate{margin:0px auto; width:1180px;height:100px;}

.catenate .link{float:left;font-size:18px;color:#e6212a; line-height:88px;font-weight:bold; margin-right:20px;padding-left: 135px;}

.catenate .yq a{font-size:14px;color:#545454; float:left; height:88px;line-height:88px; text-align:center;margin-left:10px; }