.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{ overflow-x:hidden;}

.bantest {position: relative;width: 100%;overflow: hidden;}   
.banner{ width:100%; position:relative;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
.banner .slick-arrow{ display:none; width:0; height:0; background:none;}
.banner .slick-dots{ position:absolute; bottom:30px; height:30px;}
.banner .slick-dots li button:before{ content:""; position:absolute; width:10px; height:10px; border:2px solid #fff; border-radius:10px;opacity:1;}
.banner .slick-dots .slick-active button:before{ background:#fff;}

.tit{ text-align:center; font:40px "Microsoft YaHei UI"; font-weight:bold; color:#000;}
.tit a{ display:block; color:#000;}
.tit em{ display:block; font:20px "Microsoft YaHei UI";color:#333; margin-top:10px; letter-spacing:12px; background:url(../img/titbg.png) center no-repeat;}

.yinz{ height:644px; padding-top:83px; overflow:hidden;}
.yinz dl{ height:430px; background:url(img/yinz_bg.jpg) no-repeat right top; overflow:hidden;}
.yinz dt{ width:600px; height:402px; float:left; overflow:hidden;}
.yizn dt img{ display:block;width:600px; height:402px;}
.yinz dd{ width:542px; float:right; position:relative;}
.yinz dd h3{ font:46px "Microsoft YaHei UI"; color:#2f2f2f; font-weight:bold; margin:35px 0;}
.yinz dd h3 em{ display:block;}
.yinz dd p{ font:14px "Microsoft YaHei UI"; line-height:28px; color:#666666;}
.yinz h5 img{ display:block;}
.yinz ul{ height:124px; border:1px solid #dcdcdc;}
.yinz li{ width:238px; height:124px; border-right:1px solid #dcdcdc; float:left; position:relative; font:20px "Microsoft YaHei UI"; text-align:center; color:#232323;}
.yinz li:last-child{ width:242px; border:0;}
.yinz li h3{ width:50px; height:53px; float:left; position:relative; margin:43px 0 0 16px;}
.yinz li h3 em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.yinz li h3 i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.yinz li p{ width:150px; float:left; padding:25px 0 0 015px; text-align:center; font:20px "Microsoft YaHei UI"; color:#666;}
.yinz li p span{ display:block; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#333;}
.yinz li p em{ font-size:38px;}
.yinz li h3 img{ display:block; width:50px; height:53px;}
.yinz li:hover{ background:#ff7400;}
.yinz li:hover p,.yinz li:hover p span{ color:#fff;}
.yinz li:hover h3 em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.yinz li:hover h3 i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}


.case{ background:#f3f3f3 url(img/case_bg.jpg) no-repeat center top; height:920px; padding-top:70px; overflow:hidden;}
.case h2{ width:515px; height:150px; float:left; overflow:hidden; font:52px "Microsoft YaHei UI"; font-weight:bold; color:#fff;}
.case h2 a{ display:block; color:#fff;}
.case h2 em{ display:block; font:22px "Microsoft YaHei UI"; margin-top:20px; background:url(img/case_f.png) no-repeat left center; padding-left:21px;}
.caset{ width:570px; float:right; height:150px; overflow:hidden;}
.caset h3{ width:190px; float:left; font:16px "Microsoft YaHei UI"; line-height:38px; height:38px; overflow:hidden;}
.caset h3 a{ display:block; color:#dddee0; padding-left:30px;}
.caset h3 a:hover{ font-weight:bold; background:url(img/case_arr.png) no-repeat left center; color:#fff;}
.case1 {width: 100%;min-width: 1200px;height: 750px; overflow: hidden;position: relative;}
.case2{width: 1200px;position: absolute;left: 50%;margin-left: -610px;}
.case1 .tempWrap{overflow: visible !important;}
.case1 .tempWrap .case3{margin-left: -1215px !important;}
.case1 dl { position: relative; height:750px; float:left; margin:0 8px !important; width:1200px;}
.case1 dt{width:1200px; height:600px; overflow:hidden; position:relative;}
.case1 dt img{ display:block; width:1200px; height:600px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 dd{ position:relative; height:195px; border-bottom:4px solid #082581; background:#fff; margin-top:-115px; padding:0 65px; display:none;}
.case1 dd h3{ width:575px; font:26px "Microsoft YaHei"; font-weight:bold; color:#000000; padding:27px 0 12px;}
.case1 dd h3 a{ display:block; color:#000;}
.case1 dd h3 em{ display:block; font:14px "Microsoft YaHei UI"; padding-top:8px;}
.case1 dd p{ width:575px; font:14px "Microsoft YaHei UI"; line-height:28px; color:#666; height:56px; overflow:hidden;}
.case1 dd h5{ width:415px; position:absolute; top:12px; right:65px;}
.case1 dd h5 em{ display:block; width:200px; float:left;}
.case1 dd h5 em:nth-child(2){ float:right;}
.case1 dd h5 em img{ display:block; width:100%;}
.case1 dd h5 em i{ display:block; font:14px "Microsoft YaHei UI"; text-align:center; height:30px; line-height:30px; color:#000; overflow:hidden; text-transform:uppercase;}
.case1 dl.cur1 dd{ display:block;}
.prev2{width:30px;height: 50px;top:550px;z-index: 9;cursor: pointer;left: 50%;margin-left: 600px; background:#ff7400 url(img/case_l.png) no-repeat center;}
.next2{width:30px;height: 50px;top:550px;z-index: 9;cursor: pointer;left: 50%;margin-left: 600px;background:#082581 url(img/case_r.png) no-repeat center;}
.next2{margin-left:570px;}
.prev2{margin-left:-601px;}

.clear{ clear:both}
.profl{ text-align:center; margin:30px 0 20px 0; }
.profl a{ display:inline-block; font-size:16px; border:#ddd 1px solid; line-height:50px; padding:0 50px; margin:0 10px;}
.profl a:hover { background:#082581 1px scroll; color:#fff; border:#082581 1px solid; }
.pro{ height:auto; overflow:hidden;}
.pro1{ background:#fff;  }
.pro1 dl{ height:689px; width:400px; overflow:hidden; margin-top:42px; position:relative;}
.pro1 dt{ width:400px; height:689px; float:left; overflow:hidden; position:relative;}
.pro1 dt img{ display:block;width:400px; height:689px;}
.pro1 dd{ width:100%; position:absolute; top:50px; text-align:center; font:40px "Microsoft YaHei UI"; font-weight:bold; line-height:80px; color:#fff;}
.pro1 dd a{ display:block; color:#fff; height:80px; border-bottom:1px solid rgba(255,255,255,0.2); width:275px; margin:0 auto;}
.pro1 dd em{ display:block; font:20px "Microsoft YaHei UI"; margin:16px 0;}
.pro1 dd span{ display:block; width:116px; height:35px; border:1px solid #fff; margin:0 auto; font:14px "Microsoft YaHei UI"; text-align:center; line-height:35px; color:#fff;}
.pro1 dt:before,.ys1 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);}
.pro1 dt:hover:before,.ys1 dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }
.pro1 ul{margin-top:42px; width:780px; overflow:hidden;}
.pro1 li{ width:380px; margin-bottom:10px; position:relative;}
.pro1 li img{ display:block; width:380px; height:285px;}
.pro1 li h4{ background:#fff; height:54px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:54px; color:#333; overflow:hidden;}
.pro1 li em{ display:block; width:120px; height:40px; background:url(img/pro_bg1.png) no-repeat; position:absolute; top:245px; right:0; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; overflow:hidden; padding-left:10px; box-sizing:border-box;}
.pro1 li:hover img{ border:5px solid #ff7400; box-sizing:border-box;}
.pro1 li:hover em{background:url(img/pro_bg2.png) no-repeat;}
.pro1 li:hover h4{ background:#ff7400; color:#fff;}
.pro1 li:nth-child(2n-1){ float:left;}
.pro1 li:nth-child(2n){ float:right;}	
.pro02{ background:url(img/pro_bg.jpg) no-repeat center top; height:818px; overflow:hidden; padding-top:46px;}	
.pro4{ height:550px; margin-top:78px; overflow:hidden;}
.pro4 dl{ width:584px; height:510px; overflow:hidden; position:relative;}
.pro4 dt{width:584px; height:510px; overflow:hidden; position:relative;}
.pro4 dt img{ display:block;width:584px; height:510px;}
.pro4 dd{ position:absolute; top:0; left:0;font:40px "Microsoft YaHei UI"; font-weight:bold; line-height:80px; color:#fff; width:584px; height:510px;}
.pro4 dd a{ display:block; color:#fff; margin:33px 0 0 55px; height:500px;}
.pro4 dd:before{ content:""; position:absolute; top:110px; left:55px; width:65px; height:1px;border-bottom:1px solid rgba(255,255,255,0.2);}
.pro4 dd em{ display:block; font:20px "Microsoft YaHei UI"; margin:16px 0;}
.pro4 dd span{display:block; width:120px; height:40px; background:url(img/pro_bg1.png) no-repeat; position:absolute; bottom:0; right:0; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; overflow:hidden; padding-left:10px; box-sizing:border-box;}
.pro4 dd:hover span{ background:url(img/pro_bg2.png) no-repeat;}

.pro5{ border:1px solid #dcdcdc; height:59px; margin-bottom:18px; background:#f2f2f2;}
.pro5 h3{ width:168px; height:59px; background:#082581; float:left; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#fff; line-height:59px; text-align:center;}
.pro5 p{ font:16px "Microsoft YaHei UI"; line-height:59px;}
.pro5 p a{ display:block; float:left; color:#333; border-right:1px solid #dcdcdc; padding:0 34px;}
.pro5 p a:last-child{ border:0;}
.pro5 p a:hover{ background:#ff7400; color:#fff;}
		
.pro2,.pro3{ height:270px; overflow:hidden;}
.pro2 li{ width:288px; float:left; margin:0 14px 0 0; border:1px solid #e5e5e5;}
.pro2 li img{ display:block; width:288px; height:auto;}
.pro2 li h4{ height:45px; text-align:center; font:14px "Microsoft YaHei UI"; line-height:45px; color:#333; overflow:hidden;border-top:1px solid #e5e5e5;}
.pro2 li:hover{ border:1px solid #082581;}
.pro2 li:hover h4{ background:#082581; color:#fff;-webkit-transition:all 0.7s; border-top:1px solid #082581;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}

.proys{ height:765px; overflow:hidden; position:relative; margin-top:70px;}
.proys h2{ width:420px; font:48px "Microsoft YaHei UI"; font-weight:bold; color:#fff; position:absolute; top:100px; left:50%; margin-left:-600px; z-index:2;}
.proys h2 em{ display:block; width:410px; height:42px; background:#ff7400; margin-top:18px; font:24px "Microsoft YaHei UI"; line-height:42px; text-align:center; letter-spacing:8px;}
.proys1{ height:765px; overflow:hidden;}
.proys1 dl{ height:765px; overflow:hidden; position:relative;}
.proys1 dt{ height:765px; background:url(img/proys1.jpg) no-repeat center top; overflow:hidden;}
.proys1 dl:nth-child(2) dt{ height:765px; background:url(img/proys2.jpg) no-repeat center top;}
.proys1 dl:nth-child(3) dt{ height:765px; background:url(img/proys3.jpg) no-repeat center top;}
.proys1 dl:nth-child(4) dt{ height:765px; background:url(img/proys4.jpg) no-repeat center top;}
.proys1 dl:nth-child(5) dt{ height:765px; background:url(img/proys5.jpg) no-repeat center top;}
.proys1 dl:nth-child(6) dt{ height:765px; background:url(img/proys6.jpg) no-repeat center top;}
.proys1 dd{ width:420px; position:absolute; top:250px; left:50%; margin-left:-600px;}
.proys1 dd p{ font:16px "Microsoft YaHei UI"; line-height:28px; color:#dedfe1; background:url(img/proys_arr.png) no-repeat left 7px; padding-left:25px; margin-bottom:22px;}
.proyst{ height:217px; border-top:1px solid rgba(255,255,255,0.2); width:100%; position:absolute; bottom:0;}
.proyst ul{ width:1200px; margin:0 auto;}
.proyst li{ width:199px; border-right:1px solid rgba(255,255,255,0.2); float:left; text-align:center; font:28px "Microsoft YaHei UI"; font-weight:bold; color:#fff; line-height:45px; height:197px; padding-top:20px;}
.proyst li:nth-child(1){ width:198px;border-left:1px solid rgba(255,255,255,0.2); }
.proyst li em{ display:block; font:20px Arial, Helvetica, sans-serif; color:rgba(255,255,255,0.5); margin-top:8px; position:relative;}
.proyst li em:before{ content:""; position:absolute; top:50%; left:48px; width:22px; height:1px; background:rgba(255,255,255,0.5);}
.proyst li em:after{content:""; position:absolute; top:50%; right:48px;width:22px; height:1px; background:rgba(255,255,255,0.5);}
.proyst li b{ display:block; width:75px; margin:0 auto;}
.proyst li b img{ display:block; width:75px; height:75px;}
.proyst li:hover,.proyst .cur{ background:#082581; padding-top:40px; position:relative; margin:-20px 0 0 -1px; border:1px solid #082581; position:relative;}
.proyst li:hover:before,.proyst .cur:before{ content:""; position:absolute; top:-10px; left:50%; margin-left:-40px; width:0; height:0; border-bottom:10px solid #082581; border-left:40px solid rgba(0,0,0,0);border-right:40px solid rgba(0,0,0,0);}


.home_kefu{ padding:20px 0 50px 0;}
.yc_eee{  }
.yc_hzhb{ margin-top:40px;}
.yc_hzhb ul{ margin:0 -15px;}
.yc_hzhb ul li{ float:left; width:16.6666%;}
.yc_hzhb ul li span{ display:block; margin:15px;   background:#fff; padding:2px; border-radius:5px; text-align:center;}
.yc_hzhb ul li span img{ height:60px; max-width:100%;}




.hr30{ height:30px; clear:both}
.home_uixi{ overflow:hidden; margin-top:60px;}
.ys6{ padding:60px 0; clear:both;}
.ys{ height:853px; padding-top:65px; background:#f3f3f3; overflow:hidden;}
.ys1{ height:525px; border:1px solid #e5e5e5; overflow:hidden; position:relative; margin-top:28px;}
.ys1 dt{ width:1198px; height:525px; overflow:hidden; position:relative;}
.ys1 dt img{ display:block; width:1198px; height:525px;}
.ys1 dd{ width:370px; height:525px; overflow:hidden; position:absolute; top:0; right:0; background:rgba(255,255,255,0.9);}
.ys1 dd h3{ font:32px "Microsoft YaHei UI"; font-weight:bold; color:#181818; line-height:48px; padding:30px 0 0 36px;}
.ys1 dd h3 em{ display:block;}
.ys1 dd p{ width:285px; padding-left:36px; font:14px "Microsoft YaHei UI"; line-height:28px; color:#333;}
.ys1 dd h5{ width:285px; margin:20px 0 0 36px;}
.ys1 dd h5 img{ display:block; width:100%;}
.yst ul{ height:114px; border:1px solid #e5e5e5; border-top:0;}
.yst li{ width:25%; height:114px; background:#fff; box-shadow:0 0 1rem 0 #e0e4ef; float:left;}
.yst li span{ display:block; width:38px; height:38px; overflow:hidden; float:left; margin:34px 11px 0 58px;}
.yst li:nth-child(1) span{ background:url(img/ys_01.jpg) no-repeat;}
.yst li:nth-child(2) span{ background:url(img/ys_02.jpg) no-repeat;}
.yst li:nth-child(3) span{ background:url(img/ys_03.jpg) no-repeat;}
.yst li:nth-child(4) span{ background:url(img/ys_04.jpg) no-repeat;}
.yst li em{ display:block; width:186px; float:left; font:32px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin-top:24px;}
.yst li em i{ display:block; font:12px "Microsoft YaHei UI"; color:#9d9d9d; text-transform:uppercase; margin-top:4px;}
.yst li:hover,.yst .cur{ background:#082581;}
.yst li:hover em,.yst .cur em{ color:#fff;}
.yst li:nth-child(1):hover span,.yst li:nth-child(1).cur span{background:url(img/ys_011.jpg) no-repeat;}
.yst li:nth-child(2):hover span,.yst li:nth-child(2).cur span{background:url(img/ys_022.jpg) no-repeat;}
.yst li:nth-child(3):hover span,.yst li:nth-child(3).cur span{background:url(img/ys_033.jpg) no-repeat;}
.yst li:nth-child(4):hover span,.yst li:nth-child(4).cur span{background:url(img/ys_044.jpg) no-repeat;}
.yst h4 img{ display:block;}

/*新闻资讯*/
.new{ height:675px; margin-top:75px;overflow:hidden;}
.dy{width:680px; overflow:hidden; margin-top:32px;}
.dyt{ height:60px; border-bottom:1px solid #dcdcdc; overflow:hidden; position:relative;}
.dyt h3{ font:18px "Microsoft YaHei UI"; line-height:60px; color:#666; margin-right:30px; float:left;}
.dyt h3 em{ display:block; width:24px; height:22px; overflow:hidden; float:left; margin:20px 7px 0 0;}
.dyt h3 em img{ display:block;}
.dyt h3 a{ display:block; color:#666;}
.dyt h3 a:hover,.dyt .cur a{ border-bottom:1px solid #082581; font-weight:bold; color:#082581;}
.dyt h3 a:hover em img,.dyt .cur em img{ position:relative; margin-top:-22px;}
.dyt h5 a{ display:block; width:27px; height:60px; background:url(img/new_arr.png) no-repeat center center; position:absolute; top:0; right:0;}
.dy dl{ border-bottom:1px dashed #ccc; padding:21px 0;}
.dy dt{ font:18px "Microsoft YaHei UI"; line-height:40px; height:40px; overflow:hidden;}
.dy dt a{ display:block; color:#333;}
.dy dt em{ float:right; font:14px "Microsoft YaHei UI"; color:#999; line-height:40px;}
.dy dd{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:48px; overflow:hidden; margin-top:5px;}
.dy dl:last-child{ border:0;}
.dy dl:hover dt a{ color:#ff7400; font-weight:bold;}


.tuij{ width:483px; overflow:hidden; margin-top:50px; height:435px; background:#f5f5f5; position:relative;}
.tuij1 dt{ width:483px; height:271px; overflow:hidden; position:relative;}
.tuij1 dt{width:483px; height:271px; overflow:hidden;}
.tuij1 dt img{ display:block;width:483px; height:271px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.tuij1 dt em{ display:block; width:120px; height:40px; background:url(img/pro_bg2.png) no-repeat; position:absolute; bottom:0; right:0; font:18px "Microsoft YaHei UI"; font-weight:bold; text-align:center; line-height:40px; color:#fff; letter-spacing:8px; padding-left:10px; box-sizing:border-box;}
.tuij1 dd{ width:425px; margin:0 auto;}
.tuij1 dd h4 a{ display:block; font:18px "Microsoft YaHei UI"; font-weight:bold; line-height:35px; height:35px; overflow:hidden; margin-top:25px; color:#333;}
.tuij1 dd p{ font:14px "Microsoft YaHei UI"; line-height:22px; color:#666; height:44px; overflow:hidden;}
.tuijt{ width:100%; position:absolute; bottom:25px; text-align:center;}
.tuijt a{ display:inline-block; width:12px; height:12px; border-radius:12px; background:#a7a7a7; margin:0 9px;}
.tuijt .cur{ background:#ff7400;}
.tuij1 dl:hover dd h4 a{ color:#ff7400;}
.tuij1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.about{ margin-bottom:57px; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #ccc;}
.about dt img{ display:block; width:100%;}
.about dd{ width:1200px; height:135px; margin:35px auto 0;}
.about dd h3{ width:290px; float:left; font:44px "Microsoft YaHei UI"; font-weight:bold;}
.about dd h3 a{ display:block; color:#333;}
.about dd h3 em{ display:block; font:20px "Microsoft YaHei UI"; color:#666; margin-top:6px; padding-top:20px; background:url(img/about_line.png) no-repeat left top;}
.about dd p{ width:566px; float:left; margin:10px 0 0 50px; font:14px "Microsoft YaHei UI"; line-height:28px; color:#666;}
.about dd span a{ display:block; width:216px; height:48px; border:1px solid #082581; float:right; margin-top:20px; font:16px "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#092581; line-height:48px;}

.pic{ height:215px;overflow:hidden;}
.pict{ width:288px; float:left; height:175px;overflow:hidden;}
.pict h3{ font:20px "Microsoft YaHei UI";width:288px; height:48px; margin-bottom:9px; line-height:48px;}
.pict h3 a{ display:block; color:#fff; background:#092581;}
.pict h3 img{ display:block; width:28px; height:28px; float:left; padding:7px 10px 0 38px;}
.pict h3 a:hover,.pict .cur a{ background:#ff7400;-webkit-transition:all 0.7s; font-weight:bold;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.pic1{ width:900px; float:right; height:250px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:292px; float:left; margin-right:11px;}
.pic1 li img{ display:block; width:292px; height:auto;}

.coop{height:152px;}
.coop .content{ position:relative;}
.coop h2{ width:208px; float:left; text-align:center; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#404046; margin-right:97px;}
.coop h2 a{ color:#404046; display:block; padding-top:22px;}
.coop h2 img{ display:block; margin-top:4px;}
.coop1{ overflow:hidden; width:840px;}
.coop li{ width:204px; float:left; margin-right:7px;}
.coop li img{ display:block; width:202px; height:113px; border:1px solid #e3e5ed;}
.coop li a:hover img{ border:5px solid #ff7400; box-sizing:border-box;}
.coop_l{ width:46px; height:22px; position:absolute; top:45px; left:248px; cursor:pointer; background:url(img/par_l.png) no-repeat;}
.coop_r{ width:46px; height:22px; position:absolute; top:45px; right:0; cursor:pointer; background:url(img/par_r.png) no-repeat;}

.link{ background:#000; padding:17px 0;}
.link p{overflow: hidden; font:14px "Microsoft YaHei"; color:#666;line-height:24px;}
.link p a{ display: inline-block;padding:0 25px; font:14px "Microsoft YaHei"; color:#666; line-height:24px; height:24px; position:relative;}
.link p a:hover{font-weight:bold; text-decoration:underline; color:#fff;}

.hr10{ height:10px; clear:both}
.home_uixi {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.home_uixi_l_1 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: left;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_r_1 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: right;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_l_2 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: left;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_r_2 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: right;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_4.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_l_3 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: right;
	border: 1px solid #DDDDDD;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_r_3 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: left;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_6.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_l_4 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: right;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_7.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_r_4 {
	height: 350px;
	width: 560px;
	padding: 10px;
	float: left;
	border: 1px solid #DDDDDD;
	background-image: url(../img/ux_8.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.home_uixi_title {
	height: 60px;
	text-align: left;
}
.home_uixi_title_1 {
	float: left;
	
	color: #999999;
	font-size: 60px;
	line-height: 60px;
}
.home_uixi_title_2 {
	float: left;
	font-size: 24px;
	color: #082581;
	line-height: 24px;
	padding-top: 26px;
	padding-left: 10px;
	height: 28px;
}
.home_uixi_text {
	
	padding-top: 5px;
	padding-left: 5px;
	line-height: 28px;
}
.home_uixi_text_xeiji { color: #082581; font-size: 19px; line-height: 24px; text-align: center; padding-top: 10px; background: #CCCCCC; height: 20px; width: 200px; 
}

@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.home_pro1_title {
	height: 80px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#home_pro1_title_1 {
	 
	height: 80px;
	width: 390px;
	float: left;
	text-align: center;
	
	cursor: pointer;
}
#home_pro1_title_2 {
	 
	height: 80px;
	width: 390px;
	float: left;
	text-align: center;
	cursor: pointer;
}
#home_pro1_title_3 {
	
	height: 80px;
	width: 390px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.home_pro1_title_qh{background-color: #cccccc;}
.home_pro1_title_qh.on{background-color: #082581;color: #FFFFFF;}
.home_pro1_title_15 {
	float: left;
	width: 15px;
	height: 1px;
}
.home_pro1_title_text1 {
	font-size: 24px;
	padding-top: 15px;
}
.home_pro1_title_text2 {
	
	padding-top: 5px;
}
.home_pro1_jt {
	height: 6px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}


#home_pro1_jt_1 {
	height: 6px;
	width: 390px;
	float: left; margin-top:-6px;
	text-align: center;
}
#home_pro1_jt_2 {
	height: 6px;
	width: 390px;
	float: left;
	text-align: center; margin-top:-6px;
	 
}
#home_pro1_jt_3 {
	height: 6px;
	width: 390px;
	float: left;
	text-align: center;
	 margin-top:-6px;
	 
}
#home_pro1_pic1 {
	height: 277px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#home_pro1_pic2 {
	height: 277px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
#home_pro1_pic3 {
	height: 277px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	display: none;
}

.home_pro2 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.home_pro2_pic {
	float: left;
	position: relative;
	cursor: pointer;
}
.home_pro2_pic_name {
	z-index: 3;
	position: absolute;
	left: 10px;
	top: 10px;
	color: #DDD;
	font-size: 18px;
}
.home_pro2_pic_name_2 {
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #DDD;
	font-size: 18px;
	background-color: #000000;
	height: 100%;
	width: 100%;
	right: 0px;
	bottom: 0px;
	filter: alpha(opacity=50); /* IE */
	-moz-opacity: 0.5; /* Firefox */
	opacity: 0.5;
	display: none;
}
.home_pro2_pic_name_3 {
	z-index: 4;
	position: absolute;
	left: 10px;
	top: 40px;
	color: #DDD;
	font-size: 14px;
	right: 10px;
	display: none;
}
.home_pro2_1_title {
	height: 248px;
	width: 304px;
	float: left;
	background-color: #DDDDDD;
}
.home_pro2_title_name {
	height: 60px;
	width: 100%;
	background-color: #082581;
	color: #DDD;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
}
.home_pro2_title_name h2 {

	color: #DDD;
	font-size: 24px;

}
.home_pro2_title_text {
	padding: 10px;
}
.home_pro2_more {
	color: #082581;
	font-size: 18px;
	text-align: center;
}
.home_pro2_Units_r {
	float: right;
}
.home_pro2_2_title {
	width: 239px;
}
.home_pro2_2_title {
	height: 280px;
	width: 239px;
	float: left;
	background-color: #DDDDDD;
}
.home_pro2_3_title {
	height: 426px;
	width: 337px;
	float: left;
	background-color: #DDDDDD;
}

.hr30{ height:30px; clear:both}

.sr10 {
    float: left;
    width: 10px;
    height: 10px;
}.lc {
    clear: both;
    margin-right: auto;
    margin-left: auto;
}