@charset "utf-8";
/* CSS Document */
body{
font-family:"微软雅黑";font-size:12px;font-weight:normal;color:#666;margin:0px;padding:0px; background:#fff;}
p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#666;text-decoration:none;}
a:hover{ color:#0094d9}
.active{color: #0065c2;}
.clear{clear:both;}
input,button {outline: none;border:none;}



.gtco-loader { position: fixed; left: 0px;  top: 0px;  width: 100%;  height: 100%;  z-index: 9999;  background: url(../images/loader.gif) center no-repeat #fff; background-size:30px;}
.none{margin-right: 0!important}
.content{width: 1200px;margin:0 auto;}
.fl_l{float: left;}
.fl_r{float: right;}
.ban,.ban img{width: 100%;}

.menu_title{padding:55px 0 15px;text-align: center;font-size: 30px;color: #0065c2;margin-bottom: 40px;background: url(../images/bor.png) no-repeat center bottom;}

.big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;}
.big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);}

.rotate{-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;}
.rotate:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
/* 首页 */

.header{zoom: 1;background-color: #fff;height: 95px;}


/* logo */

.logo{background: url(../images/logo.png) no-repeat center;width:290px;height: 95px;float: left;background-size:100%}
.logo a{display: block;height: 95px;}

/* nav */
.nav{float: right;}
.nav>ul>li{float: left;padding:0 20px;background: url(../images/bor.jpg) no-repeat center right;}
.nav li:last-child{margin-right: 0;background: none;}
.nav li:nth-child(6){background: none;}
.nav>ul>li>a{font-size: 14px;line-height: 90px;position: relative;}
.nav ul li a span{ display:block; position:absolute; width:0px; height:0px; background:#fc391d; top:52px; left:50%;}
.nav>ul>li:hover>a{color: #0065c2;border-bottom: 2px solid #0065c2;padding-bottom: 10px;}


/*手机导航*/

.ph_header{ display:none}
@font-face {font-family:modesign;src:url(../font/modesign.ttf) format('truetype'),url(../font/modesign.woff) format('woff'),url(../font/modesign.svg) format('svg');font-weight:400;font-style:normal}

[class*=" icon-"]:before,[class^=icon-]:before {font-family:modesign!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-arrow-right:before {content:"\e902"}
.icon-arrow-back:before {content:"\e90f"}

button {background:0 0;border:none;text-shadow:none;position:relative;outline:0}
#nav_overlayer {position: fixed;display: none;top: 0;left: 0;right: 0; bottom: 0;background-color: #000;opacity: 0;z-index: 900;}

header {position:fixed;top:0;left:0;width:100%;height:60px;background-color:#13a3f7;box-shadow:0 0 30px rgba(0,0,0,.1);overflow:visible;z-index:1000;background-color:#fff}
.top_logo {float:left;overflow:hidden; }
.top_logo img{ /*width:90%;*/ padding-top:13px; padding-left:15px}

nav .menu_btn {position:relative;display:none;float:right;width:60px;height:60px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;cursor:pointer}
nav .menu_btn span,nav .menu_btn span:after,nav .menu_btn span:before {position:absolute;width:20px;height:2px;background-color:#13a3f8;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;transition:all .4s ease}
nav .menu_btn span {top:28px;left:20px}
nav .menu_btn span:after,nav .menu_btn span:before {content:"";left:0}
nav .menu_btn span:before {top:-6px}
nav .menu_btn span:after {top:6px}

.nav-open nav .menu_btn {background-color:#fff}
.nav-open nav .menu_btn span {background-color:transparent}
.nav-open nav .menu_btn span:before {background-color:#13a3f8;-webkit-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}
.nav-open nav .menu_btn span:after {background-color:#13a3f8;-webkit-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}

#nav>li>a {position:relative;display:block;height:100%;padding:0 20px;line-height:50px;color:#333;text-align:left;color:#999;overflow:hidden;z-index:0; }

.subnav {position:fixed;left:100%;top:0px;height:100%;background-color:#fff;width:100%;text-align:center;overflow-x:hidden;overflow-y:auto;opacity:0;visibility:hidden;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;-webkit-overflow-scrolling:touch;-webkit-transform:none;-ms-transform:none;transform:none}
.has_sub.open .subnav {opacity:1;visibility:visible;-webkit-transform:none;-ms-transform:none;transform:none}
.subnav .back_btn {cursor: pointer;display:block;width:100%;height:50px;padding:0 20px;text-align:left;font-size:12px;color:#fff;background-color:#000;font-family:novecento_bold,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400}
.has_sub.open .subnav:hover{color:#13a3f7;}



.subnav .back_btn::before {position:relative;display:inline-block;font-size:20px;margin-right:5px;margin-bottom:3px}
nav .menu_btn {display:block}
#nav {position:absolute;background-color:#fff;width:100%;right:0;top:60px;overflow-x:visible;-webkit-transition:all .4s cubic-bezier(1,0,0,1);transition:all .4s cubic-bezier(1,0,0,1)}
#nav>li {width:100%;height:0;overflow:hidden}
.nav-open #nav>li {height:50px;border-top:1px solid #d7d7d7}
#nav>li>a i {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:20px;display:block;font-size:16px}

.open_sub #nav {right:100%}
.open_sub #nav .subnav {left:0}




/* 轮播 */
.swiper_banner{width: 100%;position: relative;}
.swiper_banner .swiper-slide img{width: 100%;}
.swiper_banner .swiper-pagination-bullet{background-color: #fff; opacity: .4;width: 12px;height: 12px;}
.swiper_banner .swiper-pagination-bullet-active{background-color: #fff;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px;}
.swiper_banner .swiper-button-next{background: url(../images/right.png) no-repeat center;right: 40px;}
.swiper_banner .swiper-button-next,.swiper_banner .swiper-button-prev{width: 16px;height: 27px;position: absolute;}
.swiper_banner .swiper-button-prev{background: url(../images/left.png) no-repeat center;left: 40px;}





/*  产品介绍 */
.introduction-slide{ width:100%;height: auto;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.introduction-slide .swiper-slide dl{overflow: hidden;zoom: 1;}
.introduction-slide .swiper-slide dl dd{background-color: #f4f4f4;padding:0px 30px 20px;width: 240px;height: 220px;text-align: center;}
.introduction-slide .swiper-slide dl dd h1{font-size: 14px;color: #333;padding:35px 0 25px;}
.introduction-slide .swiper-slide dl dd p{font-size: 12px;color: #777;line-height: 18px;}
.introduction-slide .swiper-slide dl dt{overflow: hidden;position: relative;}
.introduction-slide .swiper-slide dl.dl2 dd{background-color: #4da5bc;}
.introduction-slide .swiper-slide dl.dl4 dd{background-color: #156ea7;}
.introduction-slide .swiper-slide dl dt img{width: 300px;height: 240px;}
.introduction-slide .swiper-slide dl.dl2 dd h1,.introduction-slide .swiper-slide dl.dl2 dd p,.introduction-slide .swiper-slide dl.dl4 dd h1,.introduction-slide .swiper-slide dl.dl4 dd p{color: #fff;}
.introduction-slide .swiper-slide dl.dl4 dt .jt{background: url(../images/dl4.png) no-repeat center right;}
.introduction-slide .swiper-slide dt .jt{background: url(../images/white.png) no-repeat center right;width: 19px;height: 240px;position: absolute;z-index: 1;right: 0}
.introduction-slide .swiper-slide dt.fl_r .jt{background: url(../images/blue.png) no-repeat center left;left: 0}
.introduction-slide .swiper-slide dl.dl2  dd a,.introduction-slide .swiper-slide dl.dl4 dd a{background: url(../images/white_jia.png) no-repeat center;}
.jia{background: url(../images/blue_jia.png) no-repeat center;display: block;margin:25px auto 0;width: 50px;height: 50px;}



.industry dl{float: left;width: 50%;margin-bottom: 40px;}
.industry dl dt{overflow: hidden;width: 207px;height: 148px;float: left;}
.industry dl dt img{width: 207px;height: 148px;}
.industry dl dd{float: left;width:333px;padding:0 30px;}
.industry dl dd a{font-size: 16px;color: #333;line-height: 26px;}
.industry dl dd small{display: block;font-size: 14px;color: #666;margin:10px 0 20px;}
.industry dl dd p{font-size: 14px;color: #666;line-height: 24px;}
.industry dl dd:hover a{color: #0065c2}

.more{background-color: #e8e8e8;border-radius: 5px;color: #666;font-size: 14px;display: block;margin:20px auto 120px;width: 110px;height: 30px;line-height: 30px;text-align: center;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;}
.more:hover{background-color: #0065c2;color: #fff;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;}


/* foot */

.foot{background-color: #333333;border-bottom: 1px solid #5c5c5c;height:80px;padding:60px 0;zoom: 1;}
.foot_logo{float: left;padding-right: 30px;border-right: 1px solid #515151;}

.foot_add{font-size: 14px;color: #d0d0d0;line-height: 30px;padding-left: 30px;}
.foot_copy{background-color: #333333;font-size: 12px;color: #d0d0d0;line-height: 70px;}
.foot_copy a{font-size: 12px;color: #d0d0d0;line-height: 70px;padding:0 20px;background: url(../images/bor1.png) no-repeat center right;}
.foot_copy a.none{background: none;}
.foot_copy a:hover{color: #fff;}



/* 公司简介*/

.inside{margin:40px 0 120px;overflow: hidden;zoom: 1;}
.aside{float: left;width: 240px;}
.main{float: left;width: 930px;margin-left: 30px;font-size: 14px;color: #666;line-height: 30px;}

.aside dl{margin-bottom: 30px;}
.aside dl dt{background:#0065c2;padding:0 20px 0 30px;}
.aside dl dt a{color: #fff;font-size: 16px;line-height: 45px;}
.aside dl dt i{display: block;float: right;width: 7px;height: 45px;}
.aside dl dd{background: #f4f4f4 url(../images/dd.png) no-repeat 220px center;border-bottom: 1px solid #d8d8d8;padding:0 20px 0 30px;}
.aside dl dd a{font-size: 14px;line-height: 36px;}
.aside dl dd:hover a{color: #0065c2;text-decoration: underline;}
.trans {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.re_sub{background:url(../images/dt.png) no-repeat center;width: 7px;height:45px;display: block;}
.aside dl.selected .re_sub{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.main_title{font-size: 24px;color: #333;line-height: 30px;padding-bottom: 10px;border-bottom: 1px solid #e0e0e0;margin-bottom: 40px;}
.main_title span{float: right;font-size: 12px;color: #666;line-height: 30px}


/* news */

.news dl{overflow: hidden;zoom: 1;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e0e0e0;}
.news dl dt{overflow: hidden;width: 207px;height: 148px;float: left;}
.news dl dt img{width: 207px;height: 148px;}
.news dl dd{float: left;width:693px;padding:0 0 0 30px;}
.news dl dd a{font-size: 16px;color: #333;line-height: 26px;}
.news dl dd small{display: block;font-size: 14px;color: #666;margin:10px 0 20px;}
.news dl dd p{font-size: 14px;color: #666;line-height: 24px;}
.news dl dd:hover a{color:#0065c2;}

/*  product*/
.new_tab {margin:0 0 120px;}
.new_tab .td_1 {
    font-size: 22px;
    color: #333;
    padding-bottom: 5px;
}
.new_tab .td_2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 40px;
}

.new_tab .td_2 a {
    float: right;
}
.new_tab .td_3 {
    font-size: 14px;
    color: #666;
    line-height: 27px;
    padding: 40px 0;
}

/* video */

.contact #dituContent{width: 100%;height: 450px;}

.contact .contact_add{margin:40px 0 100px;}
.contact_add h1{font-size: 20px;color: #156ea7;line-height: 30px;}
.contact_add p{font-size: 14px;color: #333;padding:8px 0 8px 40px;}
.contact_add p span{display: inline-flex;line-height: 24px;}
.contact_add p.add{background: url(../images/add.png) no-repeat left 12px;}
.contact_add p.email{background: url(../images/email.png) no-repeat left 16px;}
.contact_add p.phone{background: url(../images/phone.png) no-repeat left 9px;}
.contact_add p.tel{background: url(../images/tel.png) no-repeat left 7px;}
.contact_add p.fax{background: url(../images/fax.png) no-repeat left 9px;}


/*  web */
.pro_list dl{background-color: #f4f4f4;float: left;width: 435px;margin:0 15px 50px;-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0);box-shadow:0 15px 30px rgba(0,0,0,0);}
.pro_list dl dt{padding:25px;}
.pro_list dl dd{text-align: center;padding:0 25px 25px;}
.pro_list dl dt img{width: 380px;height: 304px;}
.pro_list dl dd a{font-size: 18px;color: #333;line-height: 28px;}
.pro_list dl dd a.pro_more{display: block;font-size: 14px;color: #0065c2;line-height: 24px;}
.pro_list dl:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-transition:all ease-in-out 200ms;transition:all ease-in-out 200ms;}


.jqzoom{ width:380px; height:304px; position:relative;}
.list-h li{ float:left;}
#spec-n5{width:420px; height:70px; padding-top:20px; overflow:hidden;}
#spec-left{ background:url(../images/left.png) no-repeat; width:10px; height:70px; float:left; cursor:pointer;}
#spec-right{background:url(../images/right.png) no-repeat; width:10px; height:70px; float:left;cursor:pointer;}
#spec-list{ width:421px; float:left; overflow:hidden; margin-left:6px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:70px;}
#spec-list ul li img{ border:1px solid #ccc; width:60px; height:48px; padding:1px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;left:0px;}
.zoomdiv{z-index:100; margin-left:0px; margin-top:-11px; position:absolute;top:0px;left:0px;background:url(../images/loaders.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:600px;height:480px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;width:80px!important; height:80px!important; top:0px;left:0px;border:1px solid #aaa;background:#333 30% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:350px; margin-right:0px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}


.pro_top{overflow: hidden;zoom: 1;}
.pro_l{width: 383px;float: left;border:1px solid #0065c2;padding:10px;}
.pro_r{width: 490px;margin-left: 35px;float: left;}
.pro_r h1{font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #d8d8d8;color: #0065c2;line-height: 30px;margin-bottom: 35px;}
.pro_r p span{font-size: 16px;line-height: 26px;color: #0065c2;}
.pro_r p{font-size: 14px;color: #666;line-height: 24px;}

.pro_detail>h1{color: #0065c2;font-size: 16px;border-bottom: 1px solid #d8d8d8;padding-bottom: 12px;margin:35px 0 30px;}
.pro_detail h1>span{border-bottom: 3px solid #0065c2;padding-bottom: 14px;}

.pro_detail table{width: 100%;border-collapse: collapse;text-align: center;}

.pro_detail table tr td{border:1px solid #d8d8d8;padding:15px 18px;font-size: 14px;color: #666;line-height: 24px;}
.pro_detail table tr.tr_1 td{border-top: 1px solid #0b6cc6;font-size: 16px;color: #333;line-height: 26px;text-align: center;background-color: #d3e9f9;}
.pro_detail table tr.tr_2 td{font-size: 14px;color: #333;line-height: 26px;text-align: center;background-color: #eef5fb;}

.pro_detail  table.table1 tr td{border:none;}
.pro_detail table tr.tr_3 td{font-size: 16px;color: #333;line-height: 26px;}


.welding_swiper{width:930px;margin: 40px auto;position: relative;background-color: #eaeaea;padding:30px 0;}

.welding_container{height: 686px;}


.welding_swiper .swiper-button-next.swiper-button-white{background: url(../images/left1.png) no-repeat center;width:30px;height: 30px;left: 10px;}
.welding_swiper .swiper-button-prev.swiper-button-white{background: url(../images/right1.png) no-repeat center;width:30px;height: 30px;right: 10px;left: inherit;}


.detection li{float: left;width: 224px;margin-right: 11px;text-align: center;margin-bottom: 20px;min-height: 220px;}
.detection li.none{margin-right: 0;}
.detection li img{width: 224px;height: 153px;display: block;margin-bottom:15px;}
.detection li a{color: #666;font-size: 14px;line-height: 24px;}


.beltline li{float: left;width: 300px;margin-right: 15px;text-align: center;margin-bottom: 20px;min-height: 220px;}
.beltline li.none{margin-right: 0;}
.beltline li img{width: 300px;height: 205px;display: block;margin-bottom:15px;}
.beltline li a{color: #666;font-size: 14px;line-height: 24px;}

.welding_container  .swiper-slide { background-size: cover; background-position: center;}
.gallery-top {height:600px;width: 810px; }
.gallery-thumbs {height: 62px;width: 810px; box-sizing: border-box; padding: 10px 0;}
.gallery-thumbs .swiper-slide { height: 62px; width: 82px; background-size: cover;background-position: center;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}




.max_width img{max-width: 100%;}



.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    width:88px;
    margin: 33px auto 0;
    padding: 5px 15px;

    /* Styles */
    background: #fff;
    color: #0065c2;
    border:1px solid #0065c2;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #0065c2 transparent;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    /* Styles */
    background: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    background: #0065c2;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

/* No CSS3 support: none */



.foot_but{width:120px;float: right;}
.foot_but .wrapper-dropdown-5{border:1px solid #9a9a9a;color: #9a9a9a;background-color: #333;}
.foot_but .wrapper-dropdown-5 .dropdown{}

.foot_but .wrapper-dropdown-5:after{border-color:#9a9a9a transparent;}
.foot_but .wrapper-dropdown-5.active{background-color: #333;color: #fff;}

.foot_but .wrapper-dropdown-5.active:after{border-color:#fff transparent;}

.ph_banner{width: 100%;position: relative;display: none;}
.ph_banner .swiper-slide img{width: 100%;}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}


















































































































