@charset "UTF-8";
body {overflow-x: hidden;overflow-y: auto;}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {margin: 0px;}
input, button, ul, ol {margin: 0px;padding: 0px;}
body, input, button, form {font-size: 14px;line-height: 28px;font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #333;}
h1, h2, h3, h4, h5, h6, font {font-weight: normal;}
ul, ol, li {list-style: none;}
input {background: none;border: 0 none;}
img, iframe {border: 0px;}
em, i {font-style: normal;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
.red {color: #e74037;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.poa {position: absolute;}
.por {position: relative;}
.hidden {display: none;}
.hide {display: none !important;}
.w1200 {width: 1200px;margin: 0 auto;}
.g-ico {background: url(../images/g-ico.png) no-repeat;display: inline-block;vertical-align: middle;}
.icon {vertical-align: middle;background: url(../images/icon.png) no-repeat;display: inline-block;}
a {color: #333;text-decoration: none;}
a:hover {color: #338dd4;text-decoration: none;}
a:visited {text-decoration: none;}
.ease, .ease * {-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.noease, .noease * {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
:-moz-placeholder {color: #cccccc;}
::-moz-placeholder {color: #cccccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #cccccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #cccccc;}
/*清除浮动*/

.clearfix {*zoom: 1;}
.clearboth{ clear:both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.global-wrap {position: relative;min-height: 100%;clear: both;}
.ielt7 .global-wrap {height: 100%;}
.content-wrapper {width: 1220px;margin: 0 auto;}
@media screen and (min-width: 1460px) {.content-wrapper {width: 1460px;}
}
/***************top and bottom css*********************/

.dialog-layout {width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);}

/*banner*/
.banner{ position:relative;}
.top_main{ position:absolute; top:0; left:0; width:100%; z-index:9999; background:url(../images/top_bg.png) no-repeat;}
.top{ float:left; margin-left:100px}
.top img{ width:100px; margin-top:20px;}
.nav{ float:right;}
.navlist{ overflow:hidden; background:rgba(11,97,158,0.6);}
.navlist li{ float:left; line-height:46px; width:100px; text-align:center;}
.navlist li a{ color:#fff; display:block; width:100%;}
.txt{width:180px; color:#fff; padding:0 5px;}
.btn{ background:#0b619e; color:#fff; padding:1px 5px;}
.webtel{ color:#fff; margin-top:10px;}
.webtel img{ margin-right:8px;}
.announ_right{ margin:10px 0;}
.navlist li:hover{ background:#fff;}
.navlist li:hover a{ color:#0b619e;}
.pics_wrap{ height:700px;}
.banner_txt{ padding:30px; background:rgba(255,255,255,0.7); width:500px; border-radius:10px; margin-top:150px;}
.banner_txt h2{ color:#f46422; font-size:36px; margin-bottom:15px;}
.banner_txt h3{ color:#333; font-size:18px;}
.btn_list{ width:400px; overflow:hidden; margin:20px auto 0;}
.btn_list a{ display:block; background:#f46422; width:140px; margin:0 30px; line-height:34px; border-radius:5px; color:#fff; text-align:center; float:left;}


/*about*/
.about{ padding:40px 0;}
.about_tit{ margin-bottom:40px;}
.about_tit h3{ color:#666; font-size:22px; font-weight:normal;}
.about_box{ width:850px;}
.about_img{ width:850px; height:400px;overflow:hidden;}
.about_img img{ width:850px; height:550px;}
.ab_tit{ width:250px; height:140px; padding:130px 0;color:#fff; text-align:center; background:#c0c0c0;}
.ab_tit img{ width:200px;}
.ab_tit h2{ font-size:20px; font-weight:bold; color:#fff;}
.about_box p{ margin:15px 0; border-left:3px solid #f46422; color:#666; padding-left:25px;}


		.slideBox{ width:348px; height:398px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#000; cursor:pointer;color:#fff; }
		.slideBox .hd ul li.on{ background:#ff9900; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:348px; height:398px; display:block;  }
		.hot_protit{ width:342px; border:4px solid #686868; border-top:none; text-align:center; padding:30px 0;}
		.short_line{ width:50px; height:3px; background:#686868; margin:0 auto 10px;}
		.hot_protit h3{ font-size:24px; color:#686868;}
		
/*product*/
.product{ background:url(../images/index_bg01_g9xx.jpg); padding:60px 0; margin:40px 0;}
.pro_tit{ text-align:center; color:#fff; margin-bottom:30px; font-size:22px;}
.pro_tit h3{ margin-top:15px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; width:25%; text-align:center;}
.pro_list li img{ width:260px; margin:0 auto 10px; height:220px;}
.pro_list li p{ color:#fff;}


/*news*/
.news_tit{ text-align:center; color:#111c4a; margin-bottom:30px; font-size:22px;}
.news_tit h3{ margin-top:15px;}
.news .slideBox1{ width:500px; float:left; height:380px;}
.news .slideBox1 img{ width:500px; height:380px;}
.news_list{ width:660px; float:right;}
.news_list ul li{ line-height:50px; border-bottom:1px solid #c6c6c6;}
.news_list ul li a{ color:#f46422;}
.news_list ul li span{ float:right; color:#999;}
/*top_mian*/


.contactPage {padding: 0 0 0;}
.contactPage .bcontact {padding-top: 30px;margin-bottom: 30px;}
.contactPage .txtcon img {max-width: 100%;}
.contactPage .t2 {padding: 58px 0 48px;text-align: center;}
.contactPage .t2 .titb {font-size: 30px;margin-bottom: 16px;}
.contactPage .t2 .txt {font-size: 14px;line-height: 24px;}
.contactPage .t2 .txt span {font-weight: bold;color: #338dd4;padding: 0 5px;}
.contactPage .t2 .entit {text-transform: uppercase;font-size: 18px;color: #999;}
.contactPage .mapArea {width: 100%;height: 400px;margin-top: 40px;}
.contactPage .mapArea #allmap {width: 100%;height: 400px;}
.formData {padding-bottom: 20px;}
.formData .item {float: left;color: #999;font-weight: normal;width: 425px;height: 56px;line-height: 56px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 45px;position: relative;}
.formData .item label {padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #cccccc;}
.formData .item input {outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt {width: 355px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #999;}
.formData .item .red {position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0 {margin-right: 0;}
.formData .msg-box {position: absolute;left: 0;top: 0px;}
.formData .liuyan {width: 928px;height: 260px;border: 1px solid #e5e5e5;float: left;}
.formData .liuyan label {text-align: right;display: block;}
.formData .liuyan textarea {width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot {width: 100%;}
.formData .sub {width: 232px;line-height: 54px;margin-right: 2px;text-align: center;background: #338dd4;border: 2px solid #338dd4;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover {color: #338dd4;background: none;}
.formData .yzm {width: 432px;}
.formData .yzm .txt {padding-left: 80px;}
.formData .yzm img {position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;}
/*footer_main*/

.footer_main {width: 100%;padding-bottom: 0;background: #0a6fd3;color: #fff;border-top: 8px solid #fe3c45; margin-top:40px;}
.footer_main .links {padding: 20px 0;font-size: 16px;border-bottom: 1px solid #0069bc;}
.footer_main .links span {color: #fff;font-weight: bold;display: inline-block;}
.footer_main .links a {display: inline-block;font-size: 14px;color: #fff;padding-right: 10px;}
.footer_main .links a:hover {color: #fe3c45;}
.bottom_main {border-top: 1px solid #338dd4;padding: 56px 0;}
.bottom_main .bNav {width: 558px;height: 180px;border-right: 1px solid #0069bc;}
.bottom_main .bNav dl {display: inline-block;float: left;width: 100%;overflow: hidden;text-align: left;padding-top: 10px;}
.bottom_main .bNav dl dt {height: 16px;display: block;padding-bottom: 25px;}
.bottom_main .bNav dl dt a {display: block;font-size: 16px;color: #fff;line-height: 16px;}
.bottom_main .bNav dl dd {display: block;height: 14px;padding-bottom: 14px;float:left;margin-left:15px;margin-right:15px;}
.bottom_main .bNav dl dd a {display: block;font-size: 14px;color: #fff;line-height: 14px;}
.bottom_main .bNav dl dd a:hover {color: #fe3c45;}
.bottom_main .ewm {width: 140px;height: 180px;text-align: center;padding-left: 35px;border-left: 1px solid #338dd4;}
.bottom_main .ewm dl {float: left;display: block;margin-right: 30px;}
.bottom_main .ewm dl:nth-child(2) {margin-right: 0px;}
.bottom_main .ewm dl:first-child+dl {margin-right: 0px;}
.bottom_main .ewm dl dt {width: 140px;height: 140px;background-color: #fff;text-align: center;}
.bottom_main .ewm dl dt img {width: 130px;height: 130px;display: inline-block;background-size: 100%;margin-top: 5px;}
.bottom_main .ewm dl dd {font-size: 14px;color: #fff;line-height: 24px;padding-top: 10px;}
.bottom_main .contact_info {width: 350px;height: 180px;padding-left: 60px;border-left: 1px solid #338dd4;border-right: 1px solid #0069bc;}
.bottom_main .contact_info p.p1 {font-size: 14px;color: #fff;line-height: 14px;padding-top: 10px;}
.bottom_main .contact_info p.dh {font-size: 24px;color: #c00009;font-family: "Arial";line-height: 36px;padding-top: 4px;font-weight: bold;padding-bottom: 12px;}
.bottom_main .contact_info h3 {font-size: 20px;padding-top: 8px;}
.bottom_main .contact_info p.tel {font-size: 14px;color: #fff;line-height: 22px;width: 280px;}
.bottom_main .contact_info i {display: block;padding-top: 8px;font-size: 14px;color: #fff;}
.bottom_main .contact_info i a {display: inline-block;color: #fff;padding-right: 12px;}
.copyright_main {background: #004881;height: 40px;line-height: 40px;color: #a7beac;font-size: 12px;}
.copyright_main a {color: #a7beac;}
.copyright_main a:hover {color: #fe3c45;}
/***********top and bottom css end***********/

/***********index css ***********/

.index {width: 100%;overflow: hidden;}
.index .title {text-align: center;width: 100%;margin-bottom: 40px;position: relative;}
.index .title h3 {font-size: 60px;font-weight: bold;display: block;line-height: 60px;}
.index .title h3 b {display: inline-block;color: #338dd4;}
.index .title h4 {font-size: 24px;font-weight: normal;padding-top: 20px;display: block;letter-spacing: 10px;}
.index .title s {position: absolute;top: 12px;display: block;background: url(../images/line.png) no-repeat;width: 124px;height: 42px;}
.index .title .line_lef {left: 50%;margin-left: -392px;}
.index .title .line_rig {right: 50%;margin-right: -392px;}
.index .menu {overflow: hidden;padding-bottom: 20px;padding-top: 20px;}
.index .menu ul {/*text-align: center;*/}
.index .menu li {width: 220px;height: 40px;line-height: 40px;margin: 0 5px 10px;display: inline-block;}
.index .menu li:first-child {margin-left: 0;}
.index .menu li:last-child {margin-right: 0;}
.index .menu li a {display: block;border: 1px solid #dcdcdc;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;height: 40px;line-height: 40px;}
.index .menu li a:hover {border: 1px solid #338dd4;color: #fff;background: #338dd4;}
.index .menu li.current a {border: 1px solid #338dd4;color: #fff;background: #338dd4;}
.index .more {width: 510px;margin: 0 auto;display: block;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;position: relative;height: 55px;line-height: 55px;}
.index .more a {display: block;text-align: center;font-size: 18px;float: left;width: 250px;height: 50px;line-height: 50px;}
.index .more .gd {color: #fff;background: #338dd4;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;border: 2px solid #338dd4;}
.index .more .gd:hover {background: #fe3c45;border: 2px solid #fe3c45;}
.index .more .zx {border: 2px solid #e5e5e5;color: #333;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;border-left: 0 none;}
.index .more .zx:hover {background: #fe3c45;border: 2px solid #fe3c45;color: #fff;border-left: 0 none;}
.index .floor_1_main {width: 100%;position: relative;z-index: 4;}
.index .floor_1 {padding: 140px 0 80px;overflow: hidden;}
.index .ipro {overflow: hidden;padding-bottom: 60px;}
.index .ipro .cont {display: none;}
.index .ipro .cont:first-child {display: block;}
.index .ipro .bigimg {width: 585px;height: 450px;overflow: hidden;}
.index .ipro .bigimg ul {width: 585px;height: 450px;overflow: hidden;}
.index .ipro .bigimg ul li {width: 585px;height: 450px;overflow: hidden;}
.index .ipro .bigimg ul li img {width: 100%;height: 100%;display: block;}
.index .ipro .smalimg {width: 585px;overflow: hidden;height: 450px;}
.index .ipro .smalimg .list {width: 108%;}
.index .ipro .item {float: left;width: 280px;height: 215px;overflow: hidden;position: relative;margin-bottom: 20px;margin-right: 20px;}
.index .ipro .item img {width: 100%;height: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .ipro .item .bg {background: url(../images/bghover.png) no-repeat left top;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: block;text-align: center;opacity: 0;color: #fff;}
.index .ipro .item .bg h3 {font-size: 18px;padding-top: 30%;}
.index .ipro .item .bg span {width: 100px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border: 1px solid #85c0a2;text-align: center;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.index .ipro .item:hover .bg {opacity: 1;}
.index .ipro .item:hover img {transform: scale(1.06, 1.06);}
.index .floor_2_main {width: 100%;}
.index .floor_2_main .floor_2 {padding: 80px 0;}
.index .youshi .item {padding-bottom: 60px;position: relative;padding-top: 64px;}
.index .youshi .item .tit {width: 194px;position: relative;}
.index .youshi .item .tit img {width: 170px;height: 330px;display: block;}
.index .youshi .item .tit h3 {font-size: 18px;text-transform: uppercase;position: absolute;left: 134px;top: 34px;}
.index .youshi .item .txt {padding-top: 78px;width: 502px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .youshi .item .txt h2 {font-size: 30px;font-weight: bold;color: #338dd4;line-height: 32px;}
.index .youshi .item .txt h4 {display: block;line-height: 20px;}
.index .youshi .item .txt .desc {padding-top: 20px;}
.index .youshi .item .txt .cha {font-size: 18px;width: 200px;height: 54px;line-height: 54px;display: block;border: 2px solid #338dd4;text-align: center;color: #338dd4;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-top: 34px;}
.index .youshi .item .txt .cha:hover {background: #338dd4;color: #fff;}
.index .youshi .item .img {position: absolute;right: -80px;top: 0;}
.index .youshi .item .img img {max-width: 530px;display: block;}
.index .youshi .item.it2 {padding-left: 490px;}
.index .youshi .item.it2 .img {right: auto;left: 0;}
.index .youshi .item:hover .txt {-webkit-transform: translate3d(0, -6px, 0);transform: translate3d(0, -6px, 0);}
.index .floor_3_main {background: url(../images/liuc_bg.jpg) repeat center top;height: 150px;}
.index .floor_3_main .title2 {width: 280px;height: 78px;border-right: 1px solid #33a169;margin-top: 38px;color: #fff;}
.index .floor_3_main .title2 h3 {font-size: 26px;}
.index .floor_3_main .title2 h3 i {font-size: 18px;display: inline-block;}
.index .floor_3_main .title2 p {font-size: 30px;font-family: "AvantGardeITVbyBT Book", arial;padding-top: 16px;}
.index .floor_3_main .title2 p em {width: 26px;height: 28px;display: inline-block;background-position: 0 -110px;margin-right: 18px;}
.index .floor_3_main .liuc {width: 888px;overflow: hidden;padding-left: 30px;color: #fff;padding-top: 38px;}
.index .floor_3_main .liuc .list {width: 108%;}
.index .floor_3_main .liuc li {float: left;width: 134px;}
.index .floor_3_main .liuc li p {width: 80px;float: left;text-align: center;font-size: 16px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .floor_3_main .liuc li p img {max-width: 100%;display: block;margin: 0 auto 12px;height: 44px;}
.index .floor_3_main .liuc li .jt {width: 42px;height: 44px;float: left;display: block;background: url(../images/jtou1.png) no-repeat center;}
.index .floor_3_main .liuc li:hover p {animation: flipInY 1.2s ease-out forwards;-webkit-animation: flipInY 1.2s ease-out forwards;}
.index .textlist {width: 740px;}
.index .newsBox {width: 430px;position: relative;}
.index .newsBox .item {position: relative;z-index: 3;}
.index .newsBox .item .img {height: 170px;overflow: hidden;}
.index .newsBox .item .img img {width: 228px;height: 170px;display: block;}
.index .newsBox .item .img .time {width: 202px;height: 170px;position: relative;overflow: hidden;background: url(../images/xw_time.jpg) no-repeat;text-align: center;color: #fff;font-size: 16px;}
.index .newsBox .item .img .time b {font-size: 60px;line-height: 60px;display: block;padding-top: 40px;}
.index .newsBox .item .img .time .yuan {position: absolute;width: 136px;height: 136px;display: block;left: 50%;margin-left: -68px;top: 50%;margin-top: -68px;background: url(../images/yuan.png) no-repeat;}
.index .newsBox .item a {display: block;}
.index .newsBox .item img {width: 100%;height: 100%;display: block;}
.index .newsBox .item .txt {width: 100%;}
.index .newsBox .item .txt h3 {font-size: 20px;font-weight: normal;padding: 15px 0 0;}
.index .newsBox .item .txt p {color: #999;overflow: hidden;height: 60px;line-height: 20px;padding-top: 5px;}
.index .newsBox .item .txt span {width: 202px;height: 55px;line-height: 55px;border: 2px solid #338dd4;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;display: block;font-size: 18px;color: #338dd4;margin-top: 15px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .newsBox .item .txt:hover span {background: #338dd4;color: #fff;}
.index .newsBox .di {position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background: #ceeeff;-moz-border-radius-bottomleft: 15px;-webkit-border-bottom-left-radius: 15px;border-bottom-left-radius: 15px;z-index: 0;}
.index .floor_4_main {background: url(../images/flo4.jpg) repeat left top;height: 427px;}
.index .floor_4 {padding: 100px 0;}
.index .floor_4 .bd {overflow: hidden;}
.index .floor_4 .btn {width: 12px;height: 22px;display: block;position: absolute;top: 50%;cursor: pointer;margin-top: -31px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_4 .prev {background-position: -48px -130px;left: -5%;}
.index .floor_4 .prev:hover {background-position: -48px -160px;}
.index .floor_4 .next {background-position: -70px -130px;right: -5%;}
.index .floor_4 .next:hover {background-position: -70px -160px;}
.index .floor_5, .index .floor_6 {padding: 80px 0;}
.index .iabout .lefnav {width: 200px;}
.index .iabout .lefnav li {width: 40px;height: 180px;overflow: hidden;float: left;display: block;position: relative;}
.index .iabout .lefnav li a {display: block;padding-top: 60px;text-align: center;background: #1d773a;color: #fff;}
.index .iabout .lefnav li em {width: 10px;height: 10px;border: 2px solid #fff;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;position: absolute;left: 50%;margin-left: -7px;top: 30px;}
.index .iabout .lefnav li h3 {width: 20px;height: 108px;line-height: 16px;margin: 0 auto;}
.index .iabout .lefnav li.li1 a {background: #186b33;}
.index .iabout .lefnav li.li2 a {background: #1d773a;}
.index .iabout .lefnav li.li3 a {background: #217f40;}
.index .iabout .lefnav li.li4 a {background: #258845;}
.index .iabout .lefnav li.li5 a {background: #29944b;}
.index .iabout .lefnav li a:hover {background: #fe3c45;}
.index .iabout .lefnav .more1 {width: 150px;height: 125px;background: url(../images/fuhao1.jpg) no-repeat left top;position: relative;display: block;}
.index .iabout .lefnav .more1 p {width: 23px;height: 60px;line-height: 14px;background: #338dd4;color: #fff;position: absolute;right: -12px;bottom: -10px;text-align: center;padding-top: 5px;font-size: 12px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .iabout .lefnav .more1:hover p {background: #fe3c45;}
.index .iabout .img {width: 510px;height: 330px;overflow: hidden;}
.index .iabout .img img {width: 100%;height: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .iabout .img:hover img {transform: scale(1.06, 1.06);}
.index .iabout .txt {width: 456px;position: relative;}
.index .iabout .txt .yh {width: 90px;height: 50px;display: block;background: url(../images/fuhao2.jpg) no-repeat;}
.index .iabout .txt a {position: relative;z-index: 2;width: 424px;height: 264px;display: block;background: #fff;}
.index .iabout .txt a h2 {font-size: 24px;padding: 10px 0;}
.index .iabout .txt a .desc {overflow: hidden;color: #333;}
.index .iabout .txt a .cha {margin-top: 36px;width: 180px;height: 40px;line-height: 40px;text-align: center;background: #338dd4;color: #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.index .iabout .txt a:hover .cha {background: #fe3c45;}
.index .iabout .txt .bk {width: 364px;height: 330px;border: 1px solid #dfdfdf;display: block;position: absolute;right: 0;top: 0;}
.index .ihonor {padding-top: 52px;position: relative;}
.index .ihonor .bd {overflow: hidden;}
.index .ihonor .list {width: 118%;}
.index .ihonor .item {float: left;width: 280px;height: 215px;overflow: hidden;position: relative;margin-bottom: 20px;margin-right: 27px;}
.index .ihonor .item img {width: 100%;height: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .ihonor .item .bg {background: url(../images/bghover.png) no-repeat left top;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: block;text-align: center;color: #fff;opacity: 0;}
.index .ihonor .item .bg h3 {font-size: 18px;padding: 30% 3% 0;}
.index .ihonor .item .bg span {width: 100px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border: 1px solid #85c0a2;text-align: center;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.index .ihonor .item:hover .bg {opacity: 1;}
.index .ihonor .item:hover img {transform: scale(1.06, 1.06);}
.index .ihonor .btn {width: 42px;height: 72px;display: block;position: absolute;top: 50%;margin-top: -21px;cursor: pointer;}
.index .ihonor .prev {background-position: -110px -210px;left: -5%;}
.index .ihonor .prev:hover {background-position: -216px -210px;}
.index .ihonor .next {background-position: -164px -210px;right: -5%;}
.index .ihonor .next:hover {background-position: -270px -210px;}
.index .floor_7_main {border-top: 1px solid #e9e9e9;}
.index .floor_7 {padding: 100px 0;}
.xunpan {width: 100%;background: url(../images/xunpan.jpg) no-repeat center top;height: 200px;color: #fff;}
.xunpan .w1200 {height: 200px;}
.xunpan .img {width: 355px;height: 250px;display: block;position: absolute;left: 0;bottom: 0;}
.xunpan .img img {width: 100%;height: 100%;display: block;}
.xunpan .zixun {width: 668px;margin-top: 30px;text-align: center;height: 132px;background: url(../images/kuang.png) no-repeat;}
.xunpan .zixun .tit {font-size: 36px;line-height: 36px;padding-top: 14px;padding-bottom: 18px;}
.xunpan .zixun .tit .en {font-size: 20px;text-transform: uppercase;line-height: 20px;display: block;}
.xunpan .zixun .tel {font-size: 36px;color: #fff;font-family: "AvantGardeITVbyBT Book", arial;}
.xunpan .zixun .tel em {width: 34px;height: 34px;display: inline-block;background-position: 0 -70px;margin-right: 10px;vertical-align: middle;}
.xunpan .zixun .tel a {width: 112px;height: 27px;line-height: 27px;display: inline-block;text-align: center;background-position: -165px 0;font-size: 14px;font-weight: bold;color: #fff;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.xunpan .zixun .tel a:hover {background-position: -165px -34px;}
.teamwork {position: relative;}
.teamwork .item {float: left;width: 282px;margin-right: 42px;margin-bottom: 40px;display: block;position: relative;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.teamwork .item a {display: block;position: relative;z-index: 3;}
.teamwork .item img {width: 282px;height: 80px;box-sizing: border-box;border: 2px solid #e5e5e5;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.teamwork .item a:hover img {border: 2px solid #338dd4;}
.indexTit {width: 100%;text-align: center;position: relative;margin-bottom: 46px;margin: 0 auto;}
.indexTit h2 {font-size: 36px;line-height: 36px;}
.indexTit .line {width: 74px;height: 1px;display: block;background: #338dd4;margin: 40px auto 60px;}
.indexTit .en {font-size: 60px;line-height: 60px;text-transform: uppercase;white-space: nowrap;display: block;color: #e1e1e1;}
.indexTit h3 {font-size: 30px;font-weight: normal;color: #666;padding: 20px 0 0;text-transform: uppercase;}
.thumblist {overflow: hidden;}
.thumblist .list {width: 118%;}
.thumblist .item {float: left;position: relative;width: 570px;height: 246px;margin-right: 50px;margin-bottom: 30px;}
.thumblist .item a {width: 529px;height: 204px;border: 1px solid #e5e5e5;position: relative;z-index: 3;display: block;padding: 18px;background: #fff;}
.thumblist .item img {width: 283px;height: 200px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.thumblist .item .txt {width: 212px;height: 200px;overflow: hidden;position: relative;}
.thumblist .item .txt h3 {font-size: 16px;display: block;border-bottom: 1px solid #ededed;height: 36px;line-height: 36px;overflow: hidden;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.thumblist .item .txt p {padding-top: 20px;color: #737373;line-height: 24px;}
.thumblist .item .txt .jia {position: absolute;right: 0;bottom: 0;width: 40px;height: 40px;display: block;background-position: -140px -76px;text-align: center;vertical-align: middle;transition: all .3s ease-out 0s;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.thumblist .item .di {width: 565px;height: 240px;border: 1px solid #e5e5e5;position: absolute;right: -2px;bottom: -2px;}
.thumblist .item a:hover img {filter: brightness(105%);}
.thumblist .item a:hover .txt .jia {background-position: -190px -76px;}
.textlist .item {margin-bottom: 26px;transition: all 0.2s linear 0s;width: 100%;position: relative;}
.textlist .item a {display: block;}
.textlist .item .img {width: 133px;height: 100px;overflow: hidden;margin-right: 22px;}
.textlist .item .img img {width: 100%;height: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.textlist .item .txt {width: 480px;}
.textlist .item h3 {font-size: 18px;}
.textlist .item p {font-size: 14px;line-height: 20px;color: #999;height: 60px;overflow: hidden;padding-top: 10px;}
.textlist .item .time {display: block;width: 66px;height: 100px;line-height: 50px;text-align: center;font-size: 14px;border-left: 1px solid #e9e9e9;padding-left: 20px;}
.textlist .item .time b {display: block;font-size: 48px;color: #338dd4;line-height: 60px;}
.textlist .item:hover img {transform: scale(1.06, 1.06);}
.announ_main {width: 100%;height: 76px;line-height: 76px;border-bottom: 1px solid #eee;}
.announ_main .announ_right {width: 282px;padding-top: 20px;}
.announ_main .announ_right .search {width: 282px;height: 35px;line-height: 35px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;background: #f6f6f6;position: relative;}
.announ_main .announ_right .search input {outline: none;border: 0 none;height: 35px;line-height: 35px;}
.announ_main .announ_right .search .txt {width: 200px;background: none;padding-left: 15px;display: block;color: #999;}
.announ_main .announ_right .search .btn {width: 50px;background: url(../images/sou.png) no-repeat center #338dd4;position: absolute;right: 0;top: 0;cursor: pointer;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.announ_main .announ_right .search .btn:hover {background-color: #fe3c45;}
.announ_main .announ_left span {display: inline-block;}
.announ_main .announ_left a {display: inline-block;padding: 0 10px 0 0;}
.announ_main .announ_left a s {width: 1px;height: 16px;display: inline-block;margin-right: 10px;background: #e9e9e9;vertical-align: middle;}
.announ_main .announ_left a:first-child s {display: none;}
/**内页样式**/

.nybanner {width: 100%;position: relative;height: 250px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
.wrapper {position: relative;width: 100%;padding: 30px 0;}
.wrapper .sitepath {color: #d9d9d9;text-transform: uppercase;}
.wrapper .sitepath .home {width: 14px;height: 16px;display: inline-block;background-position: -114px -122px;margin-right: 10px;}
.wrapper .sitepath a {display: inline-block;white-space: nowrap;color: #2f4056;}
.wrapper .sitepath a:hover {color: #338dd4;}
.wrapper .sitepath span {color: #2f4056;}
.wrapper .w1200 {position: relative;z-index: 5;}
.wrapper .left {width: 240px;}
.wrapper .left .submenubox {padding-bottom: 20px;}
.wrapper .left .submenubox .left_title {height: 80px;background: #338dd4;color: #fff;}
.wrapper .left .submenubox .left_title h3 {font-size: 24px;font-weight: bold;line-height: 80px;padding-left: 26px;text-transform: uppercase;}
.wrapper .left .submenubox .left_title s {background-position: -248px -76px;vertical-align: middle;width: 28px;height: 28px;margin-right: 30px;margin-top: 28px;}
.wrapper .left .submenu {position: relative;}
.wrapper .left .submenu li {display: block;}
.wrapper .left .submenu li a.sub1 {height: 60px;line-height: 60px;display: block;padding-left: 12px;background: url(../images/jtou.png) no-repeat 90% center #fff;font-size: 14px;border: 1px solid #eeeeee;border-top: 0 none;overflow: hidden;}
.wrapper .left .submenu li a.sub1:hover {background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #338dd4;border-right: 1px solid #f5f5f5;color: #338dd4;}
.wrapper .left .submenu li.hover a.sub1 {background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #338dd4;border-right: 1px solid #f5f5f5;color: #338dd4;}
.wrapper .left .submenu s {width: 2px;height: 61px;display: block;background: #338dd4;position: absolute;left: 0;top: 0;}
.wrapper .left .submenu .box {padding-bottom: 0;background: #f9f9f9;border: 1px solid #eeeeee;border-top: 0 none;display: none;}
.wrapper .left .submenu .box a {color: #333;line-height: 40px;display: block;height: 40px;padding-left: 28px;overflow: hidden;}
.wrapper .left .submenu .box a s {width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.wrapper .left .submenu .box a:hover, .wrapper .left .submenu .box a.hover {color: #338dd4;}
.wrapper .left .submenu li.hover .box {display: block;}
.wrapper .left .leftbox {padding: 10px;position: relative;margin-bottom: 20px;border: 1px solid #eee;}
.wrapper .left .leftbox .left_title {padding-bottom: 10px;border-bottom: 1px solid #eeeeee;padding-left: 5px;}
.wrapper .left .leftbox .left_title h3 {font-size: 18px;font-weight: normal;color: #338dd4;display: block;text-transform: uppercase;}
.wrapper .left .leftbox .leftprocomt {padding-top: 10px;}
.wrapper .left .leftbox .leftprocomt li {float: left;text-align: center;width: 104px;margin-right: 10px;}
.wrapper .left .leftbox .leftprocomt li img {width: 104px;height: 78px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.wrapper .left .leftbox .leftprocomt li p {font-size: 12px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.wrapper .left .leftbox .leftprocomt li:hover img {-webkkit-filter: brightness(105%);filter: brightness(105%);}
.leftprocomt li:hover p {color: #338dd4;}
.wrapper .left .leftbox .cont {padding-top: 18px;white-space: normal;}
.wrapper .left .leftbox .cont .img {float: left;display: block;border: 1px solid #e5e5e5;margin: 0 auto 10px;}
.wrapper .left .leftbox .cont img {width: 216px;height: 216px;}
.wrapper .left .leftbox .cont p {white-space: normal;word-break: break-all;word-wrap: break-word;}
.wrapper .left .leftbox .cont .zx {width: 100%;height: 50px;font-size: 20px;line-height: 50px;background: #338dd4;color: #fff;display: block;margin-top: 10px;}
.wrapper .left .leftbox .cont .zx em {width: 50px;height: 50px;display: inline-block;background-position: -152px -152px;vertical-align: top;border-right: 1px solid #fff;margin-right: 35px;}
.wrapper .left .leftbox .cont .zx:hover {background: #fe3c45;}
.wrapper .right {width: 930px;}
.wrapper .right .right_title {padding-bottom: 10px;border-bottom: 1px solid #eee;text-transform: uppercase;}
.wrapper .right .right_title h3 {color: #338dd4;font-size: 18px;border-left: 3px solid #338dd4;height: 20px;line-height: 20px;padding-left: 14px;margin-top: 5px;}
.wrapper .right .cont {padding: 40px 0;color: #666666;}
.wrapper .right .cont .t1 {padding: 0 0 25px;color: #338dd4;font-size: 20px;}
.wrapper .right .cont .t2 {color: #338dd4;font-size: 30px;display: block;padding: 30px 0;}
.wrapper .Productlist {}
.wrapper .Productlist .list {width: 100%;}
.wrapper .Productlist .item {float: left;width: 288px;margin-right: 15px;margin-bottom: 30px;display: block;position: relative;text-align: center;border: 1px solid #eee;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.wrapper .Productlist .item a {display: block;width: 100%;}
.wrapper .Productlist .item img {width: 288px;height: 216px;display: block;}
.wrapper .Productlist .item h3 {display: block;/* border: 1px solid #eee;*/

	border-top: 0 none;height: 66px;line-height: 66px;overflow: hidden;text-align: center;font-size: 14px;}
.wrapper .Productlist .item:hover {box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2);}
.wrapper .single img {max-width: 100%;display: inline;}
.wrapper .showinfo img {max-width: 100%;display: inline;}
.wrapper .showinfo .Article-title {border-bottom: 1px solid #92e9ff;padding-bottom: 20px;text-align: center;}
.wrapper .showinfo .Article-title h1 {font-size: 24px;}
.wrapper .showinfo .Article-title .mark span {font-size: 12px;padding: 0 5px;}
.wrapper .showinfo .newsinfo {padding: 20px 0;}
.wrapper .reLink {height: 48px;line-height: 48px;padding: 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;margin: 20px auto;}
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink {width: 50%;}
.wrapper .reLink .nextLink {text-align: right;}
.wrapper .thumblist .item {width: 430px;height: 144px;margin-right: 38px;}
.wrapper .thumblist .item a {width: 414px;height: 128px;padding: 8px;}
.wrapper .thumblist .item img {width: 180px;height: 127px;display: block;}
.wrapper .thumblist .item .txt {width: 212px;height: 127px;overflow: hidden;position: relative;}
.wrapper .thumblist .item .txt h3 {height: 30px;line-height: 30px;overflow: hidden;}
.wrapper .thumblist .item .txt p {padding-top: 8px;color: #737373;line-height: 22px;}
.wrapper .thumblist .item .txt .jia {display: none;}
.wrapper .thumblist .item .di {width: 430px;height: 144px;border: 1px solid #e5e5e5;position: absolute;right: -10px;bottom: -10px;}
.showproduct .tod {padding-bottom: 60px;}
.showproduct .tiao {background: url(../images/tiao.jpg) repeat left bottom;height: 20px;width: 100%;margin-bottom: 40px;}
.showproduct .showImg {width: 475px;height: 357px;}
.showproduct .showImg .showImg_left {width: 473px;height: 355px;position: relative;overflow: hidden;border: 1px solid #e5e5e5;}
.showproduct .showImg .showImg_left .hd {position: absolute;bottom: 30px;right: 20px;height: 12px;z-index: 1;}
.showproduct .showImg .showImg_left .hd ul {display: inline-block;}
.showproduct .showImg .showImg_left .hd ul li {display: block;float: left;width: 12px;height: 12px;background-color: #338dd4;border-radius: 10px;text-indent: -999px;cursor: pointer;margin-left: 10px;}
.showproduct .showImg .showImg_left .hd ul li.on {background-color: #fe3c45;}
.showproduct .showImg .showImg_left .bd {width: 473px;height: 355px;}
.showproduct .showImg .showImg_left .bd ul {display: inline-block;}
.showproduct .showImg .showImg_left .bd ul li {float: left;}
.showproduct .showImg .showImg_left .bd ul li img {width: 473px;height: 355px;}
.showproduct .baseInfo {width: 412px;}
.showproduct .baseInfo .t {border-bottom: 1px dotted #dedede;display: block;font-size: 24px;color: #338dd4;font-weight: bold;padding-bottom: 10px;}
.showproduct .baseInfo .desc {padding-top: 18px;color: #999;line-height: 30px;height: 234px;border-bottom: 1px dotted #dedede;overflow: hidden;}
.showproduct .baseInfo .webtel {padding-top: 23px;font-size: 18px;font-family: "AvantGardeITVbyBT Book", arial;}
.showproduct .baseInfo .webtel strong {font-size: 40px;color: #338dd4;font-weight: bold;line-height: 40px;}
.showproduct .detaiInfo .title2 {border-bottom: 1px solid #eee;position: relative;padding-bottom: 12px;margin-bottom: 15px;}
.showproduct .detaiInfo .title2 h3 {font-size: 20px;color: #333;}
.showproduct .detaiInfo .title2 s {width: 80px;height: 5px;display: block;position: absolute;left: 0;bottom: -2px;background: #338dd4;}
.showproduct .detaiInfo .info {padding: 0 0 30px;}
/*showNews*/

.showNews .title {font-size: 24px;color: #333333;text-align: center;margin: 10px 0 22px;font-weight: bold;}
.showNews .mark {color: #999999;height: 38px;line-height: 38px;text-align: center;margin-bottom: 20px;border-top: 1px dashed #e5e5e5;border-bottom: 1px dashed #e5e5e5;}
.showNews .showContxt {color: #666666;padding: 0 0 30px;line-height: 30px;}
.showNews .showContxt img {max-width: 100%;}
.exhibition_hall {text-align: center;position: relative;overflow: hidden;}
.thumblist1 .item {border-bottom: 1px dotted #b0b0b0;padding: 30px 0;font-family: 'PingFang SC', "microsoft yahei", "Arial";}
.thumblist1 .item:first-child {padding-top: 0;}
.thumblist1 .item a {display: block;}
.thumblist1 .item .img {width: 200px;height: 150px;overflow: hidden;}
.thumblist1 .item .img img {width: 100%;display: block;height: 100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.thumblist1 .item .img:hover img {transform: scale(1.06, 1.06);}
.thumblist1 .item .txt {width: 700px;}
.thumblist1 .item .txt h3 {font-size: 18px;line-height: 30px;}
.thumblist1 .item .txt .desc {padding-top: 10px;color: #999;height: 70px;overflow: hidden;line-height: 24px;margin-bottom: 12px;}
.thumblist1 .item .txt span {display: inline-block;font-size: 12px;color: #b7b7b7;padding-right: 26px;}
.thumblist1 .item .txt span em {width: 20px;height: 18px;display: inline-block;margin-right: 10px;background-position: -196px -120px;}
.thumblist1 .item .txt span .time {background-position: -174px -121px;}
.leftnews .cont li {line-height: 30px;height: 30px;overflow: hidden;}
.leftnews .cont li a {display: block;}
@keyframes down-ico {0% {top: 0;opacity: 1;}
35% {top: 20%;opacity: 0;}
65% {top: -20%;opacity: 0;}
100% {top: 0;opacity: 1;}
}
@-webkit-keyframes down-ico {0% {top: 0;opacity: 1;}
35% {top: 20%;opacity: 0;}
65% {top: -20%;opacity: 0;}
100% {top: 0;opacity: 1;}
}
/***********index css end***********/

.toolbar {width: 52px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd {width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top: 4px;border: #ebebeb solid 1px;background-color: #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i {width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span {width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop {display: none;}
.toolbar .slide-tel {display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.toolbar .pop {position: absolute;right: 90px;top: -65px;background: #338dd4;display: none;}
.toolbar .pop-code {width: 160px;}
.toolbar .pop-code img {width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3 {height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b {display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span {background-position: -35px -47px;}
.toolbar .qq a {width: 52px;height: 52px;cursor: pointer;display: block;}
.toolbar .qq:hover {background-color: #338dd4;border-radius: 100%;}
.toolbar .qq:hover span {background-position: 0 -47px;}
.toolbar .tel span {background-position: -35px 0;}
.toolbar .tel:hover {background: #338dd4;}
.toolbar .tel:hover span {background-position: 0 0;}
.toolbar .code span {background-position: -35px -95px;}
.toolbar .code:hover {background-color: #338dd4;border-radius: 100%;}
.toolbar .code:hover span {background-position: 0 -95px;}
.toolbar .top span {background-position: -35px -142px;}
.toolbar .top:hover {background-color: #338dd4;border-radius: 100%;}
.toolbar .top:hover span {background-position: 0 -142px;}
.toolbar dd:hover {}
/**********alone css end**********/

/*******animated css******/

.active .animated {-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.delay100 {-webkit-animation-delay: 100ms;animation-delay: 100ms;}
.delay200 {-webkit-animation-delay: 200ms;animation-delay: 200ms;}
.delay300 {-webkit-animation-delay: 300ms;animation-delay: 300ms;}
@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 1;}
40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);}
60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
100% {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 1;}
40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);}
60% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
80% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
100% {-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}
}
@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
.active .fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@keyframes down-ico {0% {top: 0;opacity: 1;}
35% {top: 20%;opacity: 0;}
65% {top: -20%;opacity: 0;}
100% {top: 0;opacity: 1;}
}
@-webkit-keyframes down-ico {0% {top: 0;opacity: 1;}
35% {top: 20%;opacity: 0;}
65% {top: -20%;opacity: 0;}
100% {top: 0;opacity: 1;}
}
@keyframes scale-three2 {0% {transform: scale(1);opacity: .8;}
100% {transform: scale(1.3);opacity: 0;}
}
@-webkit-keyframes scale-three2 {0% {-webkit-transform: scale(1);opacity: .7;}
100% {-webkit-transform: scale(1.3);opacity: 0;}
}
@-moz-keyframes scale-three2 {0% {-moz-transform: scale(1);opacity: .7;}
100% {-moz-transform: scale(1.3);opacity: 0;}
}
@-o-keyframes scale-three2 {0% {-o-transform: scale(1);opacity: .7;}
100% {-o-transform: scale(1.3);opacity: 0;}
}
/*# sourceMappingURL=common.css.map */




/*产品里列表*/

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#mdemo{overflow:hidden;width:100%;margin:0 auto;}
#mindemo {float: left;width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}




.sort_a{overflow:hidden;}
.sort_a .layer1{padding:15px 0px;border-bottom:1px dashed #a7b8d4;position:relative;height:133px;z-index: 1;}
.sort_a .layer1 .img{float:left;padding:5px;border:1px solid #dddddd;}
.sort_a .layer1 .img img{width:256px;height:179px;}
.sort_a .layer1 .img_right{width:560px;float:right;}
.sort_a .layer1 .img_right h3{font: bold 14px/36px "微软雅黑";}
.sort_a .layer1 .img_right span{line-height:25px;display:block;}
.sort_a .layer1 .pro_more{position:absolute;right:0px;bottom:15px;width:110px;padding-left:10px;height:28px;line-height:28px;background:#666666;color:#fff;
font:bold 24px/24px "微软雅黑";}
.sort_a .layer1 .pro_more span{float:left;}
.sort_a .layer1 .pro_more a{font:normal 12px/28px "宋体";color:#fff;float:right;padding-right:15px;display: inline-block;}
.sort_a .layer1 .pro_more a:hover{text-decoration:none;color:#faf104;}
.sort_a .abb_product{padding-top:15px;border:1px dashed #a7b8d4;border-top:none;}


.productcates{padding-top:10px;}
.catemore{color:#0080d9;margin-top:6px;overflow:hidden;position:relative;}
.catemore h2{width:360px;float:left;font:bold 15px/36px "微软雅黑";}
.catemore a{float:right;font:normal 14px/36px "微软雅黑";color:#444444;padding-right:28px;}
.catemore a:visited{text-decoration:none;color:#444444;}
.catemore a:hover{text-decoration:none;color:#0080d9;}

.common-title{font:600 22px/50px "微软雅黑";color:#338dd4;border-bottom: 1px solid #ccdff1;position: relative;}
.common-title span{font:400 14px/30px "微软雅黑";color:#338dd4;}
.common-title span a{position: absolute;right:0;top:10px;}
.news_company .content{padding-top: 30px;}
.contact-conn{background: url(../images/contact.jpg) no-repeat;height: 375px;width: 340px;font:400 14px/42px "微软雅黑";color:#000;padding-top:12px;padding-left:60px;}


.zxxw_b a{font:600 18px/40px "微软雅黑";color:#000;}
.zxxw_b span{display: block;font:400 13px/26px "微软雅黑";color:#000;}

/*list_pros*/
.list_pros ul{ width: 100%; margin: 0 auto; overflow:hidden; }
.list_pros ul li{width: 222px;float: left;margin:10px 2px;}
.list_pros ul li a{ display: block; }
.list_pros ul li img{width: 220px;height:165px;border:1px solid #bfbfbf;display: block}
.list_pros ul li h2{text-align: center;color: #fff; background:#338dd4; line-height: 30px; width: 222px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; font-size:14px;}
.list_pros ul li a:hover{-webkit-transition: transform 0.3s;transform: scale(1.05);}


/*list_news*/
.list_news {font-size: 14px; color: #666; line-height: 22px; border-bottom: 1px dashed #CCCCCC; margin:10px 20px; }
.list_news p{padding:0px 20px; line-height: 28px;  }
.list_news h2{line-height:28px; overflow: hidden; }
.list_news .fl {font-size: 16px; color: #666666; font-weight: bold; text-decoration: none; }
.list_news .fr {font-size: 12px; padding: 0 10px 0 8px; font-family: "Microsoft YaHei"; }

/*web_pages*/
.web_pages{width:100%;margin-top: 20px; clear: both; overflow:hidden;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #ccc;}
.web_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.web_pages ul li a:hover{background-color:#f66e00; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#f66e00;color:#fff;font-weight:bold;}
.web_pages .pageinfo{line-height:50px;padding:10px 15px;color:#999;border:1px solid #ccc;margin-left: 20px; }
.web_pages .pageinfo strong{color:#555;margin:0px 2px;}

/*ny_article*/
.ny_title h2{line-height:40px;text-align: center;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
.riqi{margin-top: 15px;text-align: center;color: #808080;padding-bottom: 20px;}
.news_ny p{line-height: 30px;font-size: 14px;color: #585858;}
.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold;  line-height: 30px; clear: both;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:290px;line-height: 25px; height:25px; float:left;margin:5px 10px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.pro_img2{ margin: 0px auto;overflow: auto; text-align: center;}
.pro_img2 ul li{ display:inline-block; width:172px; margin:10px 5px;}
.pro_img2 ul li:hover img{transform: scale(1.05);box-shadow: 0px 10px 50px rgba(0,0,0,0.4);}
.pro_img2 ul li a img{ width:170px; height:128px; border:1px #ccc solid; display: block; }
.pro_img2 ul li a span{ width:172px; background:#015db2; line-height:30px;text-align:center; color:#fff; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }

/* liuyan */
.imsgCon { width:430px; padding-top:10px; padding-left:10px;}
.imsgCon .item{ width:450px; height:32px;  line-height:32px;border:1px solid #999999; margin:15px 0px 10px; }
.imsgCon .item input{ width:90%; height:32px; border:0px; background:none; color:#999; text-indent:8px; font-family:"Microsoft YaHei";  }
.imsgCon .item select{width:90%; height:30px; border:0px;  color:#5A5A5A; font-family:"Microsoft YaHei";}
.imsgCon .item select option{  text-indent:8px;   color: #999;}
.imsgCon .item em{ float:right; width:10px; line-height:16px; margin-top:10px; margin-right:6px; height:10px;z-index:1;}
.imsgCon  span{ display:block;  font-weight:normal; color: #666666;}
.imsgCon  .item1{ width:339px;  height:120px;   margin:0px 0px 10px 0px;}
.imsgCon  .textarea1{ width:440px; padding:5px 0px 5px 8px;  height:100px;    background: #eef3fb;  overflow:hidden;  resize:none;  border:1px solid #999999; }
.imsgCon .item2{ margin:5px 0px 10px 0px; line-height:28px; }
.imsgCon span.yanz{ width:62px; height:28px; border:1px solid #999999; text-align:center; line-height:28px;  display:block;  float:left;}
.imsgCon .yztxt{ width:80px; height:28px; border:1px solid #ccc;   display:block;  float:left; margin:0px 0px 0px 5px;}
.imsgCon img{ margin-top:3px; float:left;}
.imsgCon .btn1{ width:80px; height:33px; margin-right:15px; border:none; background:#005bac; color:#fff; cursor:pointer;font-family:"Microsoft YaHei";}
.imsgCon .btn2{ width:80px; height:33px; border:none; background:#404145; color:#fff;cursor:pointer;font-family:"Microsoft YaHei";}
.imsgCon p{ color:#568ee0; font-size:12px; padding-top:5px;}
.imsgCon .red{ color:red !important;}

/*sitemap*/
.content01{width: 1200px; margin: 0 auto;}
.map_bt,.hotnew_bt{width:1200px;font-size:18px; line-height: 35px; color:#666666;font-weight: bold;border-bottom:#015db2 2px solid; clear: both;}
.map_bt .fr{ margin-right: 30px; font-weight: normal; font-size: 14px; }
.linkbox { float: left; width: 580px; padding: 0px 10px;}
.linkbox h3 a{display: block;line-height: 30px; width:150px;text-align: center;margin:10px 0px 10px 20px; font-size: 16px; font-weight: bold;background: #015db2;color: #fff;}
.linkbox .f6{overflow: hidden;}
.linkbox ul li a{display: block; font-size: 14px; line-height: 30px; border-bottom:1px #ccc dashed;margin-left:15px;float:left;list-style:none;text-align: center; margin-bottom: 10px;}

.onlinemain{right:0;
    width: 250px;
    position: fixed;
    *position: absolute;
    /* left: 50%;
    margin-left: 520px; */
    top: 150px;
    z-index:999;
    opacity:1;
    border: 1px solid #efefef;
}
.onlinemain h2{
    background: url(../images/navbg.jpg) repeat-x;
    height: 29px;
    line-height: 30px;
    color: #0857a2;
    font-weight: bold;
    padding-left: 8px;
    font-size: 14px;
}

.onlinetxt{
    background-color:#fff;
    text-align: center;
    padding-bottom: 10px;
}
.onlinetxt p{
    color: #0857a2;
    font-weight: bold;
    padding-top: 10px;
}


/*qita*/
.aboutus-center{margin: 0 auto;width: 1200px;overflow: hidden; margin-bottom: 70px;}
.aboutus-zuoce{float: left;width: 267px;margin-top:40px;}

.aboutus-zuoce-neirong{background: #ffffff;border: 1px solid #ededed;position: relative;z-index: 2;}
.aboutus-zuoce-neirong{padding: 15px;}
.aboutus-zuoce-neirong h2{font-weight: bold;font-size: 15px;}
.aboutus-zuoce-neirong p{line-height: 23px;font-size: 13px;}
.aboutus-zuoce-neirong ul li{background: #ededed; line-height: 45px;margin-bottom: 20px;padding-left: 15px;border-radius: 10px;}
.aboutus-zuoce-neirong .on,.aboutus-zuoce-neirong li:hover{background: #f66e00;color: white;}
.yinying{margin-top: -92px;margin-left: -9px;}

.chanpinliebiao-biaoti{background: #338dd4;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.chanpinliebiao-biaoti h1{font-weight:bold;font-size: 18px;color: white;}
.menu ul li {
display:block;
width:273px;
padding-top:2px;
margin-bottom:5px;
background: url(../images/zakladka.png) top left no-repeat;
list-style:none;
overflow:visible;
}
.menu ul li a {
display:block;
height:34px; width:273px;
margin-top:0px;
padding-top:10px;
padding-left:35px;
font-size:15px;
color:#3F3F3F;
outline:none;
}
.menu ul li .active {
background:url(../images/on.png) top right no-repeat;
}

.menu ul li .inactive {
background:url(../images/off.png) top right no-repeat;
}
.menu ul li ul {
display:none; 
margin-top:-4px;
margin-bottom:20px;   
}
.menu ul .on1 { display: block; }
.menu ul li ul li ul {
margin-bottom:5px;
}
.menu ul li ul li {
display:block;
background:none;
font-size:12px;
list-style:circle;
color:#015db2;
margin-bottom:0px;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:1px;
margin-left:35px;
}
.menu ul li ul li a {
background:none;
font-size:13px;
height:15px;
color:#666666;
padding-left:0px; 
}
.menu ul li ul li a:hover{color:#015db2;}
#content {


border:solid 1px #dfdfdf;
background:#ffffff;
font-size:14px;
margin:0 auto;
overflow:hidden; 
margin-bottom:10px;
}
.chanpin-liebiao-youce{float: right;width: 910px;margin-top: 50px;}
.chanpin-youce-biaoti{background: #338dd4; padding:10px 13px;}
.chanpin-youce-biaoti h2{color: white;font-size:13px;}
.chanpin-youce-biaoti h2 span{display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;width:580px;font-size:12px;text-align:right;}
.chanpin-youce-biaoti h2 a{color: white;}
.chanpin-youce-biaoti h2 a:hover{text-decoration: underline;}

.aboutus-youce{width: 910px;float: right;margin-top:40px;}
.aboutus-youce .ny_wz{font-size: 14px;line-height:28px;color: #666666; margin-top: 10px;}
.chanpin-youce-neirong{margin-top: 10px;}
.chanpin-youce-neirong h2{font-size: 20px;font-weight: bold;padding-bottom: 10px;}
.chanpin-youce-neirong p{line-height: 30px;color: #4B4B4B;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.links{clear:both;line-height:20px;color:#fff;background:#333;font-size: 16px;}
.links a{font-size: 12px;color:#fff;}

.chanpin-zuoce-biaoti{background: #00a987;height: 95px;line-height: 95px;}
.chanpin-zuoce-biaoti h1{font-weight:bold;font-size: 26px;color:#fff;text-align: center;}
.chanpin_more{ text-align:center;}
.chanpin_more a{ line-height:60px;  color:#00a987; font-size:24px; font-weight:bold;}
.left_nav{border-top:0; overflow:hidden;border: 1px solid #f0f0f0;}
.left_nav ul{padding-top:10px;background:#fff;}
.left_nav li{line-height: 64px;border-bottom:1px dashed #e6e6e6;}
.left_nav li-last-child{ border:none;}
.left_nav li a{display: block;
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    color: #666666;
	text-align:center;}
.left_nav li .t{line-height: 40px;position:relative;font-size: 14px;}
.left_nav li .t i{position:absolute;left:30px;top:0;width:18px;height: 64px;cursor:pointer; text-align:center;background:url(../images/ioc_l.png) no-repeat 0 center;}
.left_nav li .t a,.left_nav li .t.hover:hover a{color:#000}
.left_nav li .t:hover i{background:url(../images/ioc_la.png) no-repeat 0 center;}
.left_nav li .t.hover i{background:url(../images/ioc_b.png) no-repeat 0 center; }
.left_nav li .txt{padding:0 0 20px 48px; display:none}
.left_nav li .txt p{line-height:40px;height:40px;overflow:hidden;font-size: 14px;}
.left_nav li .txt p a{line-height:40px;height:40px;font-size: 14px;}
.html5zoo-text-wrapper-0{display:none!important;}