@charset "utf-8";
/* CSS Document */
body{ min-width:1290px;}
body,html,div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,img,span,table,tbody,tr,td,form,input,textarea,a{ margin:0; padding:0; list-style:none;border:0; font-family: "Microsoft Yahei", "Helvetica Neue";font-size:10px;}
a{ text-decoration:none; color:#333; cursor:pointer; }
input,label,textarea{ display: inline-block;}
.warp{ width:1200px; margin:0 auto;}
.clear{ overflow:hidden;}
/*parts*/
div.fy {text-align:center;line-height:3rem;}
div.fy a {margin:2px 5px;padding:5px 10px;border:1px solid #bbb;color:#999;background-color: #fff;}
div.fy a:hover {border:1px solid #0d93ce;background-color:#0d93ce;color:#FFF;}
div.fy a:active {border:1px solid #0d93ce;background-color:#0d93ce;color:#FFF;}
div.fy span.current {margin:2px 5px;padding:5px 10px;border:1px solid #0d93ce;background-color:#0d93ce;color:#FFF;}
div.fy span.disabled {margin:2px 5px;padding:5px 10px;border:1px solid #bbb;color:#999;background-color: #fff;}

/*index*/
/*top*/
/*header-tit*/
.header-tit{ height:28px; color:#dedede; background-color:#000;  }
.h-l,.h-r{ width:50%; padding-top:3px;font-size:1.5em;}
.h-l{ float:left;}
.h-r{ float:right; text-align:right; position:relative;}
.h-r img{  margin-bottom: -4px;}
.h-r a{font-size:15px; color: #dedede; padding-left:20px; background: url("../images/en.png") left center no-repeat}
.h-r a:hover{ text-decoration: underline; }
/*header*/
.header{ width:100%; min-width:1290px;  position:absolute; z-index:999;height: 90px;background:rgba(255,255,255,0.8);box-sizing: border-box;}
.up{position:fixd; top:28px; transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ;}
.down{position:fixed;  overflow:hidden; top:0; left:auto; z-index:10000;transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ;}
.header-logo{ float:left; width:30%; padding-top:2%;}
.mune{ float:right; width:70%;}
.mune ul{width:100%; }
.mune ul li{ float:left; width:12%; margin:0 auto; text-align:center; padding:4% 0; }
.mune ul li a{color:#111;font-size:1.6em;}
/*bottom*/
.bottom{ background-color:#1e1e1e;}
.bottom-list{ float:left; padding-left:40px; margin:40px 0 40px 40px;position: relative;}
.bottom-list:after {background: #454545;content: "";height:94%;left:0%;width: 1px; top:0; position: absolute;z-index: 999;}
.bottom-list a{ font-size:1.2em; color:#b9b9b9; padding-bottom:10px;display:block;}
.bottom-list span{ font-size:3em; color:#fffefe; font-weight:bold; margin-bottom:15px; display:block;}
.bottom-list>p{ font-size:1.4em; color:#b9b9b9; padding-bottom:5px; font-variant:normal !important; }
.b-list-none{text-indent:5em;}
.bt-img{ display:inline-block !important;}
/*.bottom-list a img { margin:10px 10px 0 0;}*/
.bot-tip{ font-size:1.6em !important;color:#fffefe !important; padding-bottom:15px; font-weight:normal;display:block;}
/*bottom-tit*/
.bottom-tit{ background-color:#0e0e0e; text-align:center;color:#b9b9b9; padding:10px 0;}
.bottom-tit>.warp>p{font-size:1.4em; }
/*banner*/
.banner{position: relative;}
.banner::before {background: transparent;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);border-radius: 400px/10px;bottom: 0px;content: "";height: 8px;left: 10%;position: absolute;width: 80%;z-index: -1;}
.banner img {max-width:100%;}
.swiper-container {width: 100%;}
.swiper-slide {background-position: center;background-size: cover;}
.swiper-container .hide{opacity:0;}
.swiper-button-next,.swiper-button-prev{transition:opacity .5s;}
/*profile*/
.profile{ margin-bottom:4%;}
.profile-tit{ text-align:center; margin:4% 0;position: relative;}
.profile-tit:after {background: #0d93ce;content: "";height:4px;left:49.5%;width: 16px; bottom:-10px; position: absolute;z-index: 999;}
.profile-tit h3{ color:#010101;}
.profile-tit h4{ color:#a0a0a0;}
.profile-tit h3,.profile-tit h4{font-size:2.4em; font-weight:normal;}
.p-video{cursor:pointer;}
.p-video,p-txt{width:762px;}
.p-file1,.p-file2,.p-file3,.p-file4{ width:219px;}
.p-video,.p-txt,.p-file1,.p-file2,.p-file3,.p-file4{ height:218px; float:left; }
.p-f1{ background-color:rgba(231,148,50,0.6);}
.p-f2{ background-color:rgba(0,0,0,0.5);}
.p-f3{ background-color:rgba(13,147,206,0.8);}
.p-f4{ background-color:rgba(146,146,146,0.75);}
.p-f1 a,.p-f2 a,.p-f3 a,.p-f4 a{color:#FFF;}
.p-f1,.p-f2,.p-f3,.p-f4{ text-align:center; padding:84px 0; min-height:218px; min-width:219px;  font-size:2.4em;  opacity:0; position:absolute; top:0; left:0;transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ;}
.p-f1:hover,.p-f2:hover,.p-f3:hover,.p-f4:hover{ opacity:1;}
.p-a{transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ;}
.p-a:hover{ margin-right:-10%;}
.p-file1,.p-file2,.p-file3,.p-file4{cursor:pointer; position:relative;}
.p-txt{ background-color:#efefef;min-height:218px; max-width:762px;}
.p-x{ padding:4% 8% 0 3%;}
.p-x p{ margin:4% 0; font-size:1.5em; cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; line-height:20px;}
.p-x a{ font-size:1.4em; color:#828282; border:1px solid #828282;  padding:5px;}
/*product*/
.show-bg{ min-height:596px; position:relative;}
.show-bg-txt{ color:#FFF; background-color:rgba(18,107,172,0.8); position:absolute; top:0; left:0; width:100%; max-height:596px;text-align:center; padding:84px 0 500px 0;}
.show-bg-tit{position: relative;}
.show-bg-tit:after {background: #fff;content: "";height:4px;left:49.5%;width: 16px; bottom:-10px; position: absolute;z-index: 999;}
.show-box{float:left;position:relative;background-image:-webkit-linear-gradient(left,#ddd,#fff);background-image:-o-linear-gradient(right,#ddd,#fff);background-image:-moz-linear-gradient(right,#ddd,#fff);background-image:linear-gradient(to right,#ddd,#fff); overflow:hidden;}
.show-txt{ position:absolute; width:100%;  min-height:377px; top:0;}
.show-txt .show-t{ padding:30px 0; position:relative; z-index:999;}
.show-img{ position:absolute; top:0; padding:25px 0; text-align:center;width:100%;color:#fffefe; transform:scale(0);transition:1s;-moz-transition:1s ; -webkit-transition:1s ; -o-transition:1s ;background-color:rgba(18,107,172,0.8);}
.show-img img{border:1px solid #fffefe; padding:180px 90px 130px 90px;}
.show-txt:hover .show-img{transform:scale(1);z-index:-1;}
.show-t p{text-align:center;cursor:pointer;transition: .5s;-moz-transition: .5s ; -webkit-transition: .5s ; -o-transition: .5s ; z-index:999;font-size:1.6em;}
.show-txt:hover .show-t p{ margin:130px 0; color:#fffefe; }
.show-boxs{ position:relative; margin-top:-250px;}
.show-boxs>img{ position:absolute; top:0;}
.show-l{ left:-45px;}
.show-r{ right:-45px;}
.show-bg-tit h3,.show-bg-tit h4{ font-size:2.4em; font-weight:normal;}
.show-bg-txt p{ font-size:1.6em; margin-top:60px; padding:0 22%;} 
.products-show{ margin-bottom:13%;}
.show-none{ width:100%; height:200px;}
/*news*/
.news{ background-color:#f4f4f4; padding:4% 0 6% 0;}
.news-tit{ text-align:center; margin-bottom:40px;}
.news-tit h3{ color:#0e89bf;}
.news-tit h4{ color:#b7b6b6;}
.news-tit{position: relative;}
.news-tit:after {background: #ccc;content: "";height:4px;left:49.5%;width: 16px; bottom:-10px; position: absolute;z-index: 999;}
.news-tit h3,.news-tit h4{ font-size:2.4em; font-weight:normal;}
.news-b{float:left; width:33.33%;}
.news-box{width:90%; margin:10px auto; padding:25px 15px;transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ;}
.news-box:hover{ background-color:#FFF;box-shadow:0px 0px 5px rgba(153,153,153,0.4);}
.news-box h5{ color:#333; font-size:1.6em; font-weight:normal; margin-bottom:15px;}
.news-box span{ color:#555; font-size:1.4em;}
.news-box img{ padding:20px 0;}
.news-box p{  font-size:1.4em; color:#888;}
.news-btn{ margin-top:20px; padding:10px 0;}
.news-btn a{ background-color:#333; background:url(../images/news-arrow.png) right  center no-repeat; padding:10px; transition: ease-in-out all .2s;-moz-transition:ease-in-out all  .2s ; -webkit-transition:ease-in-out all .2s ; -o-transition:ease-in-out all .2s ;}
.news-box:hover .news-btn a{background:url(../images/news-arrowh.png) center   center no-repeat;background-color:#319ccc; width:240px; padding:40px; text-align:center;}

/*about*/
/*banner-inside*/
.banner-inside img {max-width:100%;}
.banner-inside{position: relative; width:100%; }
/*abouts*/
.about-titbg{ background-color:#f4f4f4; height:40px; width:100%; border-top:1px solid #939393; border-bottom:1px solid #939393;}
.about-0{ margin-top:-83px;}
#about-mune,.about-txt{ float:left;}
#about-mune{ width:25%; height:100%; padding: 0 0 20px 0;}
#about-mune ul{ width:85%; margin:0 auto; background-color:#fff;box-shadow: 0 0px 6px rgba(145,145,145,0.4);}
#about-mune ul li{ padding:15px 30px; border-bottom: 1px dashed #d9d9d9;transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s; }
#about-mune ul li a{font-size:1.4em;}
#about-mune ul li:last-of-type,#about-mune ul li:first-of-type{ border-bottom:none;}
.about-m:hover{color:#0d93ce;}
.about-active{color:#0d93ce;}
.about-m-tit{ font-size:2.2em !important; font-size:1.4em; background-color:#0d93ce; color:#fff; position:relative;}
.about-m-tit:after {background: #fff;content: "";height:48%;left:14px;width: 2px; bottom:22px; position: absolute;z-index: 999;}
.about-m-tit span{ display:block; font-size:0.8em; color: #7dd7ff;}
.about-txt{ width:75%;margin-bottom: 20px;}
.a-txt{ width:95%; margin:0 auto; }
.at-tit{ padding:53px 0 30px 0;}
.at-tit>p>a,.at-tit>p{font-size:1.2em !important}
.at-txt p{ text-indent:2em; font-size:1.5em; line-height:30px;}
.at-txt img { float:left; padding:10px 0;}
.at-txt div{overflow:hidden; }
/*about-2*/
.at-box{ width:33.33%; float:left; text-align:center; margin:10px 0;}
.at-b{overflow: hidden;width:95%; margin:0px auto 15px auto; background-color:#f4f4f4; transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ; }
.at-b p{ margin: 0 auto; font-size:1.4em; padding:10px 0;}
.at-b img { width:100%; padding:0;}
.at-b:hover{transform:scale(1.05);}
/*about-3*/
.find-part{ background-color:#f4f4f4; margin:10px 0; padding:40px;}
.find-part h3{ font-size:2.8em; color:#0d93ce; margin-bottom:15px;font-weight:normal;}
.find-part h4{ font-size:2em; font-weight:normal;margin-bottom:5px;}
.find-part p{ line-height:25px; font-size:1.5em;}

/*product*/
.p-box{ width:33.33%; float:left; text-align:center; }
.p-b{overflow: hidden;width:95%; margin:0px auto 15px auto; background-color:#f4f4f4; transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ; height:320px; }
.p-b p{  width: 90%; margin: 0 auto; font-size:1.4em; padding:10px 0;}
.p-b img { width:100%;}
.p-b:hover{transform:scale(1.05);}
/*product-show*/
.p-show p,.p-s{  font-size:1.5em; padding:15px 0;}
.p-s{ width:100%;}
.p-sr,.p-sl,.p-back{ float:left;}
.p-sr,.p-sl{ width:40%;}
.p-back{ width:20%; text-align:center;}
.p-back a{ padding:5px 10px;}

/*news*/
.b-i{ position:relative;}
.b-i::before {background: transparent;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);border-radius: 400px/10px;bottom: 0px;content: "";height: 8px;left: 12%;position: absolute;width: 80%;z-index: 2;}
.new-tit{ background-color:#f3f4f5; padding:80px 0 10px 0;}
.new-txt{ text-align:center;}
.new-txt h3{ font-size:2.8em; font-weight:normal;}
.new-txt p{font-size:2.6em; color:#0075c2;}
.new-list{ padding:40px 0; width:100%; font-size:1.4em; color:#666;}
.new-date,.new-con{ float:left;}
.new-img{ float:right;}
.new-date,.new-con{padding:30px 0;}
.new-date{ width:20%;}
.new-con{ width:52%;}
.new-con h3{ margin-bottom:20px; font-size:2.4em; font-weight:normal;transition: ease-in-out all .2s;-moz-transition:ease-in-out all  .2s; -webkit-transition:ease-in-out all .2s; -o-transition:ease-in-out all .2s;}
.new-con p{ line-height:30px; font-size:1.5em;}
.new-list:hover .new-con h3{ color:#000;}
.new-icon{ width:4%; margin:20px 0; background: url(../images/news/new-arrow.png) left  center no-repeat; padding:10px; transition: ease-in-out all .2s;-moz-transition:ease-in-out all  .2s ; -webkit-transition:ease-in-out all .2s ; -o-transition:ease-in-out all .2s ;}
.new-list:hover .new-icon{padding:15px;background: url(../images/news/news-arrowh.png) center  center no-repeat; background-color:#0075c2;width:6%; transform:scale(1.05);}
.new-img{ width:25%;padding:15px 0;}
.new-img img{transition: ease-in-out all .2s;-moz-transition:ease-in-out all  .2s ; -webkit-transition:ease-in-out all .2s ; -o-transition:ease-in-out all .2s ; max-width: 100%}
.new-list:hover .new-img img{transform:scale(1.05);}
.n-d{ font-size:1.4em; position:relative;transition: ease-in-out all .2s;-moz-transition:ease-in-out all  .2s ; -webkit-transition:ease-in-out all .2s ; -o-transition:ease-in-out all .2s ;}
.new-list:hover .n-d{ color:#000;}
.n-d:after{background: #ddd;content: "";height:1px; left:120px;width: 40px; top:14px; position: absolute;z-index: 999;transition: ease-in-out all .2s;-moz-transition:ease-in-out all  .2s ; -webkit-transition:ease-in-out all .2s ; -o-transition:ease-in-out all .2s ;}
.new-list:hover .n-d:after{background: #000;width: 100px;}
/*newshow*/
.newshow{ background-color:#f3f4f5; padding:5% 0;}
.newshow-tit{ text-align:center; padding:4% 0 0 0;}
.newshow-tit h3{ font-size:3em; font-weight:normal;}
.newshow-tit p{ font-size:1.5em; color:#0075c2; margin-top:5px;}
.newshow-txt{ width:96%; margin:2% auto 0 auto;}
.newshow-txt p{ text-indent:2em; font-size:1.6em; line-height:25px; color:#666;}
.newshow-txt img{width: 60%; padding: 2% 20%;}
.newshow-back,.newshow-up,.newshow-down{margin:3% 0% 1% 0;  float:left; border:1px solid #0075c2; padding:5px 0;border-radius:5px;}
.newshow-back,.newshow-up{ margin-right:6%;}
.newshow-up,.newshow-down{width:38%; }
.newshow-back{ width:10%;text-align:center;}
.newshow-back a,.newshow-up a,.newshow-down a{  padding:5px 10px; color:#0075c2; font-size:1.4em; }

/*productlist*/
.product-list{ background-color:#f3f4f5; padding:5% 0;}
.product-list table{ background-color:#FFF;border:1px solid #666; margin:4% 0 0 0;}
.product-list table tr td{ border:1px solid #666; padding:10px; text-align:center; font-size:1.4em;}

/*PTE*/
.pte-box{ width:33.33%; float:left; text-align:center; margin:10px 0;}
.pte-b{overflow: hidden;width:95%; margin:0px auto 15px auto; background-color:#f4f4f4; transition: ease-in-out all .5s;-moz-transition:ease-in-out all  .5s ; -webkit-transition:ease-in-out all .5s ; -o-transition:ease-in-out all .5s ; }
.pte-b p{ margin: 0 auto; font-size:1.4em; padding:10px 0;}
.pte-b img { width:100%;}
.pte-b:hover{transform:scale(1.05);}

/*feedback*/
.feedback{  background-color:#f4f4f4; padding:5% 0 0 0;}
.feedback-tit{ text-align:center; width:80%; margin:0 auto;}
.feedback-tit h3{ font-size:2.8em; color:#0d93ce; font-weight:normal;}
.feedback-tit p{ line-height:25px; padding:5px 0;  font-size:1.4em; color:#aaa; margin:20px auto 0 auto; width:70%;}
.feedback-txt{width:80%; margin:0 auto; padding:2% 0;}
.f-box{ float:left; width:49%; margin-right:1%;}
.f-box input,.fd-box textarea{ padding:10px;  border:1px solid #ddd; border-radius:2px; }
.f-box input{ margin:2% 0 2% 6%;width:85%;}
.f-box label,.fd-box label{ margin: 0 0 0 10px;color:#F00; font-size:1.4em; }
.fd-box textarea{ height:200px; margin:2% 0 2% 3%;width:91.5%;}
.f-text{top:20px;}
.f-btn{ padding:10px 0; text-align:center;}
.f-btn input{ width:100px; padding:5px 0; text-align:center; background-color:#0d93ce; color:#FFF; border-radius:5px; margin:0 4%; font-size:1.4em;}


/*contact*/
.contact-txt{ width:100%; margin:0 auto; padding:4% 0;}
.contact-txt>div{ float:left; width:33.3%;position: relative; text-align:center;}
.contact-txt>div>p{  font-size:1.4em; color:#888;}
.c-txt-no{ text-indent:5em; line-height:0px;}
.c-a{ height:100px;}
.c-a>p{ font-size:2em; color:#111; line-height:30px; margin:0 auto; width:90%;}
.c-c:after {background: #454545;content: "";height:30%; right:0%;width: 1px; bottom:55px; position: absolute;z-index: 999;}
.c-c{ height:200px;}


.bottom-list ul {
    width: 165px;
    float: left;
    height: 35px;
}

.bottom-list ul li {
    float: left;
    margin-left: 15px;
    width: 34px;
    height: 34px;
    background: #ffffff;
    border-radius: 360px 360px 360px 360px;
}
.meiti{position: relative; margin-top: 15px;}
.bottom-list .ewm {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -80px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.bottom-list .ewm img {
    width: 100%;
}

.bottom-list li:hover .ewm {
    top: -125px;
    opacity: 1;
    visibility: visible;
}

/*弹出input*/
.overCurtain {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:10;}
.hide-center {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0%;
    margin: auto;
    display: none;
    width: 90%;
    background-color:#000;
    height: 90%;
    z-index: 99999;
}
.hide-center video{ 
	position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0%;
    margin: auto;
    width: 90%;
    height: 90%;
    z-index: 99999;}