@charset "utf-8";
/* CSS Document */

/*.banner{ overflow:hidden; width:100%; height:650px; background:url(../images/banner.jpg) no-repeat center; position:relative}
.banner .btn{ position:absolute; z-index:10000; text-align:center; position:absolute; left:0; bottom:40px; width:100%;}
.banner .btn span{ display:inline-block; width:12px; height:12px; background:url(../images/banner_btn.png) no-repeat right center; cursor:pointer; margin:0 10px}
.banner .btn span{ *display:inline}
.banner .btn span.cur{ background-position:left}*/

.banner{ overflow:hidden; width:100%;position: relative}
#flashs{ position:relative; height:650px; overflow:hidden;}
#flashs .btn{ position:absolute; z-index:998; text-align:center; position:absolute; left:0; bottom:25px; width:100%;}
#flashs .btn span{ display:inline-block; width:12px; height:12px; background:url(../images/banner_btn.png) no-repeat right center; cursor:pointer; margin:0 10px}
#flashs .btn span{ *display:inline}
#flashs .btn span.cur{ background-position:left}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(Img/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(Img/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}
.banner6 {
    position: relative;
    height: 960px;
    overflow: hidden;
    width: 100%;
}

.banner6 .show {
    width: 2500px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -1250px;
    padding-top: 0;
    height: 960px;
    overflow: hidden;
}

.banner6 .show ul {
    position: relative;
    height: 960px;
    overflow: hidden;
    width: 2500px;
    float: left;
}

.banner6 .show ul li {
    text-align: center;
    width: 2500px;
    float: left;
    height: 960px;
    position: absolute;
    display: none;
}

.banner6 .focus {
    position: absolute;
    padding-left: 10px;
    padding-top: 13px;
    bottom: 0px;
    right: 49%;
    height: 29px;
}

.banner6 .focus a {
    width: 14px;
    height: 14px;
    background: url("../images/ico01.png")/*tpa=templates/default/images/ico01.png*/ no-repeat left -24px;
    float: left;
    margin-left: 10px;
    display: inline-block;
}

.banner6 .focus a.on {
    background: url("../images/ico01.png")/*tpa=templates/default/images/ico01.png*/ no-repeat left top
}

.hprobj{height: 623px;background: #efeff0;}
.hproleft{width: 50%;float: left;height: 623px;}
.hproright{position: relative;height: 623px;width: 50%;float: right;background: url(../image/home_29.jpg) left top no-repeat;}
.decoretion{position: absolute;left: -34px;top: 237px;}
.decoretion .depic1{width: 70px;height: 79px;background: url(../images/cyzs_03.png) no-repeat;margin-bottom: 80px;}
.decoretion .depic2{width: 70px;height: 81px;background: url(../images/cyzs_06.png) no-repeat;}
.hproleftinfo{width: 672px;float: right;text-align: right;padding-right: 103px;}

.hproleftinfo h3{font-size: 38px;color: #454546;font-weight: normal;height: 40px;line-height: 40px;padding-top: 90px;font-family: arial;}
.hproleftinfo .cybu{font-size: 30px;padding-top: 41px;padding-bottom: 23px;background: url(../images/home_31.jpg) no-repeat right bottom;}
.hproleftinfo ul li h4 a{font-size: 18px;color: #2974d9;}
.hproleftinfo ul li {width: 673px;padding-top: 41px;overflow: hidden;background: url(../images/home_35.jpg) left 58px no-repeat;}
.hproleftinfo ul li p{color: #717172;font-size: 15px;line-height: 24px;width: 561px;float: right;text-align: left;}

.hproleftinfo ul li:hover{background: url(../images/home_38.jpg) left 58px no-repeat;}

.revolation{height: 691px;width: 1200px;margin: 0 auto;}
.revolationleft{float: left;background: url(../images/home_52.jpg) no-repeat;width: 103px;height: 75px;text-align: center;padding-top: 29px;}
.revolationleft .revoladay{font-size: 45px;padding-bottom: 7px;}
.revolationleft .revolamonth{font-size: 14px;}
.revolationright{float: left;width: 376px;padding-left: 30px;}
.revolationright h3{font-size: 18px;font-weight: normal;padding-top: 14px;}
.revolationright h3 a{color: #6f6f6f;}
.revolationright p{font-size: 12px;color: #6f6f6f;padding-top: 5px;}
.revolation li{position: relative;width: 510px;float: left;margin-right: 180px;margin-bottom: 66px;}
.revolation li .learnmores{margin-top: 23px;width: 87px;height: 9px;display: block;background: url(../images/pdfmore_06.png) no-repeat;}
.revolation li{overflow: hidden;}
.revolation li:hover .learnmores{background: url(../images/pdfmore_03.png) no-repeat;}
.revolation li:hover .revolationleft{background: url(../images/home_42.jpg) no-repeat;color: #2974d9;}
.revolation li:hover h3 a{color: #2974d9;}
.revolation li:hover p{color: #2974d9;}
.revolation li .pdfxz{width: 21px;height: 29px;display: block;position: absolute;right: 4px;bottom:29px;display: none;background: url(../images/home_44.jpg) no-repeat;}
.revolation li:hover .pdfxz{display: block;}
.watchmores{width: 147px;height: 40px;background: url(../images/home_59.jpg) no-repeat;display: block;line-height: 40px;text-indent: 25px;font-size: 14px;color: #a6a6a6;margin: 0 auto;}
.watchmores:hover{width: 147px;height: 40px;background: url(../images/home_59.png) no-repeat;display: block;line-height: 40px;text-indent: 25px;font-size: 14px;color:#2974d9;margin: 0 auto;}

.yingyong{
width: 100%;
height: 840px;
margin: 50px 0;
background:url(../images/bg3a.jpg) center no-repeat;
}
.yingyong .imgcontent{
  margin:  120px  auto  20px auto;
}
.yingyong .imgcontent .img{
  float: left;
  width: 300px;
  height: 208px;
}
.yingyong .imgcontent .img a{
  display: block;
  width: 100%;
  height: 308px;
}

.imgt{background:#fff;}.imgt p{text-align: center; width: 100%;}
 .img .num { color: #ccc;font-family:impact;font-size: 30px;line-height: 86px; }
 .img .name1{color: #323232;font-size: 18px;}
 .img .exp{font-size: 16px; color: #666;}
.imgt:hover{ background: #0289ff } .imgt:hover p{color: #fff;}

.shipin { overflow:hidden; width:100%; margin-top:75px;}
.shipin .spbox{ overflow:hidden; width:100%; height:610px;position:relative}
.shipin ul{ overflow:hidden; width:1200px; margin:20px auto; height:110px; position:relative; z-index:1}
.shipin li{ float:left; overflow:hidden; width:299px; border-right:1px dotted #fff; height:110px;}
.shipin .last{ border:none}
.shipin li h3{ text-align:center; font-weight:normal; font-size:24px; color:#fff; margin:25px 0 15px 0}
.shipin li p{ text-align:center; font-size:14px; color:#fff;}
.shipin img.bf{ display:block; margin:130px auto 160px auto; cursor:pointer; position:relative; z-index:1}
.shipin span{ display:block; text-align:center; font-size:15px; color:#fff; line-height:28px;position:relative; z-index:1}
.shipin img.bg{ display:block; position:absolute; left:50%; top:0; margin-left:-960px; z-index:0; transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;}
.shipin .bf:hover + img{ transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
.shipin .sp{ width:1100px; height:500px; border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50px; margin-left:-555px; background-color:#000; display:none; border-radius:5px;}
.shipin .sp .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}


.show { overflow:hidden; width:100%; height:1080px; background:url(../images/show_bg.jpg) no-repeat center top; padding-top:77px;}
.show .menu{ overflow:hidden; width:100%; text-align:center; margin-bottom:25px;}
.show .menu li{ display:inline-block; width:118px; height:37px; text-align:center; line-height:37px; font-size:14px; margin:0 2px;}
.show .menu li{ *display:inline}
.show .menu li a{ display:block; text-decoration:none; color:#666}
.show .menu li.cur a{ background:url(../images/show_cur.png) no-repeat center; color:#2974d9;}
.show .showbox{ overflow:hidden; width:1200px; height:770px; position:relative; margin:0 auto}
.show .showlist { overflow:hidden; width:110%;}
.show .showlist li{ float:left; width:220px; height:240px; background-color:#fff; margin-right:25px; margin-bottom:25px;}
.show .showlist a{ display:block; text-decoration:none}
.show .showlist .tu{ width:220px; height:200px; position:relative; overflow:hidden}
.show .showlist .tu i{ display:block; width:100%; height:150px; overflow:hidden; position:relative}
.show .showlist li img{ transition:all 1s ease}
.show .showlist .ch{ width:50%; float:left; height:39px; border-top:1px solid #e3e3e3; font-size:14px; color:#666; text-align:center; line-height:39px;}
.show .showlist span{ display:block; text-align:center; font-size:14px; color:#666; height:50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.show .showlist .jm{ color:#2974d9; background:url(../images/show_x.jpg) no-repeat right center}
.show .showlist li:hover .jm{ background:#2974d9; color:#fff;}
.show .showlist li:hover .pp{ background:#1a2b3c; color:#fff;}
.show .showlist li:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); -o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.show .more{ display:block; width:114px; height:37px; text-align:center; line-height:37px; text-decoration:none; background:url(../images/show_more.png) no-repeat center; margin:0 auto; font-size:13px; color:#666; margin-top:30px;}

.trouble { overflow:hidden; width:100%; margin:70px 0 60px 0}
.trouble .how{ margin:0 auto; margin-top:70px; overflow:hidden; width:1200px; height:105px; padding-bottom:55px; position:relative; z-index:2}
.trouble .how li{ float:left; width:299px; border-right:1px dotted #acacac; height:85px; position:relative; font-size:16px; color:#333; text-align:center; padding-top:20px;}
.trouble .how li span{ display:block; font-size:30px;}
.trouble .how li img{ display:block; position:absolute; left:50%; margin-left:-23px; bottom:-55px;}
.trouble .how .last{ border:none}
.trouble .trobox { overflow:hidden; width:100%; height:720px; padding-top:70px; margin-top:-23px; background:url(../images/trouble_bg.jpg) no-repeat center top; position:relative}
.trouble .trobox .list{ overflow:hidden; width:1200px; height:521px; margin:0 auto; margin-top:55px; /*position:relative*/}
.trouble .trobox .list li{ float:left; width:300px; height:521px; background:url(../images/trouble_li.png) no-repeat center top; /*position:relative;*/ top:530px;}
.trouble .trobox .list img{ display:block; margin:40px auto 24px auto;}
.trouble .trobox .list .imgb{ display:block; margin:60px auto 24px auto;}
.troubleimgbp{width: 100%;height: 210px;display: block;/*position: relative;*/}
.troubleimgbp .p{/*position: absolute;bottom: -40px;*/padding:30px;left:0;width: 420px;height:380px;background:rgba(21,91,187,0.9);opacity: 0;-moz-opacity: 0;
  -webkit-opacity: 0;filter: alpha(opacity=0); transition: all .4s linear 0s;-webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s;}
.troubleimgbp .p1{}
.troubleimgbp .p2{}
.troubleimgbp .p3{left:-280px;}
.troubleimgbp .p4{left:-280px;}


.troubleimgbp:hover .p{opacity:1;-moz-opacity: 1;
  -webkit-opacity: 1;filter: alpha(opacity=1);z-index: 200;bottom:0;}
.trouble .trobox .list h3{ font-size:18px; color:#fff; text-align:center; margin-bottom:40px; font-weight: normal;}
.trouble .trobox .list p{ text-align:center; font-size:14px; line-height:20px; color:#fff; margin-bottom:20px;}
.trouble .trobox .troth{ display:block; position:absolute; left:50%; margin-left:-960px; bottom:-300px;}
.trouble .trobox .trog { display:block; position:absolute; left:50%; margin-left:-826px; bottom:-120px; z-index:2; display:none}
.trouble .trobox .list i{ display:block; width:33px; height:1px; background-color:#fff; position:absolute; left:50%; margin-left:-16px; bottom:80px}
.troubleimgbp .p {
    position: fixed;
    margin-top: 40px;
    /* bottom: -40px; */
    padding: 0px;
    width: 800px;
    height: 600px;
    background: none;
}
.troubleimgbp .p3, .troubleimgbp .p4 {
     left: 150px;
   /* margin-left: -600px;*/
}
.troubleimgbp .p1, .troubleimgbp .p2 {
     left: 930px;
}

.huodong { overflow:hidden; width:100%; background:url(../images/huodong_bg.png) repeat-x left bottom}
.huodong .top{ overflow:hidden; width:100%; margin-bottom:60px;}
.huodong .top span{ display:block; float:left; width:16px; height:16px; cursor:pointer; margin-right:5px;}
.huodong .top .btn01{ background:url(../images/huodong_btn.png) no-repeat left center}
.huodong .top .btn02{ background:url(../images/huodong_btn.png) no-repeat right center}
.huodong .top p{ float:left; font-size:16px; color:#666; margin-left:10px; line-height:16px; height:16px;}
.huodong .hdbox { overflow:hidden; width:1200px; margin:0 auto;}
.huodong .left{ float:left; width:855px; height:410px; overflow:hidden; position:relative}
.huodong .left ul{ overflow:hidden; position:absolute}
.huodong .left li{ float:left; width:260px; height:410px; margin-right:37px;}
.huodong .left img{ display:block;}
.huodong .left h3{ font-weight:normal; font-size:16px; line-height:26px; height:52px; overflow:hidden; margin:30px 0;}
.huodong .left h3 a{ color:#333}
.huodong .left p{ font-size:13px; color:#666; line-height:20px; height:93px; overflow:hidden; margin-bottom:30px;}
.huodong .left .more{ font-size:13px; color:#666}
.huodong .right{ overflow:hidden; width:260px; height:480px; background-color:#2974d9; float:right; padding:0 20px;}
.huodong .right h3{ margin-top:30px; font-weight:normal; margin-bottom:30px;}
.huodong .right h3 { font-size:24px; color:#fff}
.huodong .right h3 span{ display:block; font-size:12px; color:#fff; text-transform:uppercase;}
.huodong .right .rbox { overflow:hidden; width:260px; height:320px; margin-bottom:20px; position:relative}
.huodong .right .rbox ul{ overflow:hidden; position:absolute}
.huodong .right .rbox li{ float:left; width:260px; height:320px;}
.huodong .right  .btn{ overflow:hidden; width:100%; text-align:center}
.huodong .right  .btn span{ display:inline-block; width:12px; height:12px; cursor:pointer; background:url(../images/huodong_d.png) no-repeat right center; margin:0 6px;}
.huodong .right  .btn span{ *display:inline}
.huodong .right  .btn span.cur{ background-position:left}

.yuanqu { overflow:hidden; padding-top:40px; background-color:#f3f3f3}
.yuanqu p{ font-size:16px; color:#666; margin-bottom:10px;}
.yuanqu .yqbox{ overflow:hidden; width:100%; height:635px; background:url(../images/yuanqu_bg.jpg) no-repeat left bottom; position:relative}
.yuanqu .yqbox>div{ width:31px; height:31px; position:absolute;}
.yuanqu .yq01{left: 195px;top: 192px;}
.yuanqu .yq02{left: 320px;top: 95px;}
.yuanqu .yq03{ left:500px; top:170px; z-index:2}
.yuanqu .yq04{left: 340px;top: 270px;}
.yuanqu .yq05{left: 396px;top: 230px;}
.yuanqu .yq06{left: 463px;top: 125px;}
.yuanqu .yqbox .tu{ position: absolute; width:360px; height:260px; left:-165px; top:35px; background-color:#fff; display:none}
.yuanqu .yqbox .tu .img01{ display:block; padding:10px;}
.yuanqu .yqbox .tu h3{ text-align:center; font-weight:normal; font-size:15px; color:#666}
.yuanqu .yqbox .tu .img_s{ display:block; position:absolute; left:50%; margin-left:-4px; top:-5px;}
.yuanqu .yqbox>div:hover .tu{ display:block}
.yuanqu .name{ display:block; position:absolute; left:535px; top:45px;}
.yuanqu ul{ overflow:hidden; width:300px; float:right}
.yuanqu li{ overflow:hidden; margin-bottom:130px; position:relative; left:500px;}
.yuanqu li .num{ overflow:hidden; position:relative; width:100%; height:50px; line-height:50px; font-size:50px; color:#2974d9; margin-bottom:10px;}
.yuanqu li span{ display:block; font-size:16px; color:#666; margin-bottom:10px;}
.yuanqu li i{ display:block; width:40px; height:1px;  background-color:#d4d4d4}
.yuanqu li .num b{ display:block; width:100%; height:500px; position:absolute; left:0; top:0}

.news { overflow:hidden; width:1200px; margin:85px auto;}
.news .menu{ overflow:hidden; width:520px; height:37px; margin-left:235px; margin-top:-53px; margin-bottom:45px;}
.news .menu li{ float:left; width:118px; height:37px; text-align:center; line-height:37px; font-size:14px; margin:0 5px;}
.news .menu li a{ display:block; width:100%; height:100%; color:#666; text-decoration:none}
.news .menu li.cur a{ background:url(../images/show_cur.png) no-repeat center; color:#2974d9;}
.news .newsbox{ overflow:hidden; width:100%; height:450px; position:relative}
.news .newslist{ overflow:hidden; width:100%; height:100%;}
.news .left{ overflow:hidden; float:left; width:450px; height:450px; position:relative}
.news .left ul{ overflow:hidden; position:absolute}
.news .left li{ float:left; width:450px; height:450px;}
.news .left img{ display:block; margin:0 auto; margin-bottom:20px;}
.news .left h3{ font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; color:#333; margin-bottom:15px;}
.news .left h3 a{ color:#333}
.news .left p{ font-size:13px; line-height:22px; color:#666; height:44px; overflow:hidden; width:100%; margin-bottom:40px;}
.news .left .more{ display:block; width:114px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#666; background:url(../images/show_more.png) no-repeat center}
.news .left span{ display:block; position:absolute; top:20px; left:20px; width:48px; height:48px; cursor:pointer; z-index:2;}
.news .left .btn01{ background:url(../images/news_btn.png) no-repeat left center;}
.news .left .btn02{ background:url(../images/news_btn.png) no-repeat right center; left:69px;}
.news .right { overflow:hidden; width:690px; float:right; height:450px; position: relative}
.news .right ul{ overflow:hidden; position:absolute; width:100%;}
.news .right li{ overflow:hidden; width:100%; height:120px; margin-bottom:45px;}
.news .right li img{ display:block; float:left}
.news .right li .wen{ overflow:hidden; width:490px; float:right; height:120px;}
.news .right li .wen:hover a{color:#2974d9;text-decoration:none;}
.news .right li .wen:hover p{background:url(../images/news_more02.png) no-repeat right center; }
.news .right li h3{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.news .right li h3 a{ color:#666}
.news .right li p{ width:415px; padding-right:75px; font-size:13px; color:#666; line-height:22px; height:44px; background:url(../images/news_more.png) no-repeat right center; margin-bottom:15px;}
.news .right li em{ display:block; font-size:13px; color:#999; font-family:Arial}

.imgcontent .img1{background: url(../images/pic1.jpg);}
.imgcontent .img2{background: url(../images/pic2.jpg);}
.imgcontent .img3{background: url(../images/pic3.jpg);}
.imgcontent .img4{background: url(../images/pic4.jpg);}
.imgcontent .img5{background: url(../images/pic5.jpg);}
.imgcontent .img6{background: url(../images/pic6.jpg);}
.imgcontent .img7{background: url(../images/pic7.jpg);}
.imgcontent .img8{background: url(../images/pic8.jpg);}
.imgcontent .img5:hover{background: url(../images/pic5a.jpg);}
.imgcontent .img2:hover{background: url(../images/pic2a.jpg);}
.imgcontent .img7:hover{background: url(../images/pic7a.jpg);}
.imgcontent .img4:hover{background: url(../images/pic4a.jpg);}


.yingyong .imgcontent {
    margin: 120px auto 20px auto;
}

.yingyong .imgcontent .img {
    float: left;
    width: 300px;
    height: 208px;
}

.yingyong .imgcontent .img a {
    display: block;
    width: 100%;
    height: 308px;
}

.imgt {
    background: #fff;
}

.imgt p {
    text-align: center;
    width: 100%;
}

.img .num {
    color: #ccc;
    font-family: impact;
    font-size: 30px;
    line-height: 86px;
}

.img .name1 {
    color: #323232;
    font-size: 21px;
    padding-top: 50px;
}

.img .exp {
    font-size: 16px;
    color: #666;
}

.imgt:hover {
    background: #0289ff
}

.imgt:hover p {
    color: #fff;
}