@charset "utf-8";/* CSS Document */

html {font-size: 62.5%;height: 100%}

body {margin: 0 auto;font-family:"Microsoft Yahei","微软雅黑";font-size: 14px;font-size: 1.4rem;height: 100%;}

img {border: none;}

ul li {list-style-type: none;}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}

a {text-decoration: none;color: #333;outline: none;transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;-webkit-transition: 0.7s;}

h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea,select,option {font-family:"Microsoft Yahei","微软雅黑"; font-size: 12px;font-size: 1.2rem;color:#1b1b1b;border: none;outline: none;}

.fl{ float:left;}

.fr{ float:right;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

::-webkit-input-placeholder {/* WebKit browsers */

 color:#999999;}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#999999;}

::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#999999;}

:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#999999;}

 

.cor .int1::-webkit-input-placeholder {/* WebKit browsers */

 color:#1b1b1b;}

.cor .int1:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#1b1b1b;}

.cor .int1::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#1b1b1b;}

.cor .int1:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#1b1b1b;}

 

.cor textarea::-webkit-input-placeholder {/* WebKit browsers */

 color:#1b1b1b;}

.cor textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#1b1b1b;}

.cor textarea::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#1b1b1b;}

.cor textarea:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#1b1b1b;}

 

 

@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}

@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}



.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}



/*  head  */

.head{ z-index:99; background:#fff;}

.head .zong{position:relative;}

.logo{ float:left; width:345px; padding-top:14px;}

.logon{ display:block; width:140px; float:left;}

.logon img{ display:block; margin:auto; width:100%; max-width:140px; max-height:65px;}

.slogen{ display:block; width:197px; float:right;}

.slogen img{ display:block; margin:auto; width:100%; max-width:197px; max-height:65px;}



.daohangz{ float:left; margin-left:70px;}

.daohang{}

.daohang>li{float:left; position:relative; z-index:9999; transition:0.5s; margin-left: 51px;}

.daohang>li>a{ display:block; font-size:16px;font-size:1.6rem; font-weight:bold; text-transform:uppercase; line-height:94px; background:url(../img/daohang.jpg) no-repeat center; background-size:100% 0px; padding:0 16px; background:none\9}

.daohang>li:hover>a{ background-size:100% 94px; background:#008cd6;color:#fff; background:#008cd6\9}

.dangqiandao{  background-size:100% 94px !important; color:#fff; background:#008cd6\9 !important; background:#008cd6 !important;}

.bon{ border-top:none !important}



.yiji{ position:absolute; width:157px; top:-9999px; left:0px; background:#fff; background:rgba(255,255,255,0.95); text-align:left; z-index:999999;}

.yiji>li{ position:relative; transition:0.7s;}

.yiji>li>a{ display:block; line-height:0px; padding-left:8px; font-size:16px; font-size:1.6rem; transition:0.5s;}

.yiji>li:hover{background:#008cd6;}

.yiji>li:hover>a{ color:#fff; background:#008cd6;}

.erji{ position:absolute; width:157px; left:157px; top:-9999px; background:#fff; background:rgba(255,255,255,0.95); text-align:left; z-index:999999;}

.erji li a{ display:block; padding-left:7px; font-size:14px; font-size:1.4rem; line-height:0px; color:#4d4d4d;}

.daohang>li:hover .yiji{ top:94px;}

.daohang>li:hover .yiji>li>a{ padding:8px 0; padding-left:7px; line-height:20px;}

.yiji>li:hover .erji{ top:0px;}

.yiji>li:hover .erji>li a{ padding:8px 0; padding-left:7px; line-height:20px;}

.erji>li:hover a{ color:#fff; background:#008cd6;}



/*  sousuo  */

.search{width:33px;z-index:9999999; position:absolute;background:none; top:110px; right:0px;}

.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}

.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999999;}

.search_1000{}

.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px; border-radius:17px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}

.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:33px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:"Microsoft Yahei","微软雅黑"; color:#fff; border-radius:15px; background:none; border-radius:14px;}

.sb-icon-search,.sb-search-submit{width:33px;height: 33px;display: block;position: absolute;  border-radius:17px;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:#7fc5ea url(../img/sousuo.jpg) no-repeat center;}

.rexiaodianhua{ float:right; text-align:right; font-size:20px; font-size:2rem; margin-top:40px}
.rexiaodianhua .xiapxsh{ margin-left:20px;}

.sb-search.sb-search-open,

.no-js .sb-search {width: 236px;height:33px;line-height:33px;position:relative;right:0px;top:0px; z-index: 999999; background:#008cd6;color:#fff; border-radius:17px;}

.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(../img/sousuo.jpg) no-repeat center;z-index: 15;right:0px;top:0px;}

.no-js .sb-search .sb-search-submit{z-index:91;}



/*lun bo*/

.index_focus {position: relative;width: 100%;height:700px;margin: 0 auto;overflow: hidden;z-index: 9;}

.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}

.index_focus .slide_nav{ position:absolute; bottom:16px; left:50%; margin-left:-70px; z-index:9999}

.index_focus .slide_nav a {width:21px;height:21px;cursor: pointer;float: left;margin-right:7px; margin-left:7px; background:url(../img/baidian.png) no-repeat center; border-radius:3px;}

.index_focus_post {z-index: 10;}

.index_focus .pic {height: auto;display: block;margin: 0 auto;}

.index_focus .pic:hover {text-decoration: none;}

.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none; background:url(../img/landian.png) no-repeat center;}



.index_focus2 {position: relative;width: 100%;height:380px;margin: 0 auto;overflow: hidden;z-index: 9;}

.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}

.index_focus2 .slide_nav{ position:absolute; bottom:11px; left:50%; margin-left:-70px; z-index:9999}

.index_focus2 .slide_nav a {width:21px;height:21px;cursor: pointer;float: left;margin-right:7px; margin-left:7px; background:url(../img/baidian.png) no-repeat center; border-radius:3px;}

.index_focus_post {z-index: 10;}

.index_focus2 .pic {height: auto;display: block;margin: 0 auto;}

.index_focus2 .pic:hover {text-decoration: none;}

.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {text-decoration: none; background:url(../img/landian.png) no-repeat center;}





.daohang2{ display:none}

@media screen and (min-width:1000px) and (max-width:1219px) {

.index_focus { height:560px;}

.index_focusn img{ width:80%;}

.daohang>li{ margin-left:28px;}

.daohang>li>a{font-size:14px;font-size:1.4rem; padding:0 5px;}

.logo{ width:300px;}

.logon{ width:125px;}

.slogen{ width:155px;}

.search {
   
    top: 100px;
    
}
.index_focus2 .pic{    width: 89%;}
.index_focus2{ height:310px;}

}

@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}

@media screen and (max-width:999px) {

.clear2{ clear:both;}

.index_focus,.index_focus2{ display:none}

.rexiaodianhua{ float:right; text-align:right; font-size:16px; font-size:1.6rem; margin-top:10px}


.head{ position:relative;}

.yiji{ display:none;}

.daohang>li{ margin-left:9px;}

.daohang>li>a{font-size:12px;font-size:1.2rem; padding:0 10px; line-height:70px;}

.search{ top:40px;}

.logo{ width:auto; padding-top:18px;}

.logon{ width:100px;}

.slogen{ display:none;}



.carousel{width: 100%;position: relative;overflow: hidden;}

.carousel ul{width: 100%;height: 100%;}

.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.carousel ul li img{width: 100%; vertical-align: middle;}

.carousel ol{position: absolute;z-index: 2;width: 120px;height:7px;bottom:5px;left: 50%;-webkit-transform:translate3d(-50%,0,0); margin:0px;}

.carousel ol li{float: left;width: 7px;height: 7px;margin-right: 10px;border-radius: 5px;background:url(../img/baidian2.png) no-repeat center;transition:all 0.3s ease 0s;}

.carousel ol li.cur{width: 7px;background:url(../img/landian2.png) no-repeat center;}

.carousel ol li:last-child{margin: 0;}

}

@media screen and (max-width:799px) {

.daohang>li>a{ text-transform:none; padding:0 13px;}

}
@media screen and (max-width:767px) {

.rexiaodianhua{ float:none}
.rexiaodianhua .xiapyincang{ display:none}
.rexiaodianhua .xiapxsh{ margin-left:0px}

}
@media screen and (min-width:640px) {.container,.nav,.daohang2{ display:none}}

@media screen and (max-width:639px) {
	.rexiaodianhua{ position:absolute; top:0px; right:60px; font-size:14px; font-size:1.4rem }

.head{ padding-bottom:0px;}

.logo{ float:none; padding-top:10px; }

.logon{ width:100px;}

.search{ bottom:auto; top:1px; right:26px;}

.sb-search-input{}

.sb-icon-search,.sb-search-submit{ background:url(../img/sousuo2.png) no-repeat center;}





.container{ width:5px; height:100%;position:absolute; right:0px; transition:all 0.4s ease 0s; z-index:99999999; cursor:pointer;}

.menubtn{width: 26px;height: 30px;position: absolute;top:10px;right:10px;transition:all 0.4s ease 0s; z-index:99999999}

.menubtn span{display: block;width: 100%;height: 3px;margin-bottom: 4px;background-color: #008cd6;}

.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}

.nav ul {display: none; margin-top:10px;}

.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}

.nav ul li a{ color:#fff;}

.sou{ width:60%;}



.daohangz{ background:none;}

.daohang{ display:none}

.daohang2{ display:block; text-align:center; margin-top:5px;}

.daohang2 a{ text-align:center; float:left; font-size:12px; font-size:1.2rem; width:25%; color:#333; line-height:22px;}

.daohang2 .dangqiandao{ color:#008cd6;}

}

.slogen2{ display:none;}

@media screen and (max-width:499px) {

.slogen,.logon{ display:none;}	

.slogen2{ display:block;}	

.slogen2 img{ max-width:80px;}

.head{ background:#fff;}



	}



/*  main1  */

@font-face {

    font-family:"Microsoft Yahei","微软雅黑";

    src: url('../fonts/HelveticaLTStdBlk.eot');

    src: url('../fonts/HelveticaLTStdBlk.eot') format('embedded-opentype'),

         url('../fonts/HelveticaLTStdBlk.woff2') format('woff2'),

         url('../fonts/HelveticaLTStdBlk.woff') format('woff'),

         url('../fonts/HelveticaLTStdBlk.ttf') format('truetype'),

         url('../fonts/HelveticaLTStdBlk.svg#HelveticaLTStdBlk') format('svg');

}

.main1{ padding-top:57px; padding-bottom:30px;}

.m1biao{ display:block; font-size:36px; font-size:3.6rem; line-height:50px; color:#008cd6; text-transform:uppercase; text-align:center;font-family:"Microsoft Yahei","微软雅黑"; background:url(../img/m1biao.jpg) no-repeat bottom center; padding-bottom:24px;}

.m1lie{ width:386px; float:left; margin-left:20px; margin-top:50px;}

.m1tu{ display:block; box-shadow:0 0 15px #c9c8c8; overflow:hidden;}

.m1tu img{ display:block; margin:auto; width:100%; max-width:548px; max-height:426px; transition:0.5s;}

.m1zi{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:24px; font-weight:bold; margin-top:19px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.m1lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#4d4d4d; text-align:center; margin-top:4px; height:60px; overflow:hidden;}

.m1lie a:hover{ color:#008cd6;}

.pg-main{ display:none}

.m1tu img:hover{ transform:scale(1.1,1.1)}



@media screen and (min-width:1000px) and (max-width:1219px) {

.m1lie{ width:320px; float:left; margin-left:10px; margin-top:50px;}

}

@media screen and (max-width:999px) {

.main1{ padding-top:27px;}

.m1biao{ font-size:20px; font-size:2rem; line-height:35px; padding-bottom:5px; background:url(../img/m1biao2.jpg) no-repeat bottom center;}

.m1z{ overflow:auto;}

.m1tu{ display:block; box-shadow:0 0 0px #c9c8c8; border:1px solid #c9c8c8;}

.main1{ width:980px;}

.m1lie{ width:320px; float:left; margin-left:10px; margin-top:20px;}

}

@media screen and (max-width:779px) {

.main1{ width:860px;}

.m1lie{ width:280px; float:left; margin-left:10px; margin-top:20px;}

}

@media screen and (max-width:639px) {

.pg-main{ display:block; padding-top:8px; padding-bottom:13px;}

.swiper-container {margin: 0 auto;position: relative;overflow: hidden;z-index: 1}

.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.swiper-slide {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%; height: 100%;position: relative}

.swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}

.swiper-wp8-horizontal {-ms-touch-action: pan-y;touch-action: pan-y}

.swiper-wp8-vertical {-ms-touch-action: pan-x;touch-action: pan-x}



.m1z{ display:none}

.pg-main .m1lie{ width:96%; float:none; margin:auto; padding-top:20px;}

.m1tu{ display:block; box-shadow:0 0 10px #c9c8c8; border:none;}

.m1zi{ margin-top:12px;}

.m1lie p a{ line-height:24px; height: 53px; margin-top: 2px;  overflow: hidden;}

.m1lie a{ color:#008cd6 !important;}

}



/*  main2  */

.main2{ background:url(../img/m2bei.jpg) no-repeat bottom center; padding-top:18px; padding-bottom:89px; overflow:hidden;}

.m2tu{ width:577px; float:left; margin-top:50px;}

.m2tu a{ display:block;}

.m2tu a video,.m2tu a iframe{ display:block; margin:auto; width:100%; max-width:577px; max-height:467px;}

.m2zi{ width:564px; float:right; margin-top:50px; padding-top:26px;}

.m2zi>a{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:30px; color:#008cd6; background:url(../img/m2xian.jpg) no-repeat left bottom; padding-bottom:10px; margin-top:31px;}

.m2zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; color:#4d4d4d; margin-top:15px;}

.m2zi p a:hover{ color:#008cd6;}

@media screen and (min-width:1000px) and (max-width:1219px) {

.main2{ background:url(../img/m2bei.jpg) no-repeat center 140px; padding-top:18px; padding-bottom:89px;}

.m2tu{ width:477px;}

.m2zi{ width:464px; padding-top:6px;}

.m2zi>a{ margin-top:10px;}

}

@media screen and (max-width:999px) {

.main2{ background:none; padding-top:8px; padding-bottom:21px;}

.m2tu{ width:100%; float:none; margin-top:20px;}

.m2zi{ width:100%; float:none; padding-top:6px; margin-top:20px;}

.m2zi>a{ margin-top:10px;}

}

@media screen and (max-width:639px) {

.m2zi{ margin-top:5px;}

.m2zi>a{ font-size:16px; font-size:1.6rem; line-height:24px;}

.m2zi p a{ line-height:24px; margin-top:8px; margin-bottom:23px;}

}



/*  main3  */

.main3{ background:url(../img/m3bei.jpg) no-repeat center; background-attachment:fixed; padding-top:58px; padding-bottom:75px;}

.m3biao{ display:block; font-size:36px; font-size:3.6rem; text-transform:uppercase; color:#ffffff; text-align:center; background:url(../img/m3biao.jpg) no-repeat bottom center;font-family:"Microsoft Yahei","微软雅黑"; line-height:50px; padding-bottom:24px;}

.m3n{ background:url(../img/m3bei2.png) no-repeat center 67px; margin-top:60px; }

.m3lie{ width:20%; *width:19.5%; float:left;}

.m3quan{ width:106px; height:106px; border:2px solid #ffffff; border-radius:50%; text-align:center; margin:auto; transition:0.7s;}

.m3quan a{ display:block; font-size:28px; font-size:2.8rem; color:#fff; font-family:"Microsoft Yahei","微软雅黑"; line-height:35px; padding-top:22px;}

.m3quan p{ font-size:16px; font-size:1.6rem; color:#fff; line-height:18px;}

.m3lie p a{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:30px; color:#fff; margin-top:9px;}

.mat{ margin-top:135px;}

.m3lie p a:hover{color:#d70c19;}

.m3lie:hover .m3quan{ width:130px; border-radius:0px;}



@media screen and (min-width:1000px) and (max-width:1219px) {

.m3n{ background-size:70% auto;}

}

@media screen and (max-width:999px) {

.main3{ padding-top:22px; padding-bottom:53px; background-attachment:inherit;}

.m3biao{ font-size:20px; font-size:2rem; background:url(../img/m3biao2.jpg) no-repeat bottom center; line-height:30px; padding-bottom:6px;}

.m3n{ background:none; margin-top:auto;}

.m3lie{ width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:44px;}

.m3quan{ width:61px; height:61px;}

.m3quan a{ font-size:16px; font-size:1.6rem; line-height:20px; padding-top:12px;}

.m3quan p{ font-size:12px; font-size:1.2rem; line-height:10px;}

.m3lie p a{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:4px;}

}



/*  main4  */

.main4{ padding-top:58px; padding-bottom:70px;}

#outer { position:relative; margin-top:50px; z-index:9}

#tab {overflow:hidden;zoom:1; position:absolute; width:100%; left:0pc; bottom:0px; background:#000; background:rgba(0,0,0,0.5); padding-top:16px; height:79px; z-index:99}

#tab li {float:left; width:120px; font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; text-align:center; padding-top:40px; cursor:pointer; margin-left:40px; margin-right:7px;}

#tab li.current {color:#d70c19;}

#tab li:hover{color:#d70c19;}

#content {}

#content .ul {display:none; position:relative; z-index:90}

.m4tu{ display:block;}

.m4tu img{ display:block; margin:auto; width:100%; max-width:1199px; max-height:470px;}

.ul div a p{ display:block; font-size:26px; font-size:2.6rem; line-height:30px; font-weight:bold; color:#fff; position:absolute; width:790px; left:37px; top:149px;text-shadow: 1px 1px 0 #000; z-index:91}

.ul div p:hover{color:#d70c19;}

#m4li1{ background:url(../img/m4tubiao1.png) no-repeat top center;}

#m4li2{ background:url(../img/m4tubiao2.png) no-repeat top center;}

#m4li3{ background:url(../img/m4tubiao3.png) no-repeat top center;}

#m4li4{ background:url(../img/m4tubiao4.png) no-repeat top center;}

#m4li5{ background:url(../img/m4tubiao5.png) no-repeat top center;}

#m4li6{ background:url(../img/m4tubiao6.png) no-repeat top center;}

#m4li7{ background:url(../img/m4tubiao7.png) no-repeat top center;}

#m4li1:hover{ background:url(../img/m4tubiao1h.png) no-repeat top center;}

#m4li2:hover{ background:url(../img/m4tubiao2h.png) no-repeat top center;}

#m4li3:hover{ background:url(../img/m4tubiao3h.png) no-repeat top center;}

#m4li4:hover{ background:url(../img/m4tubiao4h.png) no-repeat top center;}

#m4li5:hover{ background:url(../img/m4tubiao5h.png) no-repeat top center;}

#m4li6:hover{ background:url(../img/m4tubiao6h.png) no-repeat top center;}

#m4li7:hover{ background:url(../img/m4tubiao7h.png) no-repeat top center;}

#m4li1.current{ background:url(../img/m4tubiao1h.png) no-repeat top center;}

#m4li2.current{ background:url(../img/m4tubiao2h.png) no-repeat top center;}

#m4li3.current{ background:url(../img/m4tubiao3h.png) no-repeat top center;}

#m4li4.current{ background:url(../img/m4tubiao4h.png) no-repeat top center;}

#m4li5.current{ background:url(../img/m4tubiao5h.png) no-repeat top center;}

#m4li6.current{ background:url(../img/m4tubiao6h.png) no-repeat top center;}

#m4li7.current{ background:url(../img/m4tubiao7h.png) no-repeat top center;}

.m4n{ display:none}



.aboutimg img{ max-width:30%; margin-left:1%; margin-right:1%;}



@media screen and (min-width:1000px) and (max-width:1219px) {

#tab li { margin-left:17px; margin-right:0px;}

.ul p a{ top:50px;}

}

@media screen and (max-width:999px) {

.main4{ padding-top:28px; padding-bottom:44px;}

#outer { display:none}

/*.m4n{ display:block !important; padding-top:26px;}*/

.m4lie{ width:24%; margin-left:0.5%; margin-right:0.5%; float:left; margin-top:14px;}

.m4zi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:22px; margin-top:4px; height:44px;}

.aboutimg img{ max-width:100%;     margin: 0 auto 15px!important;

    display: block;}

}

@media screen and (max-width:599px) {

.m4lie{ width:32.333%;}



}

@media screen and (max-width:429px) {

.m4lie{ width:49%;}

}



/*  main5  */

.main5{ background:#eaecee; padding-top:57px; padding-bottom:100px; margin-bottom:78px;}

.m5lie{ width:595px; margin-top:60px; position:relative;}

.m5lie>a{ display:block; overflow:hidden;}

.m5lie>a>img{ display:block; margin:auto; width:100%; max-width:595px; max-height:363px; transition:0.7s;}

.m5lie p{ position:absolute; width:100%; left:0px; bottom:0px; background:#008cd6; background:rgba(0,140,214,0.7); padding:21px 0; transition:0.5s;}

.m5lie p a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; color:#fff; font-weight:bold; padding:0 20px; line-height:30px; height:60px; overflow:hidden;}

.m5lie:hover p{ background:#008cd6; background:rgba(0,140,214,0.7);}

.m5lie:hover:hover>a>img{ transform:scale(1.1,1.1)}



@media screen and (min-width:1000px) and (max-width:1219px) {

.m5lie{ width:485px;}

}

@media screen and (max-width:999px) {

.main5{ padding-top:18px; padding-bottom:45px; margin-bottom:0px;}

.m5lie{ width:49.5%; margin-top:40px; margin-bottom:10px;}

.m5lie p{ padding:0px; padding-bottom:3px;}

.m5lie p a{ font-size:12px; font-size:1.2rem; line-height:24px; height:48px;}

}

@media screen and (max-width:569px) {

.m5lie{ width:100%;}

}



/*  foot  */

@font-face {

    font-family:"Microsoft Yahei","微软雅黑";

    src: url('../fonts/HelveticaLTStdBold.eot');

    src: url('../fonts/HelveticaLTStdBold.eot') format('embedded-opentype'),

         url('../fonts/HelveticaLTStdBold.woff2') format('woff2'),

         url('../fonts/HelveticaLTStdBold.woff') format('woff'),

         url('../fonts/HelveticaLTStdBold.ttf') format('truetype'),

         url('../fonts/HelveticaLTStdBold.svg#HelveticaLTStdBold') format('svg');

}

@font-face {

    font-family:"Microsoft Yahei","微软雅黑";

    src: url('../fonts/HelveticaLTStdLight.eot');

    src: url('../fonts/HelveticaLTStdLight.eot') format('embedded-opentype'),

         url('../fonts/HelveticaLTStdLight.woff2') format('woff2'),

         url('../fonts/HelveticaLTStdLight.woff') format('woff'),

         url('../fonts/HelveticaLTStdLight.ttf') format('truetype'),

         url('../fonts/HelveticaLTStdLight.svg#HelveticaLTStdLight') format('svg');

}



.foot{ background:#222222 url(../img/footbei.jpg) no-repeat top center; padding-top:60px; padding-bottom:40px;}

.for{ width:497px; float:right; border:3px solid #dedede; margin-top:18px; padding:25px 64px 40px 70px;}

.fol{ width:526px; float:left;}



.frbiao{ display:block; font-size:30px; font-size:3rem; color:#fff; line-height:36px; font-family:"Microsoft Yahei","微软雅黑"; padding-bottom:3px;}

.for .int1{ padding-left:18px; background:url(../img/xing.png) no-repeat 4px 18px; margin-top:14px;}

.for .int1 input{ width:474px; height:39px; line-height:39px; border-bottom:1px solid #999999; padding-left:2px; background:none; font-size:14px; font-size:1.4rem; color:#999999;}

.for .int1 textarea{ width:474px; height:66px; line-height:39px; border-bottom:1px solid #999999; padding-left:2px; background:none; font-size:14px; font-size:1.4rem; color:#999999;}

.for .int2{ padding-left:18px; background:url(../img/xing.png) no-repeat 4px 18px; margin-top:25px; float:left;}

.for .int2 input{ width:334px; height:39px; line-height:39px; border-bottom:1px solid #999999; padding-left:2px; background:none; font-size:14px; font-size:1.4rem; color:#999999;}

.for .int3{ width:168px; height:43px; margin-left:13px; border:1px solid #cccccc; background:url(../img/fjiantou.jpg) no-repeat 16px center; padding-left:61px; text-align:left; line-height:43px; font-size:18px; font-size:1.8rem; color:#fff; cursor:pointer; transition:0.5s; margin-top:37px;font-family:"Microsoft Yahei","微软雅黑";}

.for .int3:hover{ background:url(../img/fjiantou.jpg) no-repeat 6px center;}



.flbiao{ display:block; font-size:30px; font-size:3rem; color:#fff; font-family:"Microsoft Yahei","微软雅黑"; line-height:40px; margin-top:18px;}

.ful{ padding-top:6px; line-height:40px;}

.ful p{ font-size:18px; font-size:1.8rem; color:#fff;}

.ful li{ font-size:16px; font-size:1.6rem; color:#fff;}

.ful li a{ color:#fff;}

.fol a:hover{ color:#d70c19;}

/*.shejiao{ padding-top:33px;}*/

/*.shejiao a{ width:37px; float:left; margin-right:31px;}

.shejiao a img{ display:block; margin:auto; width:100%; max-width:37px; max-height:35px;}

.shejiao a:hover{ transform:rotate(360deg)}*/

.flp{ font-size:14px; font-size:1.4rem; line-height:34px; color:#cccccc; margin-top:11px;}

.flp a{ color:#cccccc;}

.youlian{ text-align:center; line-height:33px; padding:10px 0;}

.youlian p{ font-size:18px; font-size:1.8rem; display:inline-block; *float:left;}

.youlian a{ display:inline-block; *float:left; font-size:16px; font-size:1.6rem; margin:0 10px;}

.youlian a:hover{color:#d70c19;}

@media screen and (min-width:1000px) and (max-width:1219px) {

.for{ width:450px; padding:25px 10px 40px 10px;}

.fol{ width:407px; float:left;}



.flbiao{ margin-top:0px;}
.for .int1 input {
    width: 428px;}
.for .int1 textarea {
    width: 426px;}
}

@media screen and (max-width:999px) {

.foot{ background:#222;}

.for{ width:52%; border:none; padding:0px;}

.fol{ width:47%;}

.for .int1 input,.for .int1 textarea{ width:98%;}

.for .int2{ width:144px;}

.for .int2 input{ width:142px;}

.ful{ line-height:30px;}

.shejiao{ padding-top:10px;}



.flp{ margin-top:30px;}

}

@media screen and (max-width:639px) {

.foot{padding-top:17px; padding-bottom:0px;}

.foot .zong{ width:100%;}

.for{ width:auto; float:none; padding:0 10px; padding-bottom:60px;}

.fol{ width:auto; float:none; background:#008cd6; padding:0 10px; padding-top:8px; padding-bottom:32px;}

.frbiao{ font-size:20px; font-size:2rem; line-height:26px; padding-bottom:4px;}

.for .int3{ background:url(../img/fjiantou.jpg) no-repeat 16px center;  margin-top:40px;}

.for .int3:hover{ background:url(../img/fjiantou2.jpg) no-repeat 16px center; color:#008cd6;}

.flbiao{ font-size:20px; font-size:2rem;}

.ful{ line-height:24px;}

.ful p{ font-size:16px; font-size:1.6rem; color:#fff;}

.ful li{ font-size:14px; font-size:1.4rem; color:#fff;}

.shejiao{ margin-top:17px;}



.flp{ color:#ffffff; line-height:24px; margin-top:13px;}

.youlian{ display:none}

.for .int2{ width:114px;}

.for .int2 input{ width:112px;}

}



/**************************************************************************  product  ********************************************************/

.mianbao{ border-bottom:1px solid #cccccc; font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:24px; padding-top:19px; padding-bottom:8px;}

.mianbao a{ color:#4d4d4d;}

.mianbao a:hover{ color:#008cd6;}

.co04{ color:#008cd6 !important}





.prmain{ padding-top:20px; padding-bottom:70px;}

.prnav{ /*text-align:center;*/}

.prnav a{ display:inline-block; *float:left; width:268px; height:52px; line-height:52px; text-align:center; border:1px solid #008cd6; border-radius:5px; font-size:20px; font-size:2rem; text-transform:uppercase; margin-left:10px; margin-right:10px;    margin-bottom: 20px;}



.prnav a:first-child{ margin-left:0px; }

.prnav a:hover{ background:#008cd6; color:#fff;}

.dangqianpr{ background:#008cd6 !important; color:#fff !important;}









.prlie{ width:380px; float:left; margin-left:30px; margin-top:39px; margin-bottom:21px; position:relative;}

.prtu{ display:block; box-shadow:0 0 8px #c9c8c8; overflow:hidden;}

.prtu img{ display:block; margin:auto; width:100%; max-width:548px; max-height:426px; transition:0.5s;}

.pra{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; text-align:center; line-height:24px; margin-top:19px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.prlie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; height:60px; overflow:hidden; text-align:center; margin-top:6px;}

.prmor{ display:block; width:147px; height:41px; border:1px solid #008cd6; text-align:center; line-height:41px; font-size:16px; font-size:1.6rem; color:#008cd6; margin:auto; margin-top:16px;}

.prlie a:hover{ color:#008cd6;}

.prmor:hover{ background:#008cd6; color:#fff !important;}

.prlie input{ position:absolute; left:10px; top:12px; cursor:pointer}

.prlie:hover .prtu img{ transform:scale(1.1,1.1)}



.fenye{ padding-top:29px; position:relative;}

.fenyen{ float:right;}

.fenyen a{ display:inline-block; *float:left; width:33px; height:28px; background:#eeeeee; text-align:center; line-height:28px; border:1px solid #e5e5e5;margin-left:8px;margin-bottom:10px; font-size:14px; font-size:1.4rem;}

.fenyen a:hover{ background:#008cd6; border:1px solid #008cd6; color:#fff;}

.sx{ width:59px !important;}

.no:hover{border:1px solid #e5e5e5 !important;  background:#eeeeee !important; color:#333 !important;  }

.dangqianfen{color:#fff !important; background:#008cd6 !important; border:1px solid #008cd6 !important;}

.fuxuan{ background:url(../img/fuxuan.jpg) no-repeat left center; padding-left:20px; float:left;}

.fuxuan input{ width:168px; height:30px; background:#008cd6; border:none; cursor:pointer; color:#fff; cursor:pointer; font-size:14px; font-size:1.4rem;}

.fuxuan input:hover{ background:#277cf7;}

@media screen and (min-width:1000px) and (max-width:1219px) {

.prnav a{ margin-left:13px; margin-right:13px; width:210px;     font-size: 18px;  font-size: 1.8rem;}

.prlie{ width:320px; margin-left:10px; margin-top:39px; margin-bottom:0px;}




}

@media screen and (max-width:999px) {

.prmain{ padding-top:20px; padding-bottom:30px;}

.prnav a{ width:22.5%; margin-left:1%; margin-right:1%; float:left; font-size:14px; font-size:1.4rem;}

.prlie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%; margin-top:39px; margin-bottom:0px;}

.pra{ font-size:16px; font-size:1.6rem;}

.prlie p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:48px;}

.prmor{ height:30px; line-height:30px; width:120px; font-size:14px; font-size:1.4rem;}

}

@media screen and (max-width:780px) {

	

.prnav a{ width:44.5%; height:30px; line-height:30px;}	

.prnav a:first-child{     margin-left: 1%;}





	

	}



@media screen and (max-width:639px) {

.prnav a{ width:44.5%; height:30px; line-height:30px;}

.prlie{ width:48%; margin-left:1% !important; margin-right:1%;}

.fenyen{ float:none;}

.fuxuan{ float:none;}

.pra{ font-size:14px; font-size:1.4rem; margin-top:10px;}

.prlie p a{ font-size:12px; font-size:1.2rem; margin-top:0px;}

.prmor{ font-size:12px; font-size:1.2rem; width:100px;}

}

@media screen and (max-width:450px) {

	

	.prnav a{ width:100%; }

	}



/**************************************************************************  product  ********************************************************/

.prmain2{ padding-top:20px; padding-bottom:40px;}



.box2{width:712px; float:left; margin-top:37px;}

.left-pro{width:712px;text-align:left;}

.left-pro .t1{width:134px;float:right;}

.left-pro .t2{width:548px;text-indent:0;float:left;}

.left-pro .t2 a{ display:block; box-shadow:0 0 9px #c9c8c8;}

.left-pro .t2 img{text-indent:0; display:block;}

#showArea img{cursor:pointer;display:block;margin-bottom:16px;width:134px;height:104px;}

#showArea a{ display:block;}

#main_img{cursor:pointer;display:block;}

#gotop{cursor:pointer;display:block; margin:auto;}

#gobottom{cursor:pointer;display:block; margin:auto;}

#showArea{height:343px; margin-top:15px; margin-bottom:24px;overflow:hidden;}



.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF;}

.MagicZoomBigImageCont img{width:700px;height:544px;}

.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}



.jianjie{ width:428px; float:right; padding-top:55px;}

.jianjie h1{ font-size:24px; font-size:2.4rem; font-weight:bold; color:#008cd6; line-height:35px; background:url(../img/jianh1.jpg) no-repeat left bottom; padding-bottom:10px;}

.jiann {line-height:30px; font-size:14px; font-size:1.4rem; color:#4d4d4d; padding-top:15px; min-height:240px;}

.jiann p,.jiann span,.jiann strong,.jiann li{ color:#4d4d4d;}

.jiann a{ color:#008cd6;}

.jiann img{ max-width:100%;}

.jiann table{ width:97%; border-collapse:collapse; line-height:24px;}

.jiann tr td{ line-height:24px; padding:2px; border:1px solid #191919; color:#64451d;}



.share1{ font-size:16px; font-size:1.6rem; color:#4d4d4d; line-height:26px; float:left; margin-top:28px;}

.share2{ float:left; margin-left:4px; margin-top:28px;}



.inno{}

.inno a{ display:block; width:128px; height:32px; border:1px solid #008cd6; float:left; font-size:14px; font-size:1.4rem; line-height:32px; color:#008cd6; text-align:center; margin-top:17px;}

.mal1{ margin-left:102px;}

.inno a:hover{ background:#008cd6; color:#fff;}

.inno span{ display:block; width:128px; height:32px; border:1px solid #008cd6; float:left; font-size:14px; font-size:1.4rem; line-height:32px; color:#008cd6; text-align:center; margin-top:17px;}



.chanxbiao{ display:block; border-bottom:1px solid #cccccc; margin-top:36px; font-size:20px; font-size:2rem; text-transform:uppercase; color:#008cd6; font-weight:bold; line-height:34px;}



.chanx {line-height:30px; font-size:14px; font-size:1.4rem; padding-top:5px;}

.chanx a{ color:#008cd6;}

.chanx img{ max-width:100%;}

.chanx table{ width:97%;
/* max-width:560px;*/
  border-collapse:collapse; line-height:24px;border:1px solid #ccc;}

.chanx tr td{ line-height:20px; padding:9px 11px; border:2px solid #333333; font-size:14px; font-size:1.4rem;border:1px solid #ccc;}

.chanx tr td a{ color:#333;}



.remain{ padding-bottom:70px;}

.rebiao{ display:block; text-align:center; background:url(../img/rebiao.jpg) no-repeat bottom center; font-size:35px; font-size:3.5rem; text-transform:uppercase; color:#008cd6; font-family:"Microsoft Yahei","微软雅黑"; padding-bottom:27px;}

.relie{ width:283px; float:left; margin-left:22px; margin-top:45px;}

.retu{ display:block; box-shadow:0 0 10px #c9c8c8; overflow:hidden;}

.retu img{ display:block; margin:auto; width:100%; max-width:548px; max-height:426px; transition:0.5s;}

.rea{ display:block; text-align:center; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:22px; margin-top:14px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.relie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center; height:60px; overflow:hidden;}

.relie a:hover{ color:#008cd6;}

.relie:hover .retu img{ transform:scale(1.1,1.1)}



@media screen and (min-width:1000px) and (max-width:1219px){

.box2{ float:none; margin:auto; margin-top:20px;}

.jianjie{ width:100%; float:none; padding-top:20px;}

.jiann{ min-height:0px; margin-bottom:10px;}

.inno{ margin-top:20px;}

.inno a{ width:120px; height:40px; font-size:14px; font-size:1.4rem; line-height:40px; text-align:center; margin-top:17px;}

.MagicZoomBigImageCont,.MagicZoomBigImageCont img { display:none !important;}

.MagicZoomPup { background:rgba(255,255,255,0)}

.relie{ width:237px; margin-left:10px;}

}

@media screen and (min-width:1000px){.box3{display:none}}

@media screen and (max-width:999px){

.prmain2{ padding-bottom:28px;}

.remain{ padding-bottom:30px;}

.box2{display:none}

.box3{width:100%; margin-top:15px;}

.box3 a{display:block; width:23%; margin-left:1%; margin-right:1%; float:left; margin-top:10px; }

.box3 a img{width:100%; max-width:548px; max-height:426px;border:1px solid #ccc;}

.jianjie{ width:auto; float:none;}

.jiann{ min-height:0px; margin-bottom:10px;}

.jianjie{ width:100%; float:none; padding-top:20px;}

.inno{ margin-top:20px;}

.inno a{ width:120px; height:40px; font-size:14px; font-size:1.4rem; line-height:40px; text-align:center; margin-top:17px;}

.inno span{ width:120px; height:40px; font-size:14px; font-size:1.4rem; line-height:40px; text-align:center; margin-top:17px;}

.mal1{ margin-left:10px;}

.relie{ width:24%; margin-left:0.5% !important; margin-right:0.5%;}

.remain{}

.rebiao{ font-size:20px; font-size:2rem; line-height:30px; padding-bottom:6px;}

}

@media screen and (max-width:709px){

.box3 a{width:48%;}

.relie{ width:49%; margin-top:20px;}

.relie p a{ line-height:24px; height:48px;}

}

@media screen and (max-width:399px){

.relie{ width:99%;}

}



/*******************************************************************  news  **********************************************************/

.nemain{ padding-top:10px; padding-bottom:70px;}

.nemain .m5lie{ margin-top:10px;}

.nelie{ width:381px; float:left; margin-left:28px; position:relative; margin-top:35px;}

.nelie>a{ display:block; overflow:hidden;}

.nelie>a>img{ display:block; margin:auto; width:100%; max-width:595px; max-height:363px; transition:0.7s;}

.nelie p{ position:absolute; width:100%; left:0px; bottom:0px; background:#008cd6; background:rgba(4,73,177,0.7); padding:3px 0; transition:0.5s;}

.nelie p a{ display:block; text-align:center; font-size:14px; font-size:1.4rem; color:#fff; font-weight:bold; padding:0 20px; line-height:30px; height:60px; overflow:hidden;}

.nelie:hover p{ background:#008cd6; background:rgba(4,73,177,0.9);}

.nelie:hover:hover>a>img{ transform:scale(1.1,1.1)}

.jvzhong{ float:none; text-align:center; padding-top:50px;}

@media screen and (min-width:1000px) and (max-width:1219px){

.nelie{ width:320px; margin-left:10px; margin-top:20px;}

}

@media screen and (max-width:999px) {

.nemain{ padding-bottom:20px;}

.nemain .m5lie,.nelie{ width:49%; float:left; margin-left:0.5% !important; margin-right:0.5%; margin-top:10px; margin-bottom:10px;}

.nelie p{ padding:0px; padding-bottom:3px;}

.nelie p a{ font-size:12px; font-size:1.2rem; line-height:24px; height:48px;}

.jvzhong{ padding-top:20px;}

}

@media screen and (max-width:569px) {

.nemain .m5lie,.nelie{ width:100%;}

}



/*******************************************************************  news2  **********************************************************/

.nemain2{ padding-top:14px; padding-bottom:73px;}

.nemain2 h1{ text-align:center; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:24px;}

.riqi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; margin-top:2px;}

.share3{ width: 198px;

margin: auto;

margin-top: 3px;

margin: 0 auto;}

.nex {line-height:30px; font-size:14px; font-size:1.4rem; color:#252525; padding-top:7px;}

.nex p,.nex span,.nex strong,.nex li{ color:#252525;}

.nex a{ color:#008cd6;}

.nex img{ max-width:100%;}

.nex table{ width:97%; max-width:560px; border-collapse:collapse; line-height:24px;border:1px solid #ccc;}

.nex tr td{ line-height:20px; padding:9px 11px; border:2px solid #333333; font-size:12px; font-size:1.2rem;border:1px solid #ccc;}

.nex tr td a{ color:#333;}

.fanpian{ font-size:14px; font-size:1.4rem; line-height:24px; border-top:1px solid #cccccc; margin-top:40px; padding-top:12px;}

.fanpian li span{ color:#4d4d4d;}

.fanpian li{ color:#4d4d4d; /*white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;*/}

.fanpian li a{ color:#4d4d4d;}

.fanpian li a:hover{ color:#008cd6;}

@media screen and (max-width:999px) {

.nemain2{ padding-top:14px; padding-bottom:23px;}

.fanpian{ margin-top:20px;}

}



/*******************************************************************  solution  **********************************************************/

.somain{ padding-bottom:70px;}

.solie{ width:366px; float:left; margin-left:51px; margin-top:20px; margin-bottom:20px;}

.sotu{ display:block;}

.sotu img{ display:block; margin:auto; width:100%; max-width:366px; max-height:262px;}

.soa{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:30px; font-weight:bold; margin-top:6px;

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.solie p a{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:30px; height:60px; overflow:hidden; margin-top:4px;}

.solie a:hover{ color:#008cd6;}

.mat1{ padding-top:20px;}

@media screen and (min-width:1000px) and (max-width:1219px){

.solie{ width:320px; margin-left:10px;}

}

@media screen and (max-width:999px) {

.somain{ padding-bottom:30px;}

.solie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}

.solie p a{ line-height:24px; height:48px;}

}

@media screen and (max-width:689px) {

.solie{ width:49%; margin-bottom:0px;}

}

@media screen and (max-width:389px) {

.solie{ width:99%;}

}



/*******************************************************************  about  **********************************************************/

.abmain{ padding-bottom:80px; padding-top:20px;}

.abtu1{ width:543px; float:left;}

.abtu1 img{ display:block; margin:auto; width:100%; max-width:543px; max-height:373px;}

.abzi1{ width:611px; float:right; padding-top:89px;}

.abzi1 a{ display:block; font-size:24px; font-size:2.4rem; font-weight:bold; color:#008cd6; line-height:40px; background:url(../img/abbiao.jpg) no-repeat left bottom; padding-bottom:13px;}

.abzi1 p{ font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:30px; margin-top:11px;}

.abmain>p{ font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:30px; margin-top:30px;}



.abtu2{ width:543px; float:right; margin-top:40px;}

.abtu2 img{ display:block; margin:auto; width:100%; max-width:543px; max-height:373px;}

.abzi2{ width:611px; float:left; padding-top:108px;}

.abzi2 p{ font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:30px; margin-top:11px;}

.abzi2 a{ display:block; width:184px; height:50px; line-height:50px; text-align:center; background:#008cd6; font-size:20px; font-size:2rem; font-weight:bold; color:#fff; margin-top:35px;}

.abzi2 a:hover{ background:#d70c19;}



@media screen and (min-width:1000px) and (max-width:1219px){

.abzi1{ width:411px; float:right; padding-top:30px;}

.abzi2{ width:411px; float:left; padding-top:38px;}

}

@media screen and (max-width:999px) {

.abmain{ padding-bottom:30px; padding-top:20px;}

.abzi1{ width:100%; float:none; padding-top:0px;}

.abzi2{ width:100%; float:none; padding-top:0px;}

.abtu1,.abtu2{ width:100%; float:none; margin-top:20px;}

.abzi1 a{ font-size:18px; font-size:1.8rem; line-height:30px;}

.abzi2 a{ margin-top:15px;}

}



/*******************************************************************  technology  **********************************************************/

.temain{ padding-top:13px; padding-bottom:40px; line-height:30px;}

.tebiao{ display:block; font-size:24px; font-size:2.4rem; font-weight:bold; color:#008cd6; background:url(../img/tebiao.jpg) no-repeat left bottom; padding-bottom:13px; margin-bottom:15px;}

.temain p{ font-size:14px; font-size:1.4rem; color:#4d4d4d; margin-bottom:30px;}

.temain p strong{ color:#008cd6;}

.tea{ display:block; margin-bottom:30px;}

.temain img{ display:block; max-width:100%;}

.temain a{ color:#008cd6;}

.temain table{ width:97%; max-width:560px; border-collapse:collapse; line-height:24px;}

.temain tr td{ line-height:20px; padding:9px 11px; border:2px solid #333333; font-size:12px; font-size:1.2rem;}

.temain tr td a{ color:#333;}

@media screen and (max-width:639px) {

.temain{ padding-top:13px; padding-bottom:10px; line-height:26px;}

.temain p{ margin-bottom:24px;}

}



/*******************************************************************  milestone  **********************************************************/

.mimain{ background:url(../img/huitiao.jpg) repeat-y center; margin-top:20px; margin-bottom:80px; padding:20px 0\9;}

.milie{ background:url(../img/huidian.jpg) no-repeat top center; margin-top:29px;}

.milie:hover{ background:url(../img/landian.jpg) no-repeat top center;}

.milien{ width:509px; min-height:126px; background:#f8f8f8; border:1px solid #008cd6; padding:0 30px; padding-bottom:10px;}

.matn{ margin-top:auto}

.milien a{ display:block; font-size:22px; font-size:2.2rem; font-weight:bold; line-height:30px; color:#008cd6; margin-top:23px;}

.milien p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#221815; margin-top:3px;}

.milie2 .milien{ float:right;}

@media screen and (min-width:1000px) and (max-width:1219px){

.milien{ width:409px;}

}

@media screen and (max-width:999px) {

.mimain{ background:none; margin:auto; padding:20px 0;}

.milie{ background-position:left top;}

.milie:hover{ background-position:left top;}

.milien{ width:auto; float:none !important; margin-left:30px; padding:0 10px; padding-bottom:10px;}

}



/*******************************************************************  application  **********************************************************/

.appmain{ padding-bottom:70px; padding-top:4px;}

#outer1 { position:relative; margin-top:0px; z-index:9}

#tab1 {overflow:hidden;zoom:1; padding-top:16px; height:79px; z-index:99}

#tab1 li {float:left; width:120px; font-size:14px; font-size:1.4rem; line-height:30px; text-align:center; padding-top:40px; cursor:pointer; margin-left:40px; margin-right:7px;}

#tab1 li.current1 {color:#d70c19;}

#tab1 li:hover{color:#d70c19;}

#content1 {}

#content1 .ul1 {display:none; position:relative; z-index:90}



.applie{ width:270px; float:left; margin-left:40px; margin-top:23px; margin-bottom:3px;}

.apptu{ display:block;}

.apptu img{ display:block; margin:auto; width:100%; max-width:270px; max-height:200px;}

.appzi{ display:block; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px;}



#m4li11{ background:url(../img/m4tubiao11.png) no-repeat top center;}

#m4li21{ background:url(../img/m4tubiao21.png) no-repeat top center;}

#m4li31{ background:url(../img/m4tubiao31.png) no-repeat top center;}

#m4li41{ background:url(../img/m4tubiao41.png) no-repeat top center;}

#m4li51{ background:url(../img/m4tubiao51.png) no-repeat top center;}

#m4li61{ background:url(../img/m4tubiao61.png) no-repeat top center;}

#m4li71{ background:url(../img/m4tubiao71.png) no-repeat top center;}

#m4li11:hover{ background:url(../img/m4tubiao1h.png) no-repeat top center;}

#m4li21:hover{ background:url(../img/m4tubiao2h.png) no-repeat top center;}

#m4li31:hover{ background:url(../img/m4tubiao3h.png) no-repeat top center;}

#m4li41:hover{ background:url(../img/m4tubiao4h.png) no-repeat top center;}

#m4li51:hover{ background:url(../img/m4tubiao5h.png) no-repeat top center;}

#m4li61:hover{ background:url(../img/m4tubiao6h.png) no-repeat top center;}

#m4li71:hover{ background:url(../img/m4tubiao7h.png) no-repeat top center;}

#m4li11.current1{ background:url(../img/m4tubiao1h.png) no-repeat top center;}

#m4li21.current1{ background:url(../img/m4tubiao2h.png) no-repeat top center;}

#m4li31.current1{ background:url(../img/m4tubiao3h.png) no-repeat top center;}

#m4li41.current1{ background:url(../img/m4tubiao4h.png) no-repeat top center;}

#m4li51.current1{ background:url(../img/m4tubiao5h.png) no-repeat top center;}

#m4li61.current1{ background:url(../img/m4tubiao6h.png) no-repeat top center;}

#m4li71.current1{ background:url(../img/m4tubiao7h.png) no-repeat top center;}

.m4n{ display:none}

@media screen and (min-width:1000px) and (max-width:1219px) {

#tab1 li { margin-left:17px; margin-right:0px;}

.applie{ width:237px; margin-left:10px;}

}

@media screen and (max-width:999px) {

.appmain{ padding-bottom:30px; padding-top:4px;}

#tab1 { height:auto;}

#tab1 li { width:25%; margin-left:0px; margin-right:0px;}

.applie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}

}

@media screen and (max-width:479px) {

#tab1 li { width:33.333%; margin-left:0px; margin-right:0px;}

.applie{ width:49%; margin-left:0.5% !important; margin-right:0.5%;}

}



/****************************************************************  contact  **************************************************/

.comain{ padding-top:14px; padding-bottom:80px;}

.col{ width:425px; float:left;}

.cor{ width:706px; float:right;}



.cobiao{ display:block; font-size:28px; font-size:2.8rem; text-transform:uppercase; color:#008cd6; font-weight:bold;}

.col ul{ font-size:16px; font-size:1.6rem; line-height:36px; margin-top:12px;}

.col ul li{ font-size:14px; font-size:1.4rem;}

.cor form{ padding-top:17px;}

.cor .xing{ background:url(../img/xing.jpg) no-repeat left top;}

.cor .int1{ width:296px; height:45px; line-height:45px; border:1px solid #dcd9d9; padding-left:21px; font-size:14px; font-size:1.4rem; margin-top:5px; margin-bottom:32px;}

.cor .int3{ width:319px; height:49px; line-height:49px; border:1px solid #dcd9d9; padding-left:18px; font-size:14px; font-size:1.4rem; margin-top:5px; margin-bottom:32px; cursor:pointer;}

.cor textarea{ width:683px; height:177px; line-height:45px; border:1px solid #dcd9d9; padding-left:21px; font-size:14px; font-size:1.4rem; margin-bottom:30px; background:url(../img/xing.jpg) no-repeat left top;}

.yanzheng{ width:205px; height:49px; float:left; margin-left:24px; margin-top:5px; cursor:pointer}

.cor .int2{ width:137px; height:49px; float:right; margin-top:5px; background:#008cd6; font-size:18px; font-size:1.8rem; color:#ffffff; cursor:pointer}

.cor .int2:hover{ background:#333;}

.col ul li a:hover{ color:#008cd6;}

.ditu{ display:block; margin:auto; margin-top:18px; max-width:100%;}

@media screen and (min-width:1000px) and (max-width:1219px){

.cor{ width:546px; float:right;}

.cor .int1{ width:216px;}

.cor .int3{ width:239px;}

.cor textarea{ width:523px;}

.cor .int2{ width:60px;}

}

@media screen and (max-width:999px){

.comain{ padding-top:18px; padding-bottom:35px;}

.col{ width:100%; float:none; margin-top:30px;}

.cor{ width:100%; float:none;}

.cor .int1{ width:90%; float:none; margin-bottom:10px;width: calc(100% - 25px);}

.cor .int3{ width:100%; float:none; margin-bottom:10px;}

.cor textarea{ width:90%; margin-bottom:10px;width: calc(100% - 25px);}

.cor .int2{ width:22%; float:left; margin-left:15px;}

.yanzheng{ margin-left:0px;}

.cobiao{ font-size:22px; font-size:2.2rem;}

.col ul{ font-size:14px; font-size:1.4rem;}

}



.list_cart a{ color:#fff !important; text-align:center;}



.zwlj {

    display: block;

    float: right;

    background: url(../img/zwtu.jpg) no-repeat left;

    padding-left: 36px;

    font-size: 14px;

    font-size: 1.4rem;

    color: #666666;

    padding-top: 2px;

    padding-bottom: 2px;

    margin-top: 6px;

}

@media screen and (max-width:999px){

.zwlj {margin-right: 80px;}



}









.m-cert { margin-top: 74px; }



.m-cert .box-title { font-size: 30px; font-size: 3rem; font-weight: bold; color: #28a7e1; text-align: center; text-transform: uppercase; background: url("../img/bd2.png") no-repeat center; }



.m-cert .box-bd { position: relative; margin-top: 62px; padding-left: 69px; padding-right: 69px; overflow: hidden; }



.m-cert .box-btn { position: absolute; top: 50%; margin-top: -21px; width: 42px; height: 42px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }



.m-cert .box-btn.prev { left: 0; background-image: url("../img/jtl4.png"); }



.m-cert .box-btn.prev:hover { background-image: url("../img/jtl5.png"); }



.m-cert .box-btn.next { right: 0; background-image: url("../img/jtr4.png"); }



.m-cert .box-btn.next:hover { background-image: url("../img/jtr5.png"); }



.m-cert .box-list { width: 1000%; overflow: hidden; }



.m-cert .list-item { position: relative; float: left; margin-right: 0.41431%; width: 2.19397%; overflow: hidden; }



.m-cert .list-item:hover .item-modal { top: 0; }



.m-cert .item-modal{ position: absolute; left: 0; top: 100%; display: block; width: 100%; height: 100%; background: url("../img/fd1.png") no-repeat center; background-color: rgba(0, 0, 0, 0.5); }





.m-cert .item-icon img { width: 100%; height: 100%;}



@media screen and (max-width: 1024px) { .m-cert .item-modal { top: 0; background: none; } }



@media screen and (max-width: 767px) { .m-cert { margin-top: 30px; }

  .m-cert .box-title { font-size: 24px; font-size: 2.4rem; }

  .m-cert .box-bd { margin-top: 25px; padding: 0 40px; }

  .m-cert .box-btn { margin-top: -15px; width: 30px; height: 30px; }

  .m-cert .list-item { margin-right: .2%; width: 2.35%; } }



@media screen and (max-width: 480px) { .m-cert .list-item { margin-right: .2%; width: 3.2%; } }



@media screen and (max-width: 320px) { .m-cert .list-item { margin-right: .4%; width: 4.8%; } }







.c-oh {

    overflow: hidden;

}

.m2zi p a{text-indent: 2em;}

.abzi1{text-indent: 2em;}


.abzi2 p{text-indent: 2em;}
/*.jiann p{text-indent: 2em;}*/
/*.chanx{text-indent: 2em;}*/
.nex{text-indent: 2em;}
.nex img{text-indent: 0em;}
.ditu{width:100%;overflow:scroll;}

.nex img{    width: 100%;
    display: block;}

.abconc>p{ font-size:14px; font-size:1.4rem; color:#4d4d4d; line-height:30px; }