﻿@charset "utf-8";
/* body整体背景定义 */
body {
    border:0;
}
.top_bg{
    width:100%;
    height:70px;
    background:#c7251e;
    position:fixed;
    z-index:999;
    float:left;
    top:0;
}
img{border:0;}
.pager ul {
    float: right;
    width:auto;
    padding:15px 0 0 0;
    margin-bottom:30px;
}
.pager ul li {
    width:auto;
    float: left;
    line-height:normal;
    padding:10px 0 0 0;
    background:none;
    border:0;
    margin:0 0 0 2px;
}
.pager a {
    background:#cecece;
    font-size:12px;
    color:#484848;
    font-family:"宋体";
    float: left;
    height:auto;
    padding: 6px 10px;
    margin: 0px 1px;
}
.pager span {
    padding: 4px 10px;
    margin: 0px 0px;
    font-size: 12px;
}
.pager .now {
    background-color: #c7251e;
    color: #ffffff;
    border-color: #313131;
}
.pager a:hover {
    background-color: #c7251e;
    color: #ffffff;
    border-color: #313131;
    text-decoration: none;
}
/* 首页-头部样式 */
.top{width:82%;  margin:0 auto; height:70px; overflow:hidden;}
.logo{width:159px; float:left; height:47px; margin:0.5% 0 0 0;}
.nav{float:right;}
.nav ul{float:left;}
.nav ul li{float:left; border-left:0px solid #d2625e; line-height:70px; text-align:center;}
.nav ul li a{font-family:"微软雅黑"; height:70px; float:left; text-align:center; width:96px; line-height:70px;  font-size:14px; color:#ffffff;}
.nav ul li a:hover{font-family:"微软雅黑"; background:#414141; width:96px; text-align:center; font-size:14px; color:#ffffff; height:70px; display:block;}
.nav ul li a.cur{font-family:"微软雅黑"; background:#414141; width:96px; text-align:center; font-size:14px; color:#ffffff; height:70px; display:block;}
.nav ul li.Navlilis{line-height: 70px; color: #fff;font-family:"微软雅黑"; margin-right: 20px; font-size: 16px; font-weight: bold;}
.nav ul li.Navlilis img{vertical-align:middle; margin:0 10px 0 18px;}

/* 首页-banner样式 */
.banner{width:100%; margin:0 auto; padding:70px 0 0 0; position:relative; overflow:hidden; text-align:center;}
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
*
*/* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
     *  * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
 * *********************************/
.flexslider { border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 30px; height: 56px; margin: 0px 0 0; display: block; background: url(./images/button.png) no-repeat 0 0; position: absolute; top: 38%; text-indent: -9999px; cursor: pointer; }
.flex-direction-nav li a.next {background-position: -30px 0; right: 50px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: 50px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 15%; text-align: center;}
.flex-control-nav li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 25px; height: 4px; display: block; background:#ffffff; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -12px;}
.flex-control-nav li a.active {background:#eb2d39; cursor: default;}

.arrowDown{position: absolute;left:0;bottom:4%;width: 100%;text-align: center;}

.arrowDown i{display: inline-block;width: 34px;height: 20px;background: url(./images/arrow-down.png) no-repeat center top;-webkit-animation: arrowDown 1s infinite linear;cursor: pointer;}

@-webkit-keyframes arrowDown {
    0% {-webkit-transform: translate(0,0);}
    25%{ -webkit-transform: translate(0,6px);}
    50% {-webkit-transform: translate(0,0); }
    75%{ -webkit-transform: translate(0, -6px);}
    100% {-webkit-transform: translate(0,0);}
}

/*首页-主体样式 */
.m{width:100%; margin:0 auto; overflow:hidden; margin-top:70px;}
.i_about{width:82%; margin:0 auto; margin-top:1%;}
.i_about_title{width:100%; text-align:center; margin:0 auto;}
.i_about_title h1{width:100%; text-align:center; font-family:"微软雅黑"; color:#e60000; font-size:30px; padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto;}
.i_about_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left; font-family:"微软雅黑"; color:#b2b2b3; font-style:normal; margin-top:13px; font-size:14px;}
.i_about_title p{width:85%; text-align:center; margin:0 auto; margin-top:2%; line-height:22px; font-family:"微软雅黑"; font-size:12px; color:#b2b2b3; }
.i_about_n{width:100%; margin:0 auto; margin-top:6%;}
.shortcut{width:100%; padding-bottom:6%; position:relative;z-index:101;overflow:hidden;}
.shortcut li{ width:25%; position:relative; overflow:hidden;float:left;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;top:0px;}
.shortcut li em{ width:25%; margin:0 auto;}
.shortcut a{display:block;width:100%; text-align:center;}
.shortcut a img{width:142px; height:142px; margin:0 auto;}
.shortcut a span{line-height:18px;font-family:arial;color:#333333; font-family:"Microsoft YaHei"; font-size:18px; clear:both;transition:all 1s;-webkit-transition:all 1s; margin:22px 0 0 0; display:block; width:100%; text-align:center;}
.shortcut a .imgH{left:-50%;transition:all 0.2s ease; position:absolute; -webkit-transition:all 0.2s ease;}
.shortcut a:hover{text-decoration:none;}
.shortcut a .imgH:hover{display:block; left:20.7%;}
.shortcut a:hover span{animation:img4 0.8s linear infinite alternate;-webkit-animation:img4 1s linear infinite alternate;}

.m1{width:100%; margin:0 auto; overflow:hidden; background:#f7f7f7;}
.i_case{width:100%; margin:0 auto; margin-top:4%;}
.i_case_title{width:100%; text-align:center; margin:0 auto;}
.i_case_title h1{width:100%; text-align:center; font-family:"微软雅黑"; color:#e60000; font-size:30px; padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto;}
.i_case_title h1 em{padding-top:8px; width:100%; text-align:center; float:left; font-family:"微软雅黑"; color:#b2b2b3; font-style:normal; text-align:center; font-size:12px;}
.i_case_n{width:93%; margin:0 auto; margin-top:2%; }
.DtiasNv {max-width: 1200px; margin: 0px auto; margin-bottom: 20px;}
.DtiasNv{position:relative;}
.DtiasNv{ clear:both; line-height:32px; font-size:16px; text-align:center;}
.DtiasNv a{display:inline-block; color:#be0e29; font-family:"微软雅黑"; font-size:16px; margin:0px 25px;}
.DtiasNv a span{font-size:12px; display:inline-block; height:16px; line-height:16px; color:#fff; padding:0px 10px; border-radius:16px; background:#d2d1d1; position:relative; top:-2px; margin-left:5px;}
.DtiasNv a.curscs span{background:#be0e29;}
.DtiasNv a{color:#333;}
.DtiasNv a:hover{color:#be0e29;}
.DtiasNv a.curensQhs{color:#be0e29;}
.DtiasNv a.curensQhs span{background:#be0e29;}
.DtiasNvDUN a{margin:0px 5px;}

.m2{width:100%; margin:0 auto; overflow:hidden; background:#ce0000;}

/*首页-案例样式 */
.isotope{padding-bottom:45px;}
.isotope ul {position: relative;}
.isotope .item {width: 25%; margin: 0;}
.isotope .item .cont {display: block;  overflow: hidden; border: 15px solid #f7f7f7;}
.trans {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.isotope .item .cont > div {overflow: hidden; position:relative;}
.isotope .item img {display: block; width: 100%; height: auto;  margin: 0;}
.isotope .item img:hover {display: block; width: 100%; height: auto;  margin: 0;}
.isotope .item .title {display: block; background: url(./images/ico-2.png) 95% center no-repeat #fff; border-bottom: 1px solid #e7e7e7; margin: 0;  padding: 0px 45px 15px 20px; font-size: 12px;  color: #999;}
.isotope .item .title-en {padding: 15px 0 0px 0; text-transform: uppercase; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; color: #333; font-size: 18px;}
.isotope .item h5 { font-weight: normal; font-family:"微软雅黑"; overflow: hidden; line-height: 25px; width: 100%; display: inline-block;}
.isotope .item:hover .title-en{color:#d20000; font-weight:bold;}
.isotope .item:hover img {-webkit-transform-origin: center center;  -webkit-transform: scale(1.05, 1.05); -moz-transform-origin: center center; -moz-transform: scale(1.05, 1.05);}
.isotope .item:hover .title {background-color: transparent; background:url(./images/ico-2.png) 95% center no-repeat #ffffff; color: #666666;}
.img-box{position:relative; width:100%; height:100%;}
.icon-box{position:absolute; top:0; left:0; background:none; width:100%; height:100%;}
.isotope .item:hover .icon-box{background:url(./images/j_img.png) no-repeat center center #000;  transition: background-color 0.4s;  background-color:rgba(0,0,0,0.65); -webkit-tap-highlight-color: rgba(0,0,0,0); border: 1px solid rgba(255,255,255,0.3); cursor:pointer; width:100%; height:100%; }



.i_contact{width:100%; margin:0 auto; margin-top:4%;}
.i_contact_title{width:100%; text-align:center; margin:0 auto;}
.i_contact_title h1{width:100%; font-family:"微软雅黑"; color:#fff; font-size:30px; padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto;}
.i_contact_title h1 em{padding-top:8px; width:100%; text-align:center; margin:15px 0; float:left;}
.i_contact_n{width:100%; margin:0 auto; text-align:center; margin-top:7%; margin-bottom:5%;}
.get{display:inline-block; border:2px solid #fff; padding:14px 22px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; margin:0 auto;}
.get:hover{display:inline-block; transition: background-color 0.4s; border:2px solid #fff; background:#fff;  padding:14px 22px; font-family:Arial, Helvetica, sans-serif; color:#ce0000; font-size:14px; margin:0 auto;}

.m3{width:100%; margin:0 auto; overflow:hidden; padding-bottom:3%; background:#e4e4e4;}
.m4{width:100%; margin:0 auto; overflow:hidden; padding-bottom:2%; background:#323232;}
.link{width:90%; margin:0 auto; margin-top:0; font-size:12px; color:#ccc; font-family:"微软雅黑";}
.link a{color:#ccc; font-family:"微软雅黑";}
.i_news{width:90%; margin:0 auto; margin-top:4%;}
.i_news_title{width:100%; text-align:center; margin:0 auto;}

.i_news_title h1{width:100%; text-align:center; font-family:"微软雅黑"; color:#e60000; font-size:30px; padding-bottom:14px; font-weight:lighter; text-align:center; margin:0 auto;}
.i_news_title h1 em{padding-top:8px; width:100%; text-align:center; float:left; font-family:"微软雅黑"; color:#b2b2b3; font-style:normal; text-align:center; font-size:12px;}
.i_news_n{width:100%; margin:0 auto; margin-top:2%;}
.blog_sel{ height:40px; line-height:40px; padding-bottom:28px; text-align:center;}
.blog_sel a{ color:#333; font-size:16px; font-family:"微软雅黑"; width:auto; padding:0 33px;}
.blog_sel a.blog_on{ color:#d3001e; background:url(./images/blog_cur.jpg) no-repeat bottom; padding-bottom:16px;}
.blog{ width:1100px; margin:0 auto;}
.blog_l{ width:28%; min-height:314px; background-color:#FFF;}
.blog_r{ width:70%; min-height:314px;}
.blog_img{ position:relative; width:100%;}
.blog_img img{ display:block; width:100%; }
.blog_infor{ padding:16px 12px 0 12px;}
.blog_title a,.blog_Rmore b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.blog_title a{ color:#d3001e; font-size:16px; font-weight:bold; display:block;}
.blog_intro{ color:#818181; font-size:12px; font-family:"微软雅黑"; line-height:26px; height:84px; overflow:hidden; padding-top:6px; margin-bottom:6px;}
.blog_wel span{font-size:12px; font-family:Arial; color:#666; padding-left:20px;}
.blog_wel1{ background:url(./images/blog_icon1.png) no-repeat left;}
.blog_wel2{ background:url(./images/blog_icon2.png) no-repeat left;}
.blog_list ul{ float:left;}
.blog_list li{ float:left; margin:0 3% 22px 0; display:inline; background-color:#FFF; position:relative; width:47%; height:90px;}
.blog_list li a{ display:block; width:99%; height:86px; border:2px solid #FFF;}
.blog_list li a span{ display:block; cursor:pointer; font-size:12px; font-family:"微软雅黑";}
.blog_Rtime{ width:78px; height:68px; margin:3.8% 0 0 3.8%; padding-top:10px; background-color:#969393; text-align:center;}
.blog_Rtime em,.blog_Rtime b{ display:block; font-family:Arial; color:#FFF;}
.blog_Rtime b{ font-size:24px;}
.blog_Rtime em{ font-style:normal; font-size:12px;}
.blog_Rmore{ width:73%; margin:3.8% 3.8% 0 0;}
.blog_Rmore b{ color:#333; display:block; width:230px; height:24px;  font-size:12px; font-family:"微软雅黑";}
.blog_Rmore span{ line-height:18px; height:36px; overflow:hidden;}
.blog_list li a .blog_more{ display:block; position:absolute; bottom:0; right:0; background:url(./images/blog_mbd.jpg) no-repeat; width:12px; height:12px; display:none;}
.blog_list li a:hover{ border:2px solid #d3001e;}
.blog_list li a:hover .blog_more{ display:block;}
.blog_list li a:hover .blog_Rtime{ background-color:#c70c1f;}
.blog_list li a:hover .blog_Rmore b{ color:#c70c1f; }

.blog_infTop{ height:auto; overflow:hidden; padding-bottom:4px;}
.blog_time{ width:23%; height:68px; background-color:#c70c1f; z-index:10;}
.blog_time span{ display:block; font-size:12px; font-family:Arial; color:#FFF; width:100%; height:34px; line-height:34px; text-align:center;}
.blog_time span.blog_y{ font-size:30px;}
.blog_day{ background-color:#a80011;}
.blog_infR{ width:73%;}
.blog_title{ padding:6px 0 8px;}
.blog_wel2{float:right;}
.blog_infR .blog_title a{ display:block; height:24px; font-family:"微软雅黑";}
.fr {
    float: right;
}
.fl {
    float: left;
}

/*首页-底部样式 */
.footer{width:100%; margin:0 auto; background:#323232; padding-bottom:10px; overflow:hidden;}
.bottom{width:82%; margin:0 auto; height:100px; margin-top:20px;}
.bottom_nav{float:left;}
.bottom_nav dl.d1{float:left; width:101px; margin:20px 60px 0 0;}
.bottom_nav dl.d1 dt{float:left; width:101px; height:45x; line-height:45px; font-family:"微软雅黑"; font-size:16px;}
.bottom_nav dl.d1 dt a{color:#d5d5d5;}
.bottom_nav dl.d1 dd{float:left;}
.bottom_nav dl.d1 dd ul{float:left; margin:5px 0 0 0;}
.bottom_nav dl.d1 dd ul li{float:left; width:131px; line-height:28px; font-size:13px;}
.bottom_nav dl.d1 dd ul li a{color:#b9b9b9;font-family:"微软雅黑";}
.bottom_nav dl.d2{float:left; width:101px; margin:20px 50px 0 20px;}
.bottom_nav dl.d2 dt{float:left; width:101px; height:45x; line-height:45px; font-family:"微软雅黑"; font-size:16px;}
.bottom_nav dl.d2 dt a{color:#d5d5d5;}
.bottom_nav dl.d2 dd{float:left;}
.bottom_nav dl.d2 dd ul{float:left; margin:5px 0 0 0;}
.bottom_nav dl.d2 dd ul li{float:left; width:101px; line-height:28px; font-size:13px;}
.bottom_nav dl.d2 dd ul li a{color:#b9b9b9;font-family:"微软雅黑";}
.bottom_nav dl.d3{float:left; width:131px; margin:20px 0 0 50px;}
.bottom_nav dl.d3 dt{float:left; width:131px; height:45x; line-height:45px; font-family:"微软雅黑"; font-size:15px; border-bottom:1px solid #484646;}
.bottom_nav dl.d3 dt a{color:#d5d5d5;}
.bottom_nav dl.d3 dd{float:left;}
.bottom_nav dl.d3 dd ul{float:left; margin:5px 0 0 0;}
.bottom_nav dl.d3 dd ul li{float:left; width:131px; font-family:"微软雅黑"; line-height:28px; font-size:12px;}
.bottom_nav dl.d3 dd ul li a{color:#b9b9b9;}
.bottom_nav dl.d4{float:left; width:336px; margin:20px 15px 0 0px;}
.bottom_nav dl.d4 dt{float:left; width:336px; height:45x; line-height:45px; font-family:"微软雅黑"; font-size:16px; }
.bottom_nav dl.d4 dt a{color:#d5d5d5;}
.bottom_nav dl.d4 dd{float:left; width:336px; color:#b9b9b9; font-size:12px; font-family:"宋体"; line-height:28px; padding-top:5px;}
.bottom_nav dl.d4 dd ul li{margin:15px 0;}
.bottom_nav dl.d4 dd ul li.c1{ background:url(./images/footer-address.png) no-repeat left; line-height:20px; font-size:13px; font-family:"微软雅黑"; padding:0 0 0 40px;}
.bottom_nav dl.d4 dd ul li.c2{ background:url(./images/footer-phone.png) no-repeat left; line-height:34px; height:34px; font-size:19px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 40px;}
.bottom_nav dl.d4 dd ul li.c3{ background:url(./images/footer-contact.png) no-repeat left; line-height:30px; height:30px; font-size:15px; font-family:"微软雅黑"; padding:0 0 0 40px;}
.ewm{float:right; width:194px; height:194px; margin:30px 0 0 0;}
.foot{width:100%; margin:0 auto; margin-top:40px; height:40px; line-height:50px; background:#323232; border-top:1px solid #4c4b4b; overflow:hidden;}
.foot dl{width:90%; margin:0 auto;}
.foot dl dt{width:100%; float:left; padding-top:15px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-family:"微软雅黑"; line-height:18px; font-size:13px; color:#ddd1d1;}
.foot dl dd{text-align:right; float:right;  font-family:"微软雅黑"; font-size:13px; color:#ddd1d1;}
.foot dl dd a{font-family:"微软雅黑"; font-size:13px; color:#ddd1d1;}
.foot dl dt a{color:#ddd1d1;}

/*关于我们样式 */
.bannerlist{width:100%; margin:0 auto; padding:70px 0 0 0; overflow:hidden; text-align:center;}
.bannerlist img{width:100%;}
.bannerlist01{width:100%; float:left;font-weight:normal; margin-top:70px; padding:33px 0 45px 0; background:url(./images/pattern11.png); overflow:hidden; text-align:center;}
.bannerlist01 h1 {
    color: #fff;
    font-size: 40px;
    font-weight:normal;
    padding-bottom: 15px;
    font-family:Tahoma, Geneva, sans-serif;
    background: url(./images/h-line1.png) no-repeat center bottom;
}
.bannerlist01 p {
    color: #fff;
    font-size: 18px;
    font-weight:normal;
    padding-top: 15px;
    font-family:"微软雅黑";
}
.dqwz{width:84%; margin:0 auto; overflow:hidden; margin-top:1%; z-index:99; position:relative; font-size:12px; font-family:"微软雅黑"; text-align:right;}
.dqwz01{width:84%; margin:0 auto; overflow:hidden; margin-top:100px; z-index:99999; position:relative; font-size:12px; font-family:"微软雅黑"; text-align:right;}
.dqwz span{float:right; background:url(./images/home.png) no-repeat 0 1px; padding-left:20px;}
.dqwz01 span{float:right; background:url(./images/home.png) no-repeat 0 1px; padding-left:20px;}
.service{width:100%; float:left; margin-top:70px;}
.about{width:84%; margin:0 auto; margin-top:3%; margin-bottom:5%;}
.about_title{width:100%; text-align:center; margin:0 auto;}
.about_title h1{width:100%; font-family:"微软雅黑"; color:#474747; font-size:28px; background:url(./images/line.png) no-repeat bottom center; padding-bottom:14px; text-align:center; margin:0 auto;}
.about_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.about_n{width:100%; margin:0 auto; margin-top:4%;  line-height:28px; font-family:"微软雅黑"; font-size:14px;}
.about_n dl{width:100%; float:left;}
.about_n dl dt{width:60%; float:left;}
.about_n dl dt h1{width:100%; float:left;}
.about_n dl dt h1 span{width:100%; float:left; font-size:28px; font-family:"微软雅黑"; margin-top:7px;}
.about_n dl dt div{width:100%; float:left; margin-top:20px; line-height:32px; font-size:14px;}
.about_n dl dd{width:33%; float:right; margin-top:2%;}
.about_n dl dd img{width:100%; }



.m_c{width:100%; margin:0 auto; margin-top:70px; float:left; overflow:hidden; background:url(./images/404bg.jpg) no-repeat center top; min-height:735px;}
.list404{width:50%; margin:0 auto;}
.list404 h1{width:26%; margin:0 auto; margin-top:20%;}
.list404 h1 img{width:100%;}
.list404 p{width:60%; margin:0 auto; margin-top:0%; font-size:31px; line-height:30px; font-family:"微软雅黑"; color:#787878; font-weight:bold;}
.list404 p span{width:100%; margin:0 auto; margin-top:0%; font-size:20px; font-family:"微软雅黑"; color:#b0b0b0; }
.list404 ul{width:65%; margin:0 auto; margin-top:4.5%; font-size:14px; font-family:"微软雅黑"; color:#787878;}
.list404 ul li{width:24%; float:left; margin-top:0%; font-family:"微软雅黑"; color:#787878; line-height:33px; margin:0 1px;}
.list404 ul li a{width:100%; float:left; background:#c8251e; color:#fff; font-family:"微软雅黑"; text-align:center;}

.ab_01{width:100%; margin:0 auto; overflow:hidden; margin-top:70px; background:url(./images/aboutbg.png) no-repeat right top; min-height:660px;}

.n1{width:100%; margin:0 auto; overflow:hidden; background:url(./images/bg01.jpg) no-repeat center top; min-height:663px;}
.culture{width:84%; margin:0 auto; margin-top:4%; margin-bottom:5%;}
.culture_title{width:100%; text-align:center; margin:0 auto;}
.culture_title h1{width:100%; font-family:"微软雅黑"; color:#fff; font-size:28px; background:url(./images/line.png) no-repeat bottom center; padding-bottom:14px; text-align:center; margin:0 auto;}
.culture_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.culture_n{width:100%; margin:0 auto; margin-top:2%;  line-height:28px; font-family:"微软雅黑"; font-size:14px;}
.culture_n ul{width:100%; float:left;}
.culture_n ul li{width:33.3%; background:#ffffff; min-height:200px; float:left;}
.culture_n ul li.c2{width:33.3%; background:#af2f23; float:left;}
.culture_n ul li.c4 ,.culture_n ul li.c6{width:33.3%; background:#868686; float:left;}
.culture_n ul li.c1 dt{width:13%; float:left; margin:46px 0 0 50px;}
.culture_n ul li.c1 dt img{width:100%; float:left;}
.culture_n ul li.c1 dd{width:40%; float:right; margin:46px 15% 0 0;}
.culture_n ul li.c1 dd h1{width:100%; float:left; border-bottom:1px solid #ccc; padding-bottom:4px; font-weight:normal; font-size:18px;}
.culture_n ul li.c1 dd p{width:100%; float:left; font-weight:normal; color:#888; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.culture_n ul li.c2 dt{width:13%; float:left; margin:46px 0 0 50px;}
.culture_n ul li.c2 dt img{width:100%; float:left;}
.culture_n ul li.c2 dd{width:40%; float:right; margin:46px 15% 0 0;}
.culture_n ul li.c2 dd h1{width:100%; float:left; color:#FFF; border-bottom:1px solid #fff; padding-bottom:4px; font-weight:normal; font-size:18px;}
.culture_n ul li.c2 dd p{width:100%; float:left; font-weight:normal; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.culture_n ul li.c3 dt{width:13%; float:left; margin:46px 0 0 50px;}
.culture_n ul li.c3 dt img{width:100%; float:left;}
.culture_n ul li.c3 dd{width:40%; float:right; margin:46px 15% 0 0;}
.culture_n ul li.c3 dd h1{width:100%; float:left; border-bottom:1px solid #ccc; padding-bottom:4px; font-weight:normal; font-size:18px;}
.culture_n ul li.c3 dd p{width:100%; float:left; font-weight:normal; color:#888; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.culture_n ul li.c4 dt{width:13%; float:left; margin:46px 0 0 50px;}
.culture_n ul li.c4 dt img{width:100%; float:left;}
.culture_n ul li.c4 dd{width:40%; float:right; margin:46px 15% 0 0;}
.culture_n ul li.c4 dd h1{width:100%; float:left; color:#FFF; border-bottom:1px solid #fff; padding-bottom:4px; font-weight:normal; font-size:18px;}
.culture_n ul li.c4 dd p{width:100%; float:left; font-weight:normal; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.culture_n ul li.c5 dt{width:13%; float:left; margin:46px 0 0 50px;}
.culture_n ul li.c5 dt img{width:100%; float:left;}
.culture_n ul li.c5 dd{width:40%; float:right; margin:46px 15% 0 0;}
.culture_n ul li.c5 dd h1{width:100%; float:left; border-bottom:1px solid #ccc; padding-bottom:4px; font-weight:normal; font-size:18px;}
.culture_n ul li.c5 dd p{width:100%; float:left; font-weight:normal; color:#888; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.culture_n ul li.c6 dt{width:13%; float:left; margin:46px 0 0 50px;}
.culture_n ul li.c6 dt img{width:100%; float:left;}
.culture_n ul li.c6 dd{width:40%; float:right; margin:46px 15% 0 0;}
.culture_n ul li.c6 dd h1{width:100%; float:left; color:#FFF; border-bottom:1px solid #fff; padding-bottom:4px; font-weight:normal; font-size:18px;}
.culture_n ul li.c6 dd p{width:100%; float:left; font-weight:normal; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.Sp{width:90%; margin:0 auto; margin-top:2%;}
.Sp_title{width:100%; text-align:center; margin:0 auto;}
.Sp_title h1{width:100%; font-family:"微软雅黑"; color:#474747; font-size:30px; background:url(./images/line.png) no-repeat bottom center; padding-bottom:14px; text-align:center; margin:0 auto;}
.Sp_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.Sp_title p{width:85%; text-align:center; margin:0 auto; margin-top:1%; line-height:22px; font-family:"微软雅黑"; font-size:16px;}
.Sp_n{width:100%; margin:0 auto; margin-top:6%;}
.service_list{ height:auto; overflow:hidden; padding:0px 0 106px; text-align:center;}
.service_list li{width:157px; display:inline-block; margin-bottom:20px; font-family:"微软雅黑";}
.service_list li span{ display:block; cursor:pointer;}
.service_icon{ display:block; background-image:url(./images/service_tipimg.png); width:100px; height:100px; margin-left:28px;}
.service_icon1{ background-position:0 0;}
.service_icon2{ background-position:-159px 0;}
.service_icon3{ background-position:-317px 0;}
.service_icon4{ background-position:-476px 0;}
.service_icon5{ background-position:-635px 0;}
.service_icon6{ background-position:-793px 0;}
.service_icon7{ background-position:-952px 0;}
.service_list li:hover .service_icon1{ background-position:0 -122px;}
.service_list li:hover .service_icon2{ background-position:-156px -122px;}
.service_list li:hover .service_icon3{ background-position:-317px -122px;}
.service_list li:hover .service_icon4{ background-position:-476px -122px;}
.service_list li:hover .service_icon5{ background-position:-635px -122px;}
.service_list li:hover .service_icon6{ background-position:-793px -122px;}
.service_list li:hover .service_icon7{ background-position:-952px -122px;}
.service_name,.service_intro{ width:120px; padding-left:18px; text-align:center;}
.service_name{ color:#333; font-size:16px; padding:18px 0 8px 18px;}
.service_intro{ color:#484848; font-size:12px; display:none!important;}
.service_list li:hover span{ color:#c70c1f;}

.kh_list{width:82%; margin:0 auto; margin-top:4%; padding-bottom:105px;}
.kh_list_title{width:100%; text-align:center; margin:0 auto;}
.kh_list_title h1{width:100%; font-family:"微软雅黑"; color:#474747; font-size:30px; padding-bottom:14px; text-align:center; margin:0 auto;}
.kh_list_title h1 em{padding-bottom:6px; width:100%; text-align:center; float:left;}
.kh_list_title p{width:85%; text-align:center; margin:0 auto; margin-top:1%; line-height:22px; font-family:"微软雅黑"; font-size:16px;}
.kh_list_n{width:100%; margin:0 auto; margin-top:2%; border-top:1px solid #e6e5e5; overflow:hidden;}
.kh_list_n ul{width:100%; float:left; border-bottom:1px solid #e6e5e5; overflow:hidden;}
.kh_list_n ul li{width:15.55%; float:left; height:60px; margin:20px 0; padding:0 8px; border-right:1px solid #e6e5e5;}
.kh_list_n ul li img{width:100%; float:left; height:60px;}

/*服务项目样式 */
.service dl.c1 dt div.on,.service dl.c1 dd div.on h1,.service dl.c1 dd div.on span,.service dl.c1 dd div.on ul{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity:1;
}
.service dl{width:100%; float:left; height:480px; overflow:hidden;}
.service dl.c2{width:100%; float:left; background:#fff;}

.service dl.c1 dt{width:50.2%; float:left; overflow:hidden;}

.service dl.c1 dt img{transition: all 0.6s; margin:0; width:100%;}


.service dl.c2 dt div.on,.service dl.c2 dd div.on h1,.service dl.c2 dd div.on span,.service dl.c2 dd div.on ul{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity:1;
}
.service dl.c1 dd{width:49.8%; padding:0 0 0 0%; float:left;}
.service dl.c1 dd div{padding:10% 20%; width:100%;}
.service dl.c2 dd div{width:100%;}
.service dl.c1 dd div h1{width:100%; float:left; -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;}
.service dl.c1 dd div h1 label{float:left; border-bottom:1px solid #a8a8aa; font-family:"微软雅黑"; font-size:28px; color:#333333; padding-bottom:20px; font-weight:normal; padding-right:20px; }
.service dl.c1 dd div span{width:100%; float:left; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:18px; -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;}
.service dl.c1 dd div ul{width:100%; float:left; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:45px; -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;}
.service dl.c1 dd div ul li{width:85px; float:left; margin-right:30px;}
.service dl.c1 dd div ul li h2{width:85px; height:85px; float:left; }


.intlist{width:50%; padding:0; float:left;}
.intlist{padding:30% 20%;}
.intlist h1{width:100%; float:left;}
.intlist h1 label{float:left; border-bottom:1px solid #a8a8aa; outline:none;  font-family:"微软雅黑"; font-size:28px; color:#333333; padding-bottom:20px; font-weight:normal; padding-right:20px;}
.intlist span{width:100%; float:left; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:18px;}
.intlist ul{width:100%; float:left; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:45px;}
.intlist ul li{width:85px; float:left; margin-right:20px;}
.intlist ul li h2{width:85px; height:85px; background:url(./images/sr_bg.png) no-repeat; float:left; padding-top:0;}
.intlist ul li h2 b{width:85px; margin-top:18px; color:#c3c3c3; font-weight:normal; font-size:40px; text-align:center; float:left; }
.intlist ul li p{width:85px; text-align:center; margin-top:7px; float:left; }

.service dl dd:hover{cursor:pointer;}
.service dl.c2 dt{width:49.8%; float:right; overflow:hidden;}
.service dl.c2 dt img{transition: all 0.6s; margin:0; width:100%; float:right;}
.service dl.c2 dd{width:50.2%; float:left;}
.service dl.c2 dd div{padding:10% 10% 10% 20%;}
.service dl.c2 dd div h1{width:100%; float:left; -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;}
.service dl.c2 dd div h1 label{float:left; border-bottom:1px solid #a8a8aa; font-family:"微软雅黑"; border-r font-size:28px; color:#333333; padding-bottom:20px; font-weight:normal; padding-right:20px;}
.service dl.c2 dd div span{width:100%; float:left; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:18px; -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;}
.service dl.c2 dd div ul{width:100%; float:left; font-family:"微软雅黑"; font-size:14px; color:#666666; margin-top:45px; -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    transition: opacity 0.5s,-webkit-transform 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
    opacity:0;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;}
.service dl.c2 dd div ul li{width:75px; float:left; margin-right:40px;}

.list_dh{width:100%; min-height:80px; margin:0 auto; -webkit-box-shadow: #c8c8c8  0px 0px 8px; -moz-box-shadow: #c8c8c8  0px 0px 8px; box-shadow: #c8c8c8 0px 0px 8px; position:fixed; z-index:99999; background:#fff;}
.list_dh ul{width:84%; margin:0 auto; text-align:center;}
.list_dh ul li{margin:0 auto; display:inline-block; text-align:center; line-height:80px; height:80px; font-size:18px; margin:0 30px; font-family:"微软雅黑";}
.list_dh ul li.cur{border-bottom:2px solid #ca3029;}

.ds_list01{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.ds_list01 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.ds_list01 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}
.ds_list01 ul{width:100%; float:left; padding-bottom:20px; margin-top:30px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.ds_list01 ul li{width:18%; min-height:220px; margin-right:0.8%; margin-left:0.8%; border-radius:8px; -webkit-box-shadow: #c8c8c8  0px 0px 8px; -moz-box-shadow: #c8c8c8  0px 0px 8px; box-shadow: #c8c8c8 0px 0px 8px; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.ds_list01 ul li label{width:100%; float:left; text-align:center; margin-top:15%;}
.ds_list01 ul li:hover label img{-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
    transform: rotateY(180deg);
    transition: all 0.6s;
}
.ds_list01 ul li p{width:100%; float:left; text-align:center; font-family:"微软雅黑"; margin-top:13%; font-size:24px; color:#666666;}

.pc_list01{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.pc_list01 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.pc_list01 span{width:100%; margin:0 auto; float:left; margin-top:20px; line-height:30px; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#333333;}
.pc_list01 ul{width:100%; margin:0 auto; text-align:center; display:inline-block; margin-top:45px; font-family:"微软雅黑"; font-size:15px; color:#333333;}
.pc_list01 ul li{width:22%; border-right:1px dotted #ccc; padding:15px 0; display:inline-block; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:15px; color:#333333;}
.pc_list01 ul li h1{width:100%; float:left;}
.pc_list01 ul li label{width:100%; margin-top:20px; float:left;}


.app_list01{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.app_list01 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.app_list01 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}
.app_list01 ul{width:100%; float:left; padding-bottom:20px; margin-top:30px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list01 ul li{width:15%; min-height:410px; margin-right:0.8%; margin-left:0.8%; background:#f6f6f6; display:inline-block; float:left; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list01 ul li label{width:100%; float:left; text-align:center; margin-top:15%;}
.app_list01 ul li h2{width:100%; float:left; text-align:center; margin-top:12%; background:url(./images/h.jpg) no-repeat bottom center; padding-bottom:40px;}
.app_list01 ul li h2 span{width:100%; text-align:center; overflow:hidden;  font-size:22px; color:#333;}
.app_list01 ul li h2 em{width:18px; height:3px; overflow:hidden;  margin:0 auto; background:#c7251e;}
.app_list01 ul li p{float:left; text-align:center; min-height:120px; padding:0 25px; font-family:"微软雅黑"; margin-top:13%; font-size:14px; color:#666666;}
.app_list01 ul li label{}

.pc_list02{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.pc_list02 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.pc_list02 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}
.pc_list02 ul{width:100%; float:left; padding-bottom:20px; margin-top:30px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.pc_list02 ul li{width:15%; min-height:410px; margin-right:0.8%; margin-left:0.8%; background:#f6f6f6; display:inline-block; float:left; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.pc_list02 ul li label{width:100%; float:left; text-align:center; margin-top:15%;}
.pc_list02 ul li h2{width:100%; float:left; text-align:center; margin-top:12%; background:url(./images/h.jpg) no-repeat bottom center; padding-bottom:40px;}
.pc_list02 ul li h2 span{width:100%; text-align:center; overflow:hidden;  font-size:18px; color:#333;}
.pc_list02 ul li h2 em{width:18px; height:3px; overflow:hidden;  margin:0 auto; background:#c7251e;}
.pc_list02 ul li p{float:left; text-align:center; min-height:120px; padding:0 25px; font-family:"微软雅黑"; margin-top:13%; font-size:14px; color:#666666;}
.pc_list02 ul li label a{display:inline-block; height:28px; line-height:28px; text-align:center; padding:0 25px; background:#505050; font-size:12px; color:#fff; font-family:"微软雅黑"; border-radius:14px;}

.ds_list02{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.ds_list02 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.ds_list02 span{width:100%; margin:0 auto; float:left; margin-top:30px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}
.ds_list02 p{width:100%; margin:0 auto; float:left; margin-top:30px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}

.ds_list03{width:84%; margin:0 auto; overflow:hidden; margin-top:0.3%;}
.ds_list03 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.ds_list03 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}

.more01{display:block; margin:0 auto; overflow:hidden; border:1px solid #c7251e; padding:0px 0px; margin-bottom:40px; width:200px; height:42px; line-height:42px; text-align:center; font-family:"微软雅黑"; font-size:14px; color:#c7251e;}

.ds_list04{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.ds_list04 h1{width:100%; margin:0 auto; text-align:center; font-family:"微软雅黑"; font-size:28px; color:#333333;}
.ds_list04 span{width:100%; margin:0 auto; float:left; margin-top:20px; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#666666;}
.ds_list04 ul{width:100%; float:left; padding-bottom:20px; margin-top:30px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.ds_list04 ul li{width:23%; min-height:220px; margin-right:0.8%; margin-left:0.8%; border-radius:8px; -webkit-box-shadow: #c8c8c8  0px 0px 8px; -moz-box-shadow: #c8c8c8  0px 0px 8px; box-shadow: #c8c8c8 0px 0px 8px; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.ds_list04 ul li h2{width:100%; float:left; height:60px; background:#333; text-align:center; color:#fff; font-size:22px; font-weight:normal; border-radius:5px 5px 0 0; line-height:60px;}
.ds_list04 ul li p{width:100%; float:left; text-align:center; height:60px; line-height:60px; background:#f3f3f3; margin-top:15px; font-family:"微软雅黑"; font-size:18px; color:#666666;}

.xq_list{width:83%; margin:0 auto; margin-top:3%; padding-bottom:75px;}
.xq_list h1{width:100%; font-family:"微软雅黑"; color:#333333; font-weight:normal; font-size:24px; padding-bottom:14px; text-align:left; margin:0 auto;}
.xq_list h1 span{color:#c7251e;}
.xq_list div{width:100%; margin:0 auto; margin-top:2%; overflow:hidden;}
.xq_list div input{margin-top:10px;}
.xq_list div img{cursor: pointer; float:left; margin-top:10px; width:124px; margin-right:14px;}
.input01{float:left; margin-right:1%; width:20%; font-family:"微软雅黑"; color:#666; font-size:13px; height:53px; line-height:53px; outline:none; padding:0 10px;}
.input02{float:left; margin-right:1%; width:42%; font-family:"微软雅黑"; color:#666; font-size:13px; height:53px; line-height:53px; outline:none; padding:0 10px;}
.input03{float:left; width:10%; height:53px; font-family:"微软雅黑"; color:#666; background:#c7251e; color:#fff;  font-family:"微软雅黑"; font-size:14px; cursor:pointer; line-height:53px; outline:none; padding:0 10px; margin-top:10px;}
.xq_list p{width:100%; font-family:"微软雅黑"; color:#666666; font-weight:normal; font-size:14px; text-align:left; margin:0 auto; margin-top:1%;}

.app_list{width:84%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.app_list ul{width:100%; float:left; padding-bottom:20px; margin-top:0px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list ul li{width:48.15%; min-height:280px; margin-right:0.8%; margin-left:0.8%; padding-bottom:70px; cursor:pointer; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list ul li:hover{width:48.15%; transition: all 0.6s; min-height:280px; margin-right:0.8%; margin-left:0.8%; padding-bottom:70px; cursor:pointer; -webkit-box-shadow: #c8c8c8  0px 0px 8px; -moz-box-shadow: #c8c8c8  0px 0px 8px; box-shadow: #c8c8c8 0px 0px 8px; background:#fff; display:inline-block; margin-top:20px; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.app_list ul li label{width:100%; float:left; text-align:center; margin-top:10%; min-height:150px;}
.app_list ul li:hover label img{-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
    transform: rotateY(180deg);
    transition: all 0.6s;}
.app_list ul li h1{width:100%; float:left; text-align:center; font-family:"微软雅黑"; margin-top:3%; font-size:32px; color:#333; font-weight:normal;}

.app_list ul li p{text-align:center; padding:0 20px; margin:0 auto; font-family:"微软雅黑"; overflow:hidden; padding-top:2%; font-size:18px; color:#333333;}
.app-delivery-list {
    overflow: hidden;
    width:100%;
    margin-top:4%;
}
.app-delivery-list h1 {
    width: 83%;
    margin: auto;
    font-size: 28px;
    text-align: center;
    color: #303030;
    font-family:"微软雅黑";
}
.app-delivery-list P {
    width: 100%;
    text-align: center;
    margin: 20px auto 60px;
    color: #767676;
    font-family:"微软雅黑";
    font-size:16px;
}
.app-delivery-list .delivery-list-box {
    width: 83%;
    margin: auto;
}
.app-delivery-list .delivery-list-box dl {
    float: left;
    width: 20%;
    height: 240px;
    text-align: center;
    font-family:"微软雅黑";
}
.app-delivery-list .delivery-list-box dl dd {
    font-size: 24px;
    margin: 38px 0;
    color: #626262;
}
.app-technical-support {
    padding-top: 50px;
    padding-bottom: 50px;
}
.app-technical-support > h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    color: #303030;
    width: 1200px;
    margin: auto;
}
.app-technical-support > P {
    width: 1200px;
    text-align: center;
    margin: 30px auto 40px;
    color: #767676;
}
.app-technical-support .show-support {
    overflow: hidden;
    width: 1200px;
    margin: auto;
}
.app-technical-support .show-support div {
    width: 300px;
    height: 360px;
    float: left;
    text-align: center;
}
.app-technical-support .show-support div img {
    margin-top: 100px;
    height: 74px;
}
.app-technical-support .show-support div p {
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    margin: 30px auto 40px;
}
.app-technical-support .show-support div:nth-of-type(1) {
    background: url(./images/zcbg1.jpg);
}
.app-technical-support .show-support div:nth-of-type(2) {
    background: url(./images/zcbg2.jpg);
}
.app-technical-support .show-support div:nth-of-type(3) {
    background: url(./images/zcbg3.jpg);
}
.app-technical-support .show-support div:nth-of-type(4) {
    background: url(./images/zcbg4.jpg);
}
.app-system-safety {
    width: 1200px;
    margin: auto;
    padding-bottom: 50px;
    overflow: hidden;
}
.app-system-safety h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    color: #303030;
    width: 1200px;
    margin: auto;
}
.app-system-safety P {
    width: 1200px;
    text-align: center;
    margin: 30px auto 40px;
    color: #767676;
}
.app-system-safety dl {
    margin-bottom: 10px;
    box-shadow: 0 0 10px 2px rgba(188, 188, 188, 0.4);
    width: 270px;
    float: left;
    text-align: center;
    margin: 0 15px;
}
.app-system-safety dl dt {
    line-height: 60px;
    background: #434343;
    color: #fff;
    font-size: 24px;
    border-radius: 4px;
}
.app-system-safety dl dd {
    font-size: 18px;
    line-height: 60px;
    background: #EBF9FF;
    margin: 14px 0px;
    color: #767676;
}
.app-system-safety dl dd:last-child {
    margin-bottom: 0;
}
.app-system-safety dl:nth-of-type(3) dd:nth-of-type(1) {
    line-height: 26px;
    padding: 4px 0px;
}
.app-us-ability {
    height: 385px;
    background: #f6f6f6;
}
.app-us-ability h1 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 40px 0 60px;
    color: #303030;
    width: 1200px;
    margin: auto;
}
.app-us-ability .app-us-ability-content {
    width: 1200px;
    margin: auto;
}
.app-us-ability .app-us-ability-content .content-box {
    text-align: center;
    width: 300px;
    float: left;
}
.app-us-ability .app-us-ability-content .content-box h3 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
}
.app-us-ability .app-us-ability-content .content-box p {
    line-height: 24px;
    color: #767676;
}

#wechat-function {
    height: 570px;
    background: url(./images/wwbg.jpg) no-repeat;
    background-size: cover;
}
.pub-1201 {
    width:90%;
    margin:0 auto;
    margin-top:2%;
    padding-bottom:100px;
}
.pub-1201 h1 {
    text-align: center;
    font-family: "微软雅黑";
    font-size: 28px; color:#333333;
}
.pub-1201 > p {
    text-align: center;
    line-height: 24px;
    margin:0 auto;
    margin-top: 22px;
    margin-bottom: 28px;
    font-size: 16px;
    font-family: "微软雅黑";
    color: #767676;
}
.pub-1201 ul {
    overflow: hidden;
}
.pub-1201 ul li {
    transition: all 0.2s;
    position: relative;
    float: left;
    width: 24.4%;
    margin-right:0.6%;
    font-family: "微软雅黑";
    overflow:hidden;
    height: 480px;
    color: #fff;
}
.pub-1201 ul li .box-5 {
    transition: all 0.2s;
    background: rgba(0, 0, 0, 0.3);
    height: 480px;
}
.pub-1201 ul li .box-6 {
    transition: all 0.2s;
    background: rgba(0, 0, 0, 0.77)!important;
    height: 480px;
}
.pub-1201 ul li .box-5 div {
    transition: all 0.2s;
    position: relative;
    z-index: 2;
    text-align: center;
    height: 95px;
    padding-top: 125px;
}
.pub-1201 ul li .box-5 h2 {
    transition: all 0.2s;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
}
.pub-1201 ul li .box-5 p {
    transition: all 0.5s;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 0px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    line-height: 24px;
}
.pub-1201 ul li .box-5 div.bg {
    transition: all 0.5s;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 480px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    line-height: 24px;
}
.pub-1201 ul li:hover .box-5 div.bg {
    transition: all 0.2s;
    z-index:99999;
    cursor:pointer;
    position: absolute;
    top: 5px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    line-height: 24px;
}

.pub-1201 ul li:hover{cursor:pointer;}
.pub-1201 ul li:hover .box-5 p {
    transition: all 0.2s;
    cursor:pointer;
    position: absolute;
    z-index: 1;
    top: 0px;
    padding: 215px 5%;
    width:91%;
    text-align:center;
    height:100%;
    font-size: 14px;
    background: rgba(199, 37, 30, 0.9);
    line-height: 24px;
}
.pub-1201 ul li:hover .box-5 {
    background: none;
}
.pub-1201 ul li:hover .box-5 div {
    padding-top: 20%;
}
.pub-1201 ul li:hover .box-5 h2 {
    margin-top: -10px;
}
.pub-1201 ul li:hover .box-5 p {
    top: 0px;
}
.pub-1201 ul li:nth-of-type(1) {
    background-image: url("./images/index.jpg");
    background-size:100% 100%;
}
.pub-1201 ul li:nth-of-type(2) {
    background: url("./images/index_img_2.jpg");
    background-size:100% 100%;
}
.pub-1201 ul li:nth-of-type(3) {
    background: url("./images/index_img_3.jpg");
    background-size:100% 100%;
}
.pub-1201 ul li:nth-of-type(4) {
    background: url("./images/index_img_4.jpg");
    background-size:100% 100%;
}

.pub-1200 {
    width:83%; margin:0 auto;
    padding-bottom:100px;
}
.pub-1200 h1 {
    text-align: center;
    font-family: "微软雅黑";
    font-size: 28px; color:#333333;
}
.pub-1200 > p {
    text-align: center;
    line-height: 24px;
    margin:0 auto;
    margin-top: 22px;
    margin-bottom: 28px;
    font-size: 16px;
    font-family: "微软雅黑";
    color: #767676;
}
.pub-1200 ul {
    overflow: hidden;
}
.pub-1200 ul li {
    transition: all 0.2s;
    position: relative;
    float: left;
    width: 687px;
    font-family: "微软雅黑";
    height: 480px;
    margin: 0px 8px;
    color: #fff;
}
.pub-1200 ul li .box-4 {
    transition: all 0.2s;
    /* background: rgba(0, 0, 0, 0.5); */
    height: 480px;
}
.pub-list ul li .box-4 {
    transition: all 0.2s;
    /* background: #f6f6f6; */
    height: 480px;
}

.pub-1200 ul li .box-4 div {
    transition: all 0.2s;
    position: relative;
    z-index: 2;
    text-align: center;
    height: 135px;
    padding-top: 105px;
}
.pub-1200 ul li .box-4 h2 {
    transition: all 0.2s;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
}
.pub-1200 ul li .box-4 p {
    transition: all 0.2s;
    position: absolute;
    z-index: 1;
    top: 480px;
    padding: 215px 51px;
    font-size: 14px;
    background: rgba(199, 37, 30, 0.8);
    line-height: 24px;
}
.pub-list ul li .box-4 h2{
    color:#333333;
    margin-top:30px;
}
.pub-list ul li:hover .box-4 h2{
    color:#ffffff;
    margin-top:30px;
    padding-top:10px;
}

.pub-list ul li .box-4 div{
    height:95px;
    padding-top: 20px;
}
.pub-list ul li .box-4 span{
    transition: all 0.2s;
    z-index: 2;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    background:#d04643;
    display:inline-block;
    width:50px;
    margin:0 44%;
    position:relative;
    height:2px;
}
.pub-1200 ul li:hover .box-4 {
    background: none;
}
.pub-1200 ul li:hover .box-4 div {
    padding-top: 0px;
}
.pub-1200 ul li:hover .box-4 h2 {
    /* margin-top: -10px; */
}
.pub-1200 ul li:hover .box-4 p {
    top: 0px;
}
.pub-1200 ul li:nth-of-type(1) {
    background-image: url("./images/wx_img_1.jpg");
    background-size:100% 100%;
}
.pub-1200 ul li:nth-of-type(2) {
    background: url("./images/wx_img_2.jpg");
    background-size:100% 100%;
}
.pub-1200 ul li:nth-of-type(3) {
    background: url("./images/wx_img_3.jpg");
    background-size:100% 100%;
}
.pub-1200 ul li:nth-of-type(4) {
    background: url("./images/wx_img_4.jpg");
    background-size:100% 100%;
}
.pub-list ul li:nth-of-type(1) {
    background-image:none;
    background-size:100% 100%;
}
.pub-list ul li:nth-of-type(2) {
    background:none;
    background-size:100% 100%;
}
.pub-list ul li:nth-of-type(3) {
    background:none;
    background-size:100% 100%;
}
.pub-list ul li:nth-of-type(4) {
    background:none;
    background-size:100% 100%;
}
#wechat-toll {
    padding-bottom: 60px;
    overflow: hidden;
    background: #EEEEEE;
}
#wechat-toll h1 {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 40px;
    font-size: 34px;
    font-weight: normal;
    color: #303030;
}
#wechat-toll dl {
    border-radius: 8px;
    float: left;
    width: 370px;
    height: 260px;
    margin: 14px 15px;
    background: #fff;
    text-align: center;
}
#wechat-toll dl dt {
    padding-top: 35px;
}
#wechat-toll dl dd h2 {
    padding: 24px 0 20px;
    font-size: 24px;
    font-weight: normal;
    color: #303030;
}
#wechat-toll dl dd p {
    padding: 0 32px;
    line-height: 24px;
    color: #767676;
}

#wechat-function h1 {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 40px;
    font-size: 28px;

    color: #333333;
}
#wechat-function ul {
    overflow: hidden;
}
#wechat-function ul li {
    float: left;
    width: 9.1%;
    height: 120px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}
#wechat-function ul li p {
    padding: 26px 0 20px;
    padding-bottom: 10px;
}
#wechat-function ul li p img {
    height: 36px;
}
#wechat-function ul li span {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    width: 100%;
    float: left;
}
#wechat-function ul:nth-of-type(1) li:nth-child(even) {
    background: rgba(0, 0, 0, 0.7);
}
#wechat-function ul:nth-of-type(2) li:nth-child(odd) {
    background: rgba(0, 0, 0, 0.7);
}
#wechat-function ul:nth-of-type(3) li:nth-child(even) {
    background: rgba(0, 0, 0, 0.7);
}
#wechat-dev-flow {
    padding-bottom: 115px;
}
#wechat-dev-flow h1 {
    text-align: center;
    padding-top: 75px;
    font-size: 34px;
    font-weight: normal;
    color: #303030;
}
#wechat-dev-flow .pub-1200 > p {
    text-align: center;
    line-height: 24px;
    margin-top: 22px;
    margin-bottom: 28px;
    font-size: 16px;
    color: #767676;
}
#wechat-dev-flow .flow-title {
    width: 1120px;
    margin: 0 auto 26px;
}
#wechat-dev-flow .flow-title div {
    border-bottom: 2px solid #85AEF3;
    padding-bottom: 12px;
    overflow: hidden;
}
#wechat-dev-flow .flow-title div span {
    float: left;
    width: 260px;
    margin-left: 16px;
    text-align: center;
    color: #9b9b9b;
}
#wechat-dev-flow .flow-title i {
    margin-top: -10px;
    margin-right: 260px;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 100%;
    border: 2px solid #85AEF3;
}
#wechat-dev-flow .flow-title i:last-child {
    margin-right: 0;
}
#wechat-dev-flow .flow-details {
    width: 1120px;
    margin: auto;
}
#wechat-dev-flow .flow-details ul {
    overflow: hidden;
}
#wechat-dev-flow .flow-details ul li {
    background: url("./images/webg.png") no-repeat 13px 0;
    width: 140px;
    height: 80px;
    float: left;
    text-align: center;
}
#wechat-dev-flow .flow-details ul li p {
    height: 26px;
    width: 26px;
    margin: 6px auto 16px;
    padding: 5px;
    border: 2px solid #fff;
    background: #72A1F1;
    border-radius: 100%;
    line-height: 22px;
}
#wechat-dev-flow .flow-details ul li p img {
    height: 18px;
    width: 18px;
}
#wechat-dev-flow .flow-details ul li span {
    color: #464646;
}
#wechat-dev-flow .flow-details ul li:hover {
    background: url("./images/wxbg2.png") no-repeat 13px 0;
}
#wechat-dev-flow .flow-details ul li:hover p {
    background-color: #3478eb;
}
#wechat-dev-flow .flow-details ul li:hover span {
    color: #4D8EFA;
}
.NavMore{  display:none;
}

.serPager{right:30px;top:0;bottom:0;width:12px;z-index:100;position:fixed;display:none;transition:all 0.4s;}
.serPager span{width:10px;height:10px;overflow:hidden;border-radius:50%;background:#000;border:1px solid transparent;margin:8px 0;cursor:pointer;}
.serPager .z-hov{border:1px solid #000;background:none;}
.servicb{overflow:hidden;}
.servicb .imgBox{display:block;width:100%;height:100%;overflow:hidden;}
.section{width:100%;height:100%;text-align:left;background:#fff;}
.section .inner{width:59.764%;margin:0 auto;}
.section h2{font-size:26px;color:#454545;padding-top:39%;padding-bottom:6%;position:relative;zoom:1;}
.section h2 i{position:absolute;width:30%;left:0;bottom:0;height:1px;overflow:hidden;background:#a8a8aa;}
.section .instro{font-size:14px;color:#898989;line-height:23px;padding:5.5% 0 0 0;}
.section .icons{overflow:hidden;}
.section .icons li{width:11.822%;float:left;margin-right:32%;margin-top:12%;}
.section .icons .imgBox{display:block;width:100%;height:0;padding-bottom:100%;}
.section .icons .imgBox_1{background:url(./images/icons_1.png) no-repeat;}
.section .icons .imgBox_2{background:url(./images/icons_2.png) no-repeat;}
.section .icons .imgBox_3{background:url(./images/icons_3.png) no-repeat;}
.section .icons .imgBox_4{background:url(./images/icons_4.png) no-repeat;}
.section .icons .imgBox_5{background:url(./images/icons_5.png) no-repeat;}
.section .icons .imgBox_6{background:url(./images/icons_6.png) no-repeat;}
.section .icons .imgBox_7{background:url(./images/icons_7.png) no-repeat;}
.section .icons .imgBox_8{background:url(./images/icons_8.png) no-repeat;}
.section .icons .imgBox_9{background:url(./images/icons_9.png) no-repeat;}
.section .icons .imgBox_10{background:url(./images/aaa1.png) no-repeat;}
.section .icons .imgBox_11{background:url(./images/aaa2.png) no-repeat;}
.section .icons .imgBox_12{background:url(./images/aaa3.png) no-repeat;}

.section .icons .imgBox_13{background:url(./images/icons_10.png) no-repeat;}
.section .icons .imgBox_14{background:url(./images/icons_11.png) no-repeat;}
.section .icons .imgBox_15{background:url(./images/icons_12.png) no-repeat;}
.section .word{display:block;text-align:center;color:#4e6883;font-size:11px;padding-top:10px;}

.bw-banner{
    width:100%;
    background:url(./images/jz-banner.jpg) no-repeat;
    background-size: cover;
    min-height: 543px;
    margin-top:70px;
    text-align:center;
    overflow:hidden;
}
.bw-banner h2{
    position:relative;
    width:80%;
    margin:0 10%;
    margin-top:16%;
    font-size:45px;
    color:#ffffff;
    font-family:"微软雅黑";
    mix-blend-mode: difference;
}
.bw-banner p{
	margin: 4% 0 0 0;
	text-align: center;
}
.bw-banner p a.more-a{
	display: inline-block;
	width: 110px;
	height: 40px;
	margin: 0 5px;
	line-height: 40px;
	text-align: center;
	background: #c7251e;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #ffffff;
}
.list-news{
    width:91%;
    margin:0 auto;
}
.list-news ul{
    width:105%;
    float:left;
    margin:3% 0 0 0;
    padding-bottom:4%;
}
.list-news ul li{
    width:27.33%;
    float:left;
    margin-right:6%;
}
.list-news ul li dt{
    overflow:hidden;
    width:100%;
}
.list-news ul li dt img{
    width:100%;
    display:block;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -webkit-transition:all 0.6s ease;
    -ms-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
    -o-transition:all 0.6s ease;
    transition:all 0.6s ease;
}
.list-news ul li:hover dt img{
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.list-news ul li dd{
    width:100%;
    margin-top:3.8%;
}
.list-news ul li dd h2{
    font-size:16px;
    font-family:"微软雅黑";
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.list-news ul li dd p{
    font-size:13px;
    color:#999999;
    margin-top:5px;
    line-height:26px;
    font-family:"微软雅黑";
}
.mp-more{
    width:100%;
    float:left;
    text-align:center;
    padding-bottom:4%;
}
.more{
    display:inline-block;
    margin:0 auto;
    overflow:hidden;
    padding:13px 45px;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    color:#c7251e;
    border:1px solid #c7251e;
    text-transform:uppercase;
    transition: background-color 0.4s;
}
.more:hover{
    display:inline-block;
    margin:0 auto;
    overflow:hidden;
    padding:13px 45px;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
    border:1px solid #c7251e;
    background:#c7251e;
    text-transform:uppercase;
    transition: background-color 0.4s;
}
.container{
    width:83%;
    margin:0 auto;
    height:auto;
    padding-bottom:5%;
    overflow:hidden;
    margin-top:3%;
}
.houe {
    float: left;
    width: 27%;
    height: auto;
    margin-top: 34px;
    overflow: hidden;
    background: url(./images/bg4.jpg) no-repeat left top;
    padding-top: 46px;
}
.hezou {
    color: #333333;
    font-size: 36px;
    margin-bottom: 60px;
    overflow: hidden;
}
.hezou SPAN{
    font-size:20px;
    width:100%;
    float:left;
    color:#999999;
    font-family:Arial, Helvetica, sans-serif;
}
.hezuo_b {
    height: auto;
    overflow: hidden;
}
.hezuo_b p {
    line-height: 30px;
    color: #666666;
    font-size: 14px;
}
.bioai {
    float: right;
    width: 60%;
    height: auto;
    overflow: hidden;
    margin-top:1%;
    margin-right:1%;
}
.bioai p {
    clear: both;
    line-height: 30px;
    padding-bottom: 15px;
    overflow: hidden;
}
.bioai p span {
    display: block;
    float: left;
    width: 49%;
    height: auto;
    margin-right: 2%;
}
.bioai p img{height:40px;}
.bioai p span em {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    font-style:normal;
    margin-bottom: 9px;
}
.bioai p span.qcbj {
    margin-right: 0%;
}
.bioai p i {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 9px;
    color: #333333;
    font-style:normal;
}
.wbk {
    width: 93%;
    height: 40px;
    background: #ffffff;
    border-radius: 2px;
    outline:none;
    line-height: 40px;
    border: none;
    padding: 0 5px;
}
.wbk1 {
    width: 96.5%;
    height: 40px;
    background: #ffffff;
    border-radius: 2px;
    outline:none;
    line-height: 40px;
    border: none;
    padding: 0 5px;
}
.wbk2 {
    width: 96.5%;
    height: 90px;
    background: #ffffff;
    border-radius: 2px;
    outline:none;
    line-height: 18px;
    border: none;
    padding: 5px 5px;
}
.anic {
    float: left;
    width: 25%;
    height: 53px;
    font-family: "微软雅黑";
    color: #666;
    background: #c7251e;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    line-height: 53px;
    outline: none;
    padding: 0 10px;
    margin-top: 0px;
}
/*客户案例样式 */
.case{width:100%; margin:0 auto; margin-top:0%;}
.case_n{width:100%; margin:0 auto; margin-top:2%; float:left;}
.case_detail{width:81%; margin:0 auto; margin-top:1%; margin-bottom:5%;}
.ny_ptab{padding: 10px 0 22px; height: 25px; line-height: 25px;}
.ny_ptab ul li{height: 25px; line-height: 25px; float: left; margin-right: 17px; font-size: 14px; font-family: "Microsoft YaHei";}
.ny_ptab ul li.longer1{width: 115px;}
.ny_ptab ul li a{display: block; height: 25px; line-height: 25px; text-align: center; font-family: "Microsoft YaHei";}
.ny_ptab ul li a:link, .ny_ptab ul li a:active, .ny_ptab ul li a:visited{color: #333;}
.ny_ptab ul li a:hover, .ny_ptab ul li a.hover{color: #e6002e;}
.ny_ptab ul li.tab_spaces{width: 7px; background: url(./images/news2.gif) 0 0 no-repeat;}
.news_list{padding-bottom: 20px; overflow: hidden; zoom: 1; width: 100%;}
.case_detail_left {width: 72%; float: left;}
.case_detail_left img{width:100%; margin-bottom:10px;}
.case_detial_right {width: 25.5%; float: right; padding-top: 0px;}
.caseXqDivLa h1 {height: 22px; border-left: 4px solid #cb0505; font-size:22px; color: #606060; font-family:"微软雅黑"; line-height: 22px; padding-left: 12px;}
.caseXqDivLa h1 em{font-style:normal; font-size:34px; margin-top:2px;  font-family:Arial, Helvetica, sans-serif; float:right; font-weight:normal;}
.caseXqDivLa h1 em a{color:#777777;}
.caseXqDivLa .strt{line-height:35px; margin-top:3px; font-size: 14px; color: #7a7a7a; font-family:"微软雅黑"; clear: both;}
.caseXqDivLa .strtA {height: 20px; clear: both; clear: both; margin-top:3px; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.caseXqDivLa .strtA img{vertical-align:middle; margin-right:4px; margin-top:-3px;}
.caseXqDivLa .strtA span {display: block; line-height: 20px; font-size: 12px; color: #7a7a7a; float: left; width: 118px;}
.caseXqDivLa .p {line-height:26px; float:left; font-size:13px; font-family:"微软雅黑"; color:#666; margin-top:8px;}
.caseXqDivLa .lianx {line-height:24px; width:100%; font-size:13px; font-family:"微软雅黑"; margin-top:15px; float:left;}
.caseXqDivLa .lianx .a1{display:block; padding:5px 28px 5px 20px; margin-top:5px; font-family:"微软雅黑"; font-size:14px; color:#fff; border-radius:0 18px 18px 0; background:#be0e29;}
.caseXqDivLa .lianx span{float:left;}
.caseXqDivLa .lianx em{float:right;}
.caseXqDivLa .lianx em ul{float:right;}
.caseXqDivLa .lianx em ul li {float: left; width: 45px; height: 45px; padding: 0 5px; overflow: hidden;}
.caseXqDivLa .lianx em ul li.prev_btn a {background: url(./images/rbtn.png) 0 0 no-repeat;}
.caseXqDivLa .lianx em ul li.prev_btn a:hover {background: url(./images/rbtn.png) 0 -47px no-repeat;}
.caseXqDivLa .lianx em ul li a {width: 45px; height: 45px; display: block;}
.caseXqDivLa .lianx em ul li.next_btn a {background: url(./images/rbtn.png) -88px 0 no-repeat;}
.caseXqDivLa .lianx em ul li.next_btn a:hover {background: url(./images/rbtn.png) -88px -47px no-repeat;}

/*新闻动态样式 */
.news{width:82%; margin:0 auto; margin-top:2%;}
.news_title{width:100%; text-align:center; margin:0 auto;}
.news_title ul{font-family:"微软雅黑"; color:#e60000; float:left;}
.news_title ul li{font-family:"微软雅黑"; color:#e60000; font-size:14px; margin-right:10px; margin-bottom:10px; float:left;}
.news_title ul li a{font-family:"微软雅黑"; display:block; background:#676869; color:#fff; padding:8px 22px; font-size:14px; float:left;}
.news_n{width:100%; float:left; padding-bottom:1%;}
.news_title ul li.dq a{font-family:"微软雅黑"; display:block; background:#c7251e; color:#fff; padding:8px 22px; font-size:14px; float:left;}
.news_n{width:100%; float:left; padding-bottom:1%;}
.news_n ul{width:100%; float:left;}
.news_n ul li{width:100%; float:left; border-bottom:1px dotted #ccc; padding-bottom:2.5%;  margin-top:2.5%;}
.news_n ul li dt{width:19%; float:left;}
.news_n ul li dt img{width:100%; float:left;}
.news_n ul li dd{width:79%; float:right;}
.news_n ul li dd h1{width:100%; float:left; line-height:33px; font-family:"微软雅黑"; font-size:17px;}
.news_n ul li dd p{width:100%; float:left; line-height:24px; margin-top:10px; color:#666666; font-family:"微软雅黑"; font-size:14px;}
.news_n ul li dd span{float:left; line-height:22px; margin-top:10px; color:#666666; font-family:"微软雅黑"; font-size:14px;}
.news_n ul li dd em{float:right; font-style:normal; line-height:22px; margin-top:10px; color:#666666; font-family:"微软雅黑"; font-size:14px;}
.news_n ul li dd em a{display:block; padding:7px 15px; color:#c7251e; border:1px solid #c7251e;}
.ny_n{padding-bottom: 20px; overflow: hidden; zoom: 1; width: 100%;}
.new_left{width: 70%; float: left;}
.new_left_title{width: 100%; border-bottom:1px solid #ccc; float: left;}
.new_left_title h1{width: 100%; line-height:30px; text-align:center; font-size:20px; color:#333; font-family:"微软雅黑"; float: left;}
.new_left_title p{width: 100%; line-height:40px; text-align:center; font-size:12px; color:#666666; font-family:"微软雅黑"; float: left;}
.new_left_title p span{margin:0 10px;}
.new_left_n{width: 98%; padding-left:10px; padding-right:10px; border-bottom:1px solid #ccc; padding-bottom:20px; line-height:26px; padding-top:18px; font-size:13px; font-family:"微软雅黑"; color:#333; float: left;}
.new_left_n img{margin:8px 0;}
.detailsNext_left{width: 100%;float: left; margin-top:8px;}
.detailsNext_left p{float: left; font-size:13px; color:#666666; font-family:"微软雅黑";}
.detailsNext_left p.f{float:right;}
.details_box_right {width: 26%; float: right;}
.details_box_rihgt_demo {margin-bottom: 30px;}
.details_box_right h5 {font-size: 20px; color: #8c8c8c; font-family:"微软雅黑"; font-weight: normal; margin-bottom: 10px;}
.details_box_rihgt_img {width: 100%; position: relative; overflow: hidden;}
.details_box_rihgt_img img{width:100%;}
.details_box_rihgt_img p {position: absolute; bottom: 0; width: 100%; height: 35px; line-height: 35px; background: rgba(0,0,0,0.5); padding-left: 30px; font-family:"微软雅黑"; font-size:14px; left: 0; color: #fff;}
.details_news_box {border-bottom: 1px solid #dbdbdb; line-height: 26px; margin-bottom: 10px;}
.details_news_box .title {font-size: 14px; font-family:"微软雅黑"; color: #333;}
.details_news_box .time {font-size: 12px; color: #b1b0b0; font-family:Arial, Helvetica, sans-serif;}
.details_news_box .info {font-size: 12px; font-family:"微软雅黑"; color: #8c8c8c; margin-bottom: 10px;}
/*联系我们样式 */
.contact{width:82%; margin:0 auto; margin-top:2%;}
.cont_usleft {float: left; width: 15%; padding-top: 33px; padding-left: 17px;}
.cont_usright{width: 82%; float: right; padding-top: 33px;}
.cont_us_txt{font-size: 18px; font-family: "Microsoft YaHei"; color: #000000; font-weight: 100; line-height: 27px; padding-bottom: 21px;}
.contxt{overflow: hidden; zoom: 1; padding-bottom: 25px;}
.tmsoo_contxt_cn{font-size:14px; font-family:"微软雅黑"; line-height:26px;}
.tmsoo_contxt_en{float: right; width: 411px; float: right; line-height: 23px; font-size: 12px; color: #333;}
.post_bot{padding-bottom: 30px;}
.post_bot img{width:100%;}
.submit_top{line-height: 33px; padding-bottom: 17px; font-family: "Microsoft YaHei"; font-size: 18px; color: #000;}
.sb_top{overflow: hidden; zoom: 1;}
.submit_bot{padding-bottom: 11px;}
.sumit_input{margin: 0 16px 11px 0; padding: 2px 2px 2px 10px; width: 328px; height: 34px; background:#f2f2f2; outline:none; float: left;}
.input_submits{width: 328px; height: 34px; line-height: 34px; background: none; border: none; outline:none; color:#666; font-size: 14px; font-family: "Microsoft YaHei";}
.sumit_input2{margin: 0 0 11px 0; width: 340px; height: 34px; float: left;}
.checkcode {width: 94%; height: 34px; padding: 2px 2px 2px 10px; line-height: 34px; background: none; outline:none; border: none; color:#666; margin-top:-2px; margin-left:-2px; background:#f2f2f2; font-size: 14px; font-family: "Microsoft YaHei";}
.sb_area_inputs {width: 100%; height: 92px; padding: 5px 1px 3px 10px; border: none; color:#666; background:#f2f2f2; margin-right: 13px; float: left;}
.sb_aiarea {width: 99%; line-height: 23px; height: 92px; background: none; outline:none; border: none; color:#666; font-size: 14px; font-family: "Microsoft YaHei";}
.ly_tip{width:100%; float:left; margin:12px 0 0 0; padding-bottom:50px;}
.ly {width: 177px; line-height: 43px; height: 42px; outline:none; cursor:pointer; color:#fff; font-size: 14px; background:#cd1100; font-family: "Microsoft YaHei";}
.sumit_input2 table{width:100%;}
.jztc{
    width:100%;
    float:left;
}
.jztc ul{
    width:100%;
    float:left;
}
.jztc ul li{
    width:93.2%;
    float:left;
    font-size:15px;
    line-height:20px;
    background:#f8f8f8;
    padding:3% 4%;
    margin-bottom:3%;
}
.jztc ul li h1{
    width:100%;
    float:left;
    line-height:33px;
    font-size:18px;
    margin-bottom:5px;
}
.jztc ul li dl{
    width:100%;
    float:left;
    padding:6px 0;
}
.jztc ul li dl dt{
    width:90px;
    float:left;
}
.jztc ul li dl dd{
    float:left;
    color:#666666;
    width:965px;
}
/* leftsead */
#leftsead{width:161px;height:290px;position:fixed;top:250px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:52px; font-family:"微软雅黑";}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:122px;background-color:#bb0000;height:47px;margin-left:37px;border:1px solid #bb0000;text-align:center;line-height:47px}
#p3{width:112px;background-color:#bb0000;height:47px;margin-left:47px;border:1px solid #bb0000;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}

.sitemap{width:100%; float:left; padding-bottom:80px; padding-top:20px;}
.sitemap-title{width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #ececec;}
.sitemap-title h2{width:100%; float:left; font-size:26px; color:#333333; font-family:"微软雅黑"; }
.sitemap-title span{width:100%; float:left; font-size:24px; color:#e4e4e4; font-family:"微软雅黑"; text-transform:uppercase; margin-top:-5px; }
.sitemap-n{width:100%; float:left; padding-bottom:10px;}
.sitemap-n ul{width:100%; float:left;}
.sitemap-n ul li{width:100%; float:left; margin-top:25px; padding-bottom:25px; border-bottom:1px dotted #ccc;}
.sitemap-n ul li h3{width:100%; float:left; font-size:18px; color:#333333; font-family:"微软雅黑";}
.sitemap-n ul li a{display:block; float:left; font-size:16px; color:#8d8d8d; margin:15px 15px 0 0; width:13%; font-family:"微软雅黑";}
.sitemap-n ul li a:hover{text-decoration:underline;}
.sitemap-n ul li.map1{width:58%; float:left; margin-top:25px; padding-bottom:25px; border-bottom:0;}
.sitemap-n ul li.map1 a{display:block; float:left; font-size:16px; color:#8d8d8d; margin:15px 15px 0 0; width:46%; font-family:"微软雅黑";}
.sitemap-n ul li.map2{width:40%; float:left; margin-top:25px; padding-bottom:25px; border-bottom:0;}
.sitemap-n ul li.map2 a{display:block; float:left; font-size:16px; color:#8d8d8d; margin:15px 0 0 0; width:50%; font-family:"微软雅黑";}



/*首页-响应式案例样式 */
@media all and (max-width: 1920px) {
    .logo{margin:0.6% 0 0 0;}
    .i_contact_title h1 em{margin: 2% 0; margin-bottom:0;}
    .blog_list li{height:121px;}
    .blog_Rtime{margin: 3.4% 0 0 3.8%;}
    .blog_list li a{height:118px; width:99.4%;}
    .blog_Rmore{width:75%; margin: 3.5% 3.8% 0 0;}
    .blog_l{min-height: 337px;}
    .shortcut a:hover .imgH{display:block;left:31.8%;}
    .shortcut a .imgH{left:-80%; top:0;}
    .NavMore{display:none;}
	.pub-list ul li .box-4 span{
	margin:0 43%;
	}
	.service_list li{margin:0 1.5%;}
	.bioai p input.input01{height:40px; line-height:40px;}
}
@media all and (max-width: 1680px) {
    .shortcut a:hover .imgH{display:block;left:29.2%;}
    .blog_list li{height: 111px;}
    .blog_list li a{height: 108px;}
    .pub-1201 ul li,.pub-1201 ul li .box-6,.pub-1201 ul li .box-5{    height: 445px;}
    .pub-1201 ul li .box-5 div.bg{    top: 445px;}
    .kh_list_n ul li{width: 15.35%;}
    .pub-1200 ul li,.pub-1200 ul li .box-6,.pub-1200 ul li .box-5{    height: 445px;}
    .pub-1200 ul li .box-5 div.bg{    top: 445px;}
}
@media all and (max-width: 1660px) {
    .shortcut a:hover .imgH{display:block;left:28.2%;}
    .blog_Rmore{width:72%;}
    .blog_Rtime{margin: 3% 0 0 3.8%;}
    .pub-1201 ul li,.pub-1201 ul li .box-6,.pub-1201 ul li .box-5{    height: 425px;}
    .pub-1201 ul li .box-5 div.bg{    top: 425px;}
    .pub-1200 ul li,.pub-1200 ul li .box-6,.pub-1200 ul li .box-5{    height: 425px;}
    .pub-1200 ul li .box-5 div.bg{    top: 425px;}
    .blog_list li{height: 109px;}
    .blog_list li a{height: 105px;}
}
@media all and (max-width: 1440px) {
    .shortcut a:hover .imgH{display:block;left:25.81%;}
    .blog_Rmore{width:69%; margin: 3.8% 3.8% 0 0;}
    .blog_Rtime{margin: 2.4% 0 0 3.8%;}
    .logo{margin:0.7% 0 0 0;}
    .pub-1201 ul li,.pub-1201 ul li .box-6,.pub-1201 ul li .box-5{    height: 400px;}
    .pub-1201 ul li .box-5 div.bg{    top: 400px;}
    .pub-1200 ul li,.pub-1200 ul li .box-6,.pub-1200 ul li .box-5{    height: 400px;}
    .pub-1200 ul li .box-5 div.bg{    top: 400px;}
    .blog_list li{height: 102px;}
    .blog_list li a{height: 98px;}
    .kh_list_n ul li{width: 15.15%;}
    .kh_list_n ul li,.kh_list_n ul li img{height:50px;}
    .input02{width:41.5%;}
    .intlist{    width: 70%;}
    .app_list01 ul li{    min-height: 370px;}
	.service_list li {
    margin: 0 0.6%;
}
.pub-list ul li .box-4 span{
	margin:0 41%;
	}
}
@media all and (max-width: 1367px) {
    .shortcut a:hover .imgH{display:block;left:24.45%;}
    .Sp{width:90%;}
    .service dl.c1 dt img{margin: 8% 0 0 24%;}
    .service dl.c2 dt img{margin: 8% 25% 0 0;}
    .blog_Rmore{width:69%; margin: 4% 3.8% 0 0;}
    .blog_Rtime{margin: 2.2% 0 0 3.4%;}
    .bottom{width:85%;}
    .input01{width:19%;}
    .pub-1201 ul li,.pub-1201 ul li .box-6,.pub-1201 ul li .box-5{    height: 370px;}
    .pub-1201 ul li .box-5 div.bg{    top: 370px;}
    .pub-1200 ul li,.pub-1200 ul li .box-6,.pub-1200 ul li .box-5{    height: 370px;}
    .pub-1200 ul li .box-5 div.bg{    top: 370px;}
    .blog_list li{height: 100px;}
    .blog_list li a{height: 96px;}
    .kh_list_n ul li{width: 15.1%;}
    .kh_list_n ul li,.kh_list_n ul li img{height:50px;}
    .intlist{    width: 70%;}
	.service_list li {
    margin: 0 0.2%;
}
}
@media all and (max-width: 1280px) {
    .isotope .item {width: 33.33%; margin: 0;}
    .blog_title a{font-size:14px;}
    .shortcut a:hover .imgH{display:block; left:22.45%;}
    .shortcut a .imgH{left:-90%;}
    .pub-1201 ul li,.pub-1201 ul li .box-6,.pub-1201 ul li .box-5{    height: 370px;}
    .pub-1201 ul li .box-5 div.bg{    top: 370px;}
    .pub-1200 ul li,.pub-1200 ul li .box-6,.pub-1200 ul li .box-5{    height: 370px;}
    .pub-1200 ul li .box-5 div.bg{    top: 370px;}
    .blog_list li{height: 98px;}
    .blog_list li a{height: 94px;}
    .kh_list_n ul li{width: 15%;}
    .kh_list_n ul li,.kh_list_n ul li img{height:50px;}
    .intlist{    width: 70%;}
.service_list li {
    margin: 0 0;
}
}

@media all and (max-width: 1152px) {
    .blog_l{ display:none; }
    .blog_r{ width:100%;}
    .shortcut a:hover .imgH{left:19.45%;}
    .blog_Rmore{width:70%; margin: 3.5% 3.8% 0 0;}
    .blog_Rtime{margin: 1.8% 0 0 2.5%;}
    .ewm{display:none;}
    .NavMore {display: block; margin-right: 1rem; float:right; margin-top:1.5em;}
    .top{width:95%;}
    .nav{float:right; display:none; width:15%; position:absolute; z-index:9999; right:0; top:70px;}
    .nav ul{float:left;}
    .nav ul li{float:left; border-left:0; width:100%; background:#c7251e; line-height:50px; text-align:center;}
    .nav ul li a{font-family:"微软雅黑"; height:50px; float:left; text-align:center; width:100%; line-height:50px;  font-size:15px; color:#ffffff;}
    .nav ul li a:hover{font-family:"微软雅黑"; background:#414141; width:100%; text-align:center; font-size:15px; color:#ffffff; height:50px; display:block;}
    .nav ul li a.cur{font-family:"微软雅黑"; background:#414141; width:100%; text-align:center; font-size:15px; color:#ffffff; height:50px; display:block;}
    .nav ul li.Navlilis{display:none;}

}
@media all and (max-width: 1192px) {
    .blog_l{ display:none; }
    .blog_r{ width:100%;}

}
@media all and (max-width: 1024px) {
    .isotope .item .title {padding:5px 35px 15px 15px; font-size:12px; color:#999;}
    .isotope .item .title-en {padding: 15px 0 0px 0; text-transform: uppercase; color: #666; font-size: 16px;}
    .blog_Rmore{width:70%; margin: 3.6% 3.8% 0 0;}
    .blog_Rtime{margin: 3.9% 0 0 3.5%;}
    .bottom{display:none;}
    .foot dl dt{width:100%; text-align:center;}
    .shortcut a:hover .imgH{left:15.45%;}
    .culture_n ul li{width:50%;  min-height:200px; float:left;}
    .culture_n ul li.c2{width:50%;}
    .culture_n ul li.c4 ,.culture_n ul li.c6{width:50%;}
    .bw-banner h2 {
        margin: 0 10%;
        margin-top: 19%;
    }
    .houe{
        width:100%;
        padding-top: 30px;
        margin-left:1%;
        float:left;

    }
    .hezou{
        margin-bottom: 13px;
        font-size: 25px;
    }
    .bioai{
        width:100%;
        margin-left:1%;
        float:left;
    }
    .anic{
        width:100%;
    }
}
@media all and (max-width: 875px){
    .blog_list li{width:100%;}
    .blog_Rmore{width:80%; margin: 2.6% 3.8% 0 0;}
    .blog_Rtime{margin: 2.5% 0 0 2.5%;}
    .blog_list li a{height:95px; width:99.6%;}

}

@media all and (max-width: 800px){
    .logo{margin:1.3% 0 0 0;}
    .isotope .item {width: 50%;}
    .case_list{padding:0 3%;}
    .isotope .item .title{  background: url(./images/ico-2.png) 95% center no-repeat #fff;}
    .isotope .item:hover .title {background:url(./images/ico-2.png) 95% center no-repeat #ffffff; }
    .blog_list li{width:100%;}
    .blog_Rtime{margin: 1.9% 0 0 2.8%;}
    .blog_Rmore{width:76%; margin: 2.6% 3.8% 0 0;}
    .blog_Rtime{margin: 2.5% 0 0 2.5%;}
    .shortcut a:hover .imgH{left:6.3%;}
    .m{margin-top:0;}
    .pub-1201 ul li{
        width: 49.4%;
        height: 247px;
        margin-bottom:0.5%;
    }
    .pub-1201 ul li .box-5 div{
        padding-top: 70px;
        height: 65px;
    }
    .pub-1201 ul li .box-5 div img{
        width:55px;
        height:55px;
    }
    .pub-1201 ul li .box-5 h2{
        font-size: 18px;
    }
    .pub-1201 {
        margin: 0 auto;
        margin-top: 4%;
        padding-bottom: 30px;
    }
    .pub-1201 ul li:hover .box-5 div.bg {
        padding: 127px 5%;
        font-size: 13px;
    }
    .blog_Rtime {
        width: 78px;
        height: 52px;
    }
    .blog_list li a{
        border:0;
    }
    .foot{
        height:auto;
    }
    .ab_01{
        margin-top:60px;
    }
    .dqwz{
        margin-top: 5%;
    }
    .about_n dl dt,.about_n dl dd{
        width:100%;
    }
    .about_n dl dd{
        margin:15px 0;
    }
    .n1{
        min-height:inherit;
        padding-bottom:40px;
    }
    .service_list {
        height: auto;
        overflow: hidden;
        padding: 0px 0 33px;
    }
    .kh_list_n ul li, .kh_list_n ul li img{
        height:auto;
    }
    .kh_list_n ul li {
        width: 44.4%;
    }
    .kh_list{
        padding-bottom: 35px;
    }
    .service dl{
        height:auto;
    }
    .service dl.c1 dt,.service dl.c2 dt{
        width:100%;
    }
    .service dl.c1 dt img,.service dl.c2 dt img{
        width:100%;
        margin:0;
    }
    .service{
        margin-top:58px;
    }
    .service dl.c1 dd,.service dl.c2 dd{
        width:100%;
    }
    .service dl.c1 dd div,.service dl.c2 dd div{
        padding: 5% 10%;
        width: 80%;
    }
    .service dl.c1 dd div ul,.service dl.c2 dd div ul{
        margin-top:20px;
    }
    .service dl.c1 dd div ul li,.service dl.c2 dd div ul li{
        margin-bottom:15px;
    }
    .service dl.c1 dd div h1 label,.service dl.c2 dd div h1 label{
        font-size:24px;
    }
    .list_dh{
        top:58px;
        min-height: 55px;
        z-index:99;
    }
    .list_dh ul li{
        margin:0 10px;
        font-size: 14px;
        line-height: 55px;
        height: 55px;
    }
    .dqwz01 {
        margin: 0 auto;
        margin-top: 135px;
        z-index: 99;
    }
    .pc_list01 {
        width: 84%;
        margin: 0 auto;
        overflow: hidden;
        padding-bottom: 60px;
        margin-top:20px;
    }
    .pc_list01 span{
        text-align:left;
    }
    .pc_list01 ul li{
        width:48.5%;
        height:125px;
    }
    .pc_list01 ul li label {
        width: 90%;
        margin:0 5%;
        margin-top: 20px;
        float: left;
        font-size:14px;
    }
    .pc_list01 ul{
        margin-top:22px;
    }
    .ds_list03,.ds_list02,.xq_list{
        margin-top: 9%;
    }
    .ds_list03 span,.ds_list02 span{
        margin-top:8px;
        font-size:15px;
    }
    .ds_list02 p img{
        width:100%;
    }
    .xq_list h1{
        font-size:16px;
    }
    .input01 {
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
    .input02{
        height: 45px;
        width: 100%;
        line-height: 45px;
    }
    .input03 {
        float: left;
        width: 100%;
        height: 45px;
        line-height: 45px;
    }
    .xq_list p {
        font-size: 12px;
        margin-top: 4%;
    }
    .ds_list01 h1{
        font-size:20px;
        text-align:left;
        margin-top:6%;
    }
    .ds_list01 span,.ds_list04 span,.app_list01 span{
        font-size:14px;
        text-align:left;
        margin-top:10px;
        line-height:24px;
    }
    .ds_list01 ul li {
        width: 47.5%;
        min-height: 120px;
        margin-top: 8px;
    }
    .ds_list01 ul li label img{
        width:30%;
    }
    .ds_list01 ul li p {
        margin-top: 5%;
        font-size: 16px;
    }
    .ds_list01{
        padding-bottom: 0;
    }
    .ds_list03, .ds_list02, .xq_list {
        margin-top: 6%;
    }
    .ds_list02 h1,.ds_list03 h1{
        font-size:24px;
    }
    .ds_list04 h1,.app-delivery-list h1{
        font-size:24px;
        margin-top:6%;
    }
    .ds_list04 ul li {
        width: 47.5%;
    }
    .ds_list04 ul li h2{
        font-size:16px;
    }
    .ds_list04 ul li p{
        font-size:14px;
    }
    .ds_list04 ul{
        margin-top:5px;
    }
    .ds_list04{
        padding-bottom: 10px;
    }
    .app_list ul{
        padding-top:20px;
    }
    .app_list ul li,.app_list ul li:hover{
        width:98%;
        padding-bottom: 20px;
        margin-top: 0px;
    }
    .app_list ul li label img{
        width:25%;
    }
    .app_list ul li label{
        min-height: 100px;
    }
    .app_list ul li h1,.app_list01 h1{
        font-size:24px;
    }
    .app_list ul li p{
        font-size:16px;
    }
    .app_list,.app_list01{
        padding-bottom:10px;
    }
    .app_list01 ul li {
        width: 48.4%;
        min-height: 315px;
        margin-bottom:2%;
    }
    .app_list01 ul li h2{
        padding-bottom: 22px;
    }
    .app_list01 ul li p{
        text-align:left;
    }
    .app-delivery-list P{
        width:83%;
        margin:0 auto;
        font-size:14px;
        margin-top:3%;
    }
    .app-delivery-list .delivery-list-box{
        width:83%;
        margin:0 8.5%;
        float:left;
        margin-top:15px;
    }
    .app-delivery-list .delivery-list-box dl {
        float: left;
        width: 33.3%;
        margin-top:5%;
        height:auto;
    }
    .app-delivery-list .delivery-list-box dl dt{
        height:53px;
    }
    .app-delivery-list .delivery-list-box dl dt img{
        width:50px;
    }
    .app-delivery-list .delivery-list-box dl dd{
        font-size:15px;
        margin: 28px 0;
    }
    .pub-1200{
        padding-bottom:0;
    }
    .pub-1200 h1{
        font-size:24px;
        margin-top:8%;
    }
    .pub-1200 > p{
        margin-top:10px;
        text-align:left;
        font-size:14px;
    }
    .pub-1200 ul li{
        width:100%;
        overflow:hidden;
        margin-bottom:20px;
    }
    .pub-1200 ul li .box-4 div{
        height: 120px;
    }
    .pub-1200 ul li, .pub-1200 ul li .box-6, .pub-1200 ul li .box-5 {
        height: 380px;
    }
    #wechat-function h1 {
        text-align: center;
        padding-top: 40px;
        font-size:24px;
    }
    #wechat-function{
        height:auto;
        padding-bottom:40px;
    }
    #wechat-function ul li {
        float: left;
        width: 48%;
        margin:2% 1%;
    }
    .blog_Rmore b{
        width:100%;
    }


}
@media all and (max-width: 768px){
    .shortcut a:hover .imgH{left:5%;}
    .i_contact_n{margin-top: 10%;}
    .bw-banner h2 {
        position: relative;
        width: 80%;
        margin: 0 10%;
        margin-top: 39%;
        font-size: 28px;
        color: #ffffff;
    }
    .bw-banner h2 {
        margin: 0 10%;
        margin-top: 19%;
    }
    .bw-banner{
        min-height:300px;
    }
    .list-news {
        width: 100%;
        margin: 0 0%;
    }
    .list-news ul{
        width: 106%;
    }
    .list-news ul li{
        width:45%;
        margin-right:4%;
        margin-top:3%;
        margin-bottom:5%;
    }
	.sitemap{padding-top:103px;}
	.sitemap-n ul li a{width:44%;}
	.sitemap-n ul li.map1,.sitemap-n ul li.map2{width:100%;}
	.sitemap-n ul li.map1 a,.sitemap-n ul li.map2 a{width:50%; margin-right:0;}
}
@media all and (max-width: 640px){
    .list-news {
        width: 90%;
        margin: 0 5%;
    }
    .list-news ul{
        width: 100%;
    }
    .list-news ul li{
        width:100%;
        margin-right:0;
        margin-top:3%;
        margin-bottom:5%;
    }
    .top{width:90%;}
    .logo{margin:12px 0 0 0;}
    .logo img{width:65%;}
    .top_bg{height:58px;}
    .banner{padding:58px 0 0 0;}
    .NavMore {margin-top:1.15em; margin-right:0;}
    .bannerlist01{padding:40px 0 0 0; margin-top:40px;}
    .bannerlist01 h1{font-size: 20px; padding-bottom:10px; margin-bottom:18px;}
    .isotope .item {width: 50%;}
    .case_list{padding:0 3%;}
    .isotope .item .title{  background: url(./images/ico-2.png) 95% center no-repeat #fff;}
    .isotope .item:hover .title {background:url(./images/ico-2.png) 95% center no-repeat #ffffff; }
    .blog_list li{width:100%;}
    .blog_Rtime{margin:5% 0 0 4.3%;}
    .blog_Rmore{width:60%; margin: 5% 3.8% 0 0;}
    .shortcut a:hover .imgH{left:6.3%;}
    .i_contact_title h1{font-size:20px;}
    .get{padding: 8px 12px; font-size:12px; margin-top:20px;}
    .get:hover{padding: 8px 12px; font-size:12px; margin-top:20px;}
    .i_news{margin-top:10%;}
    .i_news_title h1 em img{width:20%;}
    .i_news_title h1{font-size:20px;}
    .i_case_title h1 em img{width:46%;}
    .i_case_title h1{font-size:19px;}
    .i_about{margin-top:8%;}
    .i_about_title p{font-size:13px; width:97%; margin-top:5%;}
    .i_about_title h1 em img{width:60%;}
    .i_about_title h1{font-size:18px;}
    .i_case{margin-top:8%;}
    .i_case_n{margin-top:4%;}
    .DtiasNv{margin-bottom: 0px;}
    .DtiasNv a{font-size:13px;}
    .blog_sel a{padding: 0 13px; font-size:14px;}
    .i_contact{margin-top:10%;}
    .i_contact_n {margin-bottom: 8%;}
    .shortcut li{width:50%;}
    .flex-direction-nav li a{display:none;}
    .shortcut a img{width:80%; height:auto;}
    .shortcut a{margin-bottom:12%;}
    .shortcut a span{font-size:14px;}
    .shortcut a .imgH{top:0;}
    .nav{width:38%; top:58px;}
    .bannerlist{padding:58px 0 0 0;}
    .about{margin-top:8%; margin-bottom: 10%;}
    .about_title h1 em img{width:30%;}
    .about_title h1{font-size:20px;}
    .about_n{font-size:14px;}
    .culture{margin-top:8%;}
    .culture_title h1 em img{width:20%;}
    .culture_title h1{font-size:20px;}
    .Sp{margin-top:8%; width:98%;}
    .Sp_title h1 em img{width:27%;}
    .Sp_title h1{font-size:20px;}
    .Sp_title p{font-size:13px; margin-top:10px;}
    .service_list li{width:157px; margin-left:3%; float:left; margin-bottom:20px;}
    .news{margin-top:5%; width:92%;}
    .news_n ul li dd h1{font-size:14px; line-height:22px;}
    .news_n ul li dd p{font-size:13px;}
    .news_n ul li dd{width:70%;}
    .news_n ul li dt{width:26%;}
    .cont_usleft{display:none;}
    .cont_usright{width:100%;}
    .new_left{width:100%;}
    .details_box_right{ display:none;}
    .detailsNext_left p.f{float:left; margin-top:7px;}
    .case_detail_left{width:100%; float:right; margin-top:30px;}
    .case_detial_right{width:100%; float:left;}
    .culture_n ul{margin-top:4%;}
    .culture_n ul li{width:50%; min-height:140px; float:left;}
    .culture_n ul li.c2{width:50%;}
    .culture_n ul li.c4 ,.culture_n ul li.c6{width:50%;}
    .culture_n ul li.c1 dt{width: 23%; float: left; margin: 32px 0 0 20px;}
    .culture_n ul li.c1 dd{width: 40%; margin: 32px 15% 0 0;}
    .culture_n ul li.c1 dd h1{font-size:14px; line-height:19px;}
    .culture_n ul li.c1 dd p{font-size:14px; margin-top:3px;}
    .culture_n ul li.c2 dt,.culture_n ul li.c3 dt,.culture_n ul li.c4 dt,.culture_n ul li.c5 dt,.culture_n ul li.c6 dt{width: 23%; float: left; margin: 32px 0 0 20px;}
    .culture_n ul li.c2 dd,.culture_n ul li.c3 dd,.culture_n ul li.c4 dd,.culture_n ul li.c5 dd,.culture_n ul li.c6 dd{width: 40%; margin: 32px 15% 0 0;}
    .culture_n ul li.c2 dd h1,.culture_n ul li.c3 dd h1,.culture_n ul li.c4 dd h1,.culture_n ul li.c5 dd h1,.culture_n ul li.c6 dd h1{font-size:14px; line-height:19px;}
    .culture_n ul li.c2 dd p,.culture_n ul li.c3 dd p,.culture_n ul li.c4 dd p,.culture_n ul li.c5 dd p,.culture_n ul li.c6 dd p{font-size:14px; margin-top:3px;}
    .culture_n ul li.c3{float:right;}
    .culture_n ul li.c4{float:left;}
	.sitemap{padding-top:70px;}
	.sitemap-n ul li a{width:44%;}
	.sitemap-n ul li.map1,.sitemap-n ul li.map2{width:100%;}
	.sitemap-n ul li.map1 a,.sitemap-n ul li.map2 a{width:100%;}
}


@media all and (max-width: 479px) {
    .isotope .item {width: 100%;}
    .bw-banner h2 {
        margin: 0 10%;
        margin-top: 34%;
    }
}
@media all and (max-width: 375px){
    .shortcut a:hover .imgH{left:10%;}
    .bw-banner h2 {
        margin: 0 10%;
        margin-top: 40%;
    }
}
@media all and (max-width: 369px){
    .shortcut a:hover .imgH{left:10%;}
}
@media all and (max-width: 360px){
    .shortcut a:hover .imgH{left:10%;}
}
@media all and (max-width: 320px){
    .shortcut a:hover .imgH{left:10%;}
    .service_list li{width:157px;  float:none; margin:0 auto; margin-bottom:20px;}
    .bw-banner h2 {
        margin: 0 10%;
        margin-top: 44%;
    }
    .bioai p span{
        width:100%;
        margin-right:0;
    }
    .bioai p span.qcbj{
        margin-top:15px;
    }
}
