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

body { font-size: 14px; font-family:"Microsoft Yahei"; color: #000; background: #fff; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align: middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color:#2b2b2b; }
* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearFix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w { width: 1200px; margin: 0 auto; }

/*head*/
.head {background: url("../images/top-bg_01.png") no-repeat left;height: 95px;}
.head .logo {background: url("../images/logo_03.png") no-repeat left;width: 476px;height:61px;margin-top: 20px;background-size: cover}
.head .tel {font-size: 18px;line-height:30px;color: #595959;padding-left: 40px;background: url("../images/tel-icon_09.png") no-repeat left;margin-top:35px;margin-left: 90px}
.head .tel span {font-size: 24px;color: #ff1f1f;font-weight: bold;font-style: italic;}
.head .ser {width: 240px;height: 26px;background-color: #fff;border: 1px solid #007cc3;border-radius: 26px;margin-top: 40px}
.head .ser .inpt {height: 26px;width:200px;color: #007cc3;line-height: 26px;font-size: 12px;padding-left: 15px;border-bottom-left-radius: 26px;border-top-left-radius: 26px}
.head .ser .sbtn {height: 26px;width: 17px;background: url("../images/ser-icon_12.png" ) no-repeat center;text-indent: -9999px;}

@media  screen and (max-width: 1440px) {
    .head .logo {width: 390px;height: 50px;margin-top: 25px;}
    .head .tel {margin-left: 60px;}
    .head .ser {margin-right: 150px;}
    .pf-qrCode {right: 10px !important;}
}

/*nav*/

.nav-wrap {height: 52px;background-color: #007cc3;}
.nav-wrap .nav {}
.nav-wrap .nav>li{ float: left;padding: 0 30px;position: relative}
.nav-wrap .nav>li:hover{background-color: #ff9000;}
.nav-wrap .nav>li:hover:before{content: "";width: 100%;height: 3px;background-color: #d84300;position: absolute;top: 0;left: 0;z-index: 1;}
.nav-wrap .nav>li>a{display: inline-block;line-height: 52px;font-size: 18px;color: #fff;text-align: center;}
.nav .nLi  .sub{ display:none; width:100%; left:0; top:52px;position:absolute;background:rgba(51,102,153,0.8); line-height:26px;z-index: 10;}
.nav .nLi  .sub li{ zoom:1;text-align:center }
.nav .nLi  .sub a{ display:inline-block;font-size: 16px;color: #fff;text-align: center;margin:5px 0;}
.nav .nLi  .sub li:hover{ background-color: #336699}

/*banner*/
.banner{ position:relative;}
.banner .slide { position:relative;background-position: center center;background-repeat: no-repeat;  background-size: cover;width:100%;height: 100%;  left: 0;  top: 0; }
.banner .slides  li { display: none; -webkit-backface-visibility: hidden; list-style-type: none; }
.banner .slides  li img { width: 100%; display: block; }
.banner .flex-direction-nav { display:none;}
.banner .flex-control-paging { text-align:center; width:100%; position:absolute; left:0; bottom:15px; z-index:1;}
.banner .flex-control-paging li { display:inline-block; margin:0 3px;}
.banner .flex-control-paging li a { background:#fff; width:13px; height:13px;border-radius: 13px; display:inline-block; text-indent:-9000px; cursor:pointer; vertical-align:bottom;transition: .5s;-webkit-transition: .5s}
.banner .flex-control-paging li a.flex-active { background:#e21212; width:33px; height:13px;transition: .5s;-webkit-transition: .5s}

/*banner end*/

/*company introduction*/
.com-int {position: relative;width: 100%;}
.com-int .bg-block {width: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.com-int .bg-block .b1{width: 100%;height: 142px;background: #007cc3;}
.com-int .bg-block .b2{width: 100%;height: 214px;background-color: #e8e8e8}
.com-int .int-con{border: 3px solid #2057b3;height: 350px;z-index: 10;border-left: 0;background-color: #fff;}
.com-int .int-con .int-sec1 {width: 130px;background-color: #2057b3;height: 100%;padding: 0 40px;position: relative;}
.com-int .int-con .int-sec1 .tit{width:100%;height: 92px;background-color: #1448a0;position: absolute;left: 0;top: -52px;}
.com-int .int-con .int-sec1 .tit p.cn {font-size: 24px;font-weight: bold;color: #fff;margin: 15px 0 0 50px}
.com-int .int-con .int-sec1 .tit p.en {font-size: 24px;color: #3668bd;font-family:"[CTWeiBeiSJ]";margin-left: 50px}
.com-int .int-con .int-sec1 p.int {font-size: 24px;line-height: 48px;color: #84bbff;letter-spacing:8px;margin-top: 50px}
.com-int .int-con .int-sec1 i {display: block;width: 100%;height:108px;background: url("../images/ren_08.png") no-repeat center;margin-top: 40px}
.com-int .int-con .int-sec2 {width: 590px;padding:30px;}
.com-int .int-con .int-sec2 .tit .cn{font-size: 30px;}
.com-int .int-con .int-sec2 .tit .cn i{display: inline-block;background: url("../images/tiao_04.png") no-repeat left;width: 399px;height: 11px;float: right;margin-top: 25px}
.com-int .int-con .int-sec2 .tit .en{font-size: 24px;line-height: 36px;color: #91c1dd;text-transform: uppercase;}
.com-int .int-con .int-sec2 .tit .con {font-size: 16px;color: #686868;line-height: 36px;}
.com-int .int-con .int-sec2 .tit .m {width: 132px;height: 40px;border: 1px solid #2057b3;text-align: center;margin-top: 25px}
.com-int .int-con .int-sec2 .tit .m a {display: inline-block;line-height: 40px;color: #2057b3;text-align: center;padding-right: 17px;background: url("../images/more-icon2_34.png") no-repeat right}
.com-int .int-con .int-sec3 {width: 315px;margin:40px 20px 0 0}

.com-int .int-con .int-sec3 .tab{width:100%;overflow: hidden}
.com-int .int-con .int-sec3 .tab>.tab_menu li{width:50%;float: left;cursor: pointer;background-color: #dcdcdc;color: #363636;font-size: 18px;height: 40px;line-height: 40px;text-align: center}
.com-int .int-con .int-sec3 .tab>.tab_menu li.selected{background-color: #2297da;color: #fff;}
.com-int .int-con .int-sec3 .tab>.tab_box{border: 1px solid #dcdcdc;height:255px;}

.int-sec3 .tab .rl-mar1 , .int-sec3 .tab  .rl-mar2{position: relative;overflow: hidden}
.int-sec3  .pic-scroll .hd {height:30px;width: 96%;padding: 0 2%;border-top: 1px solid #dcdcdc;line-height:30px;text-align: center;position: absolute;bottom: 10px;left: 0;}
.int-sec3  .pic-scroll .hd a {display: block;width: 20px;height: 22px;background: url("../images/arrow_19.png") no-repeat;margin-top: 8px;z-index: 100;}
.int-sec3  .pic-scroll .hd a.prev  {background-position: 0 0;}
.int-sec3  .pic-scroll .hd a.next  {background-position: -15px 0;}
.int-sec3  .pic-scroll .hd .pageState {color: #dc4242;font-size: 12px;text-align: center;display: block;margin-left:250px;margin-top:5px}
.int-sec3  .pic-scroll .bd {padding: 5px;overflow: hidden;}
.int-sec3  .pic-scroll .bd ul{overflow:hidden !important;height: 247px;}
.int-sec3  .pic-scroll .bd ul li{overflow:hidden;position: relative;float:left; _display:inline;height:240px;}
.int-sec3  .pic-scroll .bd ul li a{display: block;width: 305px;height: 208px;overflow: hidden}
.int-sec3  .pic-scroll .bd ul li a img {width:100%;height: auto;transition: .5s;-webkit-transition: .5s;}
.int-sec3  .pic-scroll .bd ul li a:hover img {transform: scale(1.2);transition: .5s;-webkit-transition: .5s;}
.int-sec3  .pic-scroll .bd .title{position: absolute;bottom:10px;left: 30px;font-size: 16px}

/*news*/
.news {height:449px;background: url("../images/news-bg_04.jpg") no-repeat left fixed;padding: 27px 0 47px 0}
.news .tit {width: 100%;height: 51px;background-color: #007cc3;color: #fff;text-align: center;line-height: 51px;font-size: 30px;}
.news .slideBox>.hd {width: 100%}
.news .slideBox>.hd  ul{display:block;margin: 0 auto;text-align: center;height: 35px;width: 350px;padding: 15px 0;}
.news .slideBox>.hd  ul li{float: left ;display: inline-block;width: 127px;height: 31px;border: 1px solid #d3d3d3;color: #6e6e6e;line-height: 31px;border-radius: 31px;margin: 0 15px;cursor: pointer}
.news .slideBox>.hd  li.on {background-color: #ff7800;color: #fff;}
.news .slideBox>.bd {height: 341px;overflow: hidden}
.news-Scroll{ width:560px;overflow:hidden; position:relative;  }
.news-Scroll .hd{ overflow:hidden;  height:39px; background:rgba(0,0,0,.0); padding:0 10px; position: absolute;bottom: 0;right: 0;z-index: 10;}
.news-Scroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1; }
.news-Scroll .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;border-radius: 50%;background-color: #9c9c9b; }
.news-Scroll .hd ul li.on{ background-color: #ed9133 }
.news-Scroll .bd ul{ overflow:hidden; zoom:1; }
.news-Scroll .bd ul li{ float:left; _display:inline; overflow:hidden;position: relative}
.news-Scroll .bd ul li .pic{ width:560px;height:341px;overflow: hidden }
.news-Scroll .bd ul li .pic img{ width:100%; height:auto; display:block;transition: 1s;-webkit-transition: 1s; }
.news-Scroll .bd ul li .pic:hover img{transform: scale(1.2);transition: 1s;-webkit-transition: 1s; }
.news-Scroll .bd ul li .title{ width: 100%;line-height:41px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;padding-left: 10px;}
.news-Scroll .bd ul li .title a{color: #fff;font-size:16px}
.news .slideBox .bd .txt {width:613px;padding-left: 25px;background-color: #f4f4f4;border: 1px solid #dfdfdf;min-height:341px;}
.news .slideBox .bd .txt .n-tit {font-size: 24px;line-height: 30px;color: #fa1212;padding-top: 15px}
.news .slideBox .bd .txt .con {color: #868686;line-height:24px;padding: 10px 0}
.news .slideBox .bd .txt .dt {padding-bottom: 10px;border-bottom: 1px solid #ececec;}
.news .slideBox .bd .txt span.date {display: inline-block;margin-right: 30px;color: #868686;padding-left: 25px;background: url(../images/zhong-icon_20.png) no-repeat left}
.news .slideBox .bd .txt span.view {display: inline-block;color: #868686;padding-left:30px;background: url("../images/view-icon_06.png") no-repeat left}
.news .slideBox .bd .txt .news-list {padding: 13px 10px 13px 0;}
.news .slideBox .bd .txt .news-list li a{display: inline-block;font-size: 16px;padding-left: 15px;position: relative;color: #686868;line-height: 30px;width: 490px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news .slideBox .bd .txt .news-list li a:before{content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #bbbbbb;position: absolute;top: 13px;left:0}
.news .slideBox .bd .txt .news-list li span{display: inline-block;font-size: 14px;position: relative;color: #a1a1a1;line-height: 30px;float: right;}

/*project performance*/
.pt p.tit {width: 100%;height: 79px;background-color: #007cc3;color: #fff;font-size: 30px;line-height: 79px;text-align: center;margin-bottom: 2px}
.pt .picShow-left {background-color: #e8e8e8;overflow: hidden;padding-bottom: 30px;}
.pt .picShow-left .hd {text-align: center;margin: 30px 0 20px 0;}
.pt .picShow-left .hd ul{display: inline-block}
.pt .picShow-left .hd li{float: left;margin: 4px;width: 12px;height: 12px;border-radius: 50%;background-color: #919191;text-indent: -9999px}
.pt .picShow-left .hd li.on {background-color: #eb1313}
.pt .picShow-left .bd li{float: left;width: 25%;position: relative}
.pt .picShow-left .bd li .pic{width: 100%;height: auto;overflow: hidden;}
.pt .picShow-left .bd li .pic img{width: 100%;height: auto}
.pt .picShow-left .bd li .con {width:84%;height:40px;position: absolute;bottom: 0;left: 0;padding: 0 8%;transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li:hover .con {height: 100%;background: rgba(29,145,207,.9);transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li .con h3 {font-size: 16px;line-height:40px;text-align: center;color: #fff;transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li:hover .con h3 {font-size: 18px;font-weight: bold;padding-top: 30px;transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li .con p {padding: 15px 0 40px 0;line-height: 24px;color: #fff;border-top: 1px solid #60bef3;opacity: 0;transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li:hover .con p  {opacity: 1;transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li .con .m {width: 110px;height: 36px;background-color: #ffa800;border-radius: 36px;margin: 0 auto;text-align: center;opacity: 0;transition: .5s;-webkit-transition: .5s;}
.pt .picShow-left .bd li:hover .con .m {opacity: 1;width: 140px;transition:width 1s .5s;-webkit-transition:width 1s .5s;}
.pt .picShow-left .bd li .con .m a{line-height: 36px;color: #fff;display: inline-block;text-align: center;  padding-right: 17px;  background: url(../images/more-icon_34.png) no-repeat right;}
.pt .picShow-left .list-m {display:block;width: 132px;height: 41px;margin: 0 auto;border: 1px solid #007cc3;text-align: center  }
.pt .picShow-left .list-m a{line-height: 41px;color: #007CC3;    display: inline-block;  padding-right: 17px;  background: url(../images/more-icon2_34.png) no-repeat right;}

/*Processing and manufacturing base*/
.pb {background: url("../images/bg2_07.jpg") repeat-y left fixed;padding: 40px 0;}
.pb .bor {border: solid #007CC3;border-width: 0 1px 3px 1px;background-color: #fff;}
.pb .pb-tit {height: 51px;background-color: #007cc3;line-height: 51px;text-align: center;color: #fff;font-size: 30px;}
.pb .pb-int {padding: 30px;}
.pb .pb-int .pic{width: 376px;height: 236px;overflow: hidden}
.pb .pb-int .pic img{width:100%;height: auto;}
.pb .pb-int .con {width: 730px;}
.pb .pb-int .con .cn {font-size: 24px;font-weight: bold;color: #494949;line-height:36px;}
.pb .pb-int .con .en {font-size: 24px;color: #91c1dd;line-height:36px;text-transform: uppercase;}
.pb .pb-int .con p {font-size: 16px;line-height: 30px;color: #666666;}
.pb .pb-int .con .m{display:block;width: 132px;height: 41px;border: 1px solid #007cc3;text-align: center;float: right  }
.pb .pb-int .con .m a{line-height: 41px;color: #007CC3;    display: inline-block;  padding-right: 17px;  background: url(../images/more-icon2_34.png) no-repeat right;}
.pb .slideBox .hd {height: 42px;background-color: #ebebeb;padding: 0 48px;border-bottom: 1px solid #007CC3;}
.pb .slideBox .hd  li{float: left;width: 145px;line-height: 42px;text-align: center;color: #454545;font-size: 18px;cursor: pointer}
.pb .slideBox .hd  li.on{background-color: #007CC3;color: #fff;}
.jd-iboxt{ height:213px; padding:20px 0;  overflow:hidden; position:relative;}


.jd-iboxt li{ margin:0 13px; float:left; display:inline; }
.jd-iboxt li p{line-height: 24px;color: #545454;text-align: center;}
.jd-iboxt li .pic{width:207px;height: 139px;overflow: hidden;padding: 7px;border: 1px solid #d7d7d7;}
.jd-iboxt li .pic img{width:100%;height: auto;transition: .5s;-webkit-transition: .5s;}
.pb .r-e {margin-top: 50px;}
.pb .r-e .r{width: 50%;background-color: #df873a;}
.pb .r-e  .pic {width:250px;height: 239px;overflow: hidden;}
.pb .r-e  .pic img {width: 100%;height: auto;}
.pb .r-e  .con {padding: 0 20px;width: 310px;}
.pb .r-e  .con .tit {border-bottom: 1px solid #fff;}
.pb .r-e  .con .tit span{display: inline-block;font-size: 30px;color: #fff;line-height: 50px;float: left}
.pb .r-e  .con .tit a{display:inline-block;float: right;width:16px;height: 14px;background: url("../images/add-icon_12.png") no-repeat left;margin-top: 15px}
.pb .r-e  .r .con ul {padding: 20px 0}
.pb .r-e  .r .con ul li {float: left;width: 50%;line-height: 30px;color: #fff;}
.pb .r-e  .r .con ul li a {color:#fff;}
.pb .r-e  .r .con ul li a:hover {border-bottom:1px solid #fff;}
.pb .r-e  .r .con a.m {display: block;width: 97px;height: 27px;text-align: center;line-height: 27px;color: #fff;border: 1px solid #fff;float: right}
.pb .r-e  .e {width: 50%;background-color: #129fd3;}
.pb .r-e  .e .con-det {color: #fff;line-height: 24px;padding-top: 5px;}

/*footer*/
.footer {background-color: #056eab;padding-top: 40px;}
.footer .f-t {padding-bottom:40px;border-bottom: 1px solid #3996cc; }
.footer .f-logo {width:313px ;height: 137px;background: url("../images/footer-logo_50.png") no-repeat left;padding-right: 40px;border-right: 1px solid #3996cc;}
.footer .t-d {padding: 0 48px;}
.footer .t-d .f-tel {font-size: 18px;height: 30px;line-height:30px;margin:10px 0;font-weight: bold;color: #7aceff;padding-left: 40px;background: url("../images/tel-icon2_53.png") no-repeat left;}
.footer .t-d .addr {padding-left: 40px;line-height: 24px;color: #7aceff;background: url("../images/location-icon_57.png") no-repeat left;margin: 20px 0}
.footer .t-d .addr a {color: #00fcff;;}
.footer .f-nav{width: 252px;border-left: 1px solid #3996cc;}
.footer .f-nav li{float: left;width: 50%;line-height: 36px;text-align: right;}
.footer .f-nav li a{color: #7aceff;}
.footer p.f-b {color: #7aceff;padding: 20px 0;}