*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/
/*.fl{ float: left;}*/
/*.fr{ float: right;}*/
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}

/*header */
.header{width: 100%;}
.header .header-1{height: 40px;width: 100%;line-height: 40px;background:#2c99ff;}
.header .header-1 .content{width: 1200px;margin: auto;padding-right: 15px;}
.header .header-1 .content b{color: #fff;font-size: 14px;line-height: 40px;}
.header .header-1 .content nav{line-height: 40px;float: right;}
.header .header-1 .content nav a{color: #fff;font-size: 14px;}

.header .header-2 .content{width: 1200px;height: 140px;margin: auto;}
.header .header-2 .content .log{float: left;margin-top: 23px;}
.header .header-2 .content .text{float: left;margin-top: 35px;margin-left: 20px;}
.header .header-2 .content .text h3{font-size: 24px;color: #333;font-family: "Microsoft YaHei", 微软雅黑;font-weight:bold;margin-bottom: 5px;}
.header .header-2 .content .text h3 span{color: #2c99ff;}
.header .header-2 .content .text b{font-size: 18px;color: #2b2b2b;}
.header .header-2 .content .text b span{color: #2c99ff;}
.header .header-2 .content .phone{float: right;width: 263px;margin-top: 0px;margin-right: 15px;}
.header .header-2 .content .phone .dh{color: #333333;font-size: 18px;float: right;text-align: left;    margin-left: 11px;  margin-top: 25px;}
.header .header-2 .content .phone .dh h3{color: #2c99ff;font-size: 24px;line-height: 30px;font-weight: bold;}

.header .header-3{height: 69px;width: 100%;border-top: solid 1px #ccc;}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{width: 133px;display:block;float: left;text-align: center;height: 68px;line-height: 68px;font-size: 16px;color: #343434;position: relative;}
.header .header-3 .content nav a .cc{height: 15px;border-right: solid 1px #343434;position: absolute;top: 27px;right: 0px;}
.header .header-3 .content nav a:hover{color: #2c99ff;background: url("../images/nav_no.png")no-repeat bottom;}
.header .header-3 .content nav .on{color: #2c99ff;background: url("../images/nav_no.png")no-repeat bottom;}


/*banner*/
.banner-index{ font-size: 0;overflow: hidden;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;height: 600px;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 12px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 50%;}
.slideBox .hd ul li.on{background: #0ba2f3;}
.banner-index .slideBox .bd img{ width: 100%;}


/*search*/
.search{ width: 100%; height: 70px; line-height: 85px;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #fff; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #333; font-size: 14px; display: inline-block; border-radius: 16px; text-align: center; height: 30px; line-height: 30px; width: 80px;}
.search-keywords .wb > a{ color: #666666; font-size: 14px;}
.search-keywords .wb > a:hover{ color: #0ba2f3;}
.search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat; width: 250px; line-height: 30px; height: 30px; z-index: 99; position: relative;top: 0px;}
.search-form{ display: inline-block; float: right;margin-top: 28px;}
#searchForm .search-input{ vertical-align: top; height: 30px; background: none; line-height: 30px; color: #666; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 30px; height: 30px; background: none; color: #fff; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{ /* WebKit browsers */  color: #666;}
#searchForm .search-input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #666;}
#searchForm .search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #666;}
#searchForm .search-input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #666;}


/*product*/
.product{width: 1200px;margin: auto;height: 970px;padding-top: 50px;}
.product .left{width: 275px;float: left;}
.product .left .top{width: 275px;height: 137px;background: url("../images/cbbj.png")no-repeat;padding-top: 30px;text-align: center;}
.product .left .top i{color: #fff;font-size: 30px;font-weight: bold;display: block;}
.product .left .top b{color: #fff;font-size: 20px;}

.product .left .sideMenu{padding: 15px 15px 1px 15px;border-left: solid 1px #000;border-right: solid 1px #000;}
.product .left .sideMenu .tt{background: #444444;height: 40px;width: 246px;line-height: 40px;padding-left: 30px;border-radius:5px;}
.product .left .sideMenu .tt a{color: #fff;font-size: 16px;}
.product .left .sideMenu .tt img{margin-right: 20px;float: right;margin-top: 10px;}
.product .left .sideMenu .tt:hover{background: #0ba2f3;}
.product .left .sideMenu ul{margin-bottom: 15px;}
.product .left .sideMenu ul li{background: url("../images/cblli.png")no-repeat left;height: 35px;width: 246px;line-height: 34px;padding-left: 46px;border-bottom: dashed 1px #ccc; background-position-x: 30px;}
.product .left .sideMenu ul li a{color: #666;font-size: 14px;}
.product .left .sideMenu ul li:hover a{color: #0ba2f3;}


.product .left .an{height: 95px;width: 275px;background: url("../images/fl_an.png")no-repeat;}
.product .left .an .dh{    height: 54px;  width: 158px;  float: right;  margin-right: 13px;  margin-top: 14px;}
.product .left .an .dh p{font-size: 14px;color: #fff;}
.product .left .an .dh b{font-size: 20px;color: #fff;font-weight: bold;}


.product .right{width: 900px;float: right;}
.product .right .t{width: 900px;height: 53px;background: url("../images/p_top.png")no-repeat;line-height: 53px;margin-right: 30px;}
.product .right .t a{font-size: 16px;color: #fff;float: right;margin-right: 30px;}
.product .right .list{margin-top: 15px;}
.product .right .list .xq{width: 288px;height: 258px;margin-right: 17px;float: left;margin-bottom: 15px;}
.product .right .list .xq:nth-child(3n){ margin-right: 0px;}
.product .right .list .xq .img{width: 288px;height: 218px;border: solid 1px #ccc;}
.product .right .list .xq .bt{width: 288px;height: 40px;background: #f2f2f2;line-height: 40px;text-align: center;}
.product .right .list .xq:hover .bt{background: #2c99ff;color: #fff;}


/*ad_1*/
.ad_1{height: 382px;background: url("../images/ad_1bj.png")no-repeat center;}
.ad_1 .left{float: left;    margin-top: 50px;margin-left: 64px;}
.ad_1 .right{float: left;margin-top: 100px;margin-left: 200px;}
.ad_1 .right .dh{font-size: 16px;color: #fff;height: 35px;line-height: 35px;}
.ad_1 .right .dh b{font-size: 22px;color: #2c99ff;font-weight: bold;}


/*module_1*/
.module_1{height: 950px;}
.module_1 .top{height: 100px;width: 616px;background: url("../images/bt_bj.png")no-repeat center;margin: auto;text-align: center;padding-top: 8px;}
.module_1 .top b{color: #2c99ff;font-weight: bold;font-size: 30px;display: block;}
.module_1 .top span{color: #2b2b2b;font-size: 20px;}

.module_1 .ty_content{height: 820px;background: url("../images/module_1bj.png")no-repeat center;padding-top: 60px;}
.module_1 .a{height: 216px;margin-bottom: 37px;}
.module_1 .a .left{height: 216px;width: 508px;float: left;}
.module_1 .a .left .wz{height: 216px;width: 317px;border-bottom: solid 1px #ccc;float: left;}
.module_1 .a .left .wz p{font-size: 16px;color: #666666;margin-bottom: 24px;margin-top: 24px;}
.module_1 .a .left .wz b{font-family: Arial;color: #2c99ff;text-transform:Uppercase;}
.module_1 .a .left .img{float: right;margin-top: 25px;}

.module_1 .a .right{float: right;}
.module_1 .a .right .img{float: left;}
.module_1 .a .right .wz{float: right;text-align: right;}

.module_1 .b{height: 231px;margin-bottom: 55px;}
.module_1 .b .left{width: 344px;}
.module_1 .b .left .wz{width: 208px;border: none;height: 230px;}
.module_1 .b .left .xx{overflow: auto;width: 317px;border-bottom: solid 1px #ccc;}
.module_1 .b .left .img{float: right;margin-top: 45px;}

.module_1 .b .right{float: right;}
.module_1 .b .right .img{float: left;}
.module_1 .b .right .wz{float: right;text-align: right;}
.module_1 .b .right .xx{float: right;}



.module_1 .c {margin-bottom: 0px;}
.module_1 .c .left .wz{border:none;}


/*advantage*/
.advantage{background: url("../images/advantage_bg.png")no-repeat center;height: 1405px;padding-top: 67px;}
.advantage .top{width: 1200px;text-align: center;margin: 0 auto 40px;}
.advantage .mode{width: 1200px;margin: auto;height: 570px;}
.advantage .mode .wz{float: left;width: 52%;}
.advantage .mode .wz .title{overflow: hidden;  margin-bottom: 15px;}
.advantage .mode .wz .title img{float: left;}
.advantage .mode .wz .title .wenzhi{float: left;margin-left: 18px;margin-top: 20px;width: 440px;}
.advantage .mode .wz .title .wenzhi h3{font-size: 26px;color: #333;font-weight: bold;margin-bottom: 5px;}
.advantage .mode .wz .title .wenzhi p{font-size: 14px;color: #cccccc;text-transform:uppercase;  }
.advantage .mode .wz ul li{font-size: 16px;color: #666;background: url("../images/li_bj.png")no-repeat;padding-left: 113px; padding-right: 34px; line-height: 25px;margin-bottom: 10px;    background-position: 85px 5px;}
.advantage .mode .img{float: right;}

.advantage .mode_1{width: 1200px;margin:0 auto 30px;height: 545px;}
.advantage .mode_1 .wz{float: right;width: 52%;}
.advantage .mode_1 .wz .title{overflow: hidden;  margin-bottom: 15px;}
.advantage .mode_1 .wz .title img{float: left;}
.advantage .mode_1 .wz .title .wenzhi{float: left;margin-left: 18px;margin-top: 20px;width: 440px;}
.advantage .mode_1 .wz .title .wenzhi h3{font-size: 26px;color: #333;font-weight: bold;margin-bottom: 5px;}
.advantage .mode_1 .wz .title .wenzhi p{font-size: 14px;color: #ccc;}
.advantage .mode_1 .wz ul li{font-size: 16px;color: #666;background: url("../images/li_bj.png")no-repeat;padding-left: 113px; padding-right: 34px; line-height: 25px;margin-bottom: 10px;background-position: 85px 5px;}
.advantage .mode_1 .img{float: left;}


/*module_1*/
.ship{height: 700px;}
.ship .top{height: 100px;width: 616px;background: url("../images/bt_bj.png")no-repeat center;margin: 60px auto 60px;text-align: center;padding-top: 8px;}
.ship .top b{color: #2c99ff;font-weight: bold;font-size: 30px;display: block;}
.ship .top span{color: #2b2b2b;font-size: 20px;}
.ship .ty_content{height: 485px;background: url("../images/ship_bj.png")no-repeat bottom;}

section, nav{ display: block;}
.dg-container{width: 100%;position: relative;z-index: 15;}
.dg-wrapper{width: 426px;height: 300px;margin: 0 auto;position: relative; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d; -webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;perspective: 600px;}
.dg-wrapper a{width: 394px;height: 388px;display: block; position: absolute;left: 0;top: 0;border: 0px solid #e6e6e6;box-sizing: border-box;text-align: center;padding-top: 10px;}
.dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.dg-wrapper a img{display: block;width: 370px;height: 284px;box-sizing: border-box;border: 1px solid #e6e6e6;margin: auto;}
.dg-wrapper a span{background: #e6e6e6;opacity: 1;display: block; width: 394px;height: 83px; line-height: 83px;position: absolute;top: 305px;text-align: center;color: #666; font-size: 16px;}
.dg-container nav{top: 0px;width: 1200px;position: absolute;z-index: 1000;bottom: 100px;color: #fff;}
.dg-container nav span{float: left; opacity: 0;cursor: pointer;width: 420px;height: 360px;background-color: #192da0;}
.dg-container nav span:hover{background-color: #192DA0;}
.dg-container nav span.dg-next{float: right;}
.dg-container .dg-wrapper .dg-center{ background: #2c99ff;}
.dg-container .dg-wrapper .dg-center span{ background: #2c99ff; color: #fff;}
.dg-container .dg-wrapper .dg-center img{ box-sizing: border-box; border: 1px solid #2c99ff; background: #e6e6e6;}

/*ad_1*/
.ad_2{height: 382px;background: url("../images/ad_2bj.png")no-repeat center;padding-top: 70px;}
.ad_2 .left{float: left;}
.ad_2 .right{float: right;}


/*apply*/
.apply{width: 1200px;margin: auto;height: 700px;}
.apply .top{height: 100px;width: 616px;background: url("../images/bt_bj.png")no-repeat center;margin: 60px auto 33px;text-align: center;padding-top: 8px;}
.apply .top b{color: #2c99ff;font-weight: bold;font-size: 30px;display: block;}
.apply .top span{color: #2b2b2b;font-size: 20px;}
.apply li{width: 386px;height: 235px;float: left;margin-right: 21px;position: relative;margin-bottom: 20px;}
.apply li .an{width: 386px;height: 35px;background: url("../images/apply_an.png")no-repeat;position: absolute;bottom: 0px;text-align: center;line-height: 35px;color: #fff;font-size: 16px;}
.apply li:nth-child(3n){ margin-right: 0px;}


/*honor*/
.honor{width: 1200px;margin: auto;height: 500px;}
.honor .top{height: 100px;width: 616px;background: url("../images/bt_bj.png")no-repeat center;margin: 0px auto 40px;text-align: center;padding-top: 8px;}
.honor .top b{color: #2c99ff;font-weight: bold;font-size: 30px;display: block;}
.honor .top span{color: #2b2b2b;font-size: 20px;}
.honor .ty_content{height: 320px;position: relative;}
.honor .ty_content .jt{position: absolute;top: 42%;}
.honor .ty_content .ri{right: 0px;}
.honor .ty_content .list{height: 320px;width: 1095px;overflow: hidden; margin: 0 auto 0;}
.honor .ty_content .list li{height: 320px;width: 201px;text-align: center;color: #666;float: left;margin-right: 23px;}
.honor .ty_content .list li .img{height: 274px;width: 201px;background: url("../images/honor_li.png")no-repeat; padding: 21px;margin-bottom: 14px;}



/*abou*/
.abou{height: 888px;background: url("../images/abou_bj.png")no-repeat center;padding-top: 40px;}
.abou .top{height: 100px;width: 227px;margin: 0px auto 40px;text-align: center;}
.abou .top .s{width: 50px;border-bottom: solid 3px #2c99ff;margin: 10px auto 0;}
.abou .top b{color: #444444;font-weight: bold;font-size: 36px;display: block;}
.abou .top b i{color: #2c99ff;font-weight: bold;font-size: 36px;}
.abou .top span{color: #2b2b2b;font-size: 16px;}

.abou .as{height: 380px;}
.abou .as .left{width: 590px;height: 380px;float: left;}
.abou .as .left img{width: 590px;height: 380px;}

.abou .as .right{width: 563px;height: 380px;float: right;}
.abou .as .right i{font-size: 24px;color: #444;font-weight: bold;}
.abou .as .right p{font-size: 16px;color: #333;line-height: 40px;margin-top: 27px;height: 243px;}
.abou .as .right .an a{width: 110px;height: 50px;background: #2c99ff;line-height: 50px;text-align: center;color: #fff;font-size: 16px;float: left;margin-right: 20px;}


.abou .list{height: 277px;margin-top: 20px;width: 1200px;overflow: hidden;}
.abou .list li{height: 277px;width: 286px;text-align: center;float: left;margin-right: 18px;}
/*.abou .list li:nth-child(4n){ margin-right: 0px;}*/
.abou .list li img{height: 240px;width: 286px;margin-bottom: 10px;}


/*news*/
.news{width: 1200px;margin: auto;height: 709px;padding-top: 65px;}
.news .left{width: 640px;float: left;height: 588px;}
.news .left .top{width: 640px;height: 60px;margin-bottom: 55px;}
.news .left .top li{width: 182px;height: 60px;border: solid 1px #666;text-align: center;line-height: 60px;color: #666;font-size: 16px;border-radius:5px;float: left;margin-right: 15px;}
.news .left .top .on{border: solid 1px #2c99ff;background: #2c99ff;color: #fff;}

.news .left .nr{width: 640px;height: 478px;overflow: hidden;}
.news .left .nr .sl{height: 197px;margin-bottom: 23px;}
.news .left .nr .sl img{width: 274px;height: 197px;float: left;}
.news .left .nr .sl .wz{width: 350px;height: 197px;float: right;}
.news .left .nr .sl .wz b{color: #2b2b2b;font-size: 16px;}
.news .left .nr .sl .wz b a:hover{color: #2c99ff;}

.news .left .nr .sl .wz p{color: #666666;line-height: 25px;margin-top: 30px;height: 100px;}
.news .left .nr .sl .wz .ac{display: block;height: 40px;width: 170px;background: #444444;color: #fff;line-height: 40px;text-align: center;border-radius: 20px;}

.news .left .nr .list{width: 640px;height: 76px;background: url("../images/news_list.png")no-repeat;margin-bottom: 15px;}
.news .left .nr .list .sj{width: 115px;height: 76px;text-align: center;padding-top: 7px;float: left;}
.news .left .nr .list .sj p{color: #333333;font-size: 22px;}
.news .left .nr .list .sj i{color: #aaaaaa;font-size: 16px;}

.news .left .nr .list .xx{width: 523px;height: 76px;float: left;line-height: 76px;padding-left: 30px;}
.news .left .nr .list .xx a{color: #333;font-size: 16px;}

.news .left .nr .list .xx a:hover{color: #2c99ff;}

.news .newlist .top{ height: 70px; border-bottom: 1px solid #ccc; line-height: 70px;border-top: 1px solid #ccc;}
.news .newlist .top .zz{ float: left; position: relative;}
.news .newlist .top .zz img{ vertical-align: middle; margin: -8px 5px 0 0;}
.news .newlist .top .more a{ float: right; color: #999; font-size: 14px;font-family: arial;}
.news .newlist .top .zz span{ color: #666; font-size: 22px;margin-right: 10px;}
.news .newlist .top .zz i{ color: #a8a8a8; font-size: 14px;}
.news .newlist+.newlist .top .zz:before{ width: 185px;}
.news .newlist3{ width: 480px;float: right;}
.news .newlist3 .top .zz:before{ width: 195px;}
.news .newlist3 .lbnew{ margin: 15px 0 0; height: 511px; overflow: hidden;}
.news .newlist3 ul li{ margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dashed #ccc;}
.news .newlist3 ul li .wen{ margin-bottom: 5px;}
.news .newlist3 ul li .wen a{ font-size: 14px; color: #333;}
.news .newlist3 ul li .wen a:before{ content: "问"; background: #3399ff;}
.news .newlist3 ul li .wen a:before,.news .newlist3 ul li .da a:before{ width: 20px; text-align: center; height: 20px; line-height: 20px; color: #fff; border-radius: 2px; margin-right: 6px; display: inline-block; font-size: 14px;}
.news .newlist3 ul li .da a:before{ content: "答"; background: #666666;}
.news .newlist3 ul li .da a{ font-size: 14px; color: #999; line-height: 28px;}
.news .newlist3 ul li .da a i{ display: inline-block; width: 436px; vertical-align: top;}
.news .newlist3 ul li .wen a:hover{ color: #3399ff;}
.news .newlist3 ul li .da a:hover{ color: #3399ff;}



.yqlj{height: 76px;background: #3399ff;}
.yqlj .nr{width: 1200px;margin: auto;}
.yqlj .nr .zz{width: 99px;float: left;margin-top: 15px;margin-right: 33px;}
.yqlj .nr .zz h3{font-size: 18px;font-weight: bold;color: #fff;}
.yqlj .nr .zz b{font-size: 14px;color: #fff;}
.yqlj .nr ul{float: left;margin-top: 30px;}
.yqlj .nr ul li{float: left;margin-right: 25px;}
.yqlj .nr ul li a{color: #fff;}

.bo{background: #444444;height: 348px;}
.bo .content{height: 300px;width: 1200px;margin: auto;border-bottom: solid 1px #fff;padding-top: 54px;}

.bo .content .a{width: 285px;float: left;margin-right: 115px;}
.bo .content .a p{color: #fff;line-height: 35px;}

.bo .content .b{width: 260px;float: left;}
.bo .content .b .bt{width: 260px;float: left;border-bottom: solid 1px #fff;color: #fff;font-size: 16px;height: 26px;}
.bo .content .b .bt b{font-family: Arial;}
.bo .content .b ul{margin-top: 7px;float: left;}
.bo .content .b ul li{margin-top: 10px;}
.bo .content .b ul li a{color: #fff;}

.bo .content .c{width: 346px;float: right;}
.bo .content .c ul li{width: 137px;float: left;text-align: center;color: #fff;margin-right: 36px;}

.bo .banq{margin: auto;width: 1200px;text-align: center;line-height: 48px;color: #fff;}
.bo .banq a{color: #fff;}















