@charset "utf-8";
@charset "utf-8";
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.topline{height: 36px;background-color: #ededed;overflow: hidden;}
.topline .left{float: left;line-height: 36px;color: #a09999}
.topline .right{float: right;line-height:36px; }
.topline .right a{text-decoration: none;color: #a09999}
.top{height: 119px;overflow: hidden;}
.top .left{width: 500px;float: left;overflow: hidden;}
.top .left .logo{display: block;width: 230px;height: 65px;float: left;margin-top:31px;background: url(../images/logo.png) 0 0 no-repeat; }
.top .left .top-cont{width: 245px;float: left;padding-left: 11px;border-left: 1px solid #a7a7a7;height: 59px;margin-top: 34px;margin-left: 8px}
.top .left .top-cont h1{display: block;line-height: 31px;font-size: 20px;color: #515151}
.top .left .top-cont span{line-height: 20px;font-size: 16px;color: #515151}
.top .right{float:right;overflow: hidden;height: 60px;width: 286px;background: url(../images/iphone1.jpg) 0 center no-repeat;margin-top: 34px;padding-left: 54px}
.top .right h1{display: block;line-height: 25px;color: #3c6cce;font-size: 20px;float: left;height: 25px;margin-top: 3px;font-weight: bold;}
.top .right span{line-height: 26px;color: #3c6cce;font-size: 18px;font-weight: bold;float: left;height: 26px;font-weight: bold;}
.navbg{height: 59px;overflow: hidden;background: url(../images/navbg.jpg) 0 0 repeat-x;}
.nav{width: auto;float: left;height: 59px;overflow: hidden;}
.nav li{width: 127px;float: left;height: 59px;line-height: 59px;}
.nav li a{text-decoration: none;color: #fff;font-size: 15px;display: block;line-height: 59px;text-align: center}
.nav li a:hover{background: url(../images/navh.jpg) 0 0 no-repeat;}
.form{width: 223px;float: right;height: 31px;float: right;margin-top: 17px;overflow: hidden;}
.form .i1{width: 189px;height: 31px;border: none;background-color: #fff;border-radius: 5px 0 0 5px;float: left;}
.form .i2{width: 32px;height: 31px;border: none;background: #2752bf url(../images/fangdajing.png) center center no-repeat;border-radius: 0 5px 5px 0;float: left;} 
.banner{height: 601px;position: relative;overflow: hidden;}
.bannerprev{display: block;width:55px;height: 57px;background: url(../images/bannerprev.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: -878px;z-index: 99;top: 278px}
.bannernext{display: block;width:55px;height: 57px;background: url(../images/bannernext.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: 821px;z-index: 99;top: 278px}
.banner .pic{ height:601px;overflow: hidden;}
.banner .pic li{float: left;height:601px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}
.box1{height: 642px;overflow: hidden;}
.box-title{height: 61px;overflow: hidden;width: 100%;margin-top:33px}
.box-title h1{display: block;width: 100%;height: 33px;line-height: 33px;text-align: center;font-size: 24.5px;color: #5d5d5d}
.box-title h1 a{text-decoration: none;color: #5d5d5d}
.box-title span{display: block;width: 100%;height: 29px;line-height: 29px;text-align: center;font-size: 17px;color: #010101}
.prod-nav{height: 64px;width: 100%;margin-top: 18px;text-align: center;}
.prod-nav a{display: inline-block;width: 192px;height: 64px;line-height: 64px;font-size: 18px;color: #fff;text-decoration: none;background:url(../images/prodnav.jpg) 0 0 no-repeat;}
.prod-nav a:hover{color: #fff;background:url(../images/prodnavh.jpg) 0 0 no-repeat;}
.prod-nav .s{color: #fff;background:url(../images/prodnavh.jpg) 0 0 no-repeat;}
.prodlist{width: 1260px;height: 420px;overflow: hidden;margin-top: 30px}
.prodlist .tt{width: 1260px;display: none;}
.prodlist li{width: 365px;height: 408px;float: left;margin-right: 30px;border: 1px solid #d1d1d1;overflow: hidden;}
.prodlist li a{text-decoration: none;color: #333}
.prodlist li .picbox{width:100%;height: 300px;overflow: hidden;}
.prodlist li .text{width: 100%;height: 108px;background: url(../images/prodbtn.jpg) right bottom no-repeat;padding-left: 14px;overflow: hidden;box-sizing: border-box;}
.prodlist li .text h1{display: block;width: 100%;font-size: 16px;color: #4a4949;height:28px;line-height: 28px;margin-top: 10px;}
.prodlist li .text span{display: block;width: 100%;color: #bdbdbd;font-size: 14px;line-height: 16px;line-height: 28px;height: 28px;}
.prodlist li img{width:100%;height: 300px;transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.prodlist li:hover{border-bottom: 1px solid #407aee}
.prodlist li:hover img{transform:scale(1.06)}
.prodlist li:hover h1{color: #407aee}
.box2{height: 442px;overflow: hidden;background: url(../images/box2.jpg) center 0 no-repeat;}
.box2 .left{width: 534px;overflow: hidden;float: left;height: auto;}
.box2 .left h1{display: block;width: 100%;height: ;font-size: 44px;line-height: 48px;margin-top:69px;color: #fff;}
.box2 .left h2{font-size: 14px;line-height: 17px;margin-top: 12px;color: #fff;}
.box2 .left span{display:block;font-size: 14px;width: 100%;margin-top: 42px;line-height: 28px;text-align:justify;color: #fff;}
.box2 .left a{display: block;width: 122px;height: 29px;margin-top: 60px;margin-left: 410px;border: 1px solid #fff;background: url(../images/box2link.png) center center no-repeat;}
.box2 .left a:hover{animation:dot2 1.8s infinite;}
@keyframes dot2{0%{background-position: center center}49%{background-position: 122px center;opacity: 0}51%{background-position:-45px center;opacity: 0}100%{background-position: center center;opacity: 1}}
.box3{height: 648px;background-color: #fff}
.qyyslist{width: 1260px;overflow: hidden;padding-top: 10px;margin-top: 13px;padding-bottom: 10px;padding-left: 10px;margin-left: -10px}
.qyyslist li{width: 384px;height: 367px;overflow: hidden;float: left;margin-right: 23px;background-color: #fff}
.qyyslist li img{width: 100%;height: auto;}
.qyyslist li h1{display: block;width: 100%;line-height: 34px;margin-top: 12px;font-size: 18px;color: #3f3f3f;text-align: center;}
.qyyslist li span{font-size: 14px;color: #7f7f7f;text-align: center;display: block;}
.qyyslist li:hover{box-shadow: 4px 0 21px rgba(0,0,0,0.16)}
.qyyslist li:hover h1{color: #407aee}
.box4{height: 400px;overflow: hidden;background: url(../images/box4.jpg);margin-top: 44px;}
.zzlist{width: 1258px;height: 300px;overflow: hidden;margin-top: 37px;}
.zzlist li{width: 194px;height: 300px;overflow: hidden;float: left;margin-right: 57.5px;}
.zzlist li img{width: 194px;height: 252px;overflow: hidden;}
.zzlist li span{display: block;width: 100%;line-height: 44px;height: 44px;text-align: center;font-size: 12px;color: #474747}

.box5{height: 219px;background: url(../images/box5.jpg) center 0 no-repeat;}
.box6{height: 827px;background: url(../images/box6.jpg) center 0 no-repeat;}
.piclist1{width: 1222px;height: 230px;overflow: hidden;margin-top: 43px;}
.piclist1 li{width: 283px;height: 230px;overflow: hidden;float: left;margin-right: 22px;}
.piclist1 li img{width: 283px;height: 230px}

.piclist2{width: 1222px;height: 270px;overflow: hidden;margin-top: 43px;}
.piclist2 li{width: 220px;height: 270px;overflow: hidden;float: left;margin-right: 22px;}
.piclist2 li img{width: 220px;height: 220px}
.piclist2 li span{display: block;width: 100%;line-height: 44px;height: 44px;text-align: center;font-size: 12px;color: #474747}

.box7{height: 430px;overflow: hidden;background-color: #fff}
.box7 .left{float: left;width: 405px;height:430px;}
.box7 .right{float: right;width: 505px;height:430px;}
.box7-title{width: 100%;height: 42;line-height: 42px;margin-top: 30px;color: #010101;font-size: 23px}

.newslist{width: 100%;height: auto;overflow: hidden;margin-top: 22px;}
.newslist li{width: 100%;overflow: hidden;height: 102px;overflow: hidden;}
.newslist li a{text-decoration: none;color: #333;display: block;}
.newslist li h1{width: 100%;display: block;font-size: 15px;color: #59595a;height: 23px;line-height: 23px;}
.newslist li span{line-height: 27px;font-size: 12px;color: #b1a8bb;margin-top: 4px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}
.newslist li:hover h1{color: #407aee}

.box8{height: 328px;overflow: hidden;background: url(../images/box8.jpg) center 0 no-repeat;}
.box-title2 h1,.box-title2 span{color: #fff}
.friendlist{width: 1200px;height: 160px;overflow: hidden;margin-top: 43px;}
.friendlist li{width: 220px;height: 160px;overflow: hidden;float: left;margin-right: 10px;margin-left: 10px; }
.friendlist li img{width: 220px;height: 160px;}

.footer{height: 126px;background-color: #1e5fd7;overflow: hidden;}
.footer .bt-logo{width: 150px;height: 126px;overflow: hidden;background: url(../images/btlogo.png) 0 center no-repeat;margin-left: 140px;float: left;}
.footer .center{width: 420px;height: 126px;margin-left: 105px;float: left;box-sizing: border-box;padding-top: 26px;}
.footer .center h1{display: block;width: 100%;height: 34px;line-height: 34px;font-size: 18px;color: #fff;}
.footer .right{width: 300px;height: 126px;box-sizing: border-box;padding-top: 26px;float: left;}
.footer .center span,.footer .right span{display: block;width: 100%;height: 34px;line-height: 34px;font-size: 16px;color: #fff}

.piaofu{width: 60px;height: 60px;position: absolute;left: 50%;margin-left: -30px;top: 2555px;z-index: 99;background:url(../images/btn.png) 0 0 no-repeat;display: block;cursor: pointer;}



.page{min-height: 500px;padding-bottom: 20px}
.pagebanner{height: 257px;overflow: hidden;}
.pagebanner1{background:url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{background:url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{background:url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{background:url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{background:url(../images/pagebanner5.jpg) center 0 no-repeat;}

.location{height: 94px;line-height: 94px;width: 100%;overflow: hidden;border-bottom: 1px solid #e6e6e6}
.location .left{float: left;}
.location .right{float: right;}
.location .right a{text-decoration: none;color: #6a6a6a;margin-left: 7px;margin-right: 7px}
.location .right a:hover{color: #407aee}
.location .right .s{color: #407aee}
.page-title{height: 47px;}
.page-title h1{display: block;height: 29px;line-height: 29px;text-align:center;color: #3b3b3b;font-size: 24px}
.page-title span{display: block;height: 18px;line-height: 18px;text-align: center;font-size: 16px;color: #c9c9c9}
.pagecontent{width: 100%;height: auto;overflow: hidden;}

.newslist2{width: 100%;height: auto;overflow: hidden;}
.newslist2 li{width: 100%;height: 187px;overflow: hidden;border-bottom: 1px solid #e6e6e6}
.newslist2 li .left{width: 170px;height: 187px;float: left;background: url(../images/newsbd4.jpg) right 65px no-repeat;}
.newslist2 li .left h1{display: block;width: 100%;height: 29px;margin-top: 51px;font-size: 24px;color: #6e6e6e;text-indent: 21px}
.newslist2 li .left .link{width: 38px;height: 38px;background: url(../images/newsbd5.png) center center no-repeat;margin-left: 25px;margin-top:20px }
.newslist2 li .center{width:550px;float: left;}
.newslist2 li .center h1{display: block;width: 100%;line-height: 29px;margin-top: 51px;font-size: 20px;color: #6e6e6e}
.newslist2 li .center span{display: block;width: 100%;color: #989898;line-height: 29px;margin-top: 14px}
.newslist2 li .right{float: right;margin-top: 28px;width: 199px;height: 131px;overflow: hidden;}
.newslist2 li .right img{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.newslist2 li:hover .left .link{background:#407aee url(../images/newsbd5h.png) center center no-repeat;}
.newslist2 li:hover .center h1{color: #407aee }
.newslist2 li:hover .right img{transform:scale(1.06)}



.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}


.prodlist2{width: 1260px;height: auto;overflow: hidden;margin-top: 56px}
.prodlist2 li{width: 275px;height: 310px;float: left;margin-right: 30px;border: 1px solid #d1d1d1;overflow: hidden;margin-bottom: 30px;}
.prodlist2 li a{text-decoration: none;color: #333}
.prodlist2 li .picbox{width:275px;height: 227px;overflow: hidden;}
.prodlist2 li .text{width: 261px;height: 83px;background: url(../images/prodbtn.jpg) right bottom no-repeat;padding-left: 14px;overflow: hidden;}
.prodlist2 li .text h1{display: block;width: 100%;font-size: 16px;color: #4a4949;margin-top: 8px}
.prodlist2 li .text span{display: block;width: 100%;color: #bdbdbd;font-size: 14px;line-height: 16px}
.prodlist2 li:hover{border-bottom: 1px solid #407aee}
.prodlist2 li img{width:275px;height: 227px;transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s;}
.prodlist2 li:hover img{transform:scale(1.06)}
.prodlist2 li:hover h1{color: #407aee}

.prodpage{width: 1032px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin-top: 45px;margin-left: 55px}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 302px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 302px}
.prodpage .right{width: 511px;float: right;margin-right: 47px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #407aee;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}
.prodcontent{width: 946px;height: auto;margin-bottom: 20px;margin-left: 47px;margin-top: 15px;overflow: hidden;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.page-main{margin-top: 50px;min-height: 500px;overflow: hidden;width: 100%}
.page-left{width: 220px;height: auto;overflow: hidden;float: left}
.page-title{width: 100%;height: 65px;overflow: hidden;text-align: center;line-height: 65px;color: #fff;font-size: 22px;color: #fff;margin-bottom: 1px;background-color: #2151b7}
.page-right{float: right;width: 920px;height: auto}
.page-nav{width: 100%;height: auto;overflow: hidden}
.page-nav li{width: 100%;height: 50px;line-height: 50px;margin-bottom: 1px;}
.page-nav li a{width: 100%;height: 100%;background-color: #4369b8;text-align: center;line-height: 50px;color: #fff;font-size: 16px;display: block;text-decoration: none}
.page-nav li a:hover{background-color: #4b5161}

.prod-nav2{height: auto;width: 100%;margin-top: 18px;text-align: center;}
.prod-nav2 a{display: inline-block;width: 192px;height: 64px;line-height: 64px;font-size: 18px;color: #fff;text-decoration: none;background:url(../images/prodnav.jpg) 0 0 no-repeat;margin-bottom: 15px;}
.prod-nav2 a:hover{color: #fff;background:url(../images/prodnavh.jpg) 0 0 no-repeat;}
.prod-nav2 .s{color: #fff;background:url(../images/prodnavh.jpg) 0 0 no-repeat;}