﻿@charset "utf-8";
/* CSS Document */



.flexslider{width:100%; height:574px; position: relative; overflow:hidden; z-index: 1;  /*margin-top: 248px;*/}
/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block; width:2560px; height:100%; position: relative; left:50%; margin-left:-1280px}
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:574px; }

/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:99px;text-align:center; z-index: 9999;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ background-image:url(../images/dd.png) ;background-position: center 0; display: block; width: 15px; height:15px; overflow: hidden; text-indent: -99em; cursor: pointer; margin: 0 9px;}
.flex-control-paging li a.flex-active{ background-position: center -15px;  }

/* .flex-direction-nav{ width: 100%; position: absolute; left: 0%; bottom: 59%;  z-index: 9999; height: 0; }
.flex-direction-nav .flex-prev { width: 35px; height: 41px;  font-size: 0; display: block; background: url(../images/left.png) no-repeat;float: left;  margin-left: 10% ; }
.flex-direction-nav .flex-next {width: 35px; height: 41px;  font-size: 0; display: block; background: url(../images/right.png) no-repeat;float: right ; margin-right: 10% }
.flex-direction-nav .flex-prev:hover{ background: url(../images/left1.png) no-repeat;}
.flex-direction-nav .flex-next:hover{background: url(../images/right1.png) no-repeat;} */


.about-bj{ width: 100% ; background: url(../images/bk1-bj.jpg) no-repeat left bottom; background-size: 100% auto; overflow: hidden;}
.about-box{ width: 1196px; margin: 0 auto;}
.bot-box{ width: 100% ; height: 370px; padding: 89px 0 87px 0;}
.bot-box .bot-l{ width: 530px; float: left; height: 370px; position: relative;  overflow: hidden;}
.bot-box .us{ width: 600px; height: 370px;float: right}
.bot-box .bot-l h3{ line-height: 26px; font-size: 24px; color: #0052b3 ; font-weight: bold ; margin-bottom: 10px;text-transform:uppercase; }
.bot-box .bot-l h4{ line-height: 26px; font-size: 24px; color: #3e3e3e ; }
.bot-box .bot-l p{ width: 490px;height: 154px; line-height: 22px; font-size: 16px; color: #9d9d9d ; margin: 40px 0 0 36px;}
.bot-box .bot-l a{ width: 148px; height: 38px;text-align: center ;line-height: 38px; font-size: 18px; color: #3e3e3e ; border: solid 1px #a4a4a4;display: block;position: absolute; left: 39px; bottom: 0}
.bot-box .bot-l a:hover{ background-color: #0052b3; border: solid 1px #0052b3 ; color: #fff}



.number-gd{ width: 100% ; height: 158px ; background-color: #fff ; box-shadow: #ececec 0 0 12px 4px; margin-bottom: 58px; position: relative; }
.product-number-info {position: relative;}
.product-number-info .product-number-inner {width: 100%}
.product-number-info ul { width: 94%; margin: 0 auto; overflow: hidden;}
.q {zoom: 1; }
.product-number-info li {float: left;width: 25%; text-align: center}
.product-number-info li:first-child {border: none;}
.product-number-info li b {font-size:60px;line-height: 60px;display: inline-block;
position: relative; color: #004ea1}
.product-number-info li p {font-size: 16px; color: #9d9d9d ; padding: 39px 0 0 0}
.product-number-info li b i {font-style: normal; font-size: 48px;position: relative; top: 36px}
.product-number-info li b em {font-style: normal;font-size: 16px;font-weight: 100;color: #9d9d9d; position: absolute;right: -30px ;top: 10px}


.tit-box{ width: 100%;}
.tit-box h3{line-height: 26px; font-size: 24px; color: #0052b3 ; font-weight: bold ; margin-bottom: 10px;text-transform:uppercase;}
.tit-box h4{ line-height: 26px; font-size: 24px; color: #3e3e3e ;}

.adv-bj{ width: 100% ; height: 620px; background: url(../images/cm.jpg) no-repeat center 229px; position: relative;}
.you-shi{ width: 258px; padding: 39px 44px 39px 44px;float: left; margin-top: 68px;  position: relative;}
.you-shi h3{ width: 100% ; height: 20px ;line-height: 20px; font-size: 18px; color: #313131 ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 30px; }
.you-shi p{ width: 100% ; height: 54px; line-height: 18px ;font-size: 14px; color: #9d9d9d;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-bottom: 20px;  overflow: hidden;}
.you-shi i{ width: 0; height: 1px ; background-color: #007a39;display: block}
.you-shi h4{ font-size: 72px; color: #0aa351; font-weight: bold ;position: absolute; right: 28px; top: -42px; display: none}
.img-box{ width: 443px; height: 212px; position: absolute; left: 378px;top: 68px}
.mg{float: right}
.you-shi:hover{ box-shadow: #ebebeb 0 0 12px 4px ; background-color: #fff}
.you-shi:hover h3{ color: #007a39}



.qualifications-bj{ width: 100% ; height: 786px; background: url(../images/tuji.jpg) no-repeat center center; overflow: hidden;}
.qualifications-box{ width: 1196px; margin: 0 auto;}

.tit2{ width: 100%; text-align: center ; padding: 50px 0 0 0}


/* 旋转木马 */
.xuanz-box{ width: 100%; height: 593px; position: relative; top: 80px ; }
#focus_Box{position:relative;width: 100%;height:460px; }
#focus_Box ul{position:relative;width:816px; margin: 0 auto;height:460px; }
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:177px; background-color: #fff; ;}
#focus_Box li img{ width:100%; height:100%; vertical-align:top;}
#focus_Box li a{ width:100%; height:100%; display: block; position: relative;  }
#focus_Box li a .zma{ width: 100%; padding: 8px 0 0 0; }
#focus_Box li a h4{ width: 100%; height: 16px; line-height: 16px; text-align: center; font-size: 14px; color: #fff; margin-bottom: 2px;; overflow: hidden;}
#focus_Box li a p{ width: 100%; height: 24px; line-height: 24px; text-align: center; font-size: 20px; color: #fff; overflow: hidden; }
#focus_Box .prev{ width: 38px; height: 78px; background: url(../images/lt.png) no-repeat; position:absolute;top:170px; left: 0; z-index: 9;}
#focus_Box .next{ width: 38px; height: 78px;background: url(../images/rt.png) no-repeat;position:absolute;top:170px; right: 0;z-index: 9;} 
#focus_Box .prev:hover{ background: url(../images/lt1.png) no-repeat;}
#focus_Box .next:hover{background: url(../images/rt1.png) no-repeat;}

.yun{position: absolute; left: 0; bottom: 0; z-index: 20;}




.video-bj{ width: 100% ; height: 747px ; background: url(../images/vid-bj.jpg) no-repeat right center; overflow: hidden;}
.vid-c{ width: 1196px; margin: 0 auto;height: 747px ;}
.vid-nr{ width: 2560px; position: relative; left: 50%; margin-left: -1280px; height: 747px;}
.v-img{ width: 1132px; height: 747px;float: left;}
.sp-box{ width: 676px; height: 747px;float: left; margin-left: 71px; position: relative;}

.tit3{ padding: 103px 0 0 0}
.tit3 h3{ color: #fff}
.tit3 h4{ color: #fff}
.gd{width: 148px;height: 38px;text-align: center;line-height: 38px;font-size: 18px;color: #fff;border: solid 1px #fff;
display: block; position: absolute; right: 0; top: 123px;}
.gd:hover{ background-color: #fff ; color: #003c9d}

.sping-box{ width: 100% ; padding: 130px 0 0 0; overflow: hidden;}
.vvd-box{ width: 305px; float: left; overflow: hidden;}
.vvd-box h3{ width: 100% ; height: 26px; line-height: 26px; font-size: 24px; color: #fff; overflow: hidden;}
.vvd-box h4{ width: 100% ; height: 40px; line-height: 20px; font-size: 14px; color: #a9d0ff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 26px 0 23px 0;  overflow: hidden;}
.vvd-box .vtt{ width: 100% ;  height: 185px; position: relative; overflow: hidden;}
.vvd-box .vtt .vvd{ width: 100% ;  height: 185px;}
.vvd-box .vtt .vd-zhe{width: 100% ;  height: 185px;text-align: center; background: rgba(0, 0, 0, 0.5) ;position: absolute; left: 0;top: 0;}
.vvd-box .vtt .vd-zhe img{ margin: 65px 0 0 0}
.vvd-box .vtt:hover .vd-zhe{display: none}


.news-bj{ width: 100% ; height: 731px; background: url(../images/nws-bj.jpg) no-repeat center center; overflow: hidden;}
.news-box{ width: 1196px; height: 731px;margin: 0 auto; position: relative; overflow: hidden;}

.qha{ width: 100% ; height: 40px;text-align: right; padding: 74px 0 0 0;}
.qha h3{display: inline-block ; width: 148px; height: 38px;line-height: 38px;text-align: center; border: solid 1px#a4a4a4; font-size: 18px; color: #3e3e3e; margin-left: 5px;}
.qha h3.on{ background-color: #0052b3 ;border: solid 1px #0052b3 ;color: #fff}

.tit4{ width: 300px; position: absolute; left: 0; top: 74px;}

.picScroll-left{ width: 100% ; padding: 70px 0 0 0; overflow: hidden;}
.picScroll-left .bd{ width: 1240px}
.picScroll-left .bd ul li{ width: 238px; height: 302px; padding: 23px 18px; float: left; margin-right: 31px;}
.picScroll-left .bd ul li h3{ width: 100%; height: 40px; line-height: 20px; font-size: 16px; color: #3e3e3e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.picScroll-left .bd ul li h4{ width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #0052b3; margin: 15px 0; overflow: hidden;}
.picScroll-left .bd ul li p{ width: 100%; height: 40px; line-height: 20px; font-size: 14px; color: #a4a4a4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.picScroll-left .bd ul li .pic-b{ width: 100%; height: 145px; margin-top: 25px; overflow: hidden;}
.picScroll-left .bd ul li .pic-b img{width: 100%; height: 145px;transition: all 1.1s; }
.picScroll-left .bd ul li:hover{ background-color: #0aa351;}
.picScroll-left .bd ul li:hover h3{color: #fff ;font-weight: bold}
.picScroll-left .bd ul li:hover h4{color: #fff ;}
.picScroll-left .bd ul li:hover p{color: #93c8ac ;}
.picScroll-left .bd ul li:hover .pic-b img{transform: scale(1.1);}

.gd-box{ width: 100% ; text-align: center; padding: 79px 0 0 0}
.gd-box a{width: 148px; height: 38px; text-align: center; line-height: 38px; font-size: 18px; color: #3e3e3e; border: solid 1px #a4a4a4; display: inline-block}
.gd-box a:hover{ background-color: #0052b3; border: solid 1px #0052b3 ; color: #fff}



.Site-bj{ width: 100% ; height: 641px; background-color: #fff; overflow: hidden;}
.Site-box{ width: 1196px; height: 641px;margin: 0 auto; position: relative; overflow: hidden;}
.gd2{ width: 100%; text-align: right; padding: 89px 0 0 0}


.picScroll-left2 {width: 100%; margin: 60px 0 0 0 ; overflow: hidden; }
.picScroll-left2 .bd {width: 100%; height: 225px;  overflow: hidden;}
.picScroll-left2 .bd ul { zoom: 1;height: 225px;  }
.picScroll-left2 .bd ul li { width: 370px; height: 225px; float: left; margin-right: 42px; position: relative; overflow: hidden;}
.picScroll-left2 .bd ul li img {width: 370px; height: 225px;transition: all 0.4s;}
.picScroll-left2 .bd ul li .chuan{ width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; background: url(../images/chun.png) repeat ; position: absolute; left: 0; bottom: 0; overflow: hidden;}
.picScroll-left2 .bd ul li .pic-zhe{width: 370px; height: 225px; background: url(../images/zhe.png) no-repeat; position: absolute; left: 0; top: 0; overflow: hidden; display: none}
.picScroll-left2 .bd ul li .pic-zhe h3{ width: 200px; margin: 0 auto ;  height: 20px; line-height: 20px; text-align: center; font-size: 18px; color: #fff; white-space: nowrap; text-overflow: ellipsis; margin-top: 63px; margin-bottom: 15px; overflow: hidden;}
.picScroll-left2 .bd ul li .pic-zhe p{width: 200px; margin: 0 auto ;  height: 44px; line-height: 22px;font-size: 14px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.picScroll-left2 .bd ul li:hover img{transform: scale(1.1);} 
.picScroll-left2 .bd ul li:hover .chuan{display: none}
.picScroll-left2 .bd ul li:hover .pic-zhe{display: block;}




.picMarquee-left{ width:100%; height:80px; margin: 104px 0 0 0;  overflow:hidden; position:relative;}
.picMarquee-left .hd{ position:absolute; left:0; top:5px; width:100%;}
.picMarquee-left .bd{ width:980px; margin: 0 auto; overflow: hidden; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ width:200px; height: 78px; float:left; _display:inline; overflow:hidden;margin-right:38px;  position: relative;}
.picMarquee-left .bd ul li img{ width:200px; height: 78px;cursor:pointer; }

.picMarquee-left .hd .next{ width: 38px; height: 78px; background: url(../images/you.png) no-repeat;display: block;float: right ;}
.picMarquee-left .hd .prev{ width: 38px; height: 78px;background: url(../images/zuo.png) no-repeat;display: block;float: left;}
.picMarquee-left .hd .next:hover{ background: url(../images/you1.png) no-repeat;}
.picMarquee-left .hd .prev:hover{background: url(../images/zuo1.png) no-repeat;}








