
.product_bg{margin:30px auto 0 auto;width:100%;}
.product{margin:0 auto;width:1180px; height:560px;}
.list{ float:left; width:220px; height:auto; background:#015cb5;  }
.list .list_t{height:108px; width:216px; border:1px solid #0c63b7; margin:2px;}
.list .list_t h2{ font-size:28px; color:#fff;display:block; font-weight:bold;padding:20px 0 0 0; text-align:center; }
.list .list_t p{font-size:14px; color:#fff; text-align:center;}
.list .list_con{width:216px; background:#fff;margin:0 2px; }

#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0px 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{ height:60px;width:196px;margin:0 10px; border-bottom:1px solid #e3e3e3;}
#menu li a { height:60px;font-size:16px;color:#333; line-height:60px; display:block; text-indent:20px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;background:url(../images/buttom2.png) no-repeat 10px center; padding-left:15px;  }
#menu li:hover a{color:#015cb5;}

.list .tel{width:216px; background:#fff; margin:0 auto 2px auto; padding:8px 0;}
.list .tel span{ font-size:14px; color:#333; text-align:center; display:block;background:url(../images/tel1.png) no-repeat top center;  margin:0 auto; padding-top:50px; }
.list .tel p{ font-size:30px; color:#015cb5; text-align:center; line-height:40px;}

#tab{width:940px;position:relative;margin:0 auto; float:right;} 
#tab .tab_t { height:50px;  }
#tab .tab_menu{width:360px; display: flex;z-index:1; height:50px; justify-content:space-between;}
#tab .tab_menu li{width:23%;height:50px;line-height:50px;cursor:pointer; box-sizing:border-box;text-align:center;margin:0px;}
#tab .tab_menu li a{font-size:18px; text-decoration: none; font-weight: bold; background-color: #eaeaea; display: inline-block;width: 100%;height: 100%; border-radius: 10px;}
#tab .tab_box{width:940px;height:auto;clear:both;top:20px;position:relative; float:right; overflow:hidden;}
#tab .tab_menu .selected{cursor:pointer;color:#fff; height:50px; }
#tab .tab_menu .selected a{background:#015cb5 ;color: #ffffff;font-weight: bold;}
#tab .tab_t .more{ float:right; width:50px; height:50px; background:#f7c433;}
#tab .tab_t .more a{ font-size:36px; color:#fff; display:block; text-align:center; line-height:50px;}

#tab .tab_box ul li{width:220px; height:221px;float:left;margin:5px 15px 20px 0px; position:relative; }
#tab .tab_box ul li p{width:377px; height:41px; line-height:41px;background:url(../images/an_hov_bg.png) repeat center; position:absolute; left:0px; bottom:0px; }
#tab .tab_box ul li p a{color:#fff; font-size:14px; text-align:center; line-height:41px; height:41px; display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; }
#tab .tab_box ul li.last{ overflow:none;}
#tab .tab_box ul li a{ width:220px; height:221px; display:block; overflow:hidden;}
#tab .tab_box ul li img{ width:220px; height:221px;position:relative;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s; overflow:hidden;}
#tab .hide{display:none;}
#tab .tab_box 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;}

.banner_1{width:100%; height:220px;margin:30px auto 0 auto;background:url(../images/banner_1.jpg)  no-repeat center; }
.banner_box{ width:1180px; margin:0 auto; height:220px;}
.banner_1 .location{ width:530px; height:200px; float:left;text-align:left;}
.banner_1 .location .loc1{ font-size:18px; color:#000; font-weight:normal;margin:30px 0 0 0px; text-align:center; width:413px; height:47px; line-height:47px; background:#f7c433;}
.banner_1 .location .loc2{ font-size:36px; color:#f7c433; font-weight:bold;margin:5px 0 0 0px;}
.banner_1 .location .loc3{font-size:14px; color:#fff;font-weight:normal;margin: 20px 0 0 5px; }
.banner_1 .message{ float:left; width:570px; margin:25px 0px 0 79px;height:185px;}
.banner_1 .message h5{font-size:18px; color:#fff; text-align:left; margin-top:25px; float:left; font-weight:normal;}
.banner_1 .message h5 span{font-size:27px; color:#fff; font-weight:bold; display:block; margin-top:15px;}
.banner_1 .message .m_list{ float:left; width:330px; margin-left:30px;}
.banner_1 .message .form-group input{ width:124px; height:35px;  margin-bottom:10px;background:none; border:1px dashed #000000;padding:0 10px; float:left; margin-right:5px; color:#000000; font-size:12px;}
.banner_1 .message .form-group1 textarea{width:275px; height:70px;background:none; border:1px dashed #000;padding:0 10px;color:#000; font-size:12px; }
.banner_1 .message .buttom{ width:295px; height:33px; background:#f7c433; margin-top:12px;}
.banner_1 .message .buttom .an1{ font-size:14px; color:#fff; text-align:center; line-height:33px; background:#f7c433; border:none;}
				
.advantage_bg{ width:100%; height:1260px; margin:30px auto 0 auto; position:relative;background:url(../images/ys_bg.jpg)  no-repeat bottom center;}
.advantage{ width:1180px; height:1260px; margin:0 auto; position:relative;}
.te_t{width:1180px; margin:0 auto;}
.te_t h3{ font-size:32px; font-weight:bold; color:#015cb5; text-align:center; display:block; line-height:55px;}
.te_t h3 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; color:#f7c433;}
.te_t p{font-size:18px; font-weight:normal; color:#333; text-align:center;text-transform: uppercase;background:url(../images/ys_t.jpg) no-repeat center; }

.advantage .te1{ position:absolute; top:170px;width:400px; height:200px;left:400px;}
.advantage .te1 .tet{ color:#004f9c; font-size:24px;position:absolute; font-weight:bold;  left:0px;line-height:28px; }
.advantage .te1 .tecon{ color:#333;  font-size:14px;position:absolute; top:40px; left:0px; }
.advantage .te1 .tecon p{line-height:30px; margin-bottom:10px; background:url(../images/buttom3.png) no-repeat left center; padding-left:15px; }


.advantage .te2{ position:absolute; top:600px; left:400px;width:400px; height:200px;}
.advantage .te2 .tet{color:#004f9c; font-size:24px;position:absolute; font-weight:bold;  left:0px;line-height:28px;}
.advantage .te2 .tecon{color:#333;  font-size:14px;position:absolute; top:40px; left:0px;}
.advantage .te2 .tecon p{line-height:30px; margin-bottom:10px; background:url(../images/buttom3.png) no-repeat left 13px; padding-left:15px; }

.advantage .te3{ position:absolute; top:950px;width:400px; height:200px;left:400px;}
.advantage .te3 .tet{color:#004f9c; font-size:24px;position:absolute; font-weight:bold;  left:0px;line-height:28px;}
.advantage .te3 .tecon{ color:#333; font-size:15px;position:absolute; top:40px; left:0px;}   
.advantage .te3 .tecon p{line-height:30px; margin-bottom:10px;background:url(../images/buttom3.png) no-repeat left center; padding-left:15px; }

.advantage .tu1{ width:390px; height:325px;position:absolute; top: 150px;left: 0px;}
.advantage .tu2{width:193px; height:193px;position:absolute; top: 260px;right: 0px;}
.advantage .tu3{width:193px; height:193px;position:absolute; top: 650px;left: 0px;}
.advantage .tu4{ width:390px; height:325px;position:absolute; top: 575px;right: 0px;}
.advantage .tu5{ width:390px; height:325px;position:absolute; bottom: 8px;left: 0px;}
.advantage .tu6{width:193px; height:193px;position:absolute; bottom: 25px;right: 0px;}

.case_wrap{width:100%;margin:30px auto 0 auto; height:610px; background:#f7f7f7; }
.case_wrap .con_width{width:1180px; margin:0 auto;padding-top:30px;}
.case_t{width:1180px; margin:0 auto;}
.case_t h3{ font-size:27px; font-weight:bold; color:#015cb5; text-align:center; }
.case_t p{font-size:18px; font-weight:normal; color:#333; text-align:center;text-transform: uppercase;background:url(../images/buttom.png) no-repeat center; }
.case_con{ width:1178px; height:430px; border:1px solid #ccc; margin:30px auto 0 auto;}
.case_con ul li:first-child{width:550px;height:390px;margin-left: 15px;}
.case_con ul li:first-child > a{ width:550px;height:390px;overflow:hidden;}
.case_con ul li:first-child a img{width:550px;height:390px;}
.case_con ul li:first-child .anl_rig{width:550px;height:45px; position:absolute; bottom:0;}
.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1{width:546px;}
.case_con ul li:first-child .hover .bor_right_1,.case_con ul li:first-child .hover .bor_left_1{height:416px;}
.case_con ul li:first-child .anl_rig .an_more{margin:0px auto;}
.case_con ul li:first-child .anl_rig{background:url(../images/an_hov_bg.png);width:550px;height:80px; text-align:center;position:absolute; bottom:0;}
.case_con ul li:first-child .anl_rig .an_more h5 a{font-size:18px; text-align:left; display:block;font-weight:normal;color:#fff; margin:2px 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_con ul li:first-child .anl_rig .an_more p{font-size:14px; color:#fff; text-align:center; padding:0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_con ul li:first-child .anl_rig .an_more a{display:block;}

.case_con ul{overflow:hidden;width:1300px;margin-top:20px;}
.case_con ul li{float:left;position:relative;margin-right:21px;margin-bottom:20px;}
.case_con ul li > a{ width:275px;height:185px;overflow:hidden;display:block;}
.case_con ul li a img{ width:275px;height:185px; }
.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png);width:275px;height:45px; text-align:center;position:absolute; bottom:0;}
.case_con ul li .anl_rig .an_more{color:#fff;}
.case_con ul li .anl_rig .an_more h5 a{font-size:14px; text-align:left;height:40px;line-height: 40px; display:block;font-weight:normal;color:#fff; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_con ul li .anl_rig .an_more a{display:block;}
.case_con ul li .anl_rig .bor{ background:#fff;position:absolute;}
.case_con .hover .bor_top_1,.hover .bor_bottom_1{width:275px;}
.case_con .hover .bor_right_1,.hover .bor_left_1{height:185px;}
.bor_top_1{width:0;height:1px;top:7px;left:7px; -webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out}
	
.about{margin:30px auto 0 auto;width:1180px; height:auto;}
.about .ab_t h3{ font-size:27px; font-weight:bold; color:#015cb5; text-align:center; }
.about .ab_t p{font-size:18px; font-weight:normal; color:#333; text-align:center;text-transform: uppercase;background:url(../images/buttom.png) no-repeat center; }
.about .ab_nr{margin:30px auto 0 auto;width:1180px;height:315px;}
.about .ab_nr .ab_img{ width:590px; height:315px; float:left;}
.about .ab_nr .ab_img img{ width:590px; height:315px;}
.about .ab_nr .nr{width:500px; height:270px; float:right; background:#015cb5; padding:45px 45px 0 45px;}
.about .ab_nr .nr h5 a{ font-size:18px; color:#fff; display:block; font-weight:normal;background:url(../images/ab_t.jpg) no-repeat bottom left; padding-bottom:10px; }
.about .ab_nr .nr p{font-size:14px; color:#fff; line-height:30px; height:120px; overflow:hidden; margin:15px 0 20px 0;}
.about .ab_nr .nr .xq{ width:131px; height:33px;background:url(../images/xq.png) no-repeat center;}
.about .ab_nr .nr .xq a{font-size:14px; color:#fff; line-height:33px; text-align:center; display:block;}


.fc{margin:20px auto 0 auto;width:1180px; height:auto; position:relative; }
.fc .fc_t{margin:0 auto;width:1180px; height:40px; line-height:40px;} 
.fc .fc_t h3{ font-size:18px; font-weight:normal; color:#222; float:left;}
.fc .fc_t .more{font-size:14px;font-weight:normal; color:#222; float:right;}
.fc .picScroll-left{ width:1180px; margin:20px auto 0 auto ; height:220px; overflow:hidden;}
.picScroll-left .hd{ overflow:hidden;  }
.picScroll-left  .prev{ display:block;  width:33px; height:36px; float:right;  overflow:hidden;cursor:pointer; background: url(../images/left.jpg) no-repeat; position:absolute; top:130px; left:-17px; z-index:99;}
.picScroll-left  .next{ display:block; width:33px; height:36px; float:right;  overflow:hidden;cursor:pointer; background:url(../images/right.jpg) no-repeat;position:absolute; top:130px; right:-17px;z-index:99; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:0px; zoom:1; }
.picScroll-left .bd{ width:1180px; margin:0 auto;}
.picScroll-left .bd ul li{width:280px; height:210px; float:left; margin:0 20px 0 0px; position:relative;}
.picScroll-left .bd ul li img{width:280px; height:180px; position:relative;}
.picScroll-left .bd ul li p{width:280px; height:30px;}
.picScroll-left .bd ul li p a{ font-size:14px; color:#333; text-align:center; line-height:30px; display:block;text-overflow: ellipsis;
white-space: nowrap;overflow:hidden;}
.picScroll-left .bd ul li p a:hover{color:#015cb5;}
.picScroll-left  .prev:hover{background: url(../images/left1.jpg) no-repeat;}
.picScroll-left  .next:hover{background: url(../images/right1.jpg) no-repeat;}

.news_bg{ width:100%; height:600px; margin:30px auto 0 auto; background:#f7f7f7;}
.news_bg .news{margin:0 auto;width:1180px; height:540px; padding:60px 0 0 0; position:relative; }
.news_l{ float:left; background:#fff; height:500px; width:360px; margin:0 15px; position:relative;}
.news_l .news_t{ height:70px; width:326px; position:relative; padding:0 17px;}
.news_l .news_t .d_title{ width:110px; height:90px; background:#015cb5; float:left; position:relative; margin-top:-20px;-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;}
.news_l .news_t .d_title:hover{-webkit-transform: translateY(-15px);transform: translateY(-15px);}	
.news .news_l .news_t .d_title h3{ font-size:16px; color:#fff; font-weight:normal; text-align:center;margin-top: 20px;}
.news .news_l .news_t .d_title span{font-size:14px; color:#fff;text-transform: uppercase; text-align:center; display:block;}
.news .news_l .news_t .more{ float:right; border:1px solid #c0c0c0; width:77px; height:27px;margin-top:20px;  }
.news .news_l .news_t .more a{ line-height:27px; text-align:center; display:block; color:#c0c0c0; font-size:14px; }
.news_nr{width:326px; margin:20px auto;}
.news_nr .nr{width:326px; height:120px;}
.news_nr .nr .nr_img{ float:left; width:170px; height:120px;}
.news_nr .nr .nr_img img{ width:170px; height:120px;}
.news_nr .nr .nr_r{ float:right; width:135px;}
.news_nr .nr .nr_r h5 a{ font-size:14px; color:#333; display:block;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;}
.news_nr .nr .nr_r p{ font-size:14px; color:#666; line-height:24px; height:70px; overflow:hidden; margin:4px 0;}
.news_nr .nr .nr_r span{font-size:14px; color:#666; }
.news_nr ul{width:326px; margin-top:10px;}
.news_nr ul li{width:326px; height:40px; line-height:40px; border-bottom:1px dashed #e5e5e5;}
.news_nr ul li a{ float:left; width:200px;font-size:14px; color:#666; display:block;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;background:url(../images/buttom1.png) no-repeat center left; padding-left:15px; }
.news_nr ul li span{ float:right; font-size:14px; color:#666;}
.news_nr ul li a:hover{color:#015cb5;}

.question_nr{  height:440px;overflow:hidden;width:326px; margin:20px auto;}
.question_nr .wen a{color:#333;font-size:14px; line-height:25px; background:url(../images/Q.jpg) no-repeat left center;padding-left:35px;display: block;text-overflow: ellipsis;
white-space: nowrap;overflow:hidden;}
.question_nr ul li{border-bottom:1px dashed #e5e5e5;margin:24px auto; height:100px;}
.question_nr .da{margin:15px auto;}
.question_nr .da p{color:#666;font-size:14px; line-height:25px;background:url(../images/A.jpg) no-repeat left top;padding-left:35px; height:50px;overflow: hidden;}
.question_nr .wen a:hover{color:#015cb5;}
