@charset "utf-8";
@font-face {
 font-family: 'Ageone';
 src: url('Ageone.eot');
 src: local('Ageone Regular'), 
              local('Ageone'), 
              url('Ageone.woff') format('woff'), 
              url('Ageone.ttf') format('truetype'), 
              url('Ageone.svg#Ageone') format('svg');	  
} 
* {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,.indservice li .up,.indservice li .down,.indpro dd .bg,.indpro dd p,.conslist .bg,.conslist p,.indcustomer dd,.indnews .list li .cons2 .t a,.indnews .list li .addtime,.indnews .list .more a i,.indnews .list .cons1 img,.get_more p,.news li .addtime,.news li .cons .pic img,.service li .p img,.contact .cons1 .mright img,.message .list input[type="text"],.message .list #cbeizu,.message .list #cbtn,::-webkit-input-placeholder
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro dd:hover p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.5);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.phonemenu .nav,.bxslider li .down .in .p,.bxslider li .down .in .c,.indcustomer dd,.indnews .list .cons,.company .content td,.message .list input[type="text"],.message .list #cbeizu,.message .list #cbtn
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:12px;line-height:2;color:#666;background:#fff;max-width:1920px;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:12px;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#666;font-size:12px;}
a:hover,.indnews .list li:hover .cons2 .t a,.foot a:Hover,.footer a:Hover,.service li a:hover,.contact .cons1 .mleft a:hover{color:#42a1af}
.table { display:table; height:100%;width:100%;}
.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;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';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;border-top:1px solid #ccc; height:1px;margin:5px 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}
.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;}

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

::selection {background:#42a1af;color:#ffffff;}
::-moz-selection {background:#42a1af;color:#ffffff;}
::-webkit-selection {background:#42a1af;color:#ffffff; }

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 110px 155px;}
.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 #e6e6e6;}   
.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 #e6e6e6;}   
.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:#42a1af;border:1px solid #42a1af;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #42a1af} 
.pager a,.pager span.disabled {color:#fff;border:1px solid #666;background:#666} 
.pager a,.pager span.current,.pager span.disabled{width:35px; text-align:center;height:35px; line-height:35px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.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:1570px;position:relative;}
.wrap2 {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:block;}

.fixtop {position:fixed;top:0;left:0;width:100%;z-index:9999;height:80px; background:rgba(255,255,255,0.9)}
.fixtop .toper .logo { position:absolute;left:0;top:18px;width:302px; height:43px; background:url(../images/logo.png); display:block; background-size:cover;}
.fixtop .toper .logo a{ display:block;width:100%; height:100%}
.fixtop .toper ul.navpc { text-align:center;}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;margin-top:22px}
.fixtop .toper ul.navpc li a {display:block;font-size:18px;color:#4c4c4c;font-weight:700;}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover {color:#42a1af}
.tblank { height:80px}
.bxslider li { display:block; background-position:center; background-repeat:no-repeat; height:690px; overflow:hidden}
.bxslider li .up .p {max-width:350px;padding:150px 0 25px 0}
.bxslider li .up .c {font-size:27px; line-height:45px;color:#4c4c4c; letter-spacing:1px;}
.bxslider li .down { position:absolute;left:0;width:100%; height:100%}
.bxslider li .down .in { position:absolute;bottom:-5px;background:rgba(255,255,255,0.9);padding:10px 0;width:100%}
.bxslider li .down .in .c { display:inline-block; vertical-align:middle;width:75%;border-right:1px dashed #aaa;padding:20px 20% 20px 5%;font-size:14px; line-height:24px;color:#4c4c4c}
.bxslider li .down .in .p { display:inline-block; vertical-align:middle;width:25%; text-align:center;}
.bxslider li .down .in .p p {margin:0 auto;max-width:165px}

.indservice {padding:50px 0}
.indservice li {float:left;width:20%; position:relative;color:#fff; background:#8c97cb; height:245px;}
.indservice li.f2 { background:#6faab8;}
.indservice li.f3 { background:#b1beaa;}
.indservice li.f4 { background:#c8b570;}
.indservice li.f5 { background:#a6937c;}
.indservice li .up { position:absolute;top:30px;left:10%;width:80%}
.indservice li .up h1{font-family: 'Ageone';font-size:40px; line-height:50px;font-weight:700; letter-spacing:2px}
.indservice li .up h2{font-family: 'Ageone';font-size:40px;line-height:50px;position:absolute;right:0;top:0}
.indservice li .up p {font-size:16px;}
.indservice li .down {position:absolute;bottom:23px;left:10%;width:80%; line-height:20px}
.indservice li:hover .up {top:35px}
.indservice li:hover .down {bottom:28px}
.indprosubject { text-align:center;padding:20px 0 50px 0}
.indprosubject .t {font-size:24px;color:#4c4c4c}
.indprosubject .c {font-size:16px;color:#808080}

.indpro { position:relative}
.indpro dd {float:left;width:20%; position:relative; overflow:hidden}
.indpro dd .bg { position:absolute;width:100%; height:100%; background:rgba(66,161,175,0.9);color:#fff; z-index:100;opacity:0}
.indpro dd .bg .up { position:absolute;top:10%;left:10%;width:80%}
.indpro dd .bg .up h1 {font-size:27px ; line-height:37px;}
.indpro dd .bg .up h2 { line-height:22px;margin:5px 0 0 0}
.indpro dd .bg .down { position:absolute;bottom:7%;left:10%;width:80%}
.indpro dd .bg .down h1 {padding:0 0 13px 0}
.indpro dd .bg .down i { background:url(../images/1.png) no-repeat center; background-size:cover; height:45px; width:45px; position:absolute;right:0;bottom:0}
.indpro dd:Hover .bg {opacity:1}
.indpro .more { position:absolute;bottom:18px;left:50%;width:92px; height:50px;margin-left:-46px;}
.indpro .more a { display:block; background:url(../images/mid.png);width:92px; height:50px;}
.indpro .more a:Hover {background-position:bottom}

#slider4 {padding:0 0 86px 0; background:#eeeeee}
#slider4 .bx-wrapper .bx-prev {
  left:50%;
  margin-left:-103px;
  background:url('../images/left.png');
}
#slider4 .bx-wrapper .bx-next {
  right:50%;
  margin-right:-103px;
  background:url('../images/right.png');
  background-repeat:no-repeat;
  background-position:right;
}
#slider4 .bx-wrapper .bx-prev:hover {background-position:right;}
#slider4 .bx-wrapper .bx-next:hover {background-position:left;}
#slider4 .bx-wrapper .bx-controls-direction a { top:auto;  bottom:-68px;  margin-top:0;  width:53px;  height:50px;}
.indcustomer .title { text-align:center;font-size:25px; color:#4c4c4c; line-height:35px;padding:70px 0 5px 0}
.indcustomer .content {color:#808080;font-size:16px; line-height:26px; text-align:center;margin:0 0 50px 0}
.indcustomer dl {width:102%;margin:-2% 0 0 -1%}
.indcustomer dd {float:left;width:18%;margin:2% 1% 0 1%;border:1px solid #bfbfbf; position:relative; overflow:hidden; background:#fff; cursor:pointer;}
.indcustomer dd:Hover {border-color:#42a1af;}
.indcustomer dd .cons { position:absolute;width:100%; height:100%; text-align:center}
.indcustomer dd .cons img {margin:0 auto;max-width:145px;max-height:45px}

#slider2 {padding:0 110px 0 110px}
#slider2 .bx-wrapper .bx-prev {left:-110px;background:url('../images/3.png');}
#slider2 .bx-wrapper .bx-next {right:-110px;background:url('../images/2.png');}
#slider2 .bx-wrapper .bx-controls-direction a { top:50%;  margin-top:-35px;  width:33px;  height:71px;}
.indnews { background:url(../images/1.jpg) no-repeat center; background-size:cover;margin:75px 0;padding:60px 0;coloR:#fff}
.indnews .list {float:left;width:50%}
.indnews .list .subject {font-size:24px; line-height:40px}
.indnews .list .cons {margin:35px 0 0 0}
.indnews .list .cons1 {padding:0 100px 0 45px}
.indnews .list .cons1 img {max-width:410px; position:relative;top:0}
.indnews .list .cons1 img:Hover {top:-5px}
.indnews .list ul {margin:32px 0 0 0}
.indnews .list li { position:relative;margin:0 0 40px 0}
.indnews .list li .addtime { position:absolute;top:3px;width:125px; height:125px;border:2px solid #42a1af; text-align:center}
.indnews .list li .addtime h1 {font-size:21px; line-height:21px;padding:16px 0 15px 0}
.indnews .list li .addtime h2 {font-size:57px; line-height:57px;}
.indnews .list li .cons2 {margin:0 0 0 160px;min-height:127px}
.indnews .list li .cons2 .t { height:25px; line-height:25px; overflow:hidden;margin:0 0 20px 0}
.indnews .list li .cons2 .t a {font-size:22px;color:#fff}
.indnews .list li .cons2 .c { line-height:22px; height:88px; overflow:hidden}
.indnews .list li:hover .addtime { background:#42a1af;}
.indnews .list .more {padding:5px 0 0 160px}
.indnews .list .more a { display:inline-block;border:2px solid #42a1af;font-size:16px;color:#42a1af; height:32px; line-height:32px;padding:0 20px}
.indnews .list .more a p { display:inline-block; vertical-align:top;}
.indnews .list .more a i { background:url(../images/4.png) no-repeat center; background-size:cover;width:38px; height:18px; display:inline-block; vertical-align:top;margin:7px 0 0 40px}
.indnews .list .more a:hover i {margin-left:50px}
.indtel { text-align:center;color:#4c4c4c;padding:0 0 75px 0}
.indtel .t1 {font-size:45px; line-height:60px;}
.indtel .t2 {font-size:16px; line-height:26px;margin:15px 0 5px 0}
.indtel .t3 {font-size:25px; line-height:35px;font-weight:700;}
.bannerin { height:390px; background-position:center; background-repeat:no-repeat;}

.company {padding:80px 0 60px 0;color:#4c4c4c}
.company .title {font-size:35px; line-height:50px;}
.company .title2 {font-size:20px; line-height:35px;margin:5px 0 30px 0}
.company .content {}
.company .content h1,.company .content h2,.company .content h3 {font-size:20px; line-height:35px;margin:10px 0}
.company .content table {width:100%}
.company .content td { vertical-align:top;width:50%;}
.company .content td.td1 {padding:0 2.5% 0 0}
.company .content td.td2 {padding:0 0 0 2.5%}
.zhbrand { background:#e5e5e5}
.zhbrand .content {padding:20px 0 20px 0}

.workscate {padding:50px 0}
.workscate a {font-size:19px;color:#4c4c4c}
.workscate a:hover,.workscate a.check {color:#42a1af}
.workscate .mleft {float:left;}
.workscate .mright {float:right; text-align:right}
.workscate .mright li { display:inline-block; vertical-align:top;margin:0 0 0 40px}

.conslist {float:left;width:20%; position:relative; overflow:hidden}
.conslist .bg { position:absolute;width:100%; height:100%; background:rgba(66,161,175,0.9);color:#fff; z-index:100;opacity:0}
.conslist .bg .up { position:absolute;top:10%;left:10%;width:80%}
.conslist .bg .up h1 {font-size:27px ; line-height:37px;}
.conslist .bg .up h2 { line-height:22px;margin:5px 0 0 0}
.conslist .bg .down { position:absolute;bottom:7%;left:10%;width:80%}
.conslist .bg .down h1 {padding:0 0 13px 0}
.conslist .bg .down i { background:url(../images/1.png) no-repeat center; background-size:cover; height:45px; width:45px; position:absolute;right:0;bottom:0}
.conslist:Hover .bg {opacity:1}

.get_more{text-align:center;height:35px; line-height:34px;float:left;width:100%;margin:60px 0 0 0;}
.get_more p {border:2px solid #000;width:170px;margin:0 auto;font-size:16px;color:#4c4c4c}
.get_more p:Hover {background:#42a1af;color:#fff;border-color:#42a1af}
.tinblank { height:70px}
.showbg { background:#fcfcfc;}
.show {margin-top:-320px}
.show .title {color:#fff;font-size:26px; line-height:41px;margin:0 0 40px 0}
.show .gs_content { background:#eeeeee;color:#4c4c4c;padding:65px 90px 65px 90px}
.show .gs_content .mleft {float:left;width:35%;}
.show .gs_content .mright {float:right;width:53%;}
.show .content img {margin:15px 0 0 0}
.show .back {padding:60px 0 100px 0; text-align:center;}
.show .back a { display:inline-block; vertical-align:top;font-size:16px;border:2px solid #434343;width:125px; height:35px; line-height:35px;margin:0 18px;color:#4c4c4c;}
.show .back a:hover { background:#42a1af;border-color:#42a1af;color:#fff;}
.showblank { height:90px;}
.conslist {width:25%;}
.newscate { text-align:center;padding:45px 0;border-bottom:2px solid #dcdcdc}
.newscate li { display:inline-block; vertical-align:top;margin:0 32px}
.newscate li a {border:2px solid #42a1af; height:56px; line-height:56px; display:inline-block;padding:0 70px;font-size:20px;color:#4c4c4c; letter-spacing:2px}
.newscate li a.check,.newscate li a:hover { background:#42a1af;color:#fff}
.news ul {padding:20px 0 0 0}
.news li { position:relative;margin:50px 0 0 0;}
.news li .addtime { position:absolute;left:0;top:10px;width:125px; height:125px;border:2px solid #42a1af; text-align:center;color:#4c4c4c}
.news li .addtime h1 {font-size:21px; line-height:21px;padding:18px 0 13px 0}
.news li .addtime h2 {font-size:57px; line-height:57px;}
.news li .cons {margin:0 0 0 155px}
.news li .cons .title a {font-size:30px; line-height:40px;color:#4c4c4c}
.news li .cons .title2 {color:#808080;margin:5px 0 20px 0}
.news li .cons .pic img {width:100%; position:relative;top:0}
.news li .cons .content {color:#4c4c4c;margin:15px 0 5px 0}
.news li .cons .more {border-bottom:2px solid #dcdcdc;padding:0 0 30px 0}
.news li .cons .more a {color:#42a1af;}
.news li:hover .addtime { background:#42a1af;color:#fff}
.news li:hover .cons .title a {color:#42a1af}
.news li .cons .pic img:hover {top:-5px;}

.nshow li .cons {margin-left:215px}
.nshow li .cons .content {margin:30px 0 0 0}
.nshow li .cons .content img {margin:5px 0}
.backlist { display:block;width:100%; text-align:center;padding:55px 0 80px 0}
.backlist a {font-size:16px;color:#4c4c4c;border:2px solid #4c4c4c; height:35px; line-height:35px;padding:0 25px; display:inline-block;margin:0 auto}
.backlist a:hover { background:#42a1af;color:#fff;border-color:#42a1af}
.service {padding:90px 0 120px 0}
.service ul {width:114%;margin:-80px 0 0 -7%}
.service li {float:left;width:36%;margin:80px 7% 0 7%;color:#4c4c4c;}
.service li a {color:#4c4c4c}
.service li .t {font-size:30px; line-height:45px;}
.service li .p {margin:30px 0 35px 0}
.service li .p img {width:100%; position:relative;top:0}
.service li:hover .p img {top:-5px}
.service li .c,.service li .c a {font-size:16px}

.contact {padding:90px 0}
.contact .cons1 .mleft {float:left;width:40%;font-size:16px;color:#4c4c4c; line-height:31px}
.contact .cons1 .mleft a {font-size:16px;color:#4c4c4c}
.contact .cons1 .mleft .t {font-size:20px; line-height:30px}
.contact .cons1 .mleft .t2 {margin:0 0 30px 0}
.contact .cons1 .mright {float:right;width:49%;}
.contact .cons1 .mright img {width:100%;position:relative;top:5px}
.contact .cons1 .mright img:hover {top:0px}
.message {color:#4c4c4c;margin:60px 0 75px 0}
.message .t1{font-size:20px; line-height:30px}
.message .t2 {font-size:12px;margin:0 0 -5px 0}
.message .list {float:left;width:48.5%;margin:2.5% 0 0 0}
.message .list2 {float:right;}
.message .list input[type="text"] { width:100%;height:55px; line-height:55px; background:#dcdcdc;font-size:16px;color:#4c4c4c;padding:0 25px}
.message .list #cbeizu { width:100%;line-height:30px; height:240px; overflow:auto; background:#dcdcdc;font-size:16px;color:#4c4c4c;padding:18px 25px}
.message .list #cbtn {margin-top:-15px;border:2px solid #4c4c4c;font-size:21px; height:55px; line-height:54px; letter-spacing:2px; text-align:center;width:100%; background:none; cursor:pointer}
.message .list input[type="text"]:hover,.message .list #cbeizu:Hover { background:#42a1af;color:#fff}
.message .list input[type="text"]:hover::-webkit-input-placeholder {color: #ffffff;}
.message .list input[type="text"]:hover:-moz-placeholder {color: #ffffff; } 
.message .list input[type="text"]:hover::-moz-placeholder { color: #ffffff; } 
.message .list input[type="text"]:hover:-ms-input-placeholder {color: #ffffff; }

.message .list #cbeizu:Hover::-webkit-input-placeholder {color: #ffffff;}
.message .list #cbeizu:Hover:-moz-placeholder {color: #ffffff; } 
.message .list #cbeizu:Hover::-moz-placeholder { color: #ffffff; } 
.message .list #cbeizu:Hover:-ms-input-placeholder {color: #ffffff; }
.message .list #cbtn:Hover {border-color:#42a1af; background:#42a1af;color:#fff}
.map iframe,#container {width:100%; height:580px;}





.foot { background:#333;color:#fff;padding:40px 0 30px 0}
.foot a {color:#fff;}
.foot .cons {float:left;width:263px;}
.foot .cons .t1 {font-size:25px; line-height:35px;}
.foot .cons .t2 {margin:16px 0 30px 0}
.foot .focus {float:right;width:140px;}
.foot .ftmenu {float:right;margin:0 165px 0 0}
.foot .ftmenu dd a {font-size:16px}
.foot dt,.foot dt a {font-size:25px;}
.foot dt {margin:-5px 0 18px 0}
.foot .ftmenu dt {margin:-5px 0 10px 0}
.footer { background:#000000;padding:20px 0;color:#fff;}
.footer a {color:#fff}
.footer .copy {float:left;width:50%;padding:5px 0 0 0}
.footer .talk {float:right; text-align:right;}
.footer .talk .wqw a{ display:inline-block; vertical-align:top;width:35px; height:35px; position:relative;margin:0 0 0 20px;top:0}
.footer .talk .wqw a:hover {top:-5px}
.footer .talk .wqw a p { position:absolute;width:100px;bottom:40px;left:-32px; display:none;}
.footer .talk .wqw a:hover p { display:block}
.footer .talk .wqw a.wx {background:url(../images/w.png) no-repeat center;}
.footer .talk .wqw a.qq {background:url(../images/q.png) no-repeat center;}
.footer .talk .wqw a.wb { background:url(../images/b.png) no-repeat center;}