/* CSS Document */

/*banner srat*/

.banner img {max-width:100%;height:auto;}

.slide_1 .b_text{ width:770px; position:absolute; top:-80%; right:13%; z-index:999;transition: all 2s ease 0s; -moz-transition: all 2s ease 0s; -webkit-transition: all 2s ease 0s;}

.slide_1 .b_text span{ font-size:40px; color:#2d2d2d; display:block; text-align:right;}

.slide_1 .b_text span b{ font-size:40px; color:#e61610; text-align:right;}

.slide_1 .b_text em{ display:block; font-weight:bold; padding:5px 0px; font-size:15px; color:#141414; text-align:right;}

.slide_1 .b_text i{ width:74px; height:4px; background:#d4252b; display:block; float:right; margin:40px 0px;}

.slide_1 .b_text a{ display:block; line-height:44px; text-align:center; color:#434343; float:right; font-size:20px; border:solid 1px #3f3e3d; width:179px; height:45px;}

.slide_1 .b_text a:hover{ background:#e61610; color:#fff;border:solid 1px #e61610;}

.slide_1.swiper-slide-active  .b_text{ top:50%; left:50%; margin-left:-385px; margin-top:-122px;}

.swiper-slide img{ width:100%; height:auto; display:block;}

/**banner end*/

.p_h{ height:80px;}

.m_title{ text-align:center;}

.m_title span{ font-size:26px; color:#27262c; letter-spacing:3px;}

.m_title em{ color:#525253; display:block;}

.m_title b{ display:block; width:25px; height:3px; background:#0663cb; margin:5px auto;}

.m_about{ padding:65px 0px; max-width:1500px; margin:0px auto;}

.ma_left{ width:45%; float:left;}

.ma_right{ width:55%; float:right; overflow:hidden;}

.ma_right img{ width:auto; height:100%; display:block;}

.m_abdiv{ margin-top:50px; overflow:hidden; height:510px;background: #0281d0;}

.ma_left{ padding:78px 90px;  color:#fff;}

.m_lefttop span{ font-size:24px; display:block; font-weight:bold; letter-spacing:1px;}

.m_lefttop span em{ display:block; width:60px; height:2px; background:#4da0cf; margin:15px 0px;}

.left_div p{ line-height:24px; font-size:16px; }

.left_div{ padding-top:20px;}

.more_tt{ display:block; width:260px; height:55px; background:#333; clear: both; text-align:center; color:#fff; line-height:55px; position:relative; top:50px; left:-90px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}

.more_tt:hover{ background:#fff; color:#0281d0; left:-80px;}





.m_fuwu{ background:url(file:///D|/images/fangan_bg1_02.jpg) no-repeat;    padding: 65px 0px}

.mfuwu_div ul li{ width:32.66%; float:left; padding:66px 30px; cursor:pointer;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;position:relative; top:0px; left:0px; margin-bottom:15px; background:#fff; height:217px;}





.mfuwu_div ul li div{ overflow:hidden;}

.mfuwu_div ul li span{ font-size:20px; width:70%; float:left; display:block; }

.mfuwu_div ul li .enb span{ position:relative; left:0px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}

.mfuwu_div ul li .enb span:hover{ left:20px; text-decoration:underline;}





.mfuwu_div ul li span em{ display:block; font-size:14px; padding-top:5px;}

.mfuwu_div ul li b{ height:1px; display:block; width:100%; position:relative; bottom:-30px; background:#212121;}



.mfuwu_div ul li{}

.mfuwu_div ul li:hover{  top:-10px; left:0; box-shadow:0px 0px 10px #999;}

.mfuwu_div{ max-width:1500px; margin:30px auto;}

.mfuwu_div ul{}

/*.mfuwu_div ul li.m2li_2{ margin:0px 1%;}*/

.mfuwu_div ul li:nth-child(2){margin:0px 1%;}

.mfuwu_div ul li:nth-child(5){margin:0px 1%;}

.mfuwu_div ul li:hover{ background:#0281d0;}

.mfuwu_div ul li:hover .enb{ display:block; color:#fff;}

.mfuwu_div ul li:hover .enc{ display:none;}

.enb{ display:none;}

.mfuwu_div ul li a { display:block; line-height:30px; color:#fff;}

.mfuwu_div ul li a i{ display:inline-block; font-size:12px;}

.mfuwu_div ul li:hover{ padding:20px;}

.mfuwu_div ul li:hover .enb span{ width:100%; padding-bottom:0px; font-weight:bold; letter-spacing:2px; height:35px; overflow:hidden;}

.mfuwu_div ul li:hover b{ background:#fff; bottom:-20px;}

.mfuwu_div ul li span img{ float:right; width:auto; height:100%; display:block; float:right;}

.mfuwu_div ul li a:hover{ text-decoration:underline;}



.m_cx{ padding: 65px 0px; max-width:1500px; margin:0px auto; overflow:hidden; position:relative; padding-bottom:80px;}

.m_cx .swiper-slide{ background:#fafafa; padding:36px 20px; text-align:center;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; cursor:pointer; border-radius:10px;}

.m_cx .swiper-slide i{ font-size:50px; display:block;}

.m_cx .swiper-slide span{ display:block; font-size:15px; line-height:40px; color:#717171;    overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

.m_cx .swiper-container1{ padding:40px 0px; position:relative;}

.m_cx .swiper-slide:hover{ background:#0281d0;}

.m_cx .swiper-slide:hover span{ color:#fff;}

.m_cx .swiper-slide:hover i{ color:#fff;}

.m_cx .swiper-button-next, .m_cx .swiper-button-prev{ top:inherit; bottom:-40px; background:none;}

.swiper-button-prev{ left:47%; font-size:34px; color:#0281d0;}

.swiper-button-next{ right:47%; font-size:34px; color:#0281d0;}





.m_wt{ padding: 65px 0px;overflow:hidden; position:relative;background:url(file:///D|/images/b1_02.jpg) no-repeat fixed bottom;}

.m_wt .m_title span{  color:#ffff; letter-spacing:3px;}

.m_wt .m_title em{ color:#fff; display:block;}

.m_wt .m_title b{ display:block; width:30px; height:3px; background:#ffff; margin:5px auto;}

.m_wt ul{ max-width:1500px; margin:70px auto; }

.m_wt ul li{ width:25%; float:left; text-align:center; height:55px; line-height:55px;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; background:none;}

.m_wt ul li a{ font-size:16px; color:#fff;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; letter-spacing:1px; display:block;}

.m_wt ul li:hover{ background:#fff;}

.m_wt ul li:hover a{ color:#555;}



.m_news{ padding: 65px 0px;overflow:hidden; position:relative; background:#f5f5f5;}

.m_news ul{ max-width:1500px; margin:70px auto;border-left:solid 1px #ddd; overflow:hidden;}

.m_news ul li{ width:33.33%; float:left; background:#fff; color:#323232; padding:40px; border:solid 1px #ddd; border-left:none;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }

.m_news ul li b{ font-size:16px; font-size:16px; font-weight:normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:30px;    display: block;}

.m_news ul li em{ display:block; padding:10px 0px;}

.m_news ul li em i{ padding-right:4px;color:#007fcc;}

.m_news ul li span{ color:#7b7b7b;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.m_news ul li a.ckxq{ display:block; width:145px; height:40px; line-height:40px; text-align:center; background:#efefef; color:#898989; margin-top:20px;}

.m_news ul li:hover{ background:#007fcc; }

.m_news ul li:hover{ color:#fff;}

.m_news ul li:hover a b{ color:#fff;}

.m_news ul li a:hover b{ text-decoration:underline;}

.m_news ul li:hover em i{ color:#fff;}

.m_news ul li:hover span{ color:#fff;}

.m_news ul li:hover a.ckxq{ color:#007fcc;}

.m_news ul li a.ckxq:hover{ background:#fff;}

.m_ort{ color:#535658; font-size:18px; text-align:center; display:block; width:130px; margin:0px auto;}

.m_ort:hover{ color:#007fcc; text-decoration:underline;}



.m_case{ padding: 65px 0px;overflow:hidden; position:relative;max-width:1500px; margin:0px auto; padding-bottom:0px;}

.m_case ul{ overflow:hidden; margin:50px 0px;}

.m_case ul li{ width:30.33%; float:left; overflow:hidden;}

.m_case ul li img{ display:block; margin:0px auto; width:100%; height:auto;}

.m_case ul li .anli_rt{ background:#dcdcdc; padding:20px; position:relative;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}

.m_case ul li .anli_rt span{ color:#323232; width:80%; float:left; line-height:35px; letter-spacing:1px; font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.m_case ul li:nth-child(2){ margin:0px 4.5%;}

.m_case ul li i{ font-size:26px; position:absolute; top:20px; right:30px;}

.m_case ul li em{ display:block; color:#626262; clear:both;}

.m_case ul li img {height:auto;-webkit-transform:scale(1,1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:400ms;-moz-transform:scale(1,1);-moz-transition-timing-function:ease-out;-moz-transition-duration:400ms;transform:scale(1,1);transition-timing-function:ease-out;transition-duration:400ms;width:100%;}

.m_case ul li:hover img {-webkit-transform:scale(1.1,1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:400ms;-moz-transform:scale(1.1,1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:400ms;transform:scale(1.1,1.1);transition-timing-function:ease-out;transition-duration:400ms;}

.m_case ul li:hover .anli_rt{ background:#007fcc; }

.m_case ul li:hover .anli_rt span{ color:#fff;}

.m_case ul li:hover .anli_rt em{ color:#fff;}

.m_case ul li:hover .anli_rt i{ color:#fff;}



.m_map{ max-width:1500px; margin:0px auto; background:#007fcc; overflow:hidden; padding:40px; position:relative; bottom:-90px;}

.map_left{ width:40%; float:left; padding-left:10px;}

.map_right{ width:60%; float:right;}

.map_left img{ margin:0px; margin-bottom:10px; display:block;}

.map_left p{ color:#fff; line-height:26px; font-size:16px;}

.swiper-slide{ overflow:hidden;}



/* about star */

.banner_tt{ height:350px; width:100%; position:relative;}

.large-header {width: 100%;	overflow: hidden;	background-size: cover;	background-position: center center;	z-index: 1; height:350px !important}

.banner_textxq span{ color:#fff;  text-align:center; display:block; position:absolute; top:50%; margin-top:-33px; left:0px; width:100%; letter-spacing:3px; font-size:34px;}

.banner_textxq span em{text-shadow:0px 0px 6px #444; display:block;}

.banner_textxq span i{ display:block; font-size:16px;}

.all{ max-width:1300px; margin:0px auto; margin-top:40px;    border-top: 1px solid #eee; overflow:hidden;}



.left{ width:20%; float:left; border-right: 1px solid #eee;}

.right_cont{ width:75%; float:right; padding-bottom:90px;}

.left a {display:block;height:52px;text-align:center;font:normal 14px/52px ' ';color:#666;position:relative}

.left a:hover,.left a.cur2 {color:#fff;background:#393a3a}

.left a img {position:absolute;right:-26px;top:0;opacity:0;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);z-index:999}

.left a:hover img,.left a.cur2 img {opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}



.subtitle {border-bottom:1px solid #eee;padding-bottom:46px;margin-bottom:20px;position:relative}

.subtitle .name {padding-top:34px;border-left:3px solid #162b76;color:#162b76;padding-left:20px}

.subtitle .name>span {display:block;font-size:24px}

.subtitle .name em {display:block;font-size:26px}

.subtitle .name em span {font-size:14px;padding-left:20px}

.subtitle .navbar {position:absolute;right:0;bottom:46px}

.navbar a {color:#999;vertical-align:middle;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}

.navbar a:hover {color:#162b76}

.navbar i {padding-left:32px;background:url(file:///D|/images/nav1.png) no-repeat left center;background-size:auto 100%;display:inline-block;margin-top:14px;color:#162b76}

.navbar span {display:inline-block; padding:0px 10px; }

.abouttitle {    font-size: 22px;    display: block;    margin-bottom: 20px;    color: #282828;}

.right_cont .p1{ color:#666; line-height:26px; font-size:15px; padding-bottom:50px;}

.navbar a.poiu{ color:#162b76;}

.right_cont .p1 p img{ display:block; margin:20px auto; max-width:100%; height:auto;}

/* about end */

.dux-page{ text-align:center; margin-top:30px;}
.dux-page a{ padding:5px 12px; background:#eee; margin:4px 2px;display: inline-block;}
.dux-page a:hover{ background:#0663cb; color:#fff;}
.dux-page a.active-page{ background:#0663cb; color:#fff;}
/*案例列表 star*/

.news_ting ul{ padding-top:15px;}

.news_ting ul li{ height:55px; line-height:55px; background:#f6f6f6; padding:0px 15px; border-radius:2px; margin-bottom:10px;    overflow: hidden;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}

.news_ting ul li a{ color:#858484;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; display:block;}

.news_ting ul li i{ font-size:18px; padding-right:25px; color:#909090;}

.news_ting ul li em{ padding-right:25px;}



.news_ting ul li:hover{ background:#0663cb; }

.news_ting ul li:hover a{ color:#fff;}

.news_ting ul li:hover i{ color:#fff;}



.xq_tit{text-align:center;padding:15px 0px;  line-height:30px; font-weight:normal;}

.xq_tit span{font-size:22px; color:#707070; }

.xq_tit i{    font-size: 12px;   color: #908e8e;  line-height: 28px; display:block;}

.xw_tit .navbar{ bottom:10px;}



/*案例列表 end*/



/* 加入我们 star*/

.keUpDownSlide{ margin: 15px auto 50px; }

.keUpDownSlide dl dt { line-height: 56px; height: 56px; position: relative; font-size: 13px; color: #666666;  border-bottom: 1px solid #ececec;  cursor: pointer; }

.keUpDownToggleBtn { background: url(file:///D|/images/m2zp_icon2.png) no-repeat; display: block; height: 16px; width: 16px; position: absolute; top: 19px; right: 21px; }

.keUpDownSlide dl dd { color: #666666; font-size: 13px; line-height: 28px; padding: 20px 20px; width:100%;display: none; }

.keUpDownSlide dl {  }

.keUpDownSlide dl dt.on {  border:none; }

.keUpDownSlide dl dt.on .keUpDownToggleBtn { background: url(file:///D|/images/m2zp_icon1.png) no-repeat center center; }

.m2zp_nm { font-size: 16px; font-weight: bold; color: #595959; float: left; width:90%; padding-left: 5px; }

.m2zp_nm em{ border-left:solid 3px #b5b5b5; padding-left:6px;}

.m2email { background: #F1F1F1; padding:15px; text-align:center; margin-top: 18px; }

/* 加入我们 end*/



/* 联系我们 star*/

.lx_title{ font-size:20px; color:#686868; padding-top:10px;}

.lx_title span em{ display:block; font-size:12px; color:#686868; padding-top:5px;}

.lx_text{ padding-top:30px; overflow:hidden; border-bottom:dashed 1px #d4d4d4; padding-bottom:20px;}

.lx_text ul{ width:60%; float:left;}

.lx_text ol{ width:40%; float:right;text-align: center; width:130px; margin:0px; padding:0px; padding-top:30px;}

.lx_text ul li{ color:#5c5c5c; line-height:30px;}

.lx_text ol li{ display:block; margin:0px 15px; float:left;}

.lx_text ol li span{ display:block;}

.lx_text ul li span{ color:#d52b2b;}

.lx_dicbottom{}

.lx_dicbottom ul{ padding:20px 0px; }

.lx_dicbottom ul li{ color:#686868;}

.lx_dicbottom ul li span{ display:block; line-height:30px;}

.lianxi_ting{ padding-bottom:50px;}

/* 联系我们 end*/



@media (min-width:1161px) {

.nav{ width:100%; height:80px;  background:#fff;transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; max-width:1500px; margin:0px auto;}

.nav ul{ text-align:center;   width: 750px;  float: left;}

.nav ul li{ display:inline-block; }

.nav ul li a{ display:inline-block; float:left; padding:0px 20px;line-height:68px; color:#fff}

.nav ul li.cli a{ background:#fff; color:#2e774e;}

.nav ul li:hover a{ background:#fff; color:#2e774e;}

.head.on .nav{ margin-top:0px; }

.head.on .logo{ width:142px; background:#fff;}



#menu li {float: left; margin:  0 10px 0 0; font-size: 15px;position:relative;line-height:66px;border-bottom:solid 4px #fff;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}

#menu a {float: left;padding: 0px 10px;background-color: #fff;color: #333;text-decoration: none;}

#menu .active a { color: #fff; background-color: #333;}

#menu li div{ position:absolute; width:200%; left:0px; background:rgba(255, 255, 255, 0.87); display:none;transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}

#menu li:hover div{ opacity:1; top:72px; display:block;}

#menu li div a{ width:100%; text-align:center; font-size:14px; line-height:45px;}

#menu li div a:hover{ background:#fff !important;}

header {position: relative; height: 80px; background:#fff;   z-index: 9900; position: fixed; width:100%;}

.nav{ max-width:1800px; margin:0px auto;padding:0px;}

#menu a{ font-size:16px; background:none !important; color:#6d6d6d !important;}

#menu .active a{ color:#323232 !important;}

#menu li.active{ border-bottom:solid 4px #0663cb;}

#menu li:hover a{ color:#323232 !important;}

#menu li:hover{ border-bottom:solid 4px #0663cb;}

#menu{}



}

@media (max-width:1500px) {

.ma_left{ padding:60px;}

.nav{ padding:0px 15px ;}

}

@media (max-width:1400px) {

.nav{ padding:0px 15px;}

.logo img{ width:200px;}

.logo{ width:200px;}

.mfuwu_div ul li span{ width:60%;}

.mfuwu_div ul li i{ float:right;}

.mfuwu_div ul li i img{ width:80px; height:auto;}

.foot_center ul li span{ padding:0px 25px;}

.all{ padding:0px 15px;}

.top_rightt{ width:900px;}

.nav ul{ width:730px;}

.right_div{ width:170px;}

.right_div em{ font-size:13px;}

.right_div span{ width:100%;}



}



@media (max-width:1300px) {

.ma_left{ padding:40px;}



.swiper-button-prev{ left:40%; font-size:34px; color:#0281d0;}

.swiper-button-next{ right:40%; font-size:34px; color:#0281d0;}



}



@media (max-width:1160px) {

.nav ul li div{ display:none;}

.logo img{ width:160px;}

.m_cx .swiper-slide{ padding:30px 15px;}

.right_div{ display:none;}

.nav .nav_button{background: transparent; border: none; display: block;  height: 24px; margin-left: 15px; position: fixed; top: 18px; right: 10px; width: 26px; z-index: 9999;}

.nav .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#007fcc;}

.nav .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}

.nav .nav_button span.hamb-middle{ top:8px;opacity:1;}

.nav .nav_button span.hamb-bottom{ top:16px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}

.nav ul{ display:none; position:fixed; top:52px; width:46%; right:0px; background:rgba(0,0,0,0.8); text-align:center; z-index:999999;}

.nav ul li{ position:relative;}

.nav ul li a{ padding:10px 20px; display:block; border-bottom:solid 1px #7e7e7e; color:#fff; position:relative; z-index:2;}

.nav ul li a:hover{}

.nav ul li:before{background:rgb(2, 129, 208);content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px; z-index:1;}

.nav ul li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}

.nav .clost span.hamb-top{ top:5px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safariå’ŒChrome*/-o-transform:rotate(90deg); }

.nav .clost span.hamb-middle{ display:none;}

.nav .clost span.hamb-bottom{ top:5px; opacity:0.7; transform:rotate(7deg);-ms-transform:rotate(7deg);	/* IE 9 */-moz-transform:rotate(7deg); 	/* Firefox */-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */-o-transform:rotate(7deg); }

.head{ height:52px;}

.nav{ margin:0px; height:52px;     background: #fff; box-shadow:0px 0px 6px #666; position:fixed; width:100%; top:0px; left:0px; z-index:999;}

.xiari_div{ padding:20px;}

.logo{ padding-top:0px;}

.xia_left ul li{ padding:53px 14px;}

.xia_left ul li i{ font-size:40px; padding-top:10px;}

.p_h{ height:52px;}

.m_lefttop span{ font-size:20px;}

.left_div{ padding-top:0px;}

.map_left{ width:100%; float:none; overflow:hidden; padding-bottom:20px;}

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

.map_left img{ float:left;}

.map_left p{ float:right;}

.foot_center ul{ width:100%; float:none;}

.ewm_t{ float:none; width:100%; margin:20px 0px;}

}



@media (max-width:992px) {

.slide_1 .b_text{    transition: all .6s ease 0s;    -moz-transition: all .6s ease 0s;    -webkit-transition: all .6s ease 0s;}

.slide_1.swiper-slide-active .b_text{ width:400px;    margin-left: -200px;    margin-top: -60px;}

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

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

.m_abdiv{ height:auto;}

.more_tt{ top:20px; left:inherit !important; right:20px !important; }

.ma_right img{ width:60%; height:auto;}

.mfuwu_div ul li{ padding:50px 20px;}

.m_news ul li{ padding:20px;}

.m_news ul li a.ckxq{ height:35px; line-height:35px;}

.left{ width:100%; float:none; overflow:hidden; border:none; margin-bottom:20px;}

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

.left a{ width:50%; float:left;}

.left a:hover img, .left a.cur2 img{ display:none;}





}

@media (max-width:767px) {

.m_news ul{ margin:20px 15px;}

.m_news ul li{ width:100%; float:none; margin-bottom:10px;}

.m_about{ padding:20px 0px;}

.m_abdiv{ margin-top:15px;}

.more_tt{ height:35px; line-height:35px; }

.m_abdiv{ background:bottom;}

.ma_left{    background: #0281d0;}

.ma_right{ display:none;}

.m_fuwu{ padding:25px 0px;    background: url(file:///D|/images/fangan_bg1_02.jpg);}

.m_title span{ font-size:20px;}

.m_title em{ font-size:12px;}

.mfuwu_div ul li{ width:48%; margin:6px 0% !important;}

.m_wt ul{ overflow:hidden; margin:30px auto;}

.m_wt ul li{ width:100%; float:none;}

.m_wt{ padding:30px 0px; background:#525252;}

.m_news{ padding:30px 0px;}

.m_case{ padding:30px 0px;}

.m_case ul{ margin:20px 15px;}

.m_case ul li{ width:100%; float:none; margin-bottom:10px;}

.m_case ul li:nth-child(2){ margin:0px; margin-bottom:10px;}

.m_cx{ padding:30px 0px;}

.m_cx .swiper-button-prev{ left:40%; font-size:34px; color:#0281d0; bottom:-20px;}

.m_cx .swiper-button-next{ right:40%; font-size:34px; color:#0281d0; bottom:-20px;}

.m_cx .swiper-slide i{ font-size:40px;}



.swiper-slide img{ height:350px; width:auto;}

.slide_1.swiper-slide-active .b_text{ width:300px; margin-left:-150px;}

.slide_1.swiper-slide-active .b_text img{ width:100%; height:auto;}

.slide_1 .b_text{width:300px; margin-left:-150px;    top: 50%;    left: 50%;}

.slide_1 .b_text img{width:100%; height:auto;}

.ma_left{ padding:15px;}

.m_lefttop span{ font-size:16px;}

.left_div p{ font-size:14px; line-height:22px;}

.m_lefttop span em{ margin:6px 0px;}

.more_tt {    top: 10px;    left: inherit !important;    right: 20px !important;}

.mfuwu_div ul li{ width:100%; float:left;}

.enb{ display:block;}

.enc{ display:none;}



.mfuwu_div ul li{ background:#0281d0;}

.mfuwu_div ul li .enb{ display:block; color:#fff;}

.mfuwu_div ul li .enc{ display:none;}



.mfuwu_div ul li{ padding:10px; height:160px;}

.mfuwu_div ul li .enb span{ width:100%; padding-bottom:0px; font-weight:bold; letter-spacing:2px; height:30px; overflow:hidden;font-size: 16px; height:25px;}

.mfuwu_div ul li b{ background:#fff; bottom:-20px;}

.mfuwu_div ul li span img{ float:right; width:auto; height:100%; display:block; float:right;}

.mfuwu_div ul li a:hover{ text-decoration:underline;}

.mfuwu_div{ margin:10px auto;}

.mfuwu_div ul li a{ line-height:25px;}

.m_cx .swiper-container1{ padding:20px 0px;}

.m_cx .swiper-button-next{ bottom:-40px; font-size:20px;}

.m_cx .swiper-button-prev{ bottom:-40px; font-size:20px;}

.logo img{ width:150px; margin-top:8px;}

.m_map{ bottom:0px; padding:10px;}

.map_left p{ float:none; width:100%; padding-top:10px;}

.map_left img{ display:block; margin:0px auto; float:none;}

.map_right>div{ height:340px !important;}

.foot{ padding-top:20px !important;}

.foot_center ul{ display:none;}



#rtt {width:30px; height:30px; cursor:pointer; text-align:center; line-height:30px; background:#686869; position:fixed; right:10px; bottom:20px; border-radius: 3px; z-index:9999999; display:none;transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}

#rtt i{ font-size:20px; color:#fff;}

.subtitle .name{ padding-top:15px; padding-left:10px;}

.subtitle .name em{ font-size:24px;}

.subtitle .name>span{ font-size:16px;}

.subtitle .navbar{ display:none;}

.subtitle{ padding-bottom:15px; margin-bottom:15px;}

.banner_tt{ height:260px; overflow:hidden;}

.banner_textxq span{ font-size:26px;}

.news_ting ul li em{ display:none;}

.news_ting ul li i{ padding-right:5px;}

.right_cont{ padding-bottom:30px;}





}





@media (max-width: 500px){

.detail_ting ul li {    width: 100%;    margin: 0px 0px;}

.swiper-slide img{ width:130%; height:auto; position:relative; left:-15%;}

.swiper-slide .b_text img{    width: 100%;    height: auto; position:static;}

}


#msgFm .alignRight {
    width: 100px;
}
#msgFm input {
    height: 35px;
    width: 260px;
}
#msgFm textarea {
    height: 85px;
    width: 260px;
}
.inside_con{ padding:10px 0; min-height:300px}