@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500&display=swap');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.fixtop,.tblank,.fixtop .toper .logo,.fixtop .toper ul.navpc li a.a,.fixtop .toper .search,.fixtop .toper .encn,.fixtop .toper .search,.fixtop .toper .encn i,.index-product .swiper-container .swiper-slide .cons .p p,.indabout .mright img,.indnews li .pic p,.navbar-nav li a:before,.navbar,.navbar-nav li a:before,.factory li p,.solutions li .pic p,.solutioncate-nav li a:before,.solutioncate,.solutioncate-nav li a:before,.sshow2 .prevnext a i,.sshow3 .slide .pic p,.product li .pic p
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.index-product .swiper-container .swiper-slide .cons .p:hover p,.indabout .mright img:hover,.indnews li:hover .pic p,.factory li:hover p,.solutions li:hover .pic p,.sshow3 .slide:Hover .pic p,.product li:hover .pic p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.contact li,.message .list .row textarea,.product li,.show2 .cons1 td,.show2 .cons2 td
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.culture li:hover .up .p img,.whyus li:hover .pic img,.customers li:hover img,.contact li:hover .p img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans CN Light','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#666;font-weight:300; letter-spacing:0.3px}strong,b {font-weight:600;}
a:hover,.fixtop .toper .encn .list p a:hover,.footer a:hover,.sshow2 .prevnext a:hover,.sshow3 .slide:Hover .title a,.product dd a:hover,.product dd.check a{color:#008bcf}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0;left:0;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #008bcf;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #008bcf;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#008bcf;border:1px solid #008bcf;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #008bcf;} 
.pager a,.pager span.disabled {color:#008bcf;border:1px solid #008bcf;background:#ffffff} 
.pager a,.pager span.current,.pager span.disabled{width:35px; text-align:center;height:35px; line-height:35px;border-radius:3px}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:300} 

::-webkit-scrollbar {width: 10px;height:1px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

::selection {background:#008bcf;color:#ffffff;}
::-moz-selection {background:#008bcf;color:#ffffff;}
::-webkit-selection {background:#008bcf;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1440px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0; height:100px;width:100%;z-index:9998; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);border-bottom:1px solid #eaeaea}
.fixtop .toper .logo { display:block; position:absolute;left:0px;top:28px;background:url(../images/logo.png) no-repeat center; background-size:100%;width:203px; height:45px; z-index:99}
.fixtop .toper ul.navpc {top:0;left:330px;position:relative}
.fixtop .toper ul.navpc li {display:inline-block;position:relative;margin:0 0 0 60px}
.fixtop .toper ul.navpc li a.a {display:block;position:relative;font-size:18px; height:100px; line-height:110px;letter-spacing:0.1px}
.fixtop .toper ul.navpc li.check a.a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a,.fixtop .toper ul.navpc dd:hover>a{color:#008bcf}
.fixtop .toper ul.navpc li dl { position:absolute; z-index:9999;left:-25px;top:100px;width:250px; background:rgba(255,255,255,1); display:none;border-top:1px solid #eaeaea}
.fixtop .toper ul.navpc li dl dd {position:relative;padding:0 25px}
.fixtop .toper ul.navpc li dl dd a,.fixtop .toper ul.navpc li.check dl dd a {border:0;border-bottom:1px solid #eaeaea;height:auto; line-height:26px;padding:8px 20px 8px 0;background:none;font-size:16px; display:block;font-weight:300}
.fixtop .toper ul.navpc li dl dd a:hover{color:#0084cc; background:none;}
.fixtop .toper ul.navpc li dl dd i { display:block; position:absolute;right:25px;top:7px}
.fixtop .toper ul.navpc li dl .sub2 { display:none; position:absolute;left:250px;top:0;width:270px;background:rgba(255,255,255,1);border-left:1px solid #eaeaea}
.fixtop .toper ul.navpc li dl .sub2 p {padding:0 25px}
.fixtop .toper ul.navpc li dl .sub2 p a {font-size:16px; line-height:26px; display:block;padding:8px 0;font-weight:300}
.fixtop .toper .search { position:absolute;right:135px;top:38px;width:220px;padding:0 0 0 15px;border:1px solid #d7d8d8; height:35px; line-height:35px;border-radius:25px;}
.fixtop .toper .search #k { height:35px; line-height:35px; vertical-align:top;width:167px;margin:0 10px 0 0;font-size:15px; letter-spacing:1px;font-weight:300}
.fixtop .toper .search #btn { background:url(../images/3.png) no-repeat center;width:35px; height:35px; cursor:pointer}
.fixtop .toper .encn { position:absolute;right:0;top:44px;color:#b0b0b0;font-size:15px; line-height:23px; height:57px; cursor:pointer;}
.fixtop .toper .encn img {margin:0 8px 0 0}
.fixtop .toper .encn i {font-weight:300;font-size:18px; line-height:18px; display:inline-block; vertical-align:top;margin:3px 0 0 6px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.fixtop .toper .encn .list {border-top:1px solid #eaeaea;width:110px; position:absolute;left:0;top:56px; background:#fff;padding:20px 13px 18px 13px;line-height:24px; display:none;}
.fixtop .toper .encn .list p:nth-child(1) {margin:0 0 8px 0}
.fixtop .toper .encn .list p a {font-size:15px;color:#b0b0b0}
.tblank { height:100px;}

.fixtop.active {top:-20px}
.fixtop.active .toper .logo {top:38px}
.fixtop.active .toper ul.navpc li a.a {line-height:135px;}
.fixtop.active .toper .search {top:48px;}
.fixtop.active .toper .encn {line-height:47px}
.fixtop.active .toper .encn i {margin-top:15px}
.tblank.active { height:80px}

.bxslider li a { display:block; background-position:center; background-repeat:no-repeat; background-size:cover; height:900px;color:#fff}
.bxslider li a .t {font-size:50px; line-height:60px;font-weight:500;padding:270px 0 15px 0}
.bxslider li a .c {font-size:18px; line-height:1.8}

.indsubject {padding:100px 0}
.indsubject .t { text-align:center;font-size:50px; line-height:60px;color:#008bcf;font-weight:400}
.indsubject .c {font-size:18px;color:#b4b4b4; line-height:1.8; text-align:center;margin:5px 0 0 0}

.index-product { position:relative}
.index-product .swiper-container{position: relative;overflow: hidden;font-size: 0;}
.index-product .swiper-container .swiper-slide{transform: scale(1);display: inline-block;background-color: #eef3f7;vertical-align: middle;box-sizing: border-box;top:100px; overflow:hidden}
.index-product .swiper-container .swiper-slide .cons { position:relative; z-index:10;padding:50px 9%}
.index-product .swiper-container .swiper-slide .cons .p { position:relative; overflow:hidden}
.index-product .swiper-container .swiper-slide .cons .t {margin:20px 0 8px 0}
.index-product .swiper-container .swiper-slide .cons .t a{font-size:24px; line-height:34px;color:#008bcf;font-weight:400}
.index-product .swiper-container .swiper-slide .cons .c {font-size:16px;color:#a1a1a1; line-height:26px;margin:0 0 20px 0}
.indmore a {font-size:18px; height:20px; line-height:20px;color:#008bcf;}
.indmore a i { background:url(../images/7.png) no-repeat center;width:20px; height:20px;  display:inline-block; vertical-align:top;margin:1px 0 0 7px; background-size:100%}
.index-product .swiper-container .swiper-slide .bg { position:absolute; z-index:1;left:-45px;top:-91px;font-size:450px; line-height:450px; letter-spacing:0;color:#f5f9fc;font-weight:400}
.index-product .swiper-container .swiper-slide.swiper-slide-active{ z-index: 10; transform: scale(1);background-color: #008bcf;padding:100px 0;top:0}
.index-product .swiper-container .swiper-slide.swiper-slide-active .t a {color:#fff}
.index-product .swiper-container .swiper-slide.swiper-slide-active .c {color:#fff}
.index-product .swiper-container .swiper-slide.swiper-slide-active .indmore a {color:#fff}
.index-product .swiper-container .swiper-slide.swiper-slide-active .indmore a i {background:url(../images/8.png) no-repeat center;background-size:100%}
.index-product .swiper-container .swiper-slide.swiper-slide-active .bg {color:#1a8ecf;}
.index-product .swiper-button-next{width: 34px;height: 56px;right: -60px;background-image: url(../images/left.png);transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.index-product .swiper-button-prev{width: 34px;height: 56px;left: -60px;background-image: url(../images/left.png);}

.indvideo { background-position:center; background-repeat:no-repeat; background-size:cover; height:900px;margin:120px 0 0 0; text-align:center;}
.indvideo a {color:#fff; display:inline-block;margin:0 auto}
.indvideo .t {font-size:50px; line-height:60px;font-weight:400}
.indvideo .t2 {font-size:18px; line-height:28px;margin:5px 0 30px 0}
.indvideo .m { background:url(../images/video.png) no-repeat center;width:76px; height:76px; background-size:cover;margin:0 auto}

.floatvideo { position:fixed;top:0;left:0;width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:999999; display:none;}
.floatvideo iframe {width:100%; height:100%}
.video_cons {width:100%; height:100%;background:none; text-align:center;color:#fff}
.video_cons i { position:absolute;right:0;top:0; background:url(../images/close.png) no-repeat center;width:40px; height:40px; background-size:cover;margin:-20px -20px 0 0; z-index:99999; cursor:pointer}

.indabout { background:#eef3f7;padding:100px 0}
.indabout .mleft {float:left;width:48%}
.indabout .mleft .t {color:#008bcf;font-size:48px; line-height:58px;font-weight:400;margin:-10px 0 25px 0}
.indabout .mleft .c {color:#999;font-weight:400;margin:0 0 40px 0;min-height:290px; }
.indabout .mright {float:right;width:44%; overflow:hidden}
.indnum { position:relative;}
.indnum li { display:inline-block; vertical-align:top;margin:0 0 0 50px}
.indnum li:nth-child(1) {margin-left:0}
.indnum li .num {display:inline-block; vertical-align:top;}
.indnum li .num h1,.indnum li .num i { color:#008bcf;display:inline-block; vertical-align:top;font-size:33px;font-weight:400; line-height:33px;}
.indnum li .num {margin:0 0 0 3px}
.indnum li .num h2 { display:inline-block; vertical-align:top;font-size:17px; line-height:17px;color:#aaa;margin:13px 0 0 5px}
.indnum li .content {font-size:14px;color:#333;font-weight:400;margin:5px 0 0 0}
.indnum .indmore { position:absolute;right:20px;top:8px}
.indnum .indmore a i {margin-top:6px}

.indsolution { text-align:center;padding:120px 0}

.indnews { background:#eef3f7;padding:0 0 100px 0}
.indnews ul {width:101%;margin:0 0 60px -0.5%}
.indnews li { display:inline-block; vertical-align:top;width:24%;margin:0 0.5%; background:#fff;box-shadow:0px 5px 5px rgba(0,0,0,0.1)}
.indnews li .pic { position:relative; overflow:hidden}
.indnews li .cons {padding:20px 35px 25px 35px;}
.indnews li .cons .t { height:30px; line-height:30px; overflow:hidden;}
.indnews li .cons .t a {color:#008bcf;font-size:20px;font-weight:400}
.indnews li .cons .c {font-size:14px; line-height:22px; height:44px; overflow:hidden;color:#a1a1a1;font-weight:400;margin:5px 0 5px 0} 
.indnews li .cons .a {font-size:15px; line-height:18px;color:#d7dde1;border-bottom:1px solid #d7dde1; display:inline-block}
.indnews .indmore { text-align:right;}
.indnews .indmore a i {margin-top:6px}

.bannerin { height:600px; background-position:center; background-repeat:no-repeat; background-size:cover;font-size:50px;  line-height:60px;color:#fff; text-align:center;font-weight:400}

.namemj { position:absolute;top:-80px; height:0;font-size:0}
.namemj2 { height:0; position:relative;top:-80px;}
.navbar { position:relative; z-index:9999;top:0;left:0;width:100%; background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15); height:145px;}
.navbar-nav li { display:inline-block; vertical-align:top;margin:0 0 0 10%}
.navbar-nav li:nth-child(1) {margin:0}
.navbar-nav li a { display:block;font-size:18px;color:#666; position:relative; height:145px; line-height:145px;font-weight:400;padding:0 0 0 30px;}
.navbar-nav li a:before {content:''; position:absolute;left:0;top:40px;width:2px; height:64px; z-index:1; background:#e3ebf2}
.navbar-nav li:hover a,.navbar-nav li.active a {color:#008bcf; height:145px; line-height:145px}
.navbar-nav li:hover a:before,.navbar-nav li.active a:before,.mainabout.active2 .navbar-nav li:first-child a:before {background:#008bcf}
.mainabout.active .navbar { position:fixed; height:80px}
.mainabout.active .aboutblank { height:80px;}
.firstend { position:absolute; height:0;top:-80px; overflow:hidden}
.mainabout.active .fixtop { display:none;}
.namemjmenu { position:absolute;top:0; height:0; overflow:hidden}
.mainabout.active2 .navbar-nav li:first-child a {color:#008bcf;}

.mainabout.active .navbar-nav li a:before { height:30px;top:25px}
.mainabout.active .navbar-nav li a {  height:80px; line-height:80px;}
.mainabout.active .navbar-nav li.active a {color:#008bcf;}

.about {margin:120px 0 100px 0}
.about .mleft {float:left;width:40%;}
.about .t {color:#008bcf;font-size:25px; line-height:35px;font-weight:400;margin:0 0 35px 0}
.about .mleft .c {font-size:36px;color:#666; line-height:1.6;font-weight:300}
.about .mright {float:right;width:46%}
.about .mright .c {color:#666;font-weight:400;}
.about .pics {margin:80px 0 0 0}

.aboutsubject {font-size:50px; line-height:60px;color:#008bcf;font-weight:400;padding:100px 0 80px 0}
.culture { background:#eef3f7;padding:0 0 120px 0}
.culture ul {width:101%;margin:0 0 0 -0.5%}
.culture li{ display:inline-block; vertical-align:top;width:24%;margin:0 0.5%}
.culture li .up { background:#fff; text-align:center;padding:30px 0}
.culture li .up .p img { height:100px}
.culture li .up .t {font-size:24px; line-height:34px;color:#000;font-weight:400;margin:10px 0 0 0}
.culture li .down { background:#008bcf; text-align:center;color:#fff;padding:35px 30px; line-height:2;font-weight:400;min-height:110px}

.market .cons {margin-top:-50px;padding:0 0 120px 0}

.whyus { background:#eef3f7;padding:0 0 120px 0;}
.whyus .cons {font-size:18px;color:#888;font-weight:400;margin:-50px 0 60px 0; line-height:1.8}
.whyus ul {width:103%;margin:-3% 0 0 -1.5%}
.whyus li { display:inline-block; vertical-align:top;width:47%;margin:3% 1.5% 0 1.5%; position:relative}
.whyus li .pic { position:absolute;top:0;left:0; height:100%;width:225px; background:#008bcf; text-align:center}
.whyus li .pic img {width:120px}
.whyus li .cons1 { background:#fff;margin:0 0 0 230px;padding:35px 25px;}
.whyus li .cons1 .t {font-size:23px; line-height:33px;color:#008bcf;font-weight:400;margin:-5px 0 15px 0}
.whyus li .cons1 .c {color:#888; line-height:1.6}

.customers ul { position:relative;}
.customers ul:before {content:''; position:absolute;left:0;width:100%;bottom:-27px;background:url(../images/9.png) repeat-x center bottom; height:27px}
.customers li { display:inline-block; vertical-align:middle;width:20%; height:225px; text-align:center; background:url(../images/9.png) repeat-x top;}
.customers li img {margin:0px auto 0 auto;}

.factory { background:#eef3f7;padding:0 0 120px 0;margin:120px 0 0 0}
.factory ul {width:102%;margin:-2% 0 0 -1%}
.factory li { display:inline-block; vertical-align:top;width:31.3333%;margin:2% 1% 0 1%; position:relative; overflow:hidden}

body.bg { background:#eef3f7}
.indmore2 a {font-size:18px; height:20px; line-height:20px;color:#008bcf;}
.indmore2 a i { background:url(../images/7.png) no-repeat center;width:20px; height:20px;  display:inline-block; vertical-align:top;margin:7px 0 0 7px; background-size:100%}

.solutions ul {margin-top:-30px}
.solutions li { background:#fff; position:relative;min-height:414px;margin:60px 0 0 0;box-shadow:0 0 15px rgba(0,0,0,0.08)}
.solutions li .pic { position:absolute;left:0;top:0;width:495px; height:414px; overflow:hidden}
.solutions li .cons {margin:0 0 0 495px;padding:58px 100px 0 100px}
.solutions li .cons .title { height:35px; line-height:35px; overflow:hidden}
.solutions li .cons .title a {color:#008bcf;font-size:25px;font-weight:400}
.solutions li .cons .content {margin:15px 0 30px 0;min-height:180px}
.solutions li .cons .content .in {font-size:18px;color:#999; height:60px; line-height:30px; overflow:hidden;}

.solutioncate { background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.15); height:145px;}
.solutioncate-nav li { display:inline-block; vertical-align:top;margin:0 0 0 10%}
.solutioncate-nav li:nth-child(1) {margin:0}
.solutioncate-nav li a { display:block;font-size:18px;color:#666; position:relative; height:145px; line-height:145px;font-weight:400;padding:0 0 0 30px;}
.solutioncate-nav li a:before {content:''; position:absolute;left:0;top:40px;width:2px; height:64px; z-index:1; background:#e3ebf2}
.solutioncate-nav li:hover a,.solutioncate-nav li.active a {color:#008bcf; height:145px; line-height:145px}
.solutioncate-nav li:hover a:before,.solutioncate-nav li.active a:before,.mainabout.active2 .solutioncate-nav li:first-child a:before {background:#008bcf}

.sshow1 .title { text-align:center;font-size:40px; line-height:50px;color:#008bcf;padding:90px 0 70px 0;font-weight:400;}
.sshow2 { background:#fff;}
.sshow2 .cons {font-size:17px;font-weight:400;color:#888; line-height:1.8;}
.sshow2 .cons img {margin:5px 0}
.sshow2 .cons h1,.sshow2 .cons h2,.sshow2 .cons h3 {font-size:40px;font-weight:400; line-height:1.5}
.sshow2 .prevnext {border-top:2px solid #a4a6a7;margin:90px 0 0 0;padding:30px 0 0 0; position:relative}
.sshow2 .prevnext a {font-weight:400;font-size:17px;color:#666}
.sshow2 .prevnext a i { display:inline-block; vertical-align:top;}
.sshow2 .prevnext a.prev i {margin:2px 15px 0 0;background:url(../images/11.png) no-repeat center;width:28px; height:28px; background-size:100%;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.sshow2 .prevnext a.next { position:absolute;right:0;top:30px}
.sshow2 .prevnext a.next i {margin:2px 0 0 15px;background:url(../images/11.png) no-repeat center;width:28px; height:28px; background-size:100%}
.sshow2 .prevnext a:hover i { background:url(../images/12.png) no-repeat center}

.sshow3 { background:#eef3f7;padding:100px 0;margin:100px 0 0 0}
.sshow3 .subject { text-align:center;color:#666;font-size:40px; line-height:50px;font-weight:400;padding:0 0 80px 0}
.sshow3 .slide { background:#fff; text-align:center;padding:30px}
.sshow3 .slide .pic { position:relative; overflow:hidden}
.sshow3 .slide .title { height:25px; line-height:25px; overflow:hidden;margin:20px 0 10px 0}
.sshow3 .slide .title a {font-size:18px;color:#666;font-weight:400}

#slider2 .bx-wrapper .bx-prev {
  left:0;
  background:rgba(0,0,0,0.1) url('../images/left2.png') no-repeat center; 
  background-size:30%;   
  border-radius:50%;
}
#slider2 .bx-wrapper .bx-next {
  right:0;
  background:rgba(0,0,0,0.1) url('../images/left2.png') no-repeat center;  
  transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);
  border-radius:50%;
  background-size:30%;
}
#slider2 .bx-wrapper .bx-controls-direction a {
  margin-top:-30px;
  width:60px;
  height:60px;
  background-size:30%;
  opacity:1;
}
#slider2 .bx-wrapper .bx-controls-direction a:hover { background-color:#008bcf}


.news li .cons .indmore2 { text-align:right; position:relative;padding:0 30px 0 0}
.news li .cons .indmore2 p { position:absolute;left:0;top:8px;color:#d7dde1;font-size:16px; line-height:16px;padding:0 0 0 38px}
.news li .cons .indmore2 p:before {content:''; background:url(../images/13.png) no-repeat center;width:28px; height:28px; position:absolute;left:0;top:-6px}


.nshow1 .title { text-align:left;}
.nshow1 .title2 {font-size:15px;color:#d7dde1;margin:-50px 0 50px 0}
.nshow1 .title2 span { display:inline-block; vertical-align:top; position:relative; background:url(../images/13.png) no-repeat center left;padding:0 0 0 38px;margin:0 30px 0 0}
.nshow3 .slide {padding:0}
.nshow3 .slide .title { height:80px; line-height:75px;margin:0}

.contact { background:#eef3f7;padding:120px 0;}
.contact .subject,.message .subject{color:#008bcf;font-weight:400;font-size:40px; line-height:50px;margin:0 0 70px 0}
.contact ul {width:101%;margin:-1% 0 0 -0.5%}
.contact li { display:inline-block; vertical-align:top;width:24%;margin:1% 0.5% 0 0.5%; background:#fff; text-align:center;box-shadow:5px 5px 5px rgba(0,0,0,0.05);padding:50px 0 0 0; height:350px}
.contact li .t {color:#999;font-size:18px; line-height:18px;padding:20px 0 65px 0}
.contact li .t2 {font-size:25px; line-height:35px;color:#444;font-weight:400}
.contact li:nth-child(1) .t2 {font-size:18px; line-height:28px;color:#666;max-width:500px;margin:0 auto}
.contact li:nth-child(1),.contact li:nth-child(2) {width:49%}

.message { background:#fff;padding:100px 0}
.message .list {margin:-70px 0 0 0}
.message .list .row {float:left;width:45%;border-bottom:2px solid #d8d8d8;margin:60px 0 0 0}
.message .list .row.r {float:right;}
.message .list .row.b {width:100%}
.message .list .row input[type="text"] {color:#666;font-size:17px; line-height:100px; height:100px;font-weight:400;width:100%}
.message .list .row p {color:#666;font-size:17px;font-weight:400;margin:40px 0 30px 0}
.message .list .row textarea{color:#666;font-size:17px; line-height:30px; height:350px;font-weight:400;width:100%; overflow:auto;border:2px solid #d8d8d8;padding:15px 20px}
.message .list .row.t {border:0;}
.message .list .row.n { text-align:center;border:0}
.message .list .row.n input { cursor:pointer; background:#008bcf;color:#fff;border-radius:25px;width:160px; height:40px; line-height:36px;}

.message .list .row textarea::-webkit-input-placeholder {color: #dedede;}
.message .list .row textarea:-moz-placeholder {color: #dedede; } 
.message .list .row textarea::-moz-placeholder { color: #dedede; } 
.message .list .row textarea:-ms-input-placeholder {color: #dedede; }

.contact { background:#eef3f7;}
.map { background:#fff;}
.map .subject {color:#333;font-size:18px;font-weight:400;padding:0 0 40px 0}
.map iframe,#container {width:100%; height:530px;}

.product {padding:80px 0 120px 0}
.product ul {width:101.2%;margin:-1.2% 0 0 -0.6%;}
.product li { display:inline-block; vertical-align:top;width:32.1333%;margin:1.2% 0.6% 0 0.6%; background:#fff;padding:40px 40px 50px 50px;box-shadow:5px 5px 5px rgba(0,0,0,0.05)}
.product li .pic { position:relative; overflow:hidden}
.product li .title { height:35px; line-height:35px; overflow:hidden;margin:20px 0 0 0}
.product li .title a {color:#008bcf;font-size:25px;font-weight:400}
.product li .content {color:#a1a1a1;font-weight:400; height:50px; line-height:25px; overflow:hidden;margin:10px 0 20px 0}

.product dl { background:#fff;padding:25px 40px 25px 50px;margin:-40px 0 40px 0;box-shadow:5px 5px 5px rgba(0,0,0,0.05)}
.product dd { display:inline-block; vertical-align:top;margin:5px 6% 5px 0}
.product dd:last-child{margin-right:0}
.product dd a {font-size:18px;color:#888; line-height:28px;font-weight:400}
.product ul.sub2 li {width:23.8%;padding:30px 30px 40px 30px}
.product ul.sub2 li .title { height:56px; line-height:28px; overflow:hidden;margin:20px 0 0 0; position:relative}
.product ul.sub2 li .title a {color:#008bcf;font-size:18px;font-weight:400; display:inline-block; position:absolute;bottom:0;left:0}

.products {padding-bottom:0}

.showbg { background:#eef3f7}
.show1 {padding:10px 0 100px 0}
.show1 .mleft {float:left;width:626px}
.show1 .mright {float:right;width:50%}
.show1 .mright .t {font-size:30px; line-height:40px;color:#008bcf;font-weight:400;margin:0 0 30px 0}
.show1 .mright .c {font-size:18px;color:#666;}
.show1 .mright .c p {margin:20px 0 0 0; position:relative;padding:0 0 0 23px}
.show1 .mright .c p:before {content:''; position:absolute;left:0;top:12px; background:url(../images/18.png) no-repeat center;width:13px; height:13px}

.show2 { background:#fff;padding:10px 0 120px 0}
.show2 .subject { background:#f2f6f8;font-size:25px; line-height:38px; height:40px;font-weight:400;color:#444;padding:0 20px;margin:60px 0 25px 0}
.show2 .cons1,.show2 .cons2 {padding:0 0 0 20px;font-size:18px;color:#333}
.show2 .cons1 table {width:100%}
.show2 .cons1 td {border-bottom:1px solid #d1d1d1;padding-top:5px;padding-bottom:5px; vertical-align:top;}
.show2 .cons1 td:nth-child(1) {width:34%;padding-right:2%}
.show2 .cons1 td:nth-child(2) {width:34%;padding-right:2%}
.show2 .cons1 td:nth-child(3) {width:32%}

.show2 .cons2 table {width:100%}
.show2 .cons2 td { vertical-align:top;}
.show2 .cons2 td:nth-child(1) {width:55%;padding-right:10%}
.show2 .cons2 td:nth-child(2) {width:45%;}
.show2 .mleft {float:left;width:45%}
.show2 .mright {float:right;width:45%}
.show2 a {font-size:18px;color:#008bcf;font-weight:400; position:relative; display:inline-block;padding:0 0 0 70px;margin:20px 0 0 20px}
.show2 a i {border-bottom:1px solid #008bcf;}
.show2 .mleft a:before { background:url(../images/16.png) no-repeat center;width:50px; height:50px; content:'';  position:absolute;left:0;top:-2px;}
.show2 .mright a:before { background:url(../images/15.png) no-repeat center;width:50px; height:50px; content:'';  position:absolute;left:0;top:-2px;}
.indvideoblank { height:120px}




.foot { background:#0081cb;padding:90px 0;color:#fff;font-size:17px;}
.foot a {color:#fff;font-size:17px;}
.foot dl {float:left;margin:0 0 0 9%}
.foot dl:nth-child(1) {margin:0}
.foot dl.last {float:right;margin:0;max-width:390px;}
.foot dt {margin:0 0 30px 0}
.foot dt a,.foot dt {font-weight:400;font-size:20px;text-transform:uppercase;}
.foot dd {margin:10px 0; position:relative}
.foot dl.last dd i { position:absolute;top:0;left:0; display:block}
.foot dl.last dd p {margin:0 0 0 65px; line-height:1.6}
.foot dl.last dd:nth-child(3) {margin:25px 0 30px 0}
.foot dl.last dd:nth-child(2) i {top:8px;}
.foot dl.last dd:nth-child(3) i {top:-3px;}
.foot dl.last dd:nth-child(4) i {top:-3px;}
.foot dl.last dd:nth-child(3) p,.foot dl.last dd:nth-child(4) p {font-size:20px;font-weight:400}
.foot dl.last dd:nth-child(5) {margin:40px 0 0 0}
.foot dl.last dd:nth-child(5) a { display:inline-block; vertical-align:top;margin:0 0 0 30px}
.foot dl.last dd:nth-child(5) a:nth-child(1) {margin:0}
.footer {font-size:14px; line-height:1.6;color:#ababab;padding:10px 0}
.footer a {font-size:14px;color:#ababab;}