@charset "utf-8";

/*banner*/
.banner{position: relative; height:938px;overflow: hidden;clear: both;}
.banner:before{content: "";position: absolute;width: 100%;height:142px;left: 0;bottom: 0;background:url(../images/bannerbg.png) no-repeat center 0;z-index: 2;}
.ban_p li{ display:block; height:938px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 938px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.prev1,.next1,.prev2,.next2{width:61px;height: 61px;top:476px;z-index: 9;cursor: pointer;left: 50%;margin-left: 599px;}
.prev2,.next2{top: 270px;}
.prev1{margin-left:-661px;}
.next2{margin-left:520px;}
.prev2{margin-left:-580px;}

.til01{text-align: center;color: #111;font-size:44px;line-height:56px;font-family: "Microsoft Yahei";clear: both;display: block;height:121px;white-space: nowrap; }
.til01 span{color: #666;display: block;font-size:20px;line-height:33px;font-weight: normal;background:url(../images/hhbj.png) no-repeat bottom center; height:50px;}
.til01 a{color: #111;}

/*引子*/
.webox{padding:27px 0;height:510px;font-family:"Microsoft Yahei";line-height:24px;position: relative;background:url(../images/ry_bj.jpg) no-repeat bottom center;}
.webox_c{height: 260px;border-bottom: solid 2px #dcdcdc;}
.webox_r{width: 162px;}
.webox_l{width:962px;padding: 45px 0 0 20px;}
.webox_l dt{width:180px;float: left;}
.webox_l dd{width:774px;float: right;border-top: solid 1px #dcdcdc;padding: 10px 0 0;}
.webox_l dd h3{font-size: 24px;line-height: 52px;color: #333;}
.webox_l dd p{height: 55px; font-size:15px;}
.webox_l dd span{display: block;float: right;background:url(../images/we_ico2.gif) no-repeat right 0;width: 158px;}

/*疑惑*/
.why{height: 180px; padding: 54px 0 0;font-family:"Microsoft Yahei";font-size: 16px;line-height: 26px;color: #333;text-align: center;}
/*产品展示左边*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.gd{ margin:10px 0; padding-bottom:50px;}
.gd h3.title1{ height:66px; background:url(../images/case_jiah.png) no-repeat 15px 10px; position:relative; font-size:30px; line-height:32px; padding-left:55px;  font-weight: bold;color: #1f51a6; border-bottom: 1px solid #eee;}
.gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1 span{background:url(../images/al_ico3.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#000;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.gd .tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:right; overflow:hidden;}
.gd .chanpin{ width:900px;  float: left; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #ed0000;color: #fff; border: 1px solid #f7f7f7; border-radius:0px;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #e6e6e6;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}	
/*产品展示右边*/	
.R-gd{ margin:10px 0; padding-bottom:50px; }
.R-gd h3.title1{ height:66px; background:url(../images/case_jiah.png) no-repeat 15px 10px; position:relative; font-size:30px; line-height:32px; padding-left:55px;  font-weight: bold;color: #1f51a6; border-bottom: 1px solid #eee;}
.R-gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.R-gd h3.title1 span{background:url(../images/al_ico3.png) no-repeat left center; padding-left:40px; margin-left:430px; color:#000;}
.R-gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}

.R-gd .R-tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:left; overflow:hidden;}
.R-gd .R-chanpin{ width:900px;  float: right; }
.R-gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.R-metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.R-metTab h3.metTabIn {   background-color: #ed0000;color: #fff; border: 1px solid #f7f7f7; border-radius:0px;}
.R-metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.R-metTab .metConIn{  display:block; }
.R-metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.R-metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:27px; text-align:left; margin:10px auto;}

.R-chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.R-chanpin ul li { width: 29%; padding: 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.R-chanpin ul li img{   border: 0px solid #eee; }
.R-chanpin ul li a .imgauto { width: 100%;  height: 255px;}
.R-chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 16px; color:#000;}
.R-chanpin ul li:nth-child(2n) { margin-right: 0;}
.R-chanpin ul li:hover { border: 1px solid #e6e6e6;}
.R-chanpin ul li:hover img { opacity: .6;}
.R-chanpin ul li:hover span { color: #036aac;}	
	/*产品展示*/

/*案例*/
.case{ height:860px; padding-top:70px; background:url(../images/case_bg.jpg) no-repeat center top;}
.caset{ height:56px; background:#f2f2f2; overflow:hidden; margin-bottom:28px;}
.caset h3{ width:11.11%; height:56px; float:left; font:16px "Microsoft YaHei UI"; line-height:56px; color:#1e1e1e; text-align:center;}
.caset h3 a{ display:block; color:#1e1e1e;}
.caset h3 a:hover{ background:#172a88; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.case dl{ width:333px; height:514px; padding:30px 25px 0 25px; float:left; margin:10px 13px 10px 5px; background:#f5f5f5; border:1px solid #e2e2e2;}
.case dt{ width:330px; height:250px; overflow:hidden; position:relative;}
.case dt img{ display:block;width:330px; height:250px;}
.case dd h3 a{ display:block; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#000; height:45px; line-height:45px; margin-top:30px; overflow:hidden;}
.case dd h5{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#1a1a1a;}
.case dd p{ font:14px "Microsoft YaHei UI"; line-height:25px; height:50px; overflow:hidden; margin:15px 0 15px;}
.case dd span a{ display:block; width:45px; height:45px; background:url(../images/case_arr1.png) no-repeat;}
.case dl:hover h3 a{ color:#172a88;}
.case dl:hover span a{ background:url(../images/case_arr2.png) no-repeat;}
.case dl:hover{ background:#fff; border:1px solid #fff; box-shadow:0 0 0.5rem #ccc;}
.case dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.case dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }

.case .content{ position:relative;}
.case1{ overflow:hidden;}
.case_l{ font:60px "宋体"; font-weight:bold; color:#333; position:absolute; top:380px; left:-60px;cursor:pointer;}
.case_r{ font:60px "宋体"; font-weight:bold; color:#333; position:absolute; top:380px; right:-60px;cursor:pointer;}


/*优势*/
.zc_bj{background: url(../images/zc_bj.jpg) no-repeat center top;height: 835px;box-sizing: border-box;padding-top:209px;}
.zc_nr{margin-top:30px;}
.zc_c li{float:left;width:285px;height: 382px;background: #fff;margin-right:20px;text-align: center;padding-top:38px;box-sizing: border-box;transition: all 0.5s}
.zc_c li i{display: block;width:136px;height: 136px;margin:0 auto;position: relative;transform-style: preserve-3d;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;}
.zc_c li i img{position: absolute;left:0;top:0;transition: all 0.5s}
.zc_c li i img:first-child{z-index: 2;transform: rotateY(0deg);}
.zc_c li i img:last-child{opacity: 0;transform: rotateY(180deg);}
.zc_c li h4{height:;font-size:26px;color: #333333;margin-top:22px;height: 39px;line-height: 39px;transition: all 0.5s}
.zc_c li p{text-align: left;padding:12px 35px 0 31px;font-size:15px;line-height: 26px;transition: all 0.5s}
.zc_c li:hover{background: #1f51a6;}
.zc_c li:hover h4,.zc_c li:hover p{color: #fff;}
.zc_c li:hover i img:first-child{transform: rotateY(-180deg);opacity: 0}
.zc_c li:hover i img:last-child{transform: rotateY(0deg);z-index: 9;opacity: 1}
.zc_c li:last-child{margin:0;}
.zc_c li:nth-child(3) p,.zc_c li p{text-align:center;}
/*优势*/
.edge{clear: both;height:925px;line-height: 28px;border-bottom: solid 1px #ebebeb;font-family:"Microsoft Yahei";padding: 100px 0 0;position: relative;}
.edge:before{content: "";position: absolute;width: 56.77%;height: 671px;right: 0;bottom: 0;background: #f3f3f3;z-index:-1;}
.edgetil{height:161px;font-size: 20px;line-height: 34px;color: #454545;}
.edgetil p{background:url(../images/edgetil.png) no-repeat 252px 0;padding:20px 0 0 650px;}
.edgetil p b{display: block;font-size: 46px;line-height: 58px;color: #111;}
.edge_t{width:630px;height: 200px;text-align: center;left: 50%;top:800px;font-size:18px;line-height: 55px;z-index: 2;}
.edge_t li{width: 190px;height: 200px;float: left;padding:0 0 0 10px;}
.edge_t li p img{width: 190px;height: 121px;display: block;}
.edge_t li span{display: block;line-height: 58px;}
.edge_t li.cur p img{border: solid 2px #1f51a6;width: 186px;height: 117px;}
.edge_t li.cur span{font-weight: bold;color: #1f51a6;}
.prev3,.next3{width:52px;height: 52px;top:740px;z-index: 9;cursor: pointer;left: 50%;}
.prev3{margin-left:-52px;}
.edge_pho{width: 600px;left: 50%;margin-left: -600px;top: 838px;line-height: 24px;color: #333;height: 100px;}
.edge_pho b{display: block;height: 48px;line-height: 38px;color: #1f51a6;font-size: 30px;}
.edge_pho span a{display: block;height: 40px;line-height: 40px;color: #fff;background: #1f51a6;text-align: center;width: 141px;}


.edge_p{height:530px;display: block;width: 50%;float: left;}
.edge_p1{background:url(../images/edge_pic1.jpg) no-repeat right 0;}
.edge_p2{background:url(../images/edge_pic2.jpg) no-repeat right 0;}
.edge_p3{background:url(../images/edge_pic3.jpg) no-repeat right 0;}
.edge_w{height:380px;width: 50%;}
.edge_wr{width:506px;padding: 150px 0 0 95px;}
.edge_wr li{font-size:16px; line-height:28px; color:#333;}
.edge_wr h3{height: 150px;font-size: 32px;color: #222;line-height:46px;font-weight: normal;position: relative;}
.edge_wr h3 b{font-size: 42px;color: #1f51a6;line-height:56px;display: block;}
.edge_wr h3:before{content:"";position: absolute;width:61px;height:2px;left: 0;top:123px;background: #ed0000;}



/*资讯*/
.newbox{line-height: 24px;padding: 91px 0 0;height: 615px;font-family:"Microsoft Yahei";}
.new_t{height:73px;line-height:60px;font-size: 18px;position: relative;z-index: 1;text-align: center;}
.new_t li{float: left;padding: 0 38px 0 0;font-weight: bold;}
.new_t li span{padding: 0 0 0 36px;color: #333;display: inline-block;}
.new_t li.cur span{background-position: 0 -21px!important;color: #1f51a6;}
.new_c{height: 502px;}
.new_c1 dl{width:324px;float: left;height: 318px;margin: 0 30px 0 0;padding: 25px 28px;background: #f2f2f2;border-bottom: solid 2px #f2f2f2;}
.new_c1 dl:hover{border-bottom-color: #1f51a6;}
.new_c1 dl:nth-child(3n),.show_c ul li:nth-child(4n){margin: 0;}
.new_c1 dt{width:324px;height: 152px;display: block;overflow: hidden;}
.new_c1 dt img{width:324px;height: 162px;display: block;overflow: hidden;}
.new_c1 dd{height:214px;}
.new_c1 dd h3{height:42px;font-weight: normal;font-size: 16px;color: #333;line-height: 42px;padding: 10px 0 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c1 dd p{height:65px;border-bottom: solid 1px #ccc;margin-bottom:10px;}
.new_c1 dd span a{display: block;background:url(../images/inpbg4.png) no-repeat 0 0;line-height:52px;height:57px;padding: 0 16px;color: #666;text-transform: uppercase;}
.new_c1 dl:hover dd h3{color: #1f51a6;font-weight: bold;}
.new_c1 dl:hover dd span a{color: #fff;background:url(../images/inpbg5.png) no-repeat 0 0;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:24px;height: 870px;background:url(../images/aboutbg.jpg) no-repeat center 0;padding: 178px 0 0;text-align: center;}
.about_w{padding:10px 84px;}
.about_w h3{font-size: 26px;line-height: 60px;color: #333;}
.about_w h3 a{color: #333;display: block;}
.about_p,.about_p img{width: 1200px;height: 510px;display: block;overflow: hidden;}

/*风采展示*/
.show{height: 322px;font-family:"Microsoft Yahei";}
.show_t{height:64px;line-height:48px;font-size:20px;position: relative;z-index: 1;text-align: center;}
.show_t li{float: left;padding: 0 38px 0 0;font-weight: bold;}
.show_t li span{padding: 0 0 0 36px;color: #333;display: inline-block;}
.show_t li.cur span{background-position: 0 -28px!important;color: #1f51a6;}
.show_c li{width: 286px;float: left;margin: 0 18px 0 0;}
.show_c li p,.show_c li p img{width: 286px;height: 214px;display: block;overflow: hidden;}
.show_c li span{display: block;text-align: center;line-height: 44px;}

/*友情链接*/
.link{height:0;line-height:60px;color: #fff;position: relative;z-index: 9;width: 1200px;margin: 0 auto;}
.link_c{width:630px;position: absolute;right: 0;top: -60px;height: 60px;color: #fff;text-align: right;font-size: 16px;overflow: hidden;}
.link a{display: inline-block;color: #fff;font-size: 14px;padding: 0 0 0 25px;}


.about_p img, .new_c1 dt img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.about_p img:hover, .new_c1 dt img:hover, .show_c li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}