@charset "utf-8";
*{ margin:0px; padding:0px;}
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,p,td,textarea,th {margin: 0;padding: 0}
body, button, input, select, textarea {font: 12px/1.5 'Microsoft Yahei', arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif}
h1, h2, h3, h4, h5, h6 {font-size: 100%}
a {text-decoration: none; color:#000;}
a:hover {text-decoration: none;}
img {border: 0;max-width: 100%;vertical-align: top}
video {max-width: 100%}
button, input, select, textarea {font-size: 100%}
table {border-collapse: collapse;max-width: 100%}
input {-webkit-appearance: none}
button {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0}
body {background: #fff;overflow-x: hidden}
iframe {border: 0}
td {word-break: break-word!important}
body::-webkit-scrollbar-track {background-color:#f7f7f7}
body::-webkit-scrollbar {width:6px}
body::-webkit-scrollbar-thumb {background-color:#c1c1c1}
ul,dl,ol{ list-style:none;}
.clear{ clear:both;}


.wrapper{ width:100%;}
.wrapper_in{ width:1200px; margin:0px auto;}
/*头部css*/
.top{ width:100%; height:35px; line-height:35px; background:#f8f8f8; border-bottom:1px solid #ddd;}
.top_in{ width:1200px; margin:0px auto; overflow:hidden; color:#777; font-size:14px;}
.top_in span{ float:left;}
.top_in p{ float:right;}
.top_in p a{ padding:0px 10px; color:#777;}
.header{ width:1200px; margin:0px auto; padding:10px 0px;}
.logo{ float:left; width:30%; padding-top:20px;}
.logo img{ width:100%;}
.menu{ float:right; width:65%;}
.menu ul{ width:100%; height:60px; padding:14px 0px;}
.menu ul li{ float:left; width:14.28%; height:60px; line-height:60px; font-size:16px; text-align:center; position:relative;}
.menu ul li a{ display:block;}
.menu ul li:hover a{ color:#18569f;}
.menu ul li:hover .nav_tan a{ color:#333;}
.nav_tan{display:none;width:100%;position:absolute;left:0;top:60px; z-index:9999;}
.nav_tan a{background:#f8f8f8;width:100%;line-height:50px;height:50px;font-size:14px;overflow:hidden;color:#333; margin-bottom:3px; border-radius:5px;}
.nav_tan a:hover{color:#18569f !important;}

/*首页搜索*/
.search{ width:100%; background:#f9f9f9;}
.search_in{ width:1200px; margin:0px auto; overflow:hidden;}
.search_kw{ float:left; width:50%; line-height:60px; color:#333;}
.search_kw a{ color:#333; padding:0 1%;}
.search_fm{ float:right; width:30%; margin-top:10px; border:1px solid #eee;}
.search_fm .kywd{ float:left; width:79.5%; height:40px; line-height:40px; border:none; border-right:1px solid #eee; text-indent:4%; outline:none; background:#fff;}
.search_fm .tj{ float:left; width:20%;height:40px; line-height:40px;outline:none; border:none; background:url(../images/search_btn.png) center center no-repeat #fff;}

/*首页产品展示*/
.index_pro{ width:100%;}
.pro_hd{ width:100%; padding:5% 0px; text-align:center;}
.pro_hd h3{ font-size:32px; font-weight:normal; color:#18569f; line-height:48px;}
.pro_hd span{ display:block; color:#666; font-size:18px; line-height:40px;}
.pro_hd p{ font-size:14px; color:#808080;}
.pro_main{ width:100%;}
.pro_main ul{ width:100%; overflow:hidden;}
.pro_main ul li{ float:left; width:29.3%; margin:1%; padding:1%; -webkit-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 -moz-transition:all .5s ease-out;
 transition:all .5s ease-out;
 -webkit-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 -moz-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 box-shadow:rgba(0,0,0,.1) 0 0 15px;}
.pro_main ul li a{ display:block; overflow:hidden;}
.pro_main ul li img{ display:block; width:100%;}
.pro_main ul li h3{ display:block; line-height:50px; text-align:center; font-size:16px; font-weight:normal;}
.pro_main ul li h3 a{ color:#333;}
.pro_main ul li:hover{
 -webkit-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 -moz-transition:all .5s ease-out;
 transition:all .5s ease-out;
 -webkit-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 -moz-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 box-shadow:rgba(0,0,0,.1) 0 0 15px;}
 .pro_main ul li:hover a{ color:#18569f;}
 .pro_main ul li:hover img{ -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05);
 transform:scale(1.05); -webkit-transition:all .46s ease;
 -o-transition:all .5s ease;
 -moz-transition:all .5s ease;
 transition:all .5s ease}
.youshi{ width:100%; overflow:hidden; margin-top:5%;}
.youshi_lt{ float:left; width:23%; padding:1%; text-align:center;}
.youshi_lt img{ display:inline-block; width:30%; height:auto;}
.youshi_lt h3{ display:block; line-height:30px; margin-top:5%; font-size:16px; color:#333; font-weight:normal;}
.youshi_lt span{ display:block; color:#f7cb43; line-height:30px;}
.youshi_lt p{ display:block; width:50%; line-height:22px; color:#808080; margin:0px auto;}

/*首页关于我们*/
.gywm{ width:100%; background:url(../images/bg.jpg) top center no-repeat #f9f9f9; margin-top:3%;}
.gywm_img{ width:1200px; margin:0px auto; padding-top:20px;}
.gywm_img h3{ display:block; text-align:center; line-height:75px; font-size:30px; color:#fff;}
.gywm_img p{ display:block; text-align:center; line-height:75px; font-size:24px; color:#fff;}
.gywm_img p span{ padding:0 5%;}
.gywm_img img{ width:100%; overflow:hidden;}
.gywm_desc{ width:100%; overflow:hidden; background:url(../images/aboutbg.png) center center no-repeat; padding:4% 0;}
.gywm_lt{ float:left; width:45%; line-height:30px; padding-top:5%;}
.gywm_lt span{ text-transform:uppercase; font-size:20px;color:#18569f;}
.gywm_lt h3{ font-size:20px; color:#333; font-weight:normal;}
.gywm_lt p{ padding-top:5%; line-height:24px; color:#808080; font-size:14px;}
.gywm_lt a{ display:block; width:30%; height:44px; line-height:44px; font-size:14px; color:#fff; background:#2ba0e8; border-radius:5px; text-align:center; margin-top:5%;}
.gywm_lt a:hover{ background:#18569f;}
.gywm_rt{ float:right; width:45%; padding-top:5%;}

/*首页防治案例*/
.case{ width:100%;}
.case_list{ width:100%; padding:5% 0;}
.case_list ul{ width:100%; overflow:hidden;}
.case_list ul li{ float:left; width:23%; padding:0 1%; overflow:hidden;}
.case_list ul li img{ display:block; margin:0px auto; height:350px; width:auto; border-radius:5px;}
.case_list ul li h3{ text-align:center; margin-top:6%; line-height:24px; font-size:18px; font-weight:normal;}
.case_list ul li h3 a{ color:#333;}
.case_list ul li p{ text-align:center; padding-bottom:3%; line-height:30px; color:#808080; font-size:14px;}
.case_list ul li:hover a{ color:#18569f;}
.case_list ul li:hover img{ -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05);
 transform:scale(1.05); -webkit-transition:all .46s ease;
 -o-transition:all .5s ease;
 -moz-transition:all .5s ease;
 transition:all .5s ease}

/*首页新闻资讯*/
.news_lt{ float:left; width:55%;  overflow:hidden;}
.newsnav{ height:60px; margin-bottom:38px; overflow:hidden;}
.newsnav li{height:58px;  margin-right:10px; font-size:16px; line-height:58px; border-radius:0.3rem; border:1px solid #ebebeb; background:#fff;}
.newsnav li a{ display:block; width:94%; margin:0px auto;text-align: left;color: #666;background: url(../images/news_ico02.png) no-repeat right center;}
.newsnav li a:hover{ color:#18569f;}
.news_c dl{ float:left; width:31%; overflow:hidden; padding:0 1%; margin-bottom:20px;}
.news_c dt{ width:100%; height:auto !important; overflow:hidden;float:none;}
.news_c dt img{ display:block; width:auto; height:140px;}
.news_c dd h3 a{display:block; font-size:16px; color:#333; height:40px; line-height:40px; margin-top:10px; overflow:hidden; font-weight:normal;}
.news_c dl:hover a{ color:#18569f;}
.news_c dd{width:100%; overflow:hidden;}
.news_c dd p{ font-size:14px; line-height:24px; color:#666;}
.news_bt{ width:100%;}
.news_bt ul li{ width:100%; text-indent:5px; color:#666; height:40px; line-height:40px; border-bottom:1px dashed #eee; font-size:14px; overflow:hidden;}
.news_bt ul li a{ float:left; color:#666;}
.news_bt ul li span{ float:right;}

.faq{ width:40%; height:555px; overflow:hidden; float:right;}
.faq2{ height:444px;}
.faq h2{ background:#fff; font-size:16px; line-height:58px; padding:0 20px;height:58px; border-radius:0.3rem; border:1px solid #ebebeb; margin-bottom:15px; font-weight:normal;}
.faq h2 a{ display:block; text-align:left; color:#666;background: url(../images/news_ico02.png) no-repeat right center;}
.faq h2 a:hover{ color:#18569f;}
.faq dl{ border-bottom:1px dashed #ebebeb; padding:29px 0;}
.faq dt a{ display:block; font-size:16px; line-height:30px; height:30px; overflow:hidden;background: url(../images/w.png) no-repeat left center; padding-left:48px; color:#333;}
.faq dd{ font-size:14px; line-height:24px; color:#979797; padding-left:48px; margin-top:5px;}
.faq dt a:hover{ color:#18569f;}

/*底部*/
.footer{ width:100%; background:#f9f9f9;}
.footer_tp{ width:1200px; margin:0px auto;}
.footer_tp ul{ width:100%; overflow:hidden; padding:3% 0;}
.footer_tp ul li{ float:left; width:29%; margin:0 1%; background:#fff; overflow:hidden; padding:1%;}
.footer_tp ul li:nth-child(3){ width:30%;}
.footer_tp ul li img{ float:left; width:44px; height:auto; padding:8px 0px;}
.footer_tp ul li h3{ float:left; width:75%; font-size:16px; color:#333; font-weight:normal; line-height:30px; padding-left:5%;}
.footer_tp ul li:nth-child(3) h3{ width:84%; padding-left:1%;}
.footer_tp ul li p{ color:#808080;}
.footer_nav{ width:1200px; margin:0px auto; text-align:center; padding-bottom:1.5%;}
.footer_nav a{ display:inline-block; width:14.2%; color:#808080; font-size:14px;}
.footer_nav a:hover{ color:#18569f;}
.footer_bt{ width:100%; line-height:50px; color:#fff; background:#333; text-align:center; font-size:14px;}
.footer_bt a{ color:#fff;}

/*产品列表页*/
.main{ width:100%; overflow:hidden; padding:3% 0;}
.main_lt{ float:left; width:240px; border:1px solid #18569f; padding-bottom:1%;}
.subnav{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; background:#18569f; font-size:20px;}
.subnav_son{ width:90%; margin:2% auto;}
.subnav_son ul li{ height:50px; line-height:50px; padding-left:10px; background:url(../images/showpro_03.jpg) left center no-repeat; font-size:16px; border-bottom:1px dashed #eee;}
.subnav_son ul li a{ color:#666;}
.subnav_son ul li a:hover{ color:#18569f;}
.subnav_ct{ width:90%; margin:0 auto; background:#f8f8f8;}
.subnav_ct p{ padding:5px 0; padding-left:30px; background:url(../images/shownews_14.png) 7px 10px no-repeat; line-height:24px;}
.subnav_ct p:nth-child(3){ background:url(../images/shownews_18.png) 7px 10px no-repeat;}
.subnav_ct p:nth-child(4){ background:url(../images/shownews_21.png) 7px 10px no-repeat;}
.subnav_ct p:nth-child(5){ background:url(../images/shownews_25.png) 7px 10px no-repeat;}
.main_rt{ float:right; width:920px;}
.position{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #18569f; overflow:hidden; color:#333;}	
.position span{ float:left; padding-left:10px; font-size:20px;}
.position p{ float:right; font-size:14px; padding-right:10px;}
.position p a{ color:#333;}

.list{ width:100%; padding:2% 0%;}
.list ul{ width:100%; overflow:hidden;}
.list ul li{ float:left; width:29%; margin:1%; border:1px solid #eee; padding:1%; border-radius:5px;-webkit-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 -moz-transition:all .5s ease-out;
 transition:all .5s ease-out;
 -webkit-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 -moz-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 box-shadow:rgba(0,0,0,.1) 0 0 15px;}
.list ul li img{ display:block; width:auto; height:215px; margin:0px auto;}
.list ul li h3{ font-size:16px; text-align:center; line-height:50px; font-weight:normal;}
.list ul li h3 a{ color:#333;}
.list ul li:hover{ border:1px solid #fff;}
.list ul li:hover a{ color:#18569f;}
.list ul li:hover img{ -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 -ms-transform:scale(1.05);
 -o-transform:scale(1.05);
 transform:scale(1.05); -webkit-transition:all .46s ease;
 -o-transition:all .5s ease;
 -moz-transition:all .5s ease;
 transition:all .5s ease}
 
.index_list .subnav_son ul li{ height:53px; line-height:53px;}
.index_list .list ul li{ width:21.78%; padding:0.5%;}
.index_list .list ul li img{ height:180px;}
.index_list .list ul li:hover{-webkit-box-shadow:rgba(0,0,0,.3) 0 0 15px;-moz-box-shadow:rgba(0,0,0,.3) 0 0 15px;box-shadow:rgba(0,0,0,.3) 0 0 15px;}
.index_list .list ul li:hover img{transform:none; transition:none;}

.sy_news{ width:100%;}

 
 /*翻页*/
.pagelist{ width:100%; text-align:center; padding:5% 0;}
.pagelist a{ display:inline-block; font-size:16px; line-height:36px; padding:0px 15px; color:#222; background:#f2f2f2; margin:0px 5px;}
.pagelist span{display:inline-block; font-size:16px; line-height:36px; padding:0px 15px; color:#fff; background:#18569f; margin:0px 5px;}
.pagelist a:hover{ background:#18569f; color:#fff;}

/*案例展示*/
.resource {width: 98%; margin:0px auto; padding:3% 0;}
.sjs-default {position: relative;padding: 0;margin: 0;opacity: 0;transition: height .2s ease-out, opacity .2s ease-out .2s}
[data-sjsel] {opacity:0;position:absolute;top:0;left:0;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out}
.card{background: #fff;border-radius: 6px;box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);display: flex;flex-direction: column;transition: box-shadow .2s ease-in-out;}
.card__picture{display: block;width: 100%;height: auto;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.card-infos{padding: 20px;background: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.card__title{font-family: 'Hind';font-size: 16px;font-weight: 600;line-height: 1.4;margin: 0 0 10px;text-align:center;}
.card__text{font-size: 14px;font-weight: 300;margin: 0;color: #86888A;}
.card__text--high{font-weight: 600;}

/*新闻资讯列表*/
.newslist{ width:100%; padding:3% 0%;}
.newslist ul li{ width:93%; margin:0px auto; padding:2%; border-bottom:1px solid #eee;}
.newslist ul li h3{ display:block; width:100%; overflow:hidden; line-height:40px; font-size:16px; font-weight:normal; }
.newslist ul li h3 span{ float:left;color:#333;}
.newslist ul li h3 b{ float:right; font-weight:normal; color:#999; font-size:14px;}
.newslist ul li p{ color:#666; line-height:24px; margin-top:10px;}
.newslist ul li:hover{ border-bottom:0;-webkit-transition:all .5s ease-out;
 -o-transition:all .5s ease-out;
 -moz-transition:all .5s ease-out;
 transition:all .5s ease-out;
 -webkit-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 -moz-box-shadow:rgba(0,0,0,.1) 0 0 15px;
 box-shadow:rgba(0,0,0,.1) 0 0 15px;}
 
/*内容页*/
.content{ width:100%; padding-top:3%;}
.content h3{ font-size:20px; line-height:50px; text-align:center; color:#333;}
.content p{ text-align:center; line-height:30px; color:#666; font-size:14px;}
.content span{ padding:0px 10px;}
.content_body{ width:94%; margin:0px auto; padding:3% 0; line-height:24px; border-bottom:1px dashed #ddd; font-size:14px; color:#666; }
.prenext{ width:94%; overflow:hidden; margin:0px auto; padding-bottom:3%; line-height:40px; font-size:14px; color:#808080;}
.prenext p{ float:left; width:45%; overflow:hidden;}
.prenext p:nth-child(2){ float:right; text-align:right;}
.prenext p a{ color:#808080;}
.picture{ display:block; width:auto; height:auto; max-width:90%; margin:0px auto; margin-top:5%;}

/*单页*/
.single{ width:100%;}
.single h3{ text-align:center; font-size:20px; font-weight:normal; line-height:50px; padding-top:3%;}
.single_nr{ width:94%; margin:0px auto; padding:3% 0; font-size:14px; color:#666; border-bottom:1px dashed #ddd;}

/*留言板*/
.message{ width:94%; margin:0px auto; padding:3%;}
.form_tp{ width:100%; overflow:hidden;}
.form_in{ float:left; width:32%; margin-right:2%;}
.form_in:last-child{ margin-right:0%;}
.form_in p{ line-height:50px; font-size:16px; color:#888;}
.form_in p span{ color:#f00; padding-left:1%;}
.form_in input{ width:99%; height:36px; line-height:36px; text-indent:2%; border:1px solid #ddd; outline:none;}
.form_bt{ margin-top:1%;}
.form_bt p{ line-height:50px; font-size:16px; color:#888;}
.form_bt p span{ color:#f00; padding-left:1%;}
.form_bt textarea{ width:99%; height:120px; border:1px solid #ddd; outline:none; text-indent:1%; line-height:24px;}
.form_tj{ margin-top:1%;}
.form_tj input{ width:20%; height:40px; line-height:40px; background:#2ba0e8; outline:none; border:0px; font-size:16px; color:#fff; border-radius:3px;}

/*联系我们*/
.contact{ width:94%; overflow:hidden; padding:3% 0; margin:0px auto;}
.contact_lt{ float:left; width:45%;}
.contact_rt{ float:right; width:45%;}

.mheader,.mfooter{ display:none;}
@media screen and (max-width:768px){
.header{ display:none;}
.mheader{ display:block; width:100%; height:50px; line-height:50px; position:relative;}
.mheader_title{ width:100%; font-size:18px; color:#18569f; text-align:center;}
@font-face {  font-family: 'icomoon'; src:  url('../fonts/icomoon.eot?sflv89'); src:  url('../fonts/icomoon.eot?sflv89#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?sflv89') format('truetype'),url('../fonts/icomoon.woff?sflv89') format('woff'),url('../fonts/icomoon.svg?sflv89#icomoon') format('svg');font-weight: normal;font-style: normal;}
.dl-menuwrapper {width: 100%;position: absolute;top:0;right:0;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper #dl-menu-button{width:32px;height:50px;overflow: hidden;position: absolute;top:0%;right:2%;cursor: pointer;background: url(../images/menu.png) no-repeat center center;}
.dl-menuwrapper .dl-active{background: url(../images/guanbi.png) no-repeat center center !important;}
.dl-menuwrapper ul { background: #fff;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a{display:block;position: relative;padding:15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #7f7f7f;border-top: 1px solid #eaeaea;}
.dl-menuwrapper li:last-child a{ border-bottom: 1px solid #eaeaea;}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: #f6f6f6;}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0; height:50px;line-height: 50px;font-family: 'icomoon';content: "\ea42"; font-size:26px;}
.dl-menuwrapper li.dl-back:after {left: 10px;color: #7f7f7f;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: #999;}
.dl-menuwrapper .dl-menu {position: absolute;width:100%; margin:0;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;top:50px;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}

.wrapper_in{ width:100%;}
.search_in{ width:100%; padding:1% 0;}
.search_kw{ display:none;}
.search_fm{ float:none; width:90%; margin:0px auto; overflow:hidden;}

.pro_main ul li{ float:none; width:90%; margin:3% auto;}

.youshi_lt{ width:48%;}
.youshi_lt img{ width:40%;}
.youshi_lt p{ width:78%;}

.gywm_img{ width:100%; height:219px;}
.gywm_img h3{ line-height:4;}
.gywm_img p span{ width:100%; font-size:20px; display:block; line-height:30px; padding:0;}
.gywm_img img{ display:block; width:90%; margin:0px auto;} 
.gywm_desc { width:90%; padding:4% 5%;}
.gywm_lt,.gywm_rt{ float:none; width:100%;}

.case_list ul li{ width:46%; padding:0 2%;}
.case_list ul li img{ display:block; margin:0px auto; height:260px;}

.news_lt{ float:none; width:90%; margin:0px auto;}
.newsnav li{ margin-right:0px;}
.new01 dl{ width:48%;}
.new01 dt,.news_c dd{ width:100%;}
.newtt::before,.newtt::after{ width:40%;}
.faq{ float:none; width:90%; margin:0px auto;}

.footer_tp{ width:100%; padding-bottom:15%;}
.footer_tp ul li{ width:44%; margin:0 2%;}
.footer_tp ul li:nth-child(3){ float:right; width:94%; margin:0% 2%; margin-top:3%;}
.footer_nav,.footer_bt{ display:none;}

.mfooter{ position:fixed; bottom:0; display:block; width:100%; background:#333; padding:1.5% 0}
.mfooter ul{ width:100%; overflow:hidden;}
.mfooter ul li{ float:left; width:25%; line-height:24px; text-align:center; font-size:16px; padding:1% 0;}
.mfooter ul li a{ color:#fff;}
.mfooter ul li span:after{ display:block;font-size:20px;}
.mfooter ul li:nth-child(1) span:after{ display:block;font-family: 'icomoon' !important;content: "\e900";}
.mfooter ul li:nth-child(2) span:after{ display:block;font-family: 'icomoon' !important;content: "\e942";}
.mfooter ul li:nth-child(3) span:after{ display:block;font-family: 'icomoon' !important;content: "\e96e";}
.mfooter ul li:nth-child(4) span:after{ display:block;font-family: 'icomoon' !important;content: "\e94c";}

.main{ width:96%; margin:0px auto;}
.contact_lt{ float:none; width:90%; margin:0px auto;}
.contact_rt{ float:none; width:90%; margin:0px auto; margin-top:5%;}

.form_in{ margin-right:1%;}

.footer_tp ul li{ text-align:center;}
.footer_tp ul li img{ float:none;}
.footer_tp ul li h3{ width:100%;padding-left:0;}
.footer_tp ul li:nth-child(3) img{ float:left;}

.main_lt{ display:none;}
.main_rt{ float:none; width:96%; margin:0px auto;}

.list ul li{ width:45%;}
.index_list .list ul li{ width:45%;}

	}
@media screen and (min-width:320px) and (max-width:415px){
.newslist ul li h3 span,.newslist ul li h3 b{ float:none; display:block;}
	}
@media screen and (min-width:320px) and (max-width:500px){
.list ul li img{ width:auto; height:150px;}
.index_list .list ul li img{ width:auto; height:150px;}
	}
@media screen and (min-width:501px) and (max-width:1200px){
		.index_list .list ul li img{ width:100%; height:auto}
	}
@media screen and (min-width:769px) and (max-width:1200px){
.header{ display:none;}
.mheader{ display:block; width:100%; height:50px; line-height:50px; position:relative;}
.mheader_title{ width:100%; font-size:18px; color:#18569f; text-align:center;}
@font-face {  font-family: 'icomoon'; src:  url('../fonts/icomoon.eot?sflv89'); src:  url('../fonts/icomoon.eot?sflv89#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?sflv89') format('truetype'),url('../fonts/icomoon.woff?sflv89') format('woff'),url('../fonts/icomoon.svg?sflv89#icomoon') format('svg');font-weight: normal;font-style: normal;}
.dl-menuwrapper {width: 100%;position: absolute;top:0;right:0;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper #dl-menu-button{width:32px;height:50px;overflow: hidden;position: absolute;top:0%;right:2%;cursor: pointer;background: url(../images/menu.png) no-repeat center center;}
.dl-menuwrapper .dl-active{background: url(../images/guanbi.png) no-repeat center center !important;}
.dl-menuwrapper ul { background: #fff;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a{display:block;position: relative;padding:15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #7f7f7f;border-top: 1px solid #eaeaea;}
.dl-menuwrapper li:last-child a{ border-bottom: 1px solid #eaeaea;}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: #f6f6f6;}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0; height:50px;line-height: 50px;font-family: 'icomoon';content: "\ea42"; font-size:26px;}
.dl-menuwrapper li.dl-back:after {left: 10px;color: #7f7f7f;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: #999;}
.dl-menuwrapper .dl-menu {position: absolute;width:100%; margin:0;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;top:50px;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}

.wrapper_in{ width:100%;}
.search_in{ width:96%; margin:0px auto; padding:1% 0;}

.gywm_img{ width:100%;}
.gywm_img h3{ line-height:4;}
.gywm_img img{ display:block; width:90%; margin:0px auto;} 
.gywm_desc{ width:90%;margin:0px auto;}

.case_list ul{ width:90%; margin:0px auto;}
.case_list ul li img{height:auto;}

.news_lt{ width:53%; padding-left:2%;}
.newsnav li{ margin-right:0;}
.new01 dl{ width:48%;}
.new01 dt,.news_c dd{ width:100%;}
.newtt::before,.newtt::after{ width:40%;}
.faq{ padding-right:2%;}

.footer_tp{ width:100%;}
.footer_tp ul li{ width:44%; margin:0 2%;}
.footer_tp ul li:nth-child(3){ float:right; width:94%; margin:0% 2%; margin-top:3%;}
.footer_nav{ display:none;}

.main{ width:96%; margin:0px auto;}

.main_lt{ display:none;}
.main_rt{ float:none; width:96%; margin:0px auto;}


	}

.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1 {
50% {-webkit-transform: translateZ(-250px) rotateY(30deg);}
75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut2 {
100% {-webkit-transform: translateX(-100%);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut3 {
100% {-webkit-transform: translateZ(300px);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut4 {
100% {-webkit-transform: translateZ(-300px);opacity: 0;}
}
@-webkit-keyframes MenuAnimOut5 {
100% {-webkit-transform: translateY(40%);opacity: 0;}
}
@-moz-keyframes MenuAnimOut1 {
50% {-moz-transform: translateZ(-250px) rotateY(30deg);}
75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@-moz-keyframes MenuAnimOut2 {
100% {-moz-transform: translateX(-100%);opacity: 0;}
}
@-moz-keyframes MenuAnimOut3 {
100% {-moz-transform: translateZ(300px);opacity: 0;}
}
@-moz-keyframes MenuAnimOut4 {
100% {-moz-transform: translateZ(-300px);opacity: 0;}
}
@-moz-keyframes MenuAnimOut5 {
100% {-moz-transform: translateY(40%);opacity: 0;}
}
@keyframes MenuAnimOut1 {
50% {transform: translateZ(-250px) rotateY(30deg);}
75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;}
100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
}
@keyframes MenuAnimOut2 {
100% {transform: translateX(-100%);opacity: 0;}
}
@keyframes MenuAnimOut3 {
100% {transform: translateZ(300px);opacity: 0;}
}
@keyframes MenuAnimOut4 {
100% {transform: translateZ(-300px);opacity: 0;}
}
@keyframes MenuAnimOut5 {
100% {transform: translateY(40%);opacity: 0;}
}
.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1 {
0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn2 {
0% {-webkit-transform: translateX(-100%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn3 {
0% {-webkit-transform: translateZ(300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn4 {
0% {-webkit-transform: translateZ(-300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes MenuAnimIn5 {
0% {-webkit-transform: translateY(40%);opacity: 0;}
100% {-webkit-transform: translateY(0);opacity: 1;}
}
@-moz-keyframes MenuAnimIn1 {
0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes MenuAnimIn2 {
0% {-moz-transform: translateX(-100%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn3 {
0% {-moz-transform: translateZ(300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn4 {
0% {-moz-transform: translateZ(-300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes MenuAnimIn5 {
0% {-moz-transform: translateY(40%);opacity: 0;}
100% {-moz-transform: translateY(0);opacity: 1;}
}
@keyframes MenuAnimIn1 {
0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;}
20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;}
100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;}
}
@keyframes MenuAnimIn2 {
0% {transform: translateX(-100%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
@keyframes MenuAnimIn3 {
0% {transform: translateZ(300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes MenuAnimIn4 {
0% {transform: translateZ(-300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes MenuAnimIn5 {
0% {transform: translateY(40%);opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {
0% {-webkit-transform: translateX(50%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {-webkit-transform: translateX(100%);opacity: 0;}
100% {-webkit-transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {-webkit-transform: translateZ(-300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {-webkit-transform: translateZ(300px);opacity: 0;}
100% {-webkit-transform: translateZ(0px);opacity: 1;}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {-webkit-transform: translateZ(-200px);opacity: 0;}
100% {-webkit-transform: translateZ(0);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn1 {
0% {-moz-transform: translateX(50%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn2 {
0% {-moz-transform: translateX(100%);opacity: 0;}
100% {-moz-transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn3 {
0% {-moz-transform: translateZ(-300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn4 {
0% {-moz-transform: translateZ(300px);opacity: 0;}
100% {-moz-transform: translateZ(0px);opacity: 1;}
}
@-moz-keyframes SubMenuAnimIn5 {
0% {-moz-transform: translateZ(-200px);opacity: 0;}
100% {-moz-transform: translateZ(0);opacity: 1;}
}
@keyframes SubMenuAnimIn1 {
0% {transform: translateX(50%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn2 {
0% {transform: translateX(100%);opacity: 0;}
100% {transform: translateX(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn3 {
0% {transform: translateZ(-300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn4 {
0% {transform: translateZ(300px);opacity: 0;}
100% {transform: translateZ(0px);opacity: 1;}
}
@keyframes SubMenuAnimIn5 {
0% {transform: translateZ(-200px);opacity: 0;}
100% {transform: translateZ(0);opacity: 1;}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {
0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(50%);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {-webkit-transform: translateX(0%);opacity: 1;}
100% {-webkit-transform: translateX(100%);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {-webkit-transform: translateZ(0px);opacity: 1;}
100% {-webkit-transform: translateZ(-300px);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {-webkit-transform: translateZ(0px);opacity: 1;}
100% {-webkit-transform: translateZ(300px);opacity: 0;}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {-webkit-transform: translateZ(0);opacity: 1;}
100% {-webkit-transform: translateZ(-200px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut1 {
0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(50%);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut2 {
0% {-moz-transform: translateX(0%);opacity: 1;}
100% {-moz-transform: translateX(100%);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut3 {
0% {-moz-transform: translateZ(0px);opacity: 1;}
100% {-moz-transform: translateZ(-300px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut4 {
0% {-moz-transform: translateZ(0px);opacity: 1;}
100% {-moz-transform: translateZ(300px);opacity: 0;}
}
@-moz-keyframes SubMenuAnimOut5 {
0% {-moz-transform: translateZ(0);opacity: 1;}
100% {-moz-transform: translateZ(-200px);opacity: 0;}
}
@keyframes SubMenuAnimOut1 {
0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(50%);opacity: 0;}
}
@keyframes SubMenuAnimOut2 {
0% {transform: translateX(0%);opacity: 1;}
100% {transform: translateX(100%);opacity: 0;}
}
@keyframes SubMenuAnimOut3 {
0% {transform: translateZ(0px);opacity: 1;}
100% {transform: translateZ(-300px);opacity: 0;}
}
@keyframes SubMenuAnimOut4 {
0% {transform: translateZ(0px);opacity: 1;}
100% {transform: translateZ(300px);opacity: 0;}
}
@keyframes SubMenuAnimOut5 {
0% {transform: translateZ(0);opacity: 1;}
100% {transform: translateZ(-200px);opacity: 0;}
}

@media screen and (min-width:450px) and (max-width:1200px){
	.top_in { width:100%;}
	}
@media screen and (max-width:450px){
	.top{ display:none}
	.list ul li{ float:none; width:92%; margin:15px auto;}
	.index_list .list ul li{ float:none; width:92%; margin:15px auto;}
	.news_c dl{ width:98%;}
	}
	@media screen and (min-width:769px) and (max-width:1200px){
	.index_list .list ul li { width:21.7%;}
	}