﻿@charset "utf-8";


/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:350px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .wx{width:200px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#009933;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sideboxtwo{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#009933;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#009933;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#009933;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
@media (max-width:1000px) {
.side{
	display:none;
	}
	}

/*==========================================公共 开始=============================================*/



/* ---------- Responsive accurate ---------- */

@media (max-width:1920px){html{font-size:16px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}



.miso-slide {}

.miso-slide .miso{border: 1px solid #dedede;background: #efefef;font-size: 24px;color: #0066bb;padding: 50px 0;text-align: center; margin:15px}

.miso-slider {margin: 30px -15px;/*margin-left: -15px;margin-right: -15px;*/}

.miso-list li{ -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}



/*====header====*/

#header{height: 80px;width: 100%;background-color: #fff;position:fixed; top:0; left:0;z-index: 10000;box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.container{width:100%;max-width:1330px;} 

#header .row .left img{max-width: 100%;}

#top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle;}

.top_padding{ padding-top: 130px;}

#logo{display:table-cell; height: 4.875rem;vertical-align:middle;}

#sousuo,#buy {display: inline-block;width: 1.875rem;height: 4.875rem;vertical-align:  middle;}

#logo a img{ vertical-align:middle; width:100%;}

#header .row .right{text-align:right;display:table;float:  right;font-size: 0; width:22%;}

#header .row .center{position: static; width:59%; margin-left:2%;} 

#sousuo svg,#buy svg{display: inline;width: 1rem;height: 1rem;vertical-align: middle;margin-top: 0.4rem;}

#header .row .right .lan{height: 4.875rem;display: inline-block;vertical-align: middle;}

#header .row .right .lan ul{display: inline-block; height: 30px;line-height: 30px;width:5.5rem;vertical-align:middle;border:#dbdcdf 1px solid;text-align:center;margin-top:25px;}

#header .row .right .lan ul li{display:inline-block;font-size:0.8125rem;height: 1.75rem;line-height: 1.75rem;vertical-align: top; margin:0 4px;}

#header .row .right .lan ul li span{margin: 0 2px;color:#303233;vertical-align: top;}

#header .row .right .lan ul li a{ color:#303233; font-size:0.8125rem}
#header .row .right .lan ul li a:hover{ color:#009933;}


/*================= 搜索 ===================*/

#top_search_box{ height:30px; z-index:99; background:url(../images/bg_search.jpg) center no-repeat; width:150px; float:left; margin-top:25px;}

#top_search_box form{display:block; position:relative;  height:30px;}

#top_search_box  input{display: block;background: none;border: none;}

#top_search_box .text{width: 119px; height: 30px;line-height: 30px;font-size: 13px;color: #545454;padding-left: 5px;}

#top_search_box .submit{width: 40px; position:absolute; right:0; top:0; cursor:pointer; height: 30px;margin-left: 5px; }

#top_search_box .submit:hover{   }





#header .row .right #sousuo{margin-left: 0.3rem;}

#header .row .right #sousuo i,#header .row .right #buy i{cursor:pointer;width:1.875rem;height: 1.875rem;background:#e3212a;display: inline-block;text-align: center;margin: 1.5rem 0;padding: 0;}

#header .row .right #sousuo i{ background:#009933}

.visible-lg-block{ display:none !important}

/*====导航====*/


.move-bg{position:absolute;left:0; bottom:0; width:120px; height:3px; background:url(../images/nav_h.png) center no-repeat; z-index:0; }

/*导航固定样式*/

.nav_bg{ position:absolute; z-index:-1; background:#009933; height:80px; top:0; width:100%;}



.nav{ position:relative; height:80px; }

.nav ul{ display:inline-block;}

.nav ul li{ width:120px; float:left; text-align:center; height:80px; line-height:80px; position:relative;display:block;display: inline-block;outline:none !important;}

.nav ul li a{ font-size:16px; color:#333; height:80px; transition:all ease 10ms; display:block;}
.nav ul li a:hover{ color:#009933;}
.nav ul li .a{ color:#009933; font-weight:normal;}

#nav  .list{ display:none; z-index:99; left: -20px; top: 80px;position: absolute;width: 160px; background:#fff;}
#nav  .list .box{ background:#fff; overflow:hidden; margin-bottom:-1px;}
#nav  .list  a{ font-weight:normal;  background:none; height:40px; color:#747474 !important; border-bottom:1px solid #ebebeb; text-align:center;  line-height:40px;  font-size:14px; display:block; overflow:hidden;
text-overflow:ellipsis; white-space:nowrap;}
#nav  .list  a:hover{ color:#009933 !important; border-bottom:#009933 1px solid; }

/*====移动端头部====*/

#m_header{display: none;height: 50px;width: 100%;z-index: 9999;}

#m_logo{ position: absolute; top: 0; left: 10px; }

#m_logo img{height: 30px;margin: 10px 0 0 0;}

#m_bnt_top_search{ position: absolute; top: 0; display: block; width: 50px; line-height: 50px; text-align: center; right: 50px; font-size: 2.4rem; color: #1ea78a;}

#m_header .lan{position: absolute;right: 122px;display: inline-block;vertical-align: middle; margin-top:10px;}

#m_header .lan ul{display: inline-block;height: 30px; line-height:30px;width:6rem;vertical-align:middle;text-align:center;margin-left: 1.5rem;border: #dbdcdf 1px solid;}

#m_header .lan ul li{display:inline-block;font-size:0.8125rem;height:1.875rem;line-height: 20px;vertical-align: middle;}

#m_header .lan ul li span{margin: 0 2px;color:#303233;vertical-align: top;}

#m_header .lan ul li a{color:#303233;font-size: 14px;}

#m_header #sousuo01{position: absolute;right: 86px;top: 50%;margin-top: -15px;}

#m_header #buy01{position: absolute;right: 50px;top: 50%;margin-top: -15px;}

#m_header #sousuo01 i,#m_header #buy01 i{cursor:pointer;width: 30px;height: 30px;background: #008e51;display: inline-block;text-align: center;padding: 0;}

#sousuo01 svg,#buy01 svg{display: inline;width: 16px;height: 16px;vertical-align: middle;margin-top: 6px;}

#m_header #buy01 i{ background:#e3212a}

@media screen and (max-width: 980px) {
#m_header .lan{ right:50px;}
}
/*@media screen and (max-width: 320px) {
#m_header .lan{ right:90px;}
#m_header #sousuo01{ right:55px;}
}*/

/*====移动端导航====*/

#m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:50px;text-align: center;}

#m_bnt_nav .point{display: inline-block;width: 22px;height: 22px;margin-top: 12px;position: relative;}

#m_bnt_nav .point:hover .navbtn,

#m_bnt_nav .point:hover .navbtn::after,

#m_bnt_nav .point:hover .navbtn::before{width: 22px;}

#m_bnt_nav .navbtn{position: absolute;top: 14px;right: 0;display: inline-block;width: 24px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;border-radius: 3px;}

#m_bnt_nav .navbtn::after,

#m_bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 20px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;border-radius: 3px;}

#m_bnt_nav .navbtn::after{top: -6px;}

#m_bnt_nav .navbtn::before{top: 6px;}

#m_bnt_nav .point.on .navbtn{background: transparent;}

#m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

 

#m_nav{position:absolute;top:50px;left:0;display:none;width:100%;z-index:999; }

#m_nav{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E51e316c', endColorstr='#E51e316c');background: rgba(0,0,0,0.9);}

#m_nav li{display:block;width:100%; }

#m_nav li .a{display:block;text-align: left;position:relative;height:40px;padding: 0 1rem;line-height: 40px;}

#m_nav li .a p{display: inline-block;font-size: 13px;color:#fff;padding-right: 10px;margin: 0;}

#m_nav li .a strong{ display: inline-block; text-transform:uppercase; font-size:14px; line-height:40px;height:40px;color:#fff; z-index:11; opacity:.8;filter:alpha(opacity=80);}

#m_nav li .a i{opacity:0;filter:alpha(opacity=0);position:absolute;right: 1em;top:0;text-align:center;z-index:4;color: #fff;font-size: 1.5rem;height:40px;line-height:40px;overflow: hidden;}

#m_nav .on .a{ }

#m_nav .on .a strong{color:#fff}

#m_nav .on.title .a i{ transform:rotate(270deg);-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg);}

#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100);}

#m_nav .title .a {margin: 0 0;}

#m_nav .title .list{display:none;position:relative; }

#m_nav .title{position:relative}

#m_nav .title .list{position:relative;width:100%;z-index:9;padding: 0 1.7em;}

#m_nav .title .list .box{padding:0 30px 10px 30px;background:#f5f5f5}



#m_nav .title .list a{display:block;font-size: 0.875rem;color: rgba(255,255,255,0.5);text-align: left;line-height:3rem;}



#j_seach_box{ position:fixed; z-index:9999; top:0;  left:0; display:none; height:100%; width:100%; }

#j_seach_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85);}

#j_seach_box form{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}

#j_seach_box input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}

#j_seach_box input[type="text"]:focus{ text-align: left;}

#j_seach_box input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}

#j_seach_box input[type="submit"]:hover{background:url(../images/icon_search_hover.png) center no-repeat; background-size: 20px 20px;}



/*====banner====*/

#banner {width: 100%;position: absolute;top: 4.875rem;bottom: 0;overflow:  hidden;}

#banner .main_box{ height: 686px;}

#banner .swiper-slide{ display: block; height: 745px; overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;  }

#banner .swiper-slide img{ display: block;   }

#banner .swiper-pagination-bullets{ bottom: 11rem;}

#banner .swiper-pagination-bullet{   background: none; border: none; height: 20px; width: 20px; opacity:1;filter:alpha(opacity=100);}

#banner .swiper-pagination-bullet-active{ }

#banner .bnt{position: absolute;top: 50%;border-radius: 50%;font-size: 4rem;color: rgba(255,255,255,0.3);margin-top: -3rem;z-index: 10;cursor: pointer;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

#banner .bnt_prev{left: 40px;  }

#banner .bnt_next{right: 40px;  } 

#banner .bnt:hover{color: #fff;}

#banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

#banner .swiper-pagination-bullets{bottom: 3.5rem;}

#banner .swiper-pagination-bullet{height: 10px;width: 10px;opacity:1;margin: 0 6px;filter:alpha(opacity=100);border: #fff 1px solid;border-radius: 50%;}

#banner .swiper-pagination-bullet-active{background: #e3212a;border: #e3212a 1px solid;}



/*==== banner====*/

.m_top_padding{ margin-top: 50px; display: none;}

#m_banner{display: none;width: 100%;position: relative;overflow:  hidden;}

#m_banner .swiper-slide{ overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

#m_banner .swiper-slide img{ display: block; width: 100%;  }

#m_banner .swiper-pagination-bullets{ bottom: 2rem;}

#m_banner .swiper-pagination-bullet{  height: 5px; width: 5px; background: none; border: 2px solid #fff;}

#m_banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}

#m_banner .bnt{position: absolute;top: 50%;width: 4rem;height: 4rem;color: #1e316c;border-radius: 50%;font-size: 4rem;margin-top: -2rem;z-index: 9;cursor: pointer;display:  none;}

#m_banner .bnt_prev{left: 20px;}

#m_banner .bnt_next{right: 20px;} 

#m_banner .bnt:hover{ }

#m_banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}





/*==========================================公共 结束=============================================*/

#ban {
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	margin-top:80px;
}

/*====内页banner====*/

#n_banner{display:block;width:100%;height: 350px;position: relative; margin-top:80px;}

#m_n_banner{position: absolute;left: 0;top: 0;width: 100%;height: 160px;display: none;}

#n_banner .main_box{display: table;width: 100%;height: 100%;}

#n_banner .box{ display: table-cell; vertical-align: middle;   overflow:hidden; text-align:center; }

#n_banner h1{font-size: 1.625rem;color: rgba(255,255,255,1);display:block;text-transform:uppercase;font-weight: bold;line-height: 2rem;}

#n_banner h3{display:block;margin: 0;font-size: 1.5625rem;color: #fff;text-transform:uppercase;margin-bottom: 0.3rem;}

#n_banner h6{ text-align:center;}

#n_banner h6 i{display: inline-block;width: 1.5625rem;height:3px;background: #008e51;}



/*====手机banner====*/



/*====翻页====*/

.j_pages{margin:0 auto 0 auto}

.j_pages .box{display:inherit;width:100%;text-align: center;padding: 3rem 0 1rem;font-size: 0;}

.j_pages a{padding: 0 1rem;height: 2.5rem;line-height: 2.5rem;display:inline-block;margin: 0 0.5rem 0 0;color: #444;font-size: 0.875rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background: #edeff2;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}

.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}

.j_pages .on{background:#008e51;color:#fff!important;}

.j_pages a:hover{background:#008e51;color:#fff!important;}

.j_pages span{background:#008e51;color:#fff!important;border:1px solid #bca180}

.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}





.n_container{padding: 3.75rem 0 5.25rem;}

.n_menu{ float:left; width:20%; height:auto; background:#f4f5f7; padding:2.5rem 0 2.5rem 2.5rem;}

.n_menu h1{ margin-bottom:1.25rem; font-size:1.5rem; color:#3e3e3f;}

.n_menu h2{ font-size:1.375rem; color:#3e3e3f; text-transform:uppercase; font-weight:bold;}

.n_menu ul li{ width:67%; font-size:0.875rem; line-height:2.625rem; border:#ceced1 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; margin-bottom:0.625rem; text-align:center;}

.n_menu ul li a{ display:block; color:#3c3c3e;}

.n_menu ul li.on{ background:#e3212a; border:#e3212a 1px solid;}

.n_menu ul li.on a{ color:#fff;}

.n_menu .more{text-align:center;width: 67%;}

.n_menu .more a{display:inline-block;margin:0 auto;font-size:0.875rem;color: #3c3c3e;font-family:simsun;width: 1.4375rem;height: 1.4375rem;line-height: 1.4375rem;text-align:center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);margin-top: 1rem;border: #bababa 1px solid;cursor: pointer;}

.n_menu .zhankai{overflow: hidden;}

.n_al_model .detail{float:right;width: 73%;overflow:  hidden;}

.height,.height01{ width:100%; float:left;}

.height01{ display:none}



#iframe-wrap {width: 100%;height: 31rem;position: relative;}

#iframe-wrap #full-screen {right: 10px;top: 10px;position: absolute;height: 42px;width: 200px;z-index: 1000;}

@media screen and (max-width: 768px) {

#iframe-wrap #full-screen { display: none; } }

#iframe-wrap #full-screen h4 {padding: 10px 0 0 0; margin: 0; float: left; }

#iframe-wrap #full-screen .icon-btn {height: 42px;width: 42px;float: right;line-height: 42px;border-radius: 3px;text-align: center;cursor: pointer;color: #fff;text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);background: rgba(0, 0, 0, 0.6);outline: 0 none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

#iframe-wrap #full-screen .icon-btn i {font-size: 44px; }

#iframe-wrap #content-iframe {width: 100%;height: 100%;display: block; }

#iframe-wrap .top{ position:absolute; top:0; left:0; width:82px; height:50px; z-index:100; background:#f4f5f7}

#iframe-wrap .right{ position:absolute; top:0; right:0; width:20px; height:31rem; z-index:100; background:#f4f5f7}



.n_product{}

.n_product .hd{ margin-bottom:2.75rem;}

.n_product .hd ul{ text-align:center; font-size:0; }

.n_product .hd ul li{ display:inline-block;}

.n_product .hd ul li .img{ display:table; text-align:center; width:7.1875rem; height:7.1875rem; border:rgba(0,0,0,0.55) 1px solid; margin:0 3.58rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; margin-bottom:1rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.n_product .hd ul li .img i{ display:table-cell; vertical-align:middle;}

.n_product .hd ul li .img i .img02{ display:none;}

.n_product .hd ul li h5{ font-size:0.9375rem; color:#1d2123}

.n_product .bd ul li.on{ background:#e3212a;}

.n_product .hd ul li.on .img{ background:#e3212a; border:#e3212a 1px solid}


.n_product .hd ul li.on .img01{ display:none}

.n_product .hd ul li.on .img02{ display:inline-block !important;}

.n_product .bd ul li{ background:#3c3e40;}

.n_product .bd ul li img{ width:100%}

.n_product .bd ul li a{ display:table; width:100%; height:100%; overflow:hidden;}

.n_product .bd ul li .con{ display:table-cell; vertical-align:middle; padding:0 3.75rem;}

.n_product .bd ul li .con h1{ font-size:1.75rem; color:#fff; margin-bottom:0.5rem}

.n_product .bd ul li .con h6{ font-size:0.875rem; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_product .bd ul li .con h6 span{ display:inline-block; width:10px; height:1px; background:#fff;}

.n_product .bd ul li .con p{ font-size:0.875rem; color:rgba(255,255,255,0.65); line-height:1.5rem; height:3rem; overflow:hidden; margin-top:2rem}

.n_product .bd .swiper-container{ margin-bottom:10px;}










.container02{padding:60px 0;}
.container02 ul{ margin:-1%;}
.container02 ul li{ float:left; width:48%; margin:1%;}

.container02 ul li .img{ overflow:hidden; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.container02 ul li .con{ padding:1.625rem 1rem; overflow:hidden; background:#f6f6f6;}

.container02 ul li .con h3{ font-size:1.375rem; color:#3c3e3f; margin-bottom:0.75rem; font-weight:bold;}

.container02 ul li .con p{ font-size:0.875rem; color:#686868; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 ul li .con h6{ border-top:1px solid #ddd; margin:20px 0 10px 0; padding-top:20px;}

.container02 ul li .con h6 span{width: 0;height: 1px;background-color: #b3b3b7;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;vertical-align: middle;margin-right: 0;float:left;margin-top: 0.8rem;}

.container02 ul li .con small{ font-size:0.8125rem; color:#686868}

.container02 ul li .con i{ float:right; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

.slow img:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; -moz-transform:scale(1.05); -o-moz-transform:scale(1.05); -o-moz-transform:scale(1.05); -webkit-moz-transform:scale(1.05); transform:scale(1.05);}/*图片放大*/
.slow,.slow a,.slow img{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/


.n_contact .web{ text-align:center;}

.n_contact .ar_article{ margin-bottom:0.5rem}

.n_contact p{ text-align:center; font-size:0.9375rem; color:#424242}

.n_contact ul{ font-size:0; text-align:center; margin-bottom:3.625rem}

.n_contact ul li{ display:inline-block;  border:#e6e7e9 1px solid; padding:2.5rem 0; background:#f1f2f4; margin:0 0.75rem; min-width:20rem; font-size:0.9375rem; color:#424242; line-height:1.75rem;}




.fixed{position: fixed !important;top:0;width:100%;z-index:100000;}




/*==========================================内页 结束=============================================*/



@media(min-width: 1360px){

	#header .row .center{ margin-left:0%}
}



@media(min-width: 1522px){

	#header .row .right{ width:22%}
	#header .row .center{margin-left: 2%;}

}
@media(max-width: 1280px){

	#header .row .center{margin-left: 0%; width:60%;}
	#header .row .right{ width:23%}

}




@media(max-width: 1200px){

	#header{ display:none}
	#m_header{display:block;position:fixed; background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
	#n_banner{ margin-top:0;}
}



@media(max-width: 1000px){

	#banner{ display:none}
	#m_banner, #m_header, #m_n_nav{ display:block}

	.n_title{ display:none}

	.n_menu{width: 100%;padding: 2.5rem 1rem 2.5rem;margin-bottom: 2rem;}
	.n_menu ul li{width: 49%;float: left;margin-right: 2%;}
	.n_menu ul li:nth-child(2n){ margin-right:0}
	.n_menu .more{ width:100%}

}



@media(max-width: 768px){
	#banner, .n_title{ display:none}
	#m_banner{ display:block}

	/*====banner====*/

	#n_banner{height: 200px; margin:0; padding-top:50px;}
	#m_n_banner{ display:block; margin-top:50px;}

	#n_banner h1{ font-size:16px;}
	#n_banner h3{ font-size:13px;}

	
  }