/*banner*/
.banner { width: 100%; height: 952px; position: relative; }
.index_focus { position: absolute; width: 100%; height: 952px;top: 0; z-index: 14;}
.index_focus .bd ul{width: 100% !important;}
.index_focus .bd li {display: none; position: absolute;width: 100% !important; height: 952px; left: 0;top: 0; cursor: pointer;}
.index_focus .bd li img{width: 100%; }
.index_focus_post {z-index: 10;}
.index_focus .pic { height: auto;display: block;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav { position: absolute; left: 50%;bottom:30px; margin-left:-33px; width: 66px;}
.index_focus .slide_nav a{cursor:pointer;float:left;  margin-top: 10px; width: 6px; height: 6px; margin-right: 10px; border: 3px solid #fff; border-radius: 50%;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background-color: #3667dc;border-color:#3667dc;}
.index_focus_pre,.index_focus_next {display: block; position: absolute;top: 50%; margin-top: -21.5px;width: 145px;height: 43px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}
.index_focus_pre {left: 0; background: url(/uploads/image/tdimages/prev.png) no-repeat 0 0;}
.index_focus_next {right:0;background:url(/uploads/image/tdimages/next.png) no-repeat 0 0;}
.index_focus_info {position: absolute;left: 10%; bottom: 12%; width: 800px;height: 200px; padding-bottom: 10px;color: #fff;text-decoration: none;cursor: pointer; font-family: "\5fae\8f6f\96c5\9ed1";-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background:  no-repeat;_background: none;}
.index_focus_info h3 {font-size: 36px;line-height: 70px;font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "lucida grande";display:none;}
.index_focus_info .text { width: 500px; line-height: 24px; font-size: 14px; word-wrap: break-word;overflow: hidden;display:none;}
.ban-con{ text-align: center; color: #fff; margin-top: 304px;}
.ban-con h1{ font-size: 98px; line-height: 38px; font-weight: normal;text-shadow:5px 2px 6px #555; letter-spacing: 18px;}
.ban-con i{width: 25px; height: 25px; background: url(/uploads/image/tdimages/ban-icon.png) no-repeat; margin: 70px auto 0; position: relative;}
.ban-con i:before{ content: ""; position: absolute; top: 10px; left: -366px; width: 356px; height: 2px; background: url(/uploads/image/tdimages/ban-i-xian-left.png) no-repeat;}
.ban-con i:after{ content: ""; position: absolute; top: 10px; right: -366px; width: 356px; height: 2px; background: url(/uploads/image/tdimages/ban-i-xian-right.png) no-repeat;}
.ban-con h4{ font-size: 26px; font-weight: normal; line-height: 33px; margin-top: 10px;}
.ban-con h5{ font-size: 12px; font-weight: normal; margin-top: 10px;}
.ban-con span{ display: block; width: 219px; height: 49px; background: url(/uploads/image/tdimages/about-icon.png) no-repeat; margin:60px auto 0; line-height: 49px;}
.ban-con span a{ color: #fff; text-align: center; display: block;}

/*title*/
.title{ text-align: center; margin-top: 3.75em;}
.title h2{ font-size: 1.75rem; color: #5f5f5f; font-weight: normal;}
.title i{width: 223px; margin: auto; font-size: 0.75rem; color: #999999; line-height: 2.0625em; position: relative;}
.title i:before,.title i:after{ content: ""; position: absolute; top: 12px;  width: 57px; height: 1px; background: #c9c9c9;}
.title i:before{left: 0;}
.title i:after{right: 0;}
/*section1*/
.section1{ width: 100%; height: auto; overflow: hidden; background: #f8f8f8; position: relative; padding-bottom: 80px; z-index: 3}
.section-nav{ width: 58em; margin:3.4375em auto 0; }

.section-nav li{ width: 6.75em; height: 2em; line-height: 2em; border: 1px solid #c9c9c9; text-align: center; margin-right: 0.3125em; float: left;}
.section-nav li a{ color: #5f5f5f; font-size: 0.875rem; display: block;}
.section-nav li.lion{ background: #3667dc;}
.section-nav li.lion a{ color: #fff;}
/*.section-nav li:hover{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transform: translatey(-5px);
    -webkit-transform: translatey(-5px);
    -moz-transform: translatey(-5px);
    -ms-transform: translatey(-5px);
}*/

.section-nav li{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
    -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
}
.section1-img{ position: relative; width: 1760px; margin:45px auto 0; }
.section1-img .bd li{ width: 425px; float: left; border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-right: 20px;}
.section1-img1{width: 100%; height: 100%; overflow: hidden; margin: 0;}
.section1-img1 .widget-header .mask{position:absolute;width:100%;height:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;z-index:2; }
.section1-img1 .widget-header:hover .mask{background:rgba(0,0,0,0.5);-webkit-transition:all .5s ease-out;transition:all .5s ease-out; overflow: hidden;}
.section1-img1 .widget-header:hover a:after{top:42%;opacity:1}
.section1-img .bd li img{ width: 100%; height: auto;}
.section1-img1 .widget-header a{display:block; position:relative; font-size: 0;}
.section1-img1 .widget-header a:after{/*content:'';width:41px;height:42px; background:url(/uploads/image/tdimages/more.png) no-repeat;margin:0 auto;margin-left:-20px;margin-top:0;
display:inline-block;position:absolute;top:0;left:50%;z-index:10;
-webkit-transition:all .6s cubic-bezier(.17, .84, .44, 1) 0s;
transition:all .6s cubic-bezier(.17, .84, .44, 1) 0s;
opacity:0;*/}
.section1-img1 h4{ font-size: 18px;  font-weight: normal; margin-top: 15px; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap}
.section1-img1 h4 a{color: #5f5f5f; font-size: 14px; margin:0 2px;}
.section1-img1 h4 a:hover,.section1-img li:hover .section1-img1 h4 a{ color: #3667dc;}
.section1-img1 p{ color: #999999; font-size: 12px;margin:0 2px; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.service_border{position: absolute;margin: 2%;top:0;left:0; width: 96%; height: 94%;}
.service_border div{background: #fff;position: absolute;}
.service_border .border_left{left:0;top:0;height: 0;width:1px;}
.service_border .border_right{right:0;bottom:0;height:0;width:1px;}
.service_border .border_top{top:0;right:0;height: 1px;width:0;}
.service_border .border_bot{left:0;width: 0;height:1px;bottom:0;}
.section1-img .bd li a:hover .border_left{height: 100%;}
.section1-img .bd li a:hover .border_right{height: 100%;}
.section1-img .bd li a:hover .border_top{width: 100%;}
.section1-img a:hover .border_bot{width: 100%;}    

.service_border div{
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -moz-transition: all .5s linear;
}

.section1-img .slick-next{right: 50%;margin-right: -80px;}
.section1-img .slick-prev{left: 50%;margin-left: -80px;}
.section1-img .slick-arrow {margin-top: 72px;bottom: 0;top: 100%;width: 40px; height: 40px;color: #a1a1a1 !important;}
.slick-prev, .slick-next { font-size: 0; line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.section1-img .slick-next i {background: url(/uploads/image/tdimages/jiantou.png) repeat -37px -50px;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.section1-img .slick-arrow i {font-size: 0; width: 40px;height: 20px;display: inline-block;}
.section1-img .slick-prev i {background: url(/uploads/image/tdimages/jiantou.png) repeat 0 -50px;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.section1-img .slick-next:hover i { background: url(/uploads/image/tdimages/jiantou.png) repeat -37px -70px;}
.section1-img .slick-prev:hover i {background: url(/uploads/image/tdimages/jiantou.png) repeat 0 -70px;}
.section1 .index_more {height: 40px;margin-top: 40px;line-height: 40px;width: 60px;background: url(/uploads/image/tdimages/icon_more.png) no-repeat 0 -9px;display: block;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;border: #dfdfdf 1px solid;position: relative;-webkit-box-sizing: content-box;box-sizing: content-box; left: 50%;margin-left: -30px;}
.section1 .index_more:hover{background: url(/uploads/image/tdimages/icon_more.png) no-repeat 0 -50px;}
/*section2*/
.section2{ width: 100%; }
#mpage {background-size: auto;}
#mpage { background-color: #ffffff;}
.module.bgshow {  background-attachment: fixed; height: 900px;}
.module {   background-repeat: no-repeat;    background-position: center;    background-size: cover;    position: relative;    z-index: 2;  height: 100%;}
.module.bgshow .bgmask {  display: none;}
.module .bgmask { background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; top: 0; width: 100%;  height: 100%; display: none;}
#mpage .content{ margin: 0; height: 900px;}
#mpage .content{ height: 592px; /*margin-top: -230px;*/ margin-top: -280px;}
.module .content { position: inherit;    top: 0px;}
.module .content {position: absolute;    top: 50%;   width: 100%;}
#mpage .wrapper { width: 100%;  height: 100%;  overflow: hidden;   margin: 0 auto;}
#mpage .wrapper li {width: 1300px;margin: 0 auto;position: relative;}
#mpage .module-content .header { animation-name: fadeinup; animation-delay: 0.2s;}
#indexpage .content .header {padding-top: 0;}
.content .header {  padding-bottom: 60px; padding-top: 80px;}
#mpage .content .header p.title { color: #fff;}
.content .header p.title {font-size: 24px;  color: #333;  line-height: 38px; height: 38px; overflow: hidden;}
.content .header p.title {color: #444;    font-size: 26px;}
.content .header p { text-align: center; }
.content .header p.subtitle { height: 26px; font-size: 14px;color: #b1b1b1; line-height: 26px;overflow: hidden;}
.content .header p.subtitle { color: #ffffff;  font-size: 16px;}
#mpage .module-content .des-wrap {  float: right;    z-index: 5;    padding: 20px 55px 0 0;    line-height: 28px;    color: #9c9c9c;    width: 596px;    height: 187px;    background-color: #fff;}
#mpage .module-content .description { animation-delay: 0.1s; animation-name: fadeinleft;}
#mpage .module-content .description { width: auto; text-align: left;  height: 120px;  animation-name: fadeinleft !important;  line-height: 28px; color: #9c9c9c;}
#mpage .module-content .description { animation-name: fadeinup;  animation-delay: 0.3s;}
.module-content .description { width: 720px; text-align: center; margin: 0 auto; font-size: 13px; color: #848484; line-height: 24px; overflow: hidden;}
.animated { animation-name: fadeinup; animation-delay: 0s;}
.animated { -webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
#mpage a.more { position: absolute;  right: 458px; bottom: 18px;  z-index: 1;}
#mpage .module-content .more { animation-name: fadeinup; animation-delay: 0.5s;}
a.more { width: 130px;  height: 35px; border-radius: 0px; color: transparent; position: relative; border-color: transparent;}
a.more, a.details, #sitecontent .npagepage a.details {border: #dfdfdf 1px solid; background: rgba(255, 255, 255, .0); width: 360px; height: 58px;  display: block; margin: 40px auto 50px;  line-height: 58px;    font-size: 20px;    color: #838383; text-indent: 150px; border-radius: 30px;transition: all ease-out .3s;}
#mpage .wrapper li .fimg {float: left;width: 589px !important;  height: 207px; background-color: #fff;animation-name: fadeinright !important;margin-left: 46px;}
#mpage .module-content .fimg {animation-name: fadeinup;animation-delay: 0.3s;}
#mpage .wrapper li:after { clear: both;  display: block; content: '';}
.more{ width: 128px;height: 33px; display: block; border:1px solid #c9c9c9; overflow: hidden;margin-top: 15px; }
.more a{ width: 50px; height: 33px; background:url(/uploads/image/tdimages/jiantou3-hover.png) 0 0 no-repeat; margin: 15px auto;}
.more a{ display: block;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; }

.more a:hover{background:url(/uploads/image/tdimages/jiantou3-hover.png) 0 -46px no-repeat; }

.index-about-con-r span{  width: 110px; height: 2em; margin-top: 22px; border:1px solid #c9c9c9; display: block;position: relative;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.index-about-con-r span a{ color: #999; font-size: 0.875rem; line-height: 34px; display: block; padding-left: 28px; }
.index-about-con-r span i{ display: inline-block; width: 50px; height: 33px; background:url(/uploads/image/tdimages/jiantou3-hover.png) 0 0 no-repeat;    position: absolute; top: 13px;    right: -25px;}
.index-about-con-r:hover span i{background:url(/uploads/image/tdimages/jiantou3-hover.png) 0 -46px no-repeat; }
.index-about-con-r:hover span a{ color: #3667dc; }
.index-about-con-r:hover span{ border-color: #3667dc; }

.about-ul{ width: 1060px ;margin: 0 auto;zoom: 1; padding: 60px 120px;    height: auto;
    background: #fff;
    overflow: hidden; }
.about-ul li{  opacity: 1;-webkit-opacity: 1;  transform: translate(0,0) rotatey(0deg); -webkit-transform: translate(0,0) rotatey(0deg);transition: 1s;-webkit-transition: 1s; float: left; width: 108px !important;  text-align: center; margin-right: 368px !important; margin-top: 0 !important}
.about-ul li a { display: block;  color: #666;  font-size: 18px;}
.about-ul li .pic{position: relative; width: 108px; height: 108px; transition: 0.5s;-webkit-transition: 0.5s; margin: 0 auto 6px;}
.about-ul li .pic span { position: absolute;  left: 50%;  top: 50%; width: 0; height: 0; border: 2px dotted transparent;  border-radius: 50%; transition: 0.5s;  -webkit-transition: 0.5s;}
.about-ul li a:hover{ color: #3667dc;}
.about-ul li:hover .pic span{ margin-left: -66px; margin-top: -66px; width: 130px; height: 130px;border: 1px dashed #3667dc;animation: float2 linear 10s infinite;-webkit-animation: float2 linear 10s infinite;}
.about-ul li:hover .pic{ transform: translate(0,-15px);-webkit-transform: translate(0,-15px);}
.about-ul li.li_3{ margin-right: 0 !important; }
.about-ul li.li_1 .pic {background: url(/uploads/image/tdimages/about1.png) no-repeat center;}
.about-ul li.li_1:hover .pic{ background: url(/uploads/image/tdimages/about1-hover.png) no-repeat center;}
.about-ul li.li_2 .pic {background: url(/uploads/image/tdimages/about2.png) no-repeat center;}
.about-ul li.li_2:hover .pic{ background: url(/uploads/image/tdimages/about2-hover.png) no-repeat center;}
.about-ul li.li_3 .pic {background: url(/uploads/image/tdimages/about3.png) no-repeat center;}
.about-ul li.li_3:hover .pic{ background: url(/uploads/image/tdimages/about3-hover.png) no-repeat center;}
@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}}

.section2-main{ width: 100%; height: auto; overflow: hidden; background: #fff; padding-top: 40px }


/*关于我们*/
/*.index-about{ width: 1300px; height: auto; overflow: hidden; margin: auto; position: relative; z-index: 3;    background-attachment: fixed; }*/
.index-about{ width: 1300px; height: auto;    margin: -210px auto 0; }
.index-about-title{ text-align: center }

.section2-img{ width: 100%; height: 386px; }

.index-about-title p { text-align: center; font-size: 28px; color:#fff; margin-top: 0 }
.index-about-title p.subtitle { height: 26px; font-size: 14px;color: #fff; line-height: 26px;overflow: hidden;}
.index-about-title p.subtitle { color: #ffffff;  font-size: 16px;}

.index-about-con{ padding: 45px; overflow: hidden; margin-top: 50px; height: auto; background:#fff;}
.index-about-con .index-about-con-l{ width: 589px; height: 207px; margin-left: -1000px; margin-right: 10px;}
.index-about-con .index-about-con-r{ width: 589px; height: 207px; margin-right: -1000px; }
.index-about-con .index-about-con-r p{ font-size: 16px; line-height: 28px; color: #999; }
.index-about-con.current .index-about-con-l{ margin-left: 0 }
.index-about-con.current .index-about-con-r{ margin-right: 0 }

/*section3*/
.section3{ overflow: hidden; width: 100%; height: auto; background-color: #f8f8f8; position: relative; margin-top: 5em;padding-bottom: 3.125em}
.section3 .title-i2{ width: 260px !important; }
.section3 .section-nav{ width: 28.75em}
.section3-con{ width: 81.25em; margin: 3.75em auto 0; overflow: hidden }
.section3-con-left{ width: 28.125em; margin-right: 4.375em; }
.section3-con-left .big_img{ width: 28.125em; height: 15em; overflow: hidden; display: block;}
.section3-con-left .big_img img{width: 100%; height: 100%;  transform: scale(1);  transition: all 0.5s ease 0s;}
.section3-con-left .big_img:hover img{transform:scale(1.1); transition: all 0.5s ease 0s;}
.section3-con-left-tit{ margin-top: 2.5em; overflow:hidden; width:100%; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf}
.section3-con-left-tit h5 a{ font-size: 1.125rem; color: #333333; display: block; font-weight: normal; text-overflow:ellipsis;white-space:nowrap; cursor: pointer; }
.section3-con-left-tit h5 a:hover{ color: #3667dc;  }
.section3-con-left-tit p a{ font-size: 0.875rem; line-height: 1.5em; color: #999999; margin-top: 1.25em }
.section3-con-left span{  width: 110px; height: 2em; margin-top: 26px; border:1px solid #c9c9c9; display: block;position: relative;-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.section3-con-left span a{ color: #999; font-size: 0.875rem; line-height: 34px; display: block; padding-left: 28px; }
.section3-con-left span i{ display: inline-block; width: 50px; height: 33px; background:url(/uploads/image/tdimages/jiantou3-hover.png) 0 0 no-repeat;    position: absolute; top: 13px;    right: -25px;}
.section3-con-left:hover span i{background:url(/uploads/image/tdimages/jiantou3-hover.png) 0 -46px no-repeat; }
.section3-con-left:hover span a{ color: #3667dc; }
.section3-con-left:hover span{ border-color: #3667dc; }
/*.section3-con-left:hover span{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transform: translatey(-10px);
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -ms-transform: translatey(-10px);
}*/
.section-nav li:hover a {
    background: #3667dc;color:#fff;
}
.section3-con-left span{
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
    -moz-transform: translatey(0px);
    -ms-transform: translatey(0px);
}
.section3-con-right{ width: 48.75em; }
.section3-con-right li{width: 330px; float: left;}
.section3-con-right li:nth-child(odd){ border-right: 1px solid #dfdfdf; border-bottom:  1px solid #dfdfdf;padding-right: 45px; }
.section3-con-right li:nth-child(even){ border-bottom:  1px solid #dfdfdf; padding-left: 45px; }
.section3-con-right li:nth-child(3n){ border-bottom: 0; }
.section3-con-right li:nth-child(4n){ border-bottom: 0; }
.section3-con-right-con{ margin: 30px 0;}
.section3-con-right-con i{ text-align: right; font-size: 20px; font-family: aril; color: #999999;}
.section3-con-right li .section3-con-right-con h5 a{ display: block; font-size: 18px; color: #333333; font-weight: normal; margin-top: 30px;}
.section3-con-right li:hover .section3-con-right-con h5 a{ color: #3667dc; }
.section3-con-right li .section3-con-right-con p a{ font-size: 0.875rem; color: #999999; line-height: 24px; margin-top: 20px; }
.section3-con-right li .section3-con-right-con em{ text-align: left; color: #999; font-size: 0.875rem; margin-top: 20px;  }

/*移动端banner*/
.mobile_ban{ display: none;width:100%; max-height: 360px; margin-top: 60px}
.slideboxindex{ position:relative; width:100%; overflow:hidden; margin:0 auto;}
.slideboxindex .bd{ position:relative; z-index:0; width:100%;}
.slideboxindex .bd li{ position:relative;}
.slideboxindex .bd li a.pic{display: block;text-align: center;width:100%;}
.slideboxindex .bd li a img{width:100%; height: auto;}
.slideboxindex .hd{ position:absolute; height:23px; line-height:23px; bottom:10px; left: 50%; margin-left: -30px; text-align:center;z-index:1; }
.slideboxindex .hd a{ display:inline-block; width:8px; height:8px; border-radius: 50%;  background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideboxindex .hd a.on{ background:#3667dc;opacity:1; }
.slideboxindex .prev{position:absolute;width:30px;height:30px;left:10px;top:50%;margin-top:-15px;}
.slideboxindex .prev i,.slideboxindex .next i{font-size:26px;color:#fff;}
.slideboxindex .next{position:absolute;width:30px;height:30px;right:10px;top:50%;margin-top:-15px;}
.slideboxindex .bd-con{width: 100%;}
.slideboxindex .bd-con h5{font-size:0.9rem; margin-top: 0;}
.slideboxindex .bd-con h3{font-size: 1rem;}
.mobile-section2{ display: none; width: 100%; height: auto; overflow: hidden; background: #fff }
.mobile-section2-con{ margin:20px 0.7em; }
.mobile-section2-con img{width: 100%; height: auto}
.mobile-section2-con .description{ margin-top: 5px; }
.mobile-section2-con .description p{ font-size: 14px; line-height: 24px; color: #9c9c9c; }
.mobile-section2-con .about-ul{ width: auto; padding: 20px 0; }
.mobile-section2-con .about-ul li{ margin-right: 0.5% !important;width: 33%; }
.mobile-section2-con .about-ul li:last-child{ margin-right: 0; }
.mobile-section2-con .about-ul li .pic{ width: 70px; height: 70px }
.mobile-section2-con .about-ul li.li_1 .pic,.mobile-section2-con .about-ul li.li_2 .pic,.mobile-section2-con .about-ul li.li_3 .pic{ background-size: auto 100%; }
.mobile-section2-con .about-ul li p{ font-size: 15px; }
@media only screen and (min-width: 240px) and (max-width: 1200px) {

   .banner{ display: none; }
   .mobile_ban{ display: block; }
   .section1{ margin-top: -5px; padding-bottom: 20px; }
   .title{ margin-top: 20px; }
   .title h2{ font-size: 20px; }
   .section-nav{ width: auto; margin: 20px 0.7em }
   .section-nav li{ width: 32%; margin-right: 1%; margin-bottom: 5px }
   .section-nav li:nth-child(3n){ margin-right: 0 }
   .section1-img{ width: auto;margin: 20px 0.7em; }
   .section1-img .bd li{ width: 100% }
   .section1-img1 h4{ margin-top: 10px; }
   .section1 .index_more{ margin-top: 10px; }
   .section1-img .slick-arrow{ margin-top: 50px }
   .section2{ display: none }
   .mobile-section2{ display: block; }
   .section3{ margin-top: 0;    padding-bottom: 20px; }
   .section3 .section-nav{ width: auto }
   .section3-con{ width: 100%;    margin: 20px auto 0; }
   .section3-con-left{ width: auto; margin: 0 0.7em; float: inherit; }
   .section3-con-left .big_img{ width: 100%;height:auto; }
   .section3-con-left-tit{ margin-top: 10px;padding-bottom: 10px; }
   .section3-con-left-tit p{ margin-top: 10px }
   .section3-con-left span{ margin-top: 10px }
   .section3-con-right{ width: auto; margin: 20px 0.7em 0; float: inherit; border-top: 1px solid #dfdfdf }
   .section3-con-right li{width: 100%;}
   .section3-con-right-con{ margin: 10px 0 }
   .section3-con-right-con h5 a{ margin-top: 10px }
   .section3-con-right-con p{ margin-top: 10px }
   .section3-con-right-con em{ margin-top: 10px }
   .section3-con-right li:nth-child(even){ padding-left: 0 ; border-right: 0}
   .section3-con-right li:nth-child(odd){ padding-right: 0; border-right: 0 ; border-bottom: 1px solid #dfdfdf}

}
@media only screen and (min-width: 1201px) and (max-width: 1440px) {
.section1-img{ position: relative; width: 1192px; margin:25px auto 0; }
.section1-img .bd li{ width: 290.5px; float: left; border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-right: 10px;}
   .section1-img1 p{ line-height: 28px; } 

}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
.section1-img{ position: relative; width: 1320px; margin:35px auto 0; }
.section1-img .bd li{ width: 315px; float: left; border-bottom: 1px solid #c9c9c9; padding-bottom: 5px; margin-right: 20px;}
    

}