@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%;background-color: #fff;}
body {margin: 0 auto; font-size: 12px;font-size: 1.2rem;max-width: 1920px;position: relative;
overflow-x: hidden;font-family: Arial, Helvetica, sans-serif;
}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.disnone{display: none;}

.wp{position: relative;}
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%;display: block!important;}
.baguetteBox-button#previous-button{left:2%;display: block!important;}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
@-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

@media screen and (min-width:1220px)  {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}

@font-face {
    font-family: 'HelveticaLTStdBoldCond';
    src: url('fonts/HelveticaLTStdBoldCond.eot');
    src: url('fonts/HelveticaLTStdBoldCond.eot') format('embedded-opentype'),
         url('fonts/HelveticaLTStdBoldCond.woff2') format('woff2'),
         url('fonts/HelveticaLTStdBoldCond.woff') format('woff'),
         url('fonts/HelveticaLTStdBoldCond.ttf') format('truetype'),
         url('fonts/HelveticaLTStdBoldCond.svg#HelveticaLTStdBoldCond') format('svg');
}






.ziti{font-family: 'HelveticaLTStdBoldCond';}

.mln{margin-left: 0!important;}
.mbn{margin-bottom: 0!important;}
.mtn{margin-top: 0!important;}





/* head */
.head{width: 100%;z-index: 999; position: static;top: 0;left: 0; background:#f7f7f7; -ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.head .logo{width: 112px;margin-top: 10px; }
.head .logo a{display: block;}
.head .logo a img{max-width:100%; display: block;}

.head .nav2{margin-left: 57px;}
.head .nav2 ul li{float: left;margin-left: 6px;padding-bottom: 0px;position: relative;}
.head .nav2 ul li>a{position: relative;top:0;background-color: transparent ;color:#333; display: block;color:#333;font-size:14px;font-size:1.4rem;height: 78px;line-height: 78px; padding: 0 18px; text-align: center; }
.head .nav2 ul li:hover >a{color: #fff;background-color: #1e8bc3;}
.head .nav2 ul li.on>a{color: #fff;background-color: #1e8bc3;}
/* .head .nav2 ul li>a:hover{top:-5px;} */
.yuyanqiehuan { margin-top:30px;}
.nav2 ul li:hover .divshow{display: block;z-index: 999; }
.nav2 .divshow{position: absolute;top: 100%;left: 0%;margin-left:0px; display: none;padding-bottom: 9px;}
.nav2 .divshow .show1{width: 245px;background:#fff;position: relative;border-bottom: 0px solid #b9baba;}
.nav2 .divshow .show1>a{color:#333; padding-top: 6px;padding-bottom: 6px; line-height: 30px;font-size:16px;font-size:1.6rem;display: block; margin-left: 19px;margin-right: 19px; }
.nav2 .divshow .show1:hover  > a{color: #fff;}
.nav2 .divshow .show1:hover{background-color: #1e8bc3;}

.nav2 .divshow .show1:hover dl{display: block;}
.nav2 .divshow dl{position: absolute;left: 100%;top: 0;padding-left: 0px;display: none;padding-bottom: 9px; }
.nav2 .divshow dl dd{width: 215px;background:#fff;border-bottom: 0px solid #b9baba;}
.nav2 .divshow dl dd a{color:#333; padding-top: 6px;padding-bottom: 6px; line-height: 30px; font-size:16px;font-size:1.6rem;display: block;margin-left: 19px;margin-right: 19px; }
.nav2 .divshow dl dd:hover a{color: #fff;}
.nav2 .divshow dl dd:hover{background-color: #1e8bc3;}

.nav3{ background:#e8e9ec;display: none;padding-top: 5px;padding-bottom: 5px;}
.nav3 ul li{float: left;width: 25%; position: relative;padding-bottom: 5px;padding-top: 5px;}
.nav3 ul li>a{display: block;color:#333;font-size:14px;font-size:1.4rem; text-align: center;}
.nav3 ul li.on{background:#1e8bc3;}
.nav3 ul li.on>a{color:#fff;}


/*.container*/
.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999999999999999; cursor:pointer;position: fixed;top: 0px;right: 0;display: block;}
.nav{width:250px;background:rgba(0,0,0,0.8);position: absolute;top: 0;right: 0;display: block;height: auto;}
.nav ul {display: none; margin-top:10px;margin-bottom: 20px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
.menubtn{width: 35px;height: 30px;position: absolute;top:15;right:15px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #1e8bc3;}
@media screen and (min-width:769px) {.container,.nav{ display:none}}



@media screen and (max-width:1219px){
    .head .nav2 ul li{margin-left: 5px;}
    .head .nav2 ul li>a{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:999px){
    .head .nav2{margin-left: 10px;}
}
@media screen and (max-width:979px){
    .head{position: static;height: auto;}
    .head .nav2 ul li > a{width: 70px;}
    .search{right: 45px;margin-top: 8px;}
}
@media screen and (max-width:768px){
    .head .nav2{display: none;}
    .nav3{display: block;}
    .head .logo{float: none;margin: 5px auto;}
}
@media screen and (max-width:639px){
    .head .sousuo{margin-right: 45px;}
}
@media screen and (max-width:360px){
    .search{margin-top: 2px;}
    .nav3 ul li>a{font-size:12px;font-size:1.2rem;}
}




 /*lun bo*/
.index_focus {position: relative;width: 100%;height:932px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; bottom:37px; left:50%; margin-left:-64px; z-index:9998 }
.index_focus .slide_nav a{ width:20px; height:20px; cursor:pointer;float:left; margin-right:9px; margin-left:10px; background:url(../img/circle.png);}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:url(../img/circleon.png);}

.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top:2px;width:60px;height:60px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 117px; background:url(../img/baleft.png) no-repeat;}
.index_focus_next {right: 117px;background:url(../img/baright.png) no-repeat;}
.index_focus_pre:hover {left: 117px; background:url(../img/baleft.png) no-repeat;}
.index_focus_next:hover {right: 117px;background:url(../img/baright.png) no-repeat;}




.index_focus1 {position: relative;width: 100%;height:295px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn1{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus1 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}

.index_focus_post {z-index: 10;}
.index_focus1 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus1 .pic:hover {text-decoration: none;}
.index_focus1 .slide_nav {position: absolute; bottom:10px; left:50%; margin-left:-64px; z-index:9998 }
.index_focus1 .slide_nav a{ width:15px; height:15px; cursor:pointer;float:left; margin-right:9px; margin-left:8px; background:url(../img/circle.png);}

.index_focus_post {z-index: 10;}
.index_focus1 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus1 .pic:hover {text-decoration: none;}
.index_focus1 .slide_nav li:hover,.index_focus1 .slide_nav .on{text-decoration: none;background:url(../img/circleon.png);}




@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:745px;}
.index_focusn img {width: 80%;}
.index_focus1 {height:236px;}
.index_focusn1 img {width: 80%;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus1 {display: none}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 70px;height:10px;bottom: 10px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#1e8bc3;}
.carousel ol li:last-child{margin: 0;}
}



/* main1 */
.main1 {padding-top: 66px;padding-bottom: 55px;}
.main1 .m1title {text-align: center;margin-bottom: 8px;}
.main1 .m1title a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#333;text-transform: uppercase;}
.main1 .m1title a:hover{color: #1e8bc3;}

.main1 .m1cont{text-align: center;margin-bottom: 24px;}
.main1 .m1cont a{display: block;font-size:18px;font-size:1.8rem;line-height: 30px;color:#777;}
.main1 .m1cont a:hover{color: #1e8bc3;}

.main1 .m1cont1{text-align: center;margin-bottom: 34px;}
.main1 .m1cont1 a{display: block;font-size:16px;font-size:1.6rem;line-height: 30px;color:#333;}
.main1 .m1cont1 a:hover{color: #1e8bc3;}

.main1 .m1cont2{text-align: center;}
.main1 .m1cont2 a{margin: 0 auto; display: block;font-size:16px;font-size:1.6rem;line-height: 30px;color:#333;width: 261px;height: 46px;line-height: 46px;text-align: center;border: 1px solid #1e8bc3}
.main1 .m1cont2 a:hover{color: #fff; background-color: #1e8bc3;border-radius: 20px;overflow: hidden; }


@media screen and (max-width:768px) {
    .main1{padding-top: 24px;padding-bottom: 20px;}
    .main1 .m1title {margin-bottom: 3px;}
    .main1 .m1cont{margin-bottom: 5px;}
    .main1 .m1title a{font-size:2.6rem;line-height: 26px;}
    .main1 .m1cont2 a{width: 220px;height: 36px;line-height: 36px;   }
    .main1 .m1cont1{margin-bottom: 15px;}
}


/* main2 */
.main2 {background:url(../img/m2bg.jpg) no-repeat top center;padding-top: 18px;padding-bottom:78px;}
.main2 .m2title {text-align: center;margin-bottom: 49px;}
.main2 .m2title a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#333;text-transform: uppercase;}
.main2 .m2title a:hover{color: #1e8bc3;}

.main2 dl dd{width: 379px;margin-left:31.5px;border-bottom: 3px solid #e4e4e4;  float: left;background-color: #f7f7f7;padding-top: 40px;padding-bottom: 46px; }
.main2 dl dd a{display: block;width: 100%;}
.main2 dl dd a img{display: block;max-width: 100%;margin: 0 auto; }
.main2 dl dd .ddtop {margin-bottom: 21px;}
.main2 dl dd .ddtop a{overflow: hidden;height: 66px;}
.main2 dl dd .ddtop a img{transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.main2 dl dd .ddtop a:hover img{transform: rotate(360deg);}
.main2 dl dd .ddmid {margin-top: 16px;margin-bottom: 14px;}
.main2 dl dd .ddmid a{display: block;text-align: center;font-size:20px;font-size:2rem;color:#333;} 
.main2 dl dd .ddmid a:hover{color: #1e8bc3;}
.main2 dl dd .ddbot a{max-width: 280px;margin: 0 auto; display: block;text-align: center;font-size:14px;font-size:1.4rem;color:#666;line-height: 30px;}
.main2 dl dd .ddbot a:hover{color: #1e8bc3;}

@media screen and (max-width:1219px) {
    .main2 dl dd{width: 31%;margin-left:3.5%; }
}
@media screen and (max-width:999px) {
    .main2 dl dd{width: 29%;margin-left:3.5%; padding-left:1%;padding-right:1%;}
}
@media screen and (max-width:768px) {
    .main2{padding-bottom: 20px;}
    .main2 .m2title a{font-size:2.6rem;line-height: 26px;}
    .main2 .m2title{margin-bottom: 20px;}
    .main2 dl dd{width: 95%;margin-left:0!important; padding-left:2.5%;padding-right:2.5%;margin-bottom: 20px; padding-bottom: 30px;}
}


/* main3 */
.main3 {background:#f7f7f7;padding-top: 46px;padding-bottom:55px;}
.main3 .m3title {text-align: center;margin-bottom: 51px;}
.main3 .m3title a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#333;text-transform: uppercase;}
.main3 .m3title a:hover{color: #1e8bc3;}

.main3 .m3box .m3{width: 33.3%;position: relative;overflow: hidden; float: left;}
.main3 .m3box .m3 .l-top a{display: block;}
.main3 .m3box .m3 .l-top a img{display: block;max-width:100%; }

.main3 .m3box .m3 .l-bot{transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:url(../img/m3botbg.png) repeat center center; }

.main3 .m3box .m3 .l-bot .mlj1{display: block;position: absolute;right: 104px; top: 34px;}
.main3 .m3box .m3 .l-bot .mlj1 img{max-width: 100%;display: block;}
.main3 .m3box .m3 .l-bot .mlj2{display: block;position: absolute;right: 30px; top: 34px;}
.main3 .m3box .m3 .l-bot .mlj2 img{max-width: 100%;display: block;}
.main3 .m3box .m3 .l-bot .btwenzi{padding-left: 37px;max-width: 353px;padding-top: 200px;}
.main3 .m3box .m3 .l-bot .btwenzi a{display: block;font-size:30px;font-size:3rem;color:#fff;line-height: 36px; }
.main3 .m3box .m3 .l-bot .btwenzi a:hover{color:#333;}
.main3 .m3box .m3 .l-bot .btmore{padding-left: 37px;margin-top: 21px;}
.main3 .m3box .m3 .l-bot .btmore a{font-size:14px;font-size:1.4rem;color:#fff;font-weight: bold;}
.main3 .m3box .m3 .l-bot .btmore a:hover{color:#333;}

.main3 .m3box .m3:hover .l-bot{top: 0;}
.main3 .m3more{margin-top: 48px;}
.main3 .m3more  a{margin:0 auto; border-radius: 6px;overflow:hidden;font-size:18px;font-size:1.8rem;color:#fff;text-transform: uppercase; display: block;width: 287px;height: 52px;line-height: 52px;text-indent: 20px;color:#fff;background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat right center;}

.main3 .m3more a:hover{animation-name:huadong;-webkit-animation:huadong 0.4s linear 0s normal none;-moz-animation:huadong 0.4s linear 0s normal none;animation:huadong 0.4s linear 0s normal none;}
@-webkit-keyframes huadong{from{background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat left center;} to{background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat right center;} }
@-moz-keyframes huadong{from{background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat left center;} to{background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat right center;} }
@keyframes huadong{from{background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat left center;} to{background:#1e8bc3 url(../img/sanjiao.jpg) no-repeat right center;}  }


@media screen and (max-width:1900px) {
    .main3 .m3box .m3 .l-bot .btwenzi{padding-top: 25%;}
}
@media screen and (max-width:1680px) {
    .main3 .m3box .m3 .l-bot .btwenzi a{font-size:26px;font-size:2.6rem; line-height: 28px;}
}
@media screen and (max-width:1219px) {
    .main3 .m3box .m3 .l-bot .btwenzi a{font-size:20px;font-size:2.0rem; line-height: 24px;}
    .main3 .m3box .m3 .l-bot .mlj1{width: 30px;height:30px;right: 70px;top: 20px;}
    .main3 .m3box .m3 .l-bot .mlj2{width: 30px;height:30px;top: 20px;}
}
@media screen and (max-width:979px) {
    .main3 .m3box .m3 .l-bot{top:0;background:none; }
    .main3 .m3box .m3 .l-bot .btwenzi a{display: none;}
}
@media screen and (max-width:768px) {
    .main3 .m3title a{font-size:26px;font-size:2.6rem;}
}
@media screen and (max-width:639px) {
    .main3 .m3more{margin-top: 20px;}
    .main3 .m3title{margin-bottom: 20px;}
    .main3{padding-top: 20px;padding-bottom: 20px;}
    .main3 .m3box .m3{width: 95%;margin-bottom: 20px;margin-left: 2.5%;margin-right: 2.5%;}
    .main3 .m3box .m3 .l-bot .btwenzi a{display: block;font-size:16px;font-size:1.6rem; }
}
/* main4 */
.main4 {background-color: #fff;padding-top: 53px;padding-bottom: 23px;}
.main4 .m4title {text-align: center;margin-bottom: 44px;}
.main4 .m4title a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#333;text-transform: uppercase;}
.main4 .m4title a:hover{color: #1e8bc3;}

.main4 ul{margin-top: 30px;}
.main4 ul li{width: 373px;float: left;margin-left: 40.5px;margin-bottom: 49px; }
.main4 ul li .libox{position: relative; width: 371px;border: 1px solid #fff; overflow: hidden;}
.main4 ul li.li1{margin-left: 0.5%;}
.main4 ul li .m4-top a{display: block;overflow: hidden;}
.main4 ul li .m4-top a img{display: block;max-width: 100%; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.main4 ul li:hover .m4-top a img{transform: scale(1.1);}

.main4 ul li .m4zz{text-align: center;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; top: 100%;left: 0; width: 100%;position: absolute;height: 100%;background:url(../img/m4-zz.png) repeat center center;  }
.main4 ul li .m4zz a{display: block;}
.main4 ul li .m4zz a span{display: block;margin: 129px auto 0;text-transform: uppercase;font-size:14px;font-size:1.4rem; width:134px;height: 41px;line-height: 41px;text-align: center;color: #333;background-color: #fff; }

.main4 ul li .m4-bot {text-align: center;margin-top: 19px;}

.main4 ul li .m4-bot a{font-size:18px;font-size:1.8rem;color:#333;}
.main4 ul li .m4-bot a:hover{color: #1e8bc3;}

.main4 ul li:hover .m4zz{top: 0;}

.m4dl{display: block; text-align: center;}
dl.m4dl{position: relative;top: -15px;}
.m4dl dd{ display: inline-block;width: 18px;height: 18px;border: 1px solid #c2c2ba;border-radius: 50%;margin: 0 9px; cursor: pointer;}
.m4dl dd:hover,.m4dl dd.hover{border: 1px solid #248ec5;}



@media screen and (max-width:1219px) {
    .main4 ul li{width: 31%;margin: 1%!important;max-width: 371px;}
    .main4 ul li .libox{width: 100%;}
    .main4 ul li .m4zz a span{margin-top: 100px;}
    dl.m4dl{top:0;}
}
@media screen and (max-width:979px) {
    .main4 ul li:hover .m4zz{display: none;}
}
@media screen and (max-width:768px) {
    .main4{padding-top: 20px;}
    .main4 .m4title{margin-bottom: 0;}
    .main4 .m4title a{margin-bottom: 0px;}
    .main4 .m4title a{font-size:26px;font-size:2.6rem;}
    .main4 ul{margin-top: 10px;}

    .main4 ul li{width: 48%;margin: 1%!important;max-width: 371px;}
}
@media screen and (max-width:639px) {
    dl.m4dl{margin-top: 10px;}
    .main4 ul li .m4-bot a{font-size:16px;font-size:1.6rem;}
    .main4{padding-top: 20px;}
    .main4 ul li{width: 48%;margin: 1%!important;max-width: 371px;}

}
@media screen and (max-width:400px) {
    .main4 ul li{width: 98%;margin: 1%!important;max-width: 371px;}
}

/* main5 */
.main5 {background:url(../img/m5bg.jpg) no-repeat top center; padding-top: 64px;padding-bottom: 23px;}
.main5 .m5title1 {text-align: center;margin-bottom: 54px;}
.main5 .m5title1 a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#fff;text-transform: uppercase;}
.main5 .m5title1 a:hover{}

.m5box1 .img-scroll1 { position:relative; }
.m5box1 .img-scroll1 .prev1,.m5box1 .img-scroll1 .next1{position:absolute;display:block;width:50px;height:50px;top: 50%;margin-top: 0px;}
.m5box1 .img-scroll1 .prev1 { left:-79px;cursor:pointer; background:url(../img/arrowleft.png) no-repeat center;}
.m5box1 .img-scroll1 .next1 { right:-79px;cursor:pointer; background:url(../img/arrowright.png) no-repeat center;}
.m5box1 .img-scroll1 .prev1:hover { background:url(../img/arrowleft.png) no-repeat center;}
.m5box1 .img-scroll1 .next1:hover { background:url(../img/arrowright.png) no-repeat center;}
.m5box1 .img-list1 { position:relative; width:100%; overflow:hidden;margin: 0 auto 0px;}
.m5box1 .img-list1 ul { width:9999px;}

.m5box1 .img-list1 li { float:left;  width:387px; margin-right:19px;overflow: hidden;}

.m5box1 .img-list1 li .litop a{display: block;}
.m5box1 .img-list1 li .litop a img{display: block; max-width: 100%;} 

.m5box1 .img-list1 li .libot a{display: block; font-size:18px;font-size:1.8rem;color:#fff;background-color: #1e8bc3;padding:20px 23px;line-height: 38px; }
.m5box1 .img-list1 li .libot a:hover{background-color: #fff;color: #1e8bc3}

.main5 .m5title2 {text-align: center;margin-bottom: 60px;margin-top: 106px;}
.main5 .m5title2 a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#fff;text-transform: uppercase;}
.main5 .m5title2 a:hover{}

.main5 .m5box2{padding-bottom: 36px;}
.main5 .m5box2 a{ display: inline-block;text-align: center;width: 152px;margin-left: 104px; margin-bottom: 53px;overflow: hidden; }
.main5 .m5box2 a img{transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;max-width: 100%;}
.main5 .m5box2 a:hover img{transform: scale(1.1);}


@media screen and (max-width:1370px) {
    .m5box1 .img-scroll1 .prev1, .m5box1 .img-scroll1 .next1{top: 45%;}
    .m5box1 .img-scroll1 .prev1{left: 0;z-index: 9999;}
    .m5box1 .img-scroll1 .next1{right: 0;z-index: 9999;}
}
@media screen and (max-width:1219px) {
    .main5 .m5box2 a{margin-left: 35px;}
    .m5box1 .img-list1 ul{width: 1000%;}
    .m5box1 .img-list1 li{width: 3.2%;margin-right: 0.2%;}
}
@media screen and (max-width:979px) {
    .main5 .m5box2 a{margin-left: 42px;}
    .main5 .m5box2 a{width: 22%;margin:1%!important;}
}
@media screen and (max-width:768px) {
    .main5{background-attachment: fixed;}
    .main5 .m5title2 a{font-size:26px;font-size:2.6rem;}
    .main5 .m5title2{margin-top: 45px;margin-bottom: 20px;}
    .main5{padding-top: 20px;padding-bottom: 20px;}
    .main5 .m5title1{margin-bottom: 20px;}
    .main5 .m5title1 a{font-size:26px;font-size:2.6rem; }
    .m5box1 .img-list1 li .libot a{padding:5px 10px}
    .m5box1 .img-list1 li{width: 4.9%;margin-right: 0.2%;}
}
@media screen and (max-width:639px) {
    .main5 .m5box2 a{width: 29%;margin:1%!important;}
}
@media screen and (max-width:500px) {
    .main5 .m5box2 a{width: 47%;margin:1%!important;}
}
@media screen and (max-width:400px) {
    .m5box1 .img-list1 li{width:10%;margin-right: 0%;}
}
/* main6 */
.main6 { padding-top: 70px;padding-bottom: 113px;}
.main6 .m6title1 {text-align: center;margin-bottom: 54px;}
.main6 .m6title1 a{font-size:36px;font-size:3.6rem;line-height: 36px;color:#333333;text-transform: uppercase;}
.main6 .m6title1 a:hover{color: #1e8bc3;}

.main6 ul li { float:left;  width:387px; margin-left:19px;overflow: hidden;}
.main6 ul li:first-child{margin-left: 0;}
.main6 ul li .libox a{display: block; overflow: hidden;}
.main6 ul li .libox a img{display: block;max-width: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
.main6 ul li .libox a:hover img{transform: scale(1.1);}
.main6 ul li .libox{position: relative;margin-bottom: 21px;}
.main6 ul li .libox .m6zz{position: absolute;bottom: 0;right: 0;width: 68px;height: 68px;background-color: #1e8bc3;}
.main6 ul li .libox .m6zz span.sp1{padding-top: 12px;margin-bottom: 3px;display: block;text-align: center;color:#fff;font-size:18px;font-size:1.8rem;font-style: italic;}
.main6 ul li .libox .m6zz span.sp2{display: block;text-align: center;color:#fff;font-size:18px;font-size:1.8rem;}
.main6 .m6-bot .dd1{margin-bottom: 15px;}
.main6 .m6-bot .dd1 a{display: block;font-size:18px;font-size:1.8rem;color:#333; min-height: 43px;}
.main6 .m6-bot .dd1 a:hover{color: #1e8bc3;}

.main6 .m6-bot .dd2{margin-bottom: 9px;}
.main6 .m6-bot .dd2 a{display: block;font-size:14px;font-size:1.4rem;color:#666;line-height: 30px; }
.main6 .m6-bot .dd2 a:hover{color: #1e8bc3;}

.main6 .m6-bot .dd3 a{display: block;text-align: center; border: 2px solid #cfcfca; font-size:14px;font-size:1.4rem;color:#333;width:180px;height: 36px;line-height: 36px;background-color:  }
.main6 .m6-bot .dd3 a:hover{color: #fff;background-color: #1e8bc3;border: 2px solid #1e8bc3; }
@media screen and (max-width:1219px) {
    .main6 ul li{width: 31%;margin: 1%!important;}
}

@media screen and (max-width:979px) {
    .main6 .m6-bot .dd2 a{line-height: 20px;}

}
@media screen and (max-width:768px) {
    .main6{padding-top: 20px;padding-bottom: 20px;}
    .main6 .m6title1 a{font-size:26px;font-size:2.6rem;}
    .main6 .m6title1{margin-bottom: 10px;}
}
@media screen and (max-width:639px) {
    .main6 ul li{width: 48%;margin: 1%!important;}
}
@media screen and (max-width:400px) {
    .main6 ul li{width: 98%;margin: 1%!important;}
}
/* foot */
.foot{background:url(../img/footbg.jpg) no-repeat top center ;padding-top: 60px;padding-bottom: 13px;}
.foot .ft{float: left;}
.foot .ft.ft1{margin-left: 0;width: 300px;} 
.foot .ft.ft2{margin-left: 98px;} 
.foot .ft.ft3{margin-left: 72px;width: 320px;} 


.foot .ft .fttitle{margin-bottom: 44px;}
.foot .ft .fttitle a{color:#fff;text-transform:uppercase;font-size:30px;font-size:3rem; }
.foot .ft2 .fttitle a:hover{color: #333;}


.foot .ft1 ul li{color:#fff;font-size:14px;font-size:1.4rem;line-height: 36px;width: 50%;float: left; }
.foot .ft1 ul li a{color:#fff;font-size:14px;font-size:1.4rem;line-height: 36px;}
.foot .ft1 ul li a:hover{color: #333!important;}




.foot .ft.ft2{width: 400px;}
.foot .ft.ft2 ul{padding-top: 0px;}
.foot .ft.ft2 ul li{color:#fff;font-size:14px;font-size:1.4rem;line-height: 36px;}
.foot .ft.ft2 ul li a{color:#fff;font-size:14px;font-size:1.4rem;line-height: 36px;}
.foot .ft.ft2 ul li a:hover{color: #333!important;}

/*ft3*/
.foot .ft3 {position: relative;}
.foot .ft3 .title{font-size:30px;font-size:3rem;color:#fff;margin-bottom: 55px;}
.foot .ft3 .title a{font-size:30px;font-size:3rem;color:#fff;text-transform: uppercase; }
.foot .ft3 dl{margin-bottom: 18px;}
.foot .ft3 dl dd{float: left;margin-left: 11px;position: relative;top: 0; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
.foot .ft3 dl dd:hover{top: -5px;box-shadow: 0 5px 8px rgba(0,0,0,0.4);}
.foot .ft3 dl dd a{display: block;}
.foot .ft3 dl dd a img{display: block;}
.foot .ft3  p{text-align: left;font-size:14px;font-size:1.4rem;color:#fff;line-height: 36px;}
.foot .ft3  p a{font-size:14px;font-size:1.4rem;color:#fff;line-height: 36px;}

.cnzz{margin-left: 11px;}
.reanod{margin-left: 21px;}


.foot2{background-color: #000;padding-top: 14px;padding-bottom: 13px;}

.foot .wp1.wp2{padding-bottom: 43px;}
.foot .wp1{border-top: 1px solid #fff;margin-top: 31px;padding-top: 11px;}
.links{margin-top: 7px; font-size:14px;font-size:1.4rem;color:#fff;text-align: center;line-height: 36px;font-family: Arial, Helvetica, sans-serif;}
.links a{font-size:14px;font-size:1.4rem;color:#fff;margin-left: 15px; text-align: center;line-height: 36px;font-family: Arial, Helvetica, sans-serif;}
.links a:hover{color: #333;}
@media screen and (max-width:1219px) {
    .foot .ft.ft2{margin-left: 10px;width: 364px;}
    .foot .ft.ft3{margin-left: 10px;}
}
@media screen and (max-width:999px) {
    .foot .ft.ft1{width: 255px;}
    .foot .ft.ft2{margin-left: 10px;width: 330px;}
}
@media screen and (max-width:979px) {
    .foot .ft .fttitle{margin-bottom: 10px!important;}
    .foot .ft3 .title{margin-bottom: 10px!important;}
    .foot .ft.ft1{width: 100%;}
    .foot .ft.ft2{margin-left: 0px;width: 100%;margin-top: 30px;}
    .foot .ft.ft3{margin-left: 0px;width: 100%;margin-top: 30px;}
    .foot{background-color: #3292c2;}
}
@media screen and (max-width:768px) {
    .foot{padding-top: 20px;}
    .foot .ft .fttitle a{font-size:26px;font-size:2.6rem;}
    .foot .ft3 .title a{font-size:26px;font-size:2.6rem;}
}
@media screen and (max-width:639px) {
    .foot .links{display: none;}
}

/* banner1 */
.banner1{width: 100%;}
.banner1 a{display:block; width: 100%;}
.banner1 a img{display: block;max-width: 100%;}
/* bread */
.bread .wp{border-bottom: 1px solid #dcdcdc;padding-top: 12px;padding-bottom: 12px;}
.bread{font-size:14px;font-size:1.4rem;color:#333;line-height: 20px;}
.bread a{font-size:14px;font-size:1.4rem;color:#333;line-height: 20px;}
.bread a.a2,.bread a:hover{color: #1e8bc3;}

/* ===============================================================product====================================================== */
/*goods*/
.product{padding-top: 30px;}
.product .xiangqing .goods{width: 834px;}
.product .xiangqing .goods .box1{width: 100%;}
.product .xiangqing .goods .box1 ul{width: 100%;}
.product .xiangqing .goods .box1 ul li{float: left;margin-left: 12px;width: 270px;margin-bottom: 46px;}

.product .xiangqing .goods .box1 ul li .libox{border: 1px solid #dadada;}
.product .xiangqing .goods .box1 ul li .img{width: 100%;}
.product .xiangqing .goods .box1 ul li .img>a{display: block;width: 100%;position: relative;overflow: hidden; }
.product .xiangqing .goods .box1 ul li .img>a img{display: block;width: 100%;height: 100%;}

.product .xiangqing .goods .box1 ul li .img>a .przz{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:url(../img/przz.png) repeat center center;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
.product .xiangqing .goods .box1 ul li .img>a .przz span{display: block;width: 113px;height: 36px;line-height: 36px;font-size:14px;font-size:1.4rem;color: #333;background-color: #fff;text-align: center; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; position: absolute; left: 50%; margin-left: -56px; top: 50%; margin-top: -18px;}
.product .xiangqing .goods .box1 ul li .img>a .przz span:hover{color: #1e8bc3;}
.product .xiangqing .goods .box1 ul li .img>a:hover .przz{top: 0;}

.product .xiangqing .goods .box1 ul li .wenzi1{text-align: center; padding-top: 8px;padding-bottom: 18px;border-top: 1px solid #dadada;}
.product .xiangqing .goods .box1 ul li .wenzi1 a{font-size:16px;font-size:1.6rem;color:#333;}
.product .xiangqing .goods .box1 ul li .wenzi1 a:hover{color: #1e8bc3;}

.product .xiangqing .goods .box1 ul li .wenzi{width: 116px;height: 28px;margin:0 auto 10px;}
.product .xiangqing .goods .box1 ul li .wenzi a{display: block;float:right; width: 95px;height: 26px;border-radius: 13px; line-height: 26px;color: #1e8bc3;border: 1px solid #1e8bc3; font-size:14px;font-size:1.4rem; text-align: center;}
.product .xiangqing .goods .box1 ul li .wenzi a:hover{color: #fff;background-color: #1e8bc3; }
.product .xiangqing .goods .box1 ul li .wenzi input{cursor: pointer; display: block;float: left;margin-top: 7px;}

/*page*/
.page{position: relative;margin:46px auto 131px;}
.page {text-align: center;}
.page1{position: relative;margin:46px auto 131px;}
.page1 {text-align: center;}
.page a {display: inline-block;background-color:#fff;color: #333; margin-left:6px;width: 33px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;}
.page a.on,.page a:hover{color: #1e8bc3;border: 1px solid #1e8bc3;}
.page a.first{width:59px;margin-left: 0;}
.page a.last{width: 59px;}
.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #333;position: relative;top: 3px;}
.page img{display: inline-block;position: relative;top: 5px;margin-left: 7px;}
.ins{width: 148px;display: inline-block;height: 30px; line-height: 28px;text-align: center; border: none; outline: none;background-color: #1e8bc3;color: #fff;font-size: 12px;font-size: 1.2rem;cursor: pointer;font-family: Arial, Helvetica, sans-serif;}
.page a.no,.page a.no:hover{color:#333 !important; background-color:#fff !important; border: 1px solid #e5e5e5 !important }
/*list*/
.product .xiangqing .list {width: 320px;margin-bottom: 30px; }
.product .xiangqing .list .title1{width: 100%;margin-bottom:10px;}
.product .xiangqing .list .title1 a{display: block;width: 100%;;text-align: center;font-size:26px;font-size:2.6rem;height: 49px;line-height: 49px;border-bottom: 1px solid #1e8bc3; color:#1e8bc3;font-style: italic;text-transform: uppercase;background-color: #eeeeee; }
.product .xiangqing .list .subNavBox{width: 100%;}
.product .xiangqing .list .subNav{cursor: pointer;background:#fff;margin-top: 4px;}
.product .xiangqing .list .subNav.div1{margin-top: 0px;padding-top: 4px;}
.product .xiangqing .list .subNav a{ display: block;line-height: 25px;padding-top: 8px;padding-bottom: 8px;  padding-left:13px;padding-right: 25px; background:#e4e5e6 url(../img/parrow.png) no-repeat 95.5% 14px; font-size:16px; font-size:1.6rem; color:#333333; transition:0s;}

.product .xiangqing .list .subNav:hover a{ background:#1e8bc3 url(../img/parrowon.png) no-repeat 95.5% 14px; color:#fff;}
.product .xiangqing .list .currentDd a{ background:#1e8bc3 url(../img/parrowon.png) no-repeat 95.5% 14px; color:#fff;}


.product .xiangqing .list .navContent{margin-bottom: 13px;background-color: #fafafa; padding-top: 9px;padding-bottom: 11px; display: none;position: relative;top:0px;}
.product .xiangqing .list .navContent>li a{display:block; font-size:14px; font-size:1.4rem; line-height: 30px; color:#333; padding-left:38px;background:url(../img/xian.png) no-repeat 16px center; }
.product .xiangqing .list .navContent>li a:hover{color: #1e8bc3;}


.product .xiangqing .list .title2{width: 100%;margin-top:34px;margin-bottom: 2px;}
.product .xiangqing .list .title2 a{display: block;text-align: left;font-size:26px;font-size:2.6rem;height: 46px;line-height: 46px;border-top: 2px solid #1e8bc3; color:#1e8bc3;text-transform: uppercase;background-color: #eeeeee; padding: 0 15px;}

.product .xiangqing .list dl{background-color: #eeeeee;padding: 0 18px;}
.product .xiangqing .list dl dd{border-bottom: 1px solid #b5b5b5; }
.product .xiangqing .list dl dd .dd1{border: 1px solid #b5b5b5;padding: 2px;margin-bottom: 12px;margin-top: 17px; }
.product .xiangqing .list dl dd .dd1 a{display: block;}
.product .xiangqing .list dl dd .dd1 a img{display: block;max-width:100%; }

.product .xiangqing .list dl dd .dd2{margin-bottom: 12px; }
.product .xiangqing .list dl dd .dd2 span{display: block;font-size:14px;font-size:1.4rem;color: #333;font-weight: bold; }
.product .xiangqing .list dl dd .dd2 a{display: block;font-size:14px;font-size:1.4rem;color: #333;font-weight: bold; }

.product .xiangqing .list dl dd .dd3{margin-bottom: 14px; }
.product .xiangqing .list dl dd .dd3 a{display: block;font-size:14px;font-size:1.4rem;color: #666;line-height: 24px;}
.product .xiangqing .list dl dd .dd3 a:hover{color: #1e8bc3;}

.product .xiangqing .list dl dd .dd4{margin-bottom: 21px; }
.product .xiangqing .list dl dd .dd4 a{display: block;font-size:14px;font-size:1.4rem;color:#666; ; }
.product .xiangqing .list dl dd .dd4 a:hover{color: #1e8bc3;}


.product .xiangqing .list dl dd.dl2{margin-top: 22px;border: none; }
/* ===============================================================product1====================================================== */
/*goods1*/
.product .xiangqing .goods1{width: 834px;}

#showArea{margin-top: 14px;margin-bottom: 6px; }
#showArea img{cursor:pointer;display:block;width:107px;height:85px;margin-bottom: 18px;border: 1px solid #bfbfb6;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto; }
#gobottom{cursor:pointer;display:block; margin:auto;}
#showArea{height:303px; overflow:hidden;}
.MagicZoomBigImageCont {background:#FFF;}
.MagicZoomBigImageCont img{width: 832px!important;height: 708px!important;display: block;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}

.left-pro{width:612px;text-align:left;margin:0px auto 23px;}
.left-pro .t1{width:109px;float:right;}
.left-pro .t2{width:488px;text-indent:0;float:left; border: 1px solid #bfbfb6;}
.left-pro .t2 a{ display:block;margin-bottom: 0px;}
.left-pro .t2 img{text-indent:0;display: block;}


.goods1 .content .title{padding-top: 2px;}
.goods1 .content .title h1{font-size:16px;font-size:1.6rem;color: #333;text-align: center;font-weight: bold; }


.goods1 .content .btn{width: 381px;margin: 0 auto; margin-top: 23px;margin-bottom: 33px;}
.goods1 .content .btn a {display: block; font-size:16px;font-size:1.6rem;color: #1e8bc3;width: 168px;height: 44px;line-height: 44px;text-align: center;border: 1px solid #1e8bc3; }
.goods1 .content .btn a:hover{color: #fff; background-color: #1e8bc3;}
.none{border: 1px solid #1e8bc3 !important; color: #1e8bc3 !important; background: #fff !important;}

.goods1 .content .share1{width: 228px;margin: 0 auto; padding-bottom: 27px;}
.goods1 .content .share1 .span{font-size:14px;font-size:1.4rem;color: #1e8bc3;height: 26px;line-height: 26px; }

.at-resp-share-element .at-icon{width:26px!important;height:26px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width:26px!important;height:26px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.protitle1{background:#eeeeee; width: 100%;margin-bottom: 30px;margin-top: 30px;}
.protitle1 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 292px;text-align: center;background:#f8f8f8 url(../img/xian1.png) repeat-x bottom center;}


.goods1 .wenzi p{line-height: 30px;font-size:14px;font-size:1.4rem;color: #000;margin-bottom: 30px;font-family: Arial, Helvetica, sans-serif;}
.goods1 .wenzi span{line-height: 30px;font-size:14px;font-size:1.4rem;color: #000;font-family: Arial, Helvetica, sans-serif;}
.goods1 .wenzi p img{display: block;max-width: 100%;}
.goods1 .wenzi a{line-height: 30px;font-size:14px;font-size:1.4rem;color: #1e8bc3;}

.goods1 .wenzi table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 30px;}
.goods1 .wenzi tr td{ line-height:24px; padding:2px;border: 1px solid #ccc;}

.protitle2{background:#eeeeee; width: 100%;margin-bottom: 20px;margin-top: 30px;}
.protitle2 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 236px;text-align: center;background:#f8f8f8 url(../img/xian1.png) repeat-x bottom center;}

.protitle3{background:#eeeeee; width: 100%;margin-bottom: 20px;margin-top: 30px;}
.protitle3 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 262px;text-align: center;background:#f8f8f8 url(../img/xian1.png) repeat-x bottom center;}

.protitle4{background:#eeeeee; width: 100%;margin-bottom: 40px;margin-top: 40px;}
.protitle4 a{height: 48px;line-height: 48px; text-transform: uppercase;font-size:18px;font-size:1.8rem;color: #000;display: block;width: 209px;text-align: center;background:#f8f8f8 url(../img/xian1.png) repeat-x bottom center;}

ul.rel-pro{margin-bottom: 115px;}
ul.rel-pro li{float: left;margin-left: 12px;width: 270px;}

/* ul.rel-pro li .libox{} */
ul.rel-pro li .img{border: 1px solid #dadada;}
ul.rel-pro li .img>a{display: block;width: 100%;position: relative;overflow: hidden; }
ul.rel-pro li .img>a img{display: block;width: 100%;height: 100%;}

ul.rel-pro li .img>a .przz{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:url(../img/przz.png) repeat center center;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
ul.rel-pro li .img>a .przz span{display: block;width: 113px;height: 36px;line-height: 36px;font-size:14px;font-size:1.4rem;color: #333;background-color: #fff;text-align: center;margin:89px auto 0; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
ul.rel-pro li .img>a .przz span:hover{color: #1e8bc3;}
ul.rel-pro li .img>a:hover .przz{top: 0;}

ul.rel-pro li .wenzi1{text-align: center; padding-top: 8px;padding-bottom: 18px;border-top: 1px solid #dadada;}
ul.rel-pro li .wenzi1 a{font-size:16px;font-size:1.6rem;color:#333;}
ul.rel-pro li .wenzi1 a:hover{color: #1e8bc3;}

.img980{display: none;}
.img980 ul li{width: 23%;margin: 1%;float: left;}
.img980 ul li a{display: block;width: 100%;}
.img980 ul li a img{display: block;width: 100%;}


/*pro media zhuyemian*/
@media screen and  (max-width:1380px){
.wenzi{overflow:auto;}
}
@media screen and  (max-width:1219px){
    .product .xiangqing .list{width: 260px;}
    .product .xiangqing .goods{width: 700px;}
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:999px){
    .product .xiangqing .goods{width: 650px;}
}
@media screen and  (max-width:979px){
    .page{margin-bottom: 30px;}
    .page .l{float: none;}
    .page a{margin-bottom: 10px;}
    .page .add{float: none;}
    .product .xiangqing .goods{width:100%;}
    .product .xiangqing .goods .box1 ul li{width: 23%;margin: 0 1% 2% 1%!important;}
    .product .xiangqing .list{width: 100%;}
    .product .xiangqing .goods .box1 ul li .img > a .przz{display: none;}
    .product .xiangqing .list dl dd .dd1{border: none; border-bottom: 1px solid #b5b5b5;}
}   
@media screen and  (max-width:900px){
    .product .xiangqing .goods .box1 ul li{width: 31%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:500px){
    .product .xiangqing .goods .box1 ul li{width: 48%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:320px){
    .product .xiangqing .goods .box1 ul li{width: 100%;margin: 0 0% 2% 0%!important;}
}

/*pro media xiangqingyemian*/
@media screen and  (max-width:1219px){
    .product .xiangqing .goods1{width: 700px;}
    .MagicZoomPup,.MagicZoomBigImageCont {display: none!important;}
    .MagicZoom{cursor: auto!important;}
    .product .xiangqing .goods1 .content{width: 100%;}
    ul.rel-pro li{width: 31%;margin: 1%!important;}
}
@media screen and  (max-width:999px){
    .product .xiangqing .goods1{width: 650px;}
}
@media screen and  (max-width:979px){
    .img980{display: block;}
    .left-pro{display: none;}
    .product .xiangqing .goods1{width:100%;}
    ul.rel-pro{margin-bottom: 40px;}
    ul.rel-pro li .img > a .przz{display: none;}
}

@media screen and  (max-width:640px){
    ul.rel-pro li{width: 48%;margin: 1%!important;}
    .product .xiangqing .goods1 .img980  ul li{width: 48%;margin: 0 1% 2% 1%!important;}
}
@media screen and  (max-width:410px){
    .goods1 .content .btn{width: 100%;}
    .goods1 .content .btn a{float: none;margin: 15px auto 0;}
}
@media screen and  (max-width:320px){
    ul.rel-pro li{width: 98%;margin: 1%!important;}
    .product .xiangqing .goods1 .img980 ul li{width: 100%;margin: 0 0% 2% 0%!important;}
    
}
/* ===============================================================about====================================================== */
.about .wp >img{display: block;max-width: 100%;margin-top: 30px;margin-bottom: 38px; }


.about .ul1 li{cursor: pointer; width:199px;float: left; margin-left: 1px;line-height: 31px;padding-top: 12px;padding-bottom: 12px;text-align: center;background-color: #e4e5e6;color:#333;font-size:16px;font-size:1.6rem; }
.about .ul1 li.on,.about .ul1 li:hover{color: #fff;background-color:#1e8bc3; }

.about #qh1{margin-top: 32px;}
.about .qiehuan1 p{font-size:14px;font-size:1.4rem;color: #666;line-height: 30px;}
.about .qhbox{margin-top: 58px;}
.about .qhbox .limg{width:43.3%; }
.about .qhbox .limg img{display: block;max-width:100%;}

.about .qhbox .rtd{width: 53.5%;margin-top: 10px; }
.about .qhbox .rtd .rrgg{width: 537px;margin-top: -8px; }  

.about .qhbox .rtd .rrgg .gg-top{font-size:20px;font-size:2rem;color:#333;margin-bottom: 6px; }
.about .qhbox .rtd .rrgg .gg-bot{font-size:14px;font-size:1.4rem;color:#666;line-height: 30px;}

.about .qhbox .rtd .dd1{margin-bottom: 45px;}
.about .qhbox .rtd .dd2{margin-bottom: 44px;}
.about .title1{font-size:32px;font-size:3.2rem;color:#333;margin-top: 59px;margin-bottom: 37px; text-transform:uppercase;} 
ul.ul2 li{width: 395px;float: left;margin-left: 7.5px; }
ul.ul2 li .libox{position: relative; width: 393px;border: 1px solid #fcfcfc;border-bottom: 0px solid #fcfcfc; overflow: hidden;}
ul.ul2 li.li1{margin-left: 0.5%;}
ul.ul2 li .m4-top{display: block;overflow: hidden;}
ul.ul2 li .m4-top img{display: block;max-width: 100%; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

ul.ul2 li .m4-bot {text-align: left;padding: 11px 15px 25px;background-color: #eeecec; border: 1px solid #fcfcfc;border-top: 0px solid #fcfcfc;}

ul.ul2 li .m4-bot {font-size:16px;font-size:1.6rem;color:#333;line-height: 36px;}
ul.ul2 li .m4-bot:hover{background-color: #1e8bc3;color:#fff;}


.about .title2{font-size:32px;font-size:3.2rem;color:#333;margin-top: 63px;margin-bottom: 47px; text-transform: uppercase;}
ul.ul3{margin-bottom: 85px;}
ul.ul3 li{width: 277px;float: left;margin-left: 30.5px; margin-bottom:38px;}
ul.ul3 li .libox{position: relative; width: 275px;border: 1px solid #cecec7;border-bottom: 0px solid #cecec7; overflow: hidden;}
ul.ul3 li.li1{margin-left: 0.5%;}
ul.ul3 li .m4-top{display: block;overflow: hidden;}
ul.ul3 li .m4-top img{display: block;max-width: 100%; transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

ul.ul3 li .m4-bot {text-align: left;padding: 12px 19px 10px;border: 1px solid #cecec7;border-top: 1px solid #cecec7;}

ul.ul3 li .m4-bot {line-height: 30px;}

ul.ul3 li .m4-bot a{display: block;font-size:16px;font-size:1.6rem;color: #1e8bc3; line-height: 30px;}
ul.ul3 li .m4-bot span{display: block;font-size:14px;font-size:1.4rem;color: #666; line-height: 30px;}



.about #qh2{margin-top: 69px;margin-bottom: 163px; }
.about #qh2 img{display: block; max-width:100%;}

.about #qh3{margin-top: 34px;margin-bottom: 92px; }
.about #qh3 img{display: block; max-width:100%;}

.about #qh4{padding-top: 36px;}
.about #qh4 .title{margin-bottom: 24px; font-size:18px;font-size:1.8rem;color:#333;text-transform: uppercase;}



.about #qh4 .dl1 dd{width:279px;margin-left: 28px;position: relative;overflow: hidden;float: left; margin-bottom: 47px;}
.about #qh4 .dl1 .d-top{position: relative;overflow: hidden;}
.about #qh4 .dl1 .d-top a{display: block;}
.about #qh4 .dl1 .d-top a img{display: block;max-width:100%; }
.about #qh4 .dl1 .d-top a .d-zz{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:url(../img/d-fangda.png) no-repeat center center,url(../img/d-zz.png) repeat center center;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
.about #qh4 .dl1 .d-bot{font-size:14px;font-size:1.4rem;color:#333;margin-top: 19px;text-align: center; }
.about #qh4 .dl1 .d-top:hover a .d-zz{top: 0;}

.about #qh4 .dl2 dd{width: 279px;margin-left: 28px;float: left; margin-bottom: 47px;}
.about #qh4 .dl2 .d-top img{display: block;max-width:100%; margin: 0 auto;}
.about #qh4 .dl2 .d-bot{font-size:14px;font-size:1.4rem;color:#333;margin-top: 19px;text-align: center; }

.about #qh4 .dl3 dd{width: 290px;margin-left: 13px;float: left; margin-bottom: 47px;}
.about #qh4 .dl3 .d-top img{display: block;max-width:100%; margin: 0 auto;}
.about #qh4 .dl3 .d-bot{font-size:14px;font-size:1.4rem;color:#333;margin-top: 19px;text-align: center; }

.about #qh4 .dl4 dd{width: 262px;margin-left: 50px;float: left; margin-bottom: 47px;}
.about #qh4 .dl4 .d-top img{display: block;max-width:100%; margin: 0 auto;}
.about #qh4 .dl4 .d-bot{font-size:14px;font-size:1.4rem;color:#333;margin-top: 19px;text-align: center; }

.about #qh4 .dl5 dd{width: 279px;margin-left: 28px;float: left; margin-bottom: 47px;}
.about #qh4 .dl5 .d-top img{display: block;max-width:100%; margin: 0 auto;}
.about #qh4 .dl5 .d-bot{font-size:14px;font-size:1.4rem;color:#333;margin-top: 19px;text-align: center; }

.about #qh4 .dl5{padding-bottom: 68px;}


.about #qh5 {padding-top: 65px;}
.about #qh5 .dl1 dd{width:233px;margin-left: 89px;position: relative;overflow: hidden;float: left; margin-bottom: 38px;}
.about #qh5 .dl1 .d-top{position: relative;overflow: hidden;}
.about #qh5 .dl1 .d-top a{display: block;}
.about #qh5 .dl1 .d-top a img{display: block;max-width:100%; }
.about #qh5 .dl1 .d-top a .d-zz{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background:url(../img/d-fangda.png) no-repeat center center,url(../img/d-zz.png) repeat center center;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
.about #qh5 .dl1 .d-bot{font-size:14px;font-size:1.4rem;color:#333;margin-top: 16px;text-align: center; line-height: 22px;}
.about #qh5 .dl1 .d-top:hover a .d-zz{top: 0;}
.about #qh5 .page{margin-top: 63px;}

@media screen and  (max-width:1219px){
   .about .ul1 li{ width:31%; margin-left:1% !important; max-width:488px; padding-top:12px !important; padding-bottom:12px !important; line-height:31px !important;}
    .about .qhbox .rtd .rrgg{width: 400px;}
    ul.ul2 li .libox{width: calc(100% - 2px);}
    ul.ul3 li .libox{width: calc(100% - 2px);}
    ul.ul2 li{width: 31%;margin: 1%!important;}
    ul.ul3 li{width: 23%;margin: 1%!important;}

    .about #qh4 dl dd{width: 23%!important;margin: 1%!important;}

    .about #qh5 .dl1 dd{width: 23%!important;margin: 1%!important;}
}
@media screen and  (max-width:999px){
	ul.ul3 li{ width:31%; margin-left:1% !important; max-width:488px;}
    .about .qhbox .limg{width:100%; float: none; }
    .about .qhbox .rtd{width: 100%;margin-top: 20px;float: none; }
    .about .qhbox .rtd .rrgg{width:calc(100% - 100px);}
    .about .ul1 li{width: calc(100% / 3 - 1px );margin-left: 0!important;margin-right: 1px;margin-bottom: 1px; }
    ul.ul2 li .m4-bot {font-size:16px;font-size:1.6rem;line-height: 20px;}
    .about #qh2{margin-top: 50px;margin-bottom: 50px; }
    .about #qh3{margin-top: 50px;margin-bottom: 50px; }

}
@media screen and  (max-width:979px){
    .about #qh4 .dl1 .d-top a .d-zz{background:url(../img/d-fangda.png) no-repeat center center;top:0;}
    .about #qh5 .dl1 .d-top a .d-zz{background:url(../img/d-fangda.png) no-repeat center center;top:0;}
}
@media screen and  (max-width:798px){
  .ul1 li{width: 48% !important;max-width: 277px;margin: 1%!important;}
}
@media screen and  (max-width:768px){
    .about #qh4 dl dd{width: 31%!important;margin: 1%!important;}
    .about #qh5 .dl1 dd{width: 31%!important;margin: 1%!important;}
}

@media screen and  (max-width:639px){
    .about .title1{font-size:26px;font-size:2.6rem;}
    .about .title2{font-size:26px;font-size:2.6rem;}
    .about .ul1 li{width: calc(100% / 2 - 1px );}
    ul.ul2 li{width: 100%;max-width: 395px;margin: 15px auto 0!important;float: none; }
  
}
@media screen and  (max-width:530px){
    .about #qh5 .dl1 dd{width: 48%!important;margin: 1%!important;}
}
@media screen and  (max-width:546px){
  .ul1 li{width: 98% !important;max-width: 277px;margin: 1%!important;}
}
@media screen and  (max-width:500px){
    .about #qh4 dl dd{width: 48%!important;margin: 1%!important;}
}

@media screen and  (max-width:420px){
    ul.ul3 li{width: 100%;max-width: 277px;margin: 15px auto 0!important;float: none;}
    .about .ul1 li{width:100%;font-size:14px;font-size:1.4rem;margin-right: 0;padding-top: 5px;padding-bottom: 5px;}
}
@media screen and  (max-width:320px){
    .about #qh4 dl dd{width: 98%!important;margin: 1%!important;}
    .about #qh5 .dl1 dd{width: 100%!important; margin: 15px auto 0!important;max-width: 233px;float: none; }
}

/* ===============================================================project====================================================== */
.project{padding-top: 21px;}
.project p{font-size:14px;font-size:1.4rem;color: #666;line-height: 30px;}

.project ul {margin-top: 51px;}
.project ul li{width: 383px;margin-left: 25px;float: left;margin-bottom: 40px; }
.project ul li .libox{padding: 2px;background:url(../img/kuang1.png) no-repeat center center;background-size: 100% 100%; }
.project ul li .libox .libox1{padding:13px 12px;}
.project ul li .libox .libox1 .litop a{display: block;position: relative;overflow: hidden; }
.project ul li .libox .libox1 .litop a .l-img img{display: block;max-width:100%;}

.project ul li .libox .libox1 .litop a .l-more{background:url(../img/l-more.png) repeat center center; width: 100%;top: 100%;height: 100%;left: 0;position: absolute;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; }
.project ul li .libox .libox1 .litop a .l-more span{text-align: center;font-size:16px;font-size:1.6rem; background-color: #1e8bc3;color:#fff;text-transform: uppercase; display: block;width: 159px;height: 57px;line-height: 57px;position: relative;top: 50%;margin-top: -28px;left: 50%;margin-left: -80px;}

.project ul li .libox .libox1 .litop a:hover .l-more{top: 0;}

.project ul li .libox .libox1 .libot .mid1{margin-top: 22px;margin-bottom: 5px;}
.project ul li .libox .libox1 .libot .mid1 span{font-size:16px;font-size:1.6rem;color: #333;font-weight: bold; }
.project ul li .libox .libox1 .libot .mid1 a{font-size:16px;font-size:1.6rem;color: #333;font-weight: bold; }
.project ul li .libox .libox1 .libot .mid2{margin-bottom: 15px;}
.project ul li .libox .libox1 .libot .mid2 a{font-size:14px;font-size:1.4rem;color: #666;line-height: 30px; display: block;}
.project ul li .libox .libox1 .libot .mid2 a:hover{color: #1e8bc3; }

.project .page{margin-top: 45px;margin-bottom: 118px;}

@media screen and  (max-width:1219px){
    .project ul li{width: 31%;margin: 1%!important;}
}
@media screen and  (max-width:979px){
    .project ul li .libox .libox1 .litop a .l-more{display: none;}
}
@media screen and  (max-width:768px){
    .project ul li{width: 48%;margin: 1%!important;}
    .project .page{margin-top: 20px;margin-bottom: 30px;}
}
@media screen and  (max-width:460px){
    .project ul li{width: 100%;margin:15px auto!important;max-width: 383px;float: none; }
}
/* ===============================================================project1====================================================== */
.project1 {margin-top: 27px;}
.project1 .xqy {position: relative;}
.project1 .xqy .top1{margin-top: 28px;}

.project1 .xqy .top1 .title1{text-align: center;}
.project1 .xqy .top1 .title1 h1{font-size: 18px;font-size:1.8rem;color: #333;font-weight: normal;}
.project1 .xqy .top1 .time{text-align: center;margin-top: 9px;margin-bottom: 18px;}
.project1 .xqy .top1 .time>span{font-size: 12px;font-size:1.2rem;color: #666;font-weight: normal;display: inline-block;font-family: Arial, Helvetica, sans-serif;
line-height: 26px;padding-left: 22px;background: url(../img/shizhong.png ) no-repeat left center; }

.project1 .xqy .fenxiang{display: inline-block;}

.project1 .newsx{padding-bottom: 37px;}
.project1 .newsx .n-title{margin-top: 60px;margin-bottom: 24px; font-size:20px;font-size:2rem;color: #1e8bc3;font-weight: bold;text-transform: uppercase; }

.project1 .newsx p{line-height: 30px;font-size:14px;font-size:1.4rem;color: #666;margin-bottom: 30px;font-family: Arial, Helvetica, sans-serif;}
.project1 .newsx p span{line-height: 30px;font-size:14px;font-size:1.4rem;color: #666;font-family: Arial, Helvetica, sans-serif;}
.project1 .newsx p li{line-height: 30px;font-size:14px;font-size:1.4rem;color: #666;font-family: Arial, Helvetica, sans-serif;}
.project1 .newsx p strong{line-height: 30px;font-size:14px;font-size:1.4rem;color: #666;font-family: Arial, Helvetica, sans-serif;}
.project1 .newsx p img{display: block;max-width: 100%;}

.project1 .newsx p a{line-height: 30px;font-size:14px;font-size:1.4rem;color: #1e8bc3;}

.project1 .newsx table{ width:97%; border-collapse:collapse; line-height:24px;margin-bottom: 26px;}
.project1 .newsx tr td{ line-height:24px; padding:2px;border: 1px solid #ccc; }

.project1 .updown{padding-top: 22px;border-top: 1px dashed #ccc;margin-bottom:119px;}
.project1 .updown .up{margin-top: 0px;margin-bottom: 8px;}
.project1 .updown p{line-height: 24px;font-size: 14px;font-size:1.4rem;color: #666;padding-left: 24px;background:url(../img/xiangzuo.png) no-repeat left 2px;}
.project1 .updown p a{font-size: 14px;font-size:1.4rem;color: #666;}
.project1 .updown p span{font-size: 14px;font-size:1.4rem;color: #666;}
.project1 .updown p a:hover{color: #1e8bc3;}
.project1 .updown p.on{background:url(../img/xiangyou.png) no-repeat left 2px;}
.project1 .updown p.on a{color: #1e8bc3;}


.project1 .slideBox{ width:932px; height:738px; overflow:hidden; position:relative; margin:0 auto; }
.project1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.project1 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.project1 .slideBox .bd img{ width:932px; height:738px; display:block;  }

.project1 .slideBox .prev,
.project1 .slideBox .next{ position:absolute; left:0%; top:50%; display:block; width:73px; height:73px;margin-top: -36.5px; background:url(../img/slider-arrowleft.png) no-repeat; }
.project1 .slideBox .next{ left:auto; right:0%;background:url(../img/slider-arrowright.png) no-repeat;  }
.project1 .slideBox .prevStop{ display:none;  }
.project1 .slideBox .nextStop{ display:none;  }
@media screen and  (max-width:979px){
    .project1 .slideBox{ width:100%; height:auto; min-height: 1px; }
    .project1 .slideBox .bd img{ width:100%; height:auto; min-height: 1px; }
}
@media screen and  (max-width:639px){
    .project1 .slideBox .prev,
    .project1 .slideBox .next{width: 40px;height: 40px;margin-top: -20px;background-size: 100% 100%;}
    .project1 .updown{margin-bottom: 30px;}
}
/* ===============================================================culture====================================================== */
.culture {padding-top: 30px;padding-bottom: 60px;}
.culture ul li{float: left; padding: 24px;}
.culture ul li .img{width: 46.6%;}
.culture ul li .img img{display: block;max-width:100%;}

.culture ul li .txt{width: 50%;}

.culture ul li .txt .t-top{margin-top: 48px; padding-left: 35px;background:url(../img/jiantou.png) no-repeat left center;font-size:20px;font-size:2rem;color:#1e8bc3;font-weight: bold; }
.culture ul li .txt .t-bot{margin-top: 27px; font-size:16px;font-size:1.6rem;color: #555;line-height: 30px;}

@media screen and  (max-width:979px){
    .culture ul li .txt .t-top{margin-top: 0px;}
}
@media screen and  (max-width:768px){
    .culture ul li .txt{width: 100%;float: none; margin-top: 30px;}
    .culture ul li .img{width: 100%;float: none; }
    .culture {padding-top: 30px;padding-bottom: 3px;}
}
/* ======================================== news ======================================== */
.news .news-top{margin-top: 51px; text-align: center;margin-bottom: 68px;background:url(../img/line1.jpg) no-repeat center center; }
.news .news-top a{margin:0 49px; display: inline-block;width: 191px;height: 40px;line-height: 40px;font-size:16px;font-size:1.6rem;text-transform: uppercase;text-align: center; border: 1px solid #1e8bc3;color:#1e8bc3;}
.news .news-top a:hover,.news .news-top a.on{background-color: #1e8bc3;color:#fff;}

.news .news-bot{margin-bottom: 30px;}
.news .news-bot ul li{margin-bottom: 50px;padding-bottom: 20px;border-bottom: 1px dashed #d7d7d7;}

.news .news-bot ul li .limg{width: 242px;}
.news .news-bot ul li .limg a{display: block;}
.news .news-bot ul li .limg a img{max-width: 100%; display: block;}

.news .news-bot ul li .riqi{width: 943px;}

.news .news-bot ul li .riqi .r-top{margin-left: 5px; font-size:14px;font-size:1.4rem;color: #1e8bc3; margin-bottom: 18px;margin-top: 13px;}
.news .news-bot ul li .riqi .r-top span{font-size:30px;font-size:3rem;font-weight: bold;color:#1e8bc3;}

.news .news-bot ul li .riqi .r-mid{font-size:18px;font-size:1.8rem;color:#333;line-height: 24px;margin-bottom: 16px;}
.news .news-bot ul li .riqi .r-mid a{display: block; font-size:18px;font-size:1.8rem;color:#333;line-height: 24px;}
.news .news-bot ul li .riqi .r-mid a:hover{color: #1e8bc3;}

.news .news-bot ul li .riqi .r-bot a{display: block;font-size:14px;font-size:1.4rem;color:#333333;line-height: 26px;}
.news .news-bot ul li .riqi .r-bot a:hover{color: #1e8bc3;}

/*page*/
.news .page{margin:-13px auto 99px;}


@media screen and (max-width:1219px) {
    .news .news-bot ul li .riqi{width: 700px;}
    .news .news-bot ul li .riqi .r-top{margin-top: 0;}
}
@media screen and (max-width:999px) {
    .news .news-bot ul li .riqi{width: 680px;}
}
@media screen and (max-width:979px) {
    .news .news-bot ul li .riqi{width: calc(100% - 270px);}
    .news .page{margin-top: 50px;margin-bottom: 30px;}
}

@media screen and (max-width:639px) {
    .news .news-bot ul li{margin-bottom: 20px;padding-bottom: 20px;}
    .news .news-bot ul li .limg{width: 239px;float: none;}
    .news .news-bot ul li .riqi{width: 100%;float: none;}
}
/* ======================================== news2 ======================================== */

.new2{ margin-bottom: 87px; padding-top: 51px;}
.new2_left{ width: 834px;}

.new2 .xqy {position: relative;}
.new2 .xqy .top1{margin-top: 0px;}

.new2 .xqy .top1 .title1{}
.new2 .xqy .top1 .title1 h1{font-size: 18px;font-size:1.8rem;color: #333;font-weight: normal; line-height: 22px;text-align: center;}
.new2 .xqy .top1 .time{margin-top: 11px;margin-bottom: 28px;text-align: center; }
.new2 .xqy .top1 .time span{font-size: 14px;font-size:1.4rem;color: #666666;font-weight: normal;display: inline-block; line-height: 26px; padding-left: 23px; }

.newsx p{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666;margin-bottom: 26px;}
.newsx p span{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666;}
.newsx p b{line-height: 26px;font-size:14px;font-size:1.4rem;color: #666;}
.newsx p img{display: block;max-width: 100%;}
.newsx p a{line-height: 26px;font-size:14px;font-size:1.4rem;color: red;}
.newsx table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc; margin-left:auto; margin-right:auto}
.newsx table tr td{ padding:3px; border:1px solid #ccc; background:#fff}
.new2_right{   margin-top: 38px; }

.new2_right3{   margin-top: -14px; }


.new2_right .back{ display: block; font-size:14px;font-size:1.4rem; border-radius: 8px; max-width: 183px; width: 100%; margin: 0 auto; height: 36px; line-height: 36px; text-align: center; color: #fff; background: #1e8bc3;  margin-bottom: 30px;text-transform: uppercase; }
.new2_right .title{ padding-top: 7px;  margin-bottom: 6px; display: block; font-size:24px;font-size:2.4rem;color:#1e8bc3; line-height: 40px; 
    font-weight: bold;  }
.top_imgtd{ display: block; width: 4px; height: 20px; margin-bottom: 33px; }


.new2_right .shar_wrap{ text-align: center; margin-bottom: 36px;  width: 260px;margin: 0 auto 33px; }
.new2_right .shar_wrap>span{margin-right: 10px;  display: block; color: #666; font-size:15px;font-size:1.5rem;height: 26px;line-height: 26px;  }
.new2_right .shar_wrap img{ position: relative; top: 13px; display: inline-block;  }

.dan_title { position: relative; margin-bottom:2px;  }
.dan_title img{ position: absolute; top: 20px; display: inline-block;  }
.dan_title .titl3e{display: block;height:46px;line-height: 41px;text-transform: uppercase; padding-left: 19px;font-size:22px;font-size:2.2rem;color:#1e8bc3;background-color: #eee;border-top: 2px solid #1e8bc3; }

.inpu{ text-align: center; margin-bottom: 24px;   }
.inpu a{ display: inline-block; width: 130px; height: 38px; line-height: 38px; text-align: center; margin-left: 25px; margin-right: 25px;
     font-size:18px;font-size:1.8rem;color:#1e8bc3; border-radius: 50px; border: 1px solid #1e8bc3; text-transform: uppercase; }
.inpu a:hover{  background: #1e8bc3; color: #fff; }

.new2_right .ex_wrap{ width: 321px;  margin: 0 auto; padding-bottom: 1px;padding-top: 0px;  }
.new2_right3 .ex_wrap{   margin-top: 11px;padding-bottom: 0px; }

.new2_right .ex_wrap dl{  width: 100%; margin: 0 auto; background-color: #eee; }
.new2_right .ex_wrap dl dd{padding-left: 18px;padding-right: 18px;}
.new2_right .ex_wrap dl dd a{ display: block;  }
.new2_right .ex_wrap dl dd a.we_tit{  padding-top: 9px; padding-bottom: 8px; font-size:14px;font-size:1.4rem;font-weight: bold;  color:#333; line-height: 24px; }
.new2_right .ex_wrap dl dd a.we_tit:hover{color: #1e8bc3;}
.new2_right .ex_wrap dl dd a.titlewen{ font-size:14px;font-size:1.4rem; color: #333; margin-top: 14px; }
.new2_right .ex_wrap dl dd .time{ font-size:14px;font-size:1.4rem;line-height: 24px;color: #555; }
.new2_right .ex_wrap dl dd .time a{display: block;color: #555555;}
.new2_right .ex_wrap dl dd .time a:hover{color: #1e8bc3;}
.new2_right .ex_wrap dl.dd1 dd a.titlewen{padding-bottom: 21px; border-bottom: 1px solid #b5b5b5;}
.new2_right .ex_wrap dl.dd1{padding-bottom: 10px;}
.new2_right .ex_wrap dl.dd2{padding-bottom: 22px;}
.new2_right .ex_wrap dl dd a.titlewen:hover{color: #1e8bc3}
.kuang {padding-top: 17px;}
.kuang a{display: block;border: 1px solid #b5b5b5;padding: 0px;max-width: 283px;margin: 0 auto;}
.kuang a img{display: block;max-width:100%; }

.new2_right .ex_wrap dl dt img{ display: block; max-width:319px; max-height: 228px; width: 100%;  }

.ex_wrap dl dt img{ display: block; max-width:319px; max-height: 228px; width: 100%;  }
.updown{padding-top: 18px; border-top: 1px dashed #d1d1d1;margin-bottom:0px;margin-top: 53px;}
.updown p{ line-height: 32px;font-size: 14px;font-size:1.4rem;color: #666666;}

.updown p .img{ display: inline-block; }
.updown p .img img{ display: inline-block; position: relative;  top:5px;  padding-right: 0px;}

.updown p .on{color:#1e8bc3; }
.updown p a{ font-size: 14px;font-size:1.4rem;color: #666666;}
.updown p a:hover{color: #1e8bc3;}

@media screen and (max-width:1219px){
    .new2_left{ width:605px;}
}
@media screen and (max-width:999px){
    .new2_left{ width:595px;}
}

@media screen and (max-width:979px){
    .new2_left{ width:calc(100% - 350px);}
}

@media screen and (max-width:768px){
    .new2_left{ width:100%;}
    .new2_right{width: 100%;margin-top: 20px;}

    .new2_right .ex_wrap{ width: 100%;  }
    .new2_right .ex_wrap dl{ width: 100%; }
    .new2_right3 .ex_wrap{margin-top: 0;padding-top: 0;}
    .ex_wrap{ width: 100%;  }
    .ex_wrap dl{ width: 90%; }
    .new2{margin-bottom: 40px;}

}

/* =================================download================================= */
.download {padding-top: 32px;}
.download ul li{margin-bottom: 36.5px;padding-bottom: 21px;border-bottom: 1px dashed #bab6b6;}
.download ul li .limg{width: 64px;}
.download ul li .limg a{display: block;}
.download ul li .limg a img{max-width:100%; display: block;max-height: 100%;}

.download ul li .ltxt{width: 950px;margin-left: 20px;}
.download ul li .ltxt .txttop{margin-top: -5px;margin-bottom: 8px;}
.download ul li .ltxt .txttop a{display: block;font-size:18px;font-size:1.8rem;color:#333;}
.download ul li .ltxt .txttop a:hover{color: #1e8bc3;}
.download ul li .ltxt .txtbot a{display: block;font-size:16px;font-size:1.6rem;color:#333;line-height: 30px;}
.download ul li .ltxt .txtbot a:hover{color: #1e8bc3;}
.download ul li .rdown{margin-top: 20px;}
.download ul li .rdown a{font-size:14px;font-size:1.4rem; color: #fff; display: block;width: 140px;height: 40px;line-height: 40px;border: 1px solid #1e8bc3;text-indent: 50px;background:#1e8bc3 url(../img/download1.png) no-repeat 20px center;}
.download ul li .rdown a:hover{background:#fff url(../img/download2.png) no-repeat 20px center;color:#1e8bc3; }
.page.downpage{margin-top: 68px;margin-bottom: 110px;}


@media screen and (max-width:1219px){
    .download ul li .ltxt{width: 700px;}
}
@media screen and (max-width:979px){
    .download ul li .ltxt{width: calc(100% - 260px)}
}
@media screen and (max-width:639px){
    .download ul li .ltxt{width: calc(100% - 0px);margin-left: 0;margin-top: 30px;}
}

.contact{padding-top: 34px;padding-bottom: 72px;}
.toubu{padding-top: 50px;padding-bottom: 54px;background: url("../img/bannerf.jpg") no-repeat center top;text-align: center;}
.toubu a{color: #fff;}
.toubu a:hover{color: #292929;}
.toubu div{color: #fff;}
.toubu span:hover{color: #cdbe64;}
.dabt{display: inline-block;font-size: 36px;font-size: 3.6rem;text-transform: uppercase;}

.bread{padding-top: 12px;font-size: 16px;font-size: 1.6rem;}
.toubu a.currentbread{color: #292929;}

.cubiao{ margin-bottom:36px; text-align:center;}
.cubiao a{ display:block; font-size:36px; font-size:3.6rem; line-height:26px;}
.cubiao p{ font-size:16px; font-size:1.6rem; line-height:30px; color:#4d4d4d; padding-top:29px; margin:auto;max-width: 980px;margin: 0 auto;}

.cuxin{width:1195px;margin:auto;}
.xinl{ width:585px; float:left;}
.cuxin .int1{ padding-left:15px; margin-top:19px;}
.cuxin .xing{ background:url(../img/xing.jpg) no-repeat left 22px;}
.cuxin .int1 input{ width:557px; height:52px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:52px; background:none;color: #a6a6a6;}
.cuxin .int2{padding-left:15px; margin-top:19px;width:569px; float:right;}
.cuxin .int3{padding-left:15px; margin-top:16px;}
.cuxin textarea{ width:557px; height:119px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:46px;background:none;padding-top: 5px;color: #a6a6a6;font-family: Arial, Helvetica, sans-serif;}
.cuxin .int4{width:310px; height:52px; border:1px solid #a0a0a0; padding-left:11px; font-size:14px; font-size:1.4rem; line-height:52px; float:left; background:none;color: #a6a6a6;}
.cuxin .cuyanzheng{ width:226px; height:54px; float:left; margin-left:20px; cursor:pointer;}
.cuxin .int5{ width:568px; height:54px; border:none; background:#292929; float:right; cursor:pointer; font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#fff;}
.cuxin .int5:hover{ background:#da321c;}
.ditu{ display:block; margin:auto; border:1px solid #a0a0a0; max-width:1196px;margin-top: 70px; }
.ditu img{ width:100%; max-width:1196px; max-height:458px;display: block;}


::-webkit-input-placeholder {/* WebKit browsers */
color:#1b1b1b;font-size:14px;font-size:1.4rem;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#1b1b1b;font-size:14px;font-size:1.4rem;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#1b1b1b;font-size:14px;font-size:1.4rem;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
color:#1b1b1b;font-size:14px;font-size:1.4rem;}



@media screen and (min-width:1000px) and (max-width:1219px){
.xinl{width: 490px;}
.cuxin .int1 input{width: 455px;}
.cuxin .cuyanzheng{margin-left: 9px;}

.cuxin{ width:auto;}
.cuxin .int2{padding-left:15px; margin-top:19px;width: 467px; float:right;}
.cuxin textarea{ width:455px;}
.cuxin .int4{width:220px;}
.cuxin .int5{ width:466px;}
.ditu{ margin-left:auto;width:100%; height:auto;}
.cubiao p{ width:auto;}
.codianhua{ width:140px; float:left;}
.coshouji{ width:150px; float:left; margin-left:16px;}
.coxinfeng{ width:185px; float:left; margin-left:16px;}
.cochuanzhen{ width:150px; float:left; margin-left:16px;}
.codingwei{ width:266px; float:right;}
}
@media screen and (max-width:999px){
.cuxin .int1{float: none;}

.comain{ background-attachment:fixed;}
.con{ width:auto; margin:auto;}
.cubiao p{ width:auto;}
.colie{ width:33.333% !important; margin-left:auto; float:left; margin-top:auto;}
.colie li{ font-size:12px; font-size:1.2rem; text-align:center}
.cotr{ width:100%;}
.cotr ul{ float:left; margin-left:15px;}

.cuxin{ width:auto; margin-top:30px;}
.xinl{ width:100%; float:none;}
.cuxin .int2{width:auto; float:none;}
.cuxin .int1 input{ width:95%;}
.cuxin textarea{ width:95%;}
.cuxin .int4{width:25%;}
.cuxin .int5{ width:25%; float:left; margin-left:10px;}
.ditu{ margin-left:auto;width:100%; height:auto; max-width:1181px; max-height:512px;}
}
@media screen and (max-width:639px){
.cuxin{margin-top: 0;}
.ditu{margin-top: 30px;}
.contact{padding-bottom: 40px;}
.dabt{font-size: 26px;font-size: 2.6rem;}
.contact{padding-top: 20px;}
.cubiao p{padding-top: 15px;}
.toubu{padding-top: 35px;padding-bottom: 35px;}

.xinl{ width:100%;}
.xinr{ width:100%;}
.cuxin .int1 input{ width:90%;}
.cuxin textarea{ width:90%;}
.cuxin .int4{width:25%;}
.colie{ width:50% !important;}

.cuxin .cuyanzheng{ float:left; margin-left:10px;}
.cuxin .int5{ width:93%; margin-top:20px; margin-left:auto;}
.ditu{ margin-left:auto;}
.cotrbiao{ margin-left:9px;}
.cokefu{ margin-left:9px;}
.cotr ul{ float:left; margin-left:5px;}
.cubiao a{ font-size:20px; font-size:2rem;}
.cubiao p{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:419px){
.colie{ width:100% !important;}
.cul ul{ width:97%; margin-left:1.5%; margin-right:1.5%; margin-bottom:20px;}
.cuxin .int4{width:90%;}
.cuxin .cuyanzheng{ margin-left:auto; margin-top:20px;}
.yanzheng{margin-top: 15px;}
}



/*pengyun*/
.buyiangy{ padding-top:6px !important; padding-bottom:5px !important; line-height:22px !important;}
.titlepy{ margin-bottom: 15px; font-size:20px;font-size:2rem;color:#333;text-transform: uppercase; font-weight:bold; padding-top:4px;}

.titlepy2{ margin-bottom: 26px; font-size:20px;font-size:2rem;color:#333;text-transform: uppercase; font-weight:bold; padding-top:43px;}


.titlepy3{ font-size:18px; font-size:1.8rem; color:#333;text-transform: uppercase; padding-top:35px;}
.miaosh3{ font-size:14px; font-size:1.4rem; line-height:22px; color:#333333 !important; margin-top:6px;}




.img-scroll6 { position:relative; margin-top:19px;}
.img-scroll6 .prev6,.img-scroll6 .next6{position:absolute;display:block;width:28px;height:68px; z-index:9999;}
.img-scroll6 .prev6 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-34px;}
.img-scroll6 .next6 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-34px;}
.img-scroll6 .prev6:hover { left:0;cursor:pointer; background:url(../img/advaleft.png)}
.img-scroll6 .next6:hover { right:0;cursor:pointer; background:url(../img/advaright.png)}
.img-list6 { position:relative; overflow:hidden; }
.img-list6 ul { width:9999px;}
.img-list6 li { float:left; display:inline; width:390px; margin-right:22px;  position:relative; }
.img-list6 li img{ display:block; width:100%; max-width:390px !important; margin:0 auto;}

@media screen and (min-width:1000px) and (max-width:1219px){
.img-list6 li { width:230px; margin-right:18px;}
}
@media screen and (max-width:999px){
.img-list6 ul { width:1000%;}
.img-list6 li { width:3.3333%; margin-right:0.1%;}
.img-list6 li .m2zi{ font-size:14px; font-size:1.4rem; font-weight:normal;}
}
@media screen and (max-width:739px){
.img-list6 li { width:4.9%; margin-right:0.1%;}
}
@media screen and (max-width:600px){
.img-list6 li { width:10%; margin-right:0.1%;}
}
.titlepy4{ font-size:18px; font-size:1.8rem; color:#333;text-transform: uppercase; padding-top:75px;}

.miaosh4{ font-size:14px; font-size:1.4rem; line-height:26px !important; color:#333333 !important; margin-top:15px;}




.img-scroll7 { position:relative; margin-top:22px;}
.img-scroll7 .prev7,.img-scroll7 .next7{position:absolute;display:block;width:28px;height:68px; z-index:9999;}
.img-scroll7 .prev7 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-34px;}
.img-scroll7 .next7 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-34px;}
.img-scroll7 .prev7:hover { left:0;cursor:pointer; background:url(../img/advaleft.png)}
.img-scroll7 .next7:hover { right:0;cursor:pointer; background:url(../img/advaright.png)}
.img-list7 { position:relative; overflow:hidden; }
.img-list7 ul { width:9999px;}
.img-list7 li { float:left; display:inline; width:387px; margin-right:22px;  position:relative; }
.img-list7 li img{ display:block; width:100%; max-width:387px !important; margin:0 auto;}
.img-list7 li p{ font-size:14px; font-size:1.4rem; text-align:center; overflow:hidden;text-overflow:ellipsis; color:#333333 !important; margin-top:13px; }
@media screen and (min-width:1000px) and (max-width:1219px){
.img-list7 li { width:230px; margin-right:18px;}
}
@media screen and (max-width:999px){
.img-list7 ul { width:1000%;}
.img-list7 li { width:3.3333%; margin-right:0.1%;}
}
@media screen and (max-width:739px){
.img-list7 li { width:4.9%; margin-right:0.1%;}
}
@media screen and (max-width:600px){
.img-list7 li { width:10%; margin-right:0.1%;}
}




.img-scroll8 { position:relative; margin-top:42px;}
.img-scroll8 .prev8,.img-scroll8 .next8{position:absolute;display:block;width:28px;height:68px; z-index:9999;}
.img-scroll8 .prev8 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-34px;}
.img-scroll8 .next8 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-34px;}
.img-scroll8 .prev8:hover { left:0;cursor:pointer; background:url(../img/advaleft.png)}
.img-scroll8 .next8:hover { right:0;cursor:pointer; background:url(../img/advaright.png)}
.img-list8 { position:relative; overflow:hidden; }
.img-list8 ul { width:9999px;}
.img-list8 li { float:left; display:inline; width:387px; margin-right:22px;  position:relative; }
.img-list8 li img{ display:block; width:100%; max-width:387px !important; margin:0 auto;}
.img-list8 li p{ font-size:14px; font-size:1.4rem; text-align:center; overflow:hidden;text-overflow:ellipsis; color:#333333 !important; margin-top:13px; }
@media screen and (min-width:1000px) and (max-width:1219px){
.img-list8 li { width:230px; margin-right:18px;}
}
@media screen and (max-width:999px){
.img-list8 ul { width:1000%;}
.img-list8 li { width:3.3333%; margin-right:0.1%;}
.img-scroll8 .prev8 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-50px;}
.img-scroll8 .next8 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-50px;}
}
@media screen and (max-width:739px){
.img-list8 li { width:4.9%; margin-right:0.1%;}
}
@media screen and (max-width:600px){
.img-list8 li { width:10%; margin-right:0.1%;}
}


.titlepy5{ font-size:18px; font-size:1.8rem; color:#333;text-transform: uppercase; padding-top:41px;}

.miaosh5{ font-size:14px; font-size:1.4rem; line-height:26px !important; color:#333333 !important; margin-top:13px;}
.miaosh5 p{color:#333333 !important;line-height:26px !important;  }




.img-scroll9 { position:relative; margin-top:49px;}
.img-scroll9 .prev9,.img-scroll9 .next9{position:absolute;display:block;width:28px;height:68px; z-index:9999;}
.img-scroll9 .prev9 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-34px;}
.img-scroll9 .next9 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-34px;}
.img-scroll9 .prev9:hover { left:0;cursor:pointer; background:url(../img/advaleft.png)}
.img-scroll9 .next9:hover { right:0;cursor:pointer; background:url(../img/advaright.png)}
.img-list9 { position:relative; overflow:hidden; }
.img-list9 ul { width:9999px;}
.img-list9 li { float:left; display:inline; width:285px; margin-right:23px;  position:relative; }
.img-list9 li img{ display:block; width:100%; max-width:285px !important; margin:0 auto;}
.img-list9 li p{ font-size:16px !important; font-size:1.6rem !important; text-align:center; overflow:hidden;text-overflow:ellipsis; color:#333333 !important; margin-top:13px; }
@media screen and (min-width:1000px) and (max-width:1219px){
.img-list9 li { width:230px; margin-right:18px;}
}
@media screen and (max-width:999px){
.img-list9 ul { width:1000%;}
.img-list9 li { width:3.3333%; margin-right:0.1%;}
.img-scroll9 .prev9 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-50px;}
.img-scroll9 .next9 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-50px;}
}
@media screen and (max-width:739px){
.img-list9 li { width:4.9%; margin-right:0.1%;}
}
@media screen and (max-width:600px){
.img-list9 li { width:10%; margin-right:0.1%;}
}

.titlepy9{font-size:22px; font-size:2.2rem; line-height:26px !important; color:#333333 !important; margin-top:13px;}
.miaoshu9{line-height:30px !important; font-size:14px; font-size:1.4rem; color:#666; padding-top:11px; }


.titlepy10{font-size:22px; font-size:2.2rem; line-height:26px !important; color:#333333 !important; margin-top:51px;}
.miaoshu10{line-height:30px !important; font-size:14px; font-size:1.4rem; color:#666; padding-top:11px; }




.img-scroll10 { position:relative; margin-top:37px; margin-bottom:115px;}
.img-scroll10 .prev10,.img-scroll10 .next10{position:absolute;display:block;width:28px;height:68px; z-index:9999;}
.img-scroll10 .prev10 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-34px;}
.img-scroll10 .next10 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-34px;}
.img-scroll10 .prev10:hover { left:0;cursor:pointer; background:url(../img/advaleft.png)}
.img-scroll10 .next10:hover { right:0;cursor:pointer; background:url(../img/advaright.png)}
.img-list10 { position:relative; overflow:hidden; }
.img-list10 ul { width:9999px;}
.img-list10 li { float:left; display:inline; width:287px; margin-right:21px;  position:relative; }
.img-list10 li img{ display:block; width:100%; max-width:287px !important; margin:0 auto;}
.img-list10 li p{ font-size:14px !important; font-size:1.4rem !important; text-align:center; overflow:hidden;text-overflow:ellipsis; color:#333333 !important; margin-top:15px; }
.dingweipro{ position:relative; transition:0.5s; overflow:hidden; width:100%; max-width:287px !important; margin:0 auto;}
.yingyingpy{ width:100%; height:100%; left:0px; top:100%; background:#000; background:rgba(0,0,0,0.5); position:absolute;}
.yingyingpy img{ width:35px !important; height:35px !important; position:absolute; top:50%; margin-top:-18px !important; left:50%; margin-left:-18px !important;}
.dingweipro:hover .yingyingpy{top:0%;  transition:0.5s;}
@media screen and (min-width:1000px) and (max-width:1219px){
.img-list10 li { width:230px; margin-right:18px;}
}
@media screen and (max-width:999px){
.img-list10 ul { width:1000%;}
.img-list10 li { width:3.3333%; margin-right:0.1%;}
.dingweipro .yingyingpy{top:0%;}
.img-scroll10 .prev10 { left:0;cursor:pointer; background:url(../img/advaleft.png); top:50%; margin-top:-50px;}
.img-scroll10 .next10 { right:0;cursor:pointer; background:url(../img/advaright.png);top:50%; margin-top:-50px;}
}
@media screen and (max-width:739px){
.img-list10 li { width:4.9%; margin-right:0.1%;}

}
@media screen and (max-width:600px){
.img-list10 li { width:10%; margin-right:0.1%;}
}