@charset "utf-8";



/*==========================================公共 开始=============================================*/



/* ---------- 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;}}

#header .row .center{ float:left !important}

.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;}

/*.miso-prev,

.miso-next{ display:none !important;}*/



/*====header====*/

#header{height: 4.875rem;width: 100%;background-color: #fff;position: relative;z-index: 10000;}

#header .container,#header .row{} 

#header .row .left img{max-width: 100%;}

#top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle; font-family: 微软雅黑, "Microsoft YaHei";
    font-size: 14px;    line-height: 30px;}

.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;}

#header .row .center{position: static;} 

#sousuo svg,#buy svg{display: inline;width: 1rem;height: 1rem;vertical-align: middle;margin-top: 0.4rem;}

#header .row .right .denglu{display: inline-block;height: 4.875rem;vertical-align: middle;}

#header .row .right .denglu ul{font-size:0;height: 4.875rem;}

#header .row .right .denglu ul li{display:inline-block;font-size:0.8125rem;height: 4.875rem;line-height: 4.875rem;vertical-align: middle;}

#header .row .right .denglu ul li span{margin: 0 2px;color:#303233;vertical-align: top;}

#header .row .right .denglu ul li a{ color:#303233}

#header .row .right .lan{height: 4.875rem;display: inline-block;vertical-align: middle;}

#header .row .right .lan ul{display: inline-block;height:1.875rem;width:4rem;vertical-align:middle;border:#dbdcdf 1px solid;text-align:center;margin: 1.5rem 0; padding:0 5px}

#header .row .right .lan ul li{display:inline-block;font-size:0.8125rem;height: 1.75rem;line-height: 1.75rem;vertical-align: top;}

#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 #sousuo{margin-left: 0.3rem;}

#header .row .right #buy{margin-left: 0.3rem;}

#header .row .right #sousuo i,#header .row .right #buy i{cursor:pointer;width:1.875rem;height: 1.875rem;background:#3d6db5;display: inline-block;text-align: center;margin: 1.5rem 0;padding: 0;}

#header .row .right #sousuo i{ background:#153a65}



/*====导航====*/

#nav{}

#nav ul{text-align: center;font-size: 0;margin-bottom: 0;}

#nav li{width: 16.6%;display:inline-block;min-width:30px;position:relative;}

#nav li:first-child { background: none;}

#nav li .a{display:block;text-align:center;position: relative;height: 4.875rem;line-height: 4.875rem;}

#nav li .a h4{line-height: 4.875rem;height: 4.875rem;font-size: 0.9375rem;color: #1d2123;text-align:center;display:block;position:relative;z-index:2;margin: 0;}

#nav li .a strong{font-size:12px; line-height: 14px; text-transform: uppercase; display:block;color:#bdc0c2;  text-align:center;position:relative;z-index:1}

#nav li .a span{position:absolute;bottom:0;left: 50%;margin-left: -1.875rem;text-align:center;}

#nav li .a i{margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#3d6db5;overflow: hidden; display: none;}

#nav li.on .a h1{color: #3d6db5;margin: 0;}

#nav li.on i{width:100%;}

#nav li.on .a span{width: 3.75rem;height: 1px;background: #3d6db5;}

#nav li .a:hover i{width:100%;}

#nav li .a:hover h1{ color: #3d6db5;}

#nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)}

#nav.title{position:relative}

#nav .list{width: 140px;left: 50%;margin-left: -70px;max-height:0;position:absolute;top: 78px;z-index:0;-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;opacity: 0;filter:alpha(opacity=0);-moz-transform:scale(0);-o-moz-transform:scale(0);-o-moz-transform:scale(0);-webkit-moz-transform:scale(0);transform: scale(0);}

#nav .list::before{ display: block; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #fff;border-color:#fff transparent;border-top:0; margin-right: -9px; content: "";}

#nav .list a{width: 100%;height:50px;line-height:50px;text-align:center;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;background-color:#fff;border-bottom:#e9ecf1 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s;}

#nav .list a:hover{color:#3d6db5;border-bottom:#3d6db5 1px solid;}

#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10;opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1);-o-moz-transform:scale(1);-o-moz-transform:scale(1);-webkit-moz-transform:scale(1);transform:scale(1);}

#nav .l_chanpin .dui-dropdown-menu{background:#e2e2e2;position: absolute;top: 4.875rem;width: 200px;height:0;z-index: 10;-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;}

#nav .l_chanpin .dui-dropdown-menu .list01{position: relative;display:block;opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1);-o-moz-transform:scale(1);-o-moz-transform:scale(1);-webkit-moz-transform:scale(1);transform:scale(1);margin: 0 0 0 0%;text-align: center; display:none}

#nav .l_chanpin{position: static; }

#nav .l_chanpin .dui-dropdown-menu .list01 a{width: 100%;height: 45px;line-height: 45px;text-align:center;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s; border-bottom:1px dotted #ced1d5}

#nav .l_chanpin .dui-dropdown-menu .list01:nth-child(4) a{border-bottom:none}
#nav .l_chanpin .dui-dropdown-menu .list01 a:hover{color:#3d6db5;}

#nav .l_chanpin .dui-dropdown-menu .list01 h3 img{ display:inline-block}

#nav .l_chanpin:hover .dui-dropdown-menu{ height:auto; padding:1rem 0; }

#nav .l_chanpin:hover .dui-dropdown-menu .list01{ display:block}

#nav .l_chanpin .dui-dropdown-menu .list02{ margin:0 0 0 40%}


/*====移动端头部====*/

#m_header{display: none;height: 50px;width: 100%;z-index: 9999;}

#m_logo{ position: absolute; top: 0; left: 10px; width:35%; height:30px; margin:10px 0 }

#m_logo img{height: 100%;}

#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: 50px;display: inline-block;vertical-align: middle;}

#m_header .lan ul{display: inline-block;height: 50px;width:4.6875rem;vertical-align:middle;text-align:center;margin-left: 1.5rem;}

#m_header .lan ul li{display:inline-block;font-size:0.8125rem;height:1.875rem;line-height: 50px;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: #153a65;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:#3d6db5}



/*====移动端导航====*/

#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 h4{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: #3d6db5;border: #3d6db5 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);}



/*====移动端导航====*/

#m_n_nav{background: #3d6db5;display: none;line-height: 50px;height: 50px;position: relative;z-index: 99;float: left;width: 100%;}

#bnt_back{position:absolute;left: 1rem;top:0;color: #fff;font-size: 20px;}

#m_n_nav i{}

#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}

#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}

#bnt_sub_nav img{ display: block; height: 15px; }

#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}

#sub_nav_content ul{ padding:  10px;}

#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}

#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}

#sub_nav_content ul li.on a{color: #d2b068;}

#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  border-top:1px solid #e7e7e7; z-index: 999; }

#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400;  }

#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }

#sub_nav_content dt a{}

#sub_nav_content dt.title{background:#fafafb;}

#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}

#sub_nav_content dt.title_on  { background:#fafafb;}

#sub_nav_content dt.title_on a{ color:#3d6db5; border-top:1px solid #fff;}

#sub_nav_content dt.title_on a i{ color: #3d6db5;  }

#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}

#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #3d6db5;}

#sub_nav_content dd{  display:none;}

#sub_nav_content dd .box{padding:0px 0px 0px 0px;}

#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}

#sub_nav_content dd a.on{ color:#3d6db5}



/*==========================================公共 结束=============================================*/



/*==========================================首页 开始=============================================*/



.container01 {padding: 3.75rem 0;background:#e3e3e8;overflow: hidden;}

.container01 .title{text-align:center;margin-bottom: 2.375rem;}

.container01 .title h2{ font-size:1.625rem; color:#3d6db5; font-weight:bold; text-transform:uppercase;}

.container01 .title h3{font-size: 1.5625rem;line-height: 1.5625rem;color: #332c2b;margin-bottom: 0.5rem;}

.container01 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#3d6db5; height:0.1875rem; width:1.75rem;}

.container01 .content{padding: 0 3rem;margin: 0 -3rem;position: relative;}

.container01 .swiper-container{ position:static}

.container01 ul li a{display:block;}

.container01 ul li{position: relative;text-align:center;overflow: hidden;}

.container01 ul li 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;}

.container01 ul li h1{height:3rem;margin-bottom: 0.25rem;}

.container01 ul li h1 .img{ display:table; text-align:center; width:100%}

.container01 ul li h1 .img i{ display:table-cell; vertical-align:middle; }

.container01 ul li h1 .img i img{ max-height:3rem;}

.container01 ul li h1 .img i .img02{ display:none;}

.container01 ul li h5{font-size: 0.9375rem;color: #fff;}

.container01 ul li h6{font-size:0.75rem;color: #fff;text-transform:uppercase;}

.container01 ul li .con{position:absolute;top:0;left:0;width: 100%;height: 100%;}

.container01 ul li:nth-child(3n-2) .con{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8414148', endColorstr='#D8414148');background:rgba(65,65,72,0.85); -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;}

.container01 ul li:nth-child(3n-1) .con{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8C8383E', endColorstr='#D8C8383E');background:rgba(200,56,62,0.85); -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;}

.container01 ul li:nth-child(3n) .con{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8194476', endColorstr='#D8194476');background:rgba(25,68,118,0.85); -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;}

.container01 ul li .con .box{ display:table; width:100%; height:100%; text-align:center;}

.container01 ul li .con .box_li{ display:table-cell; vertical-align:middle;}

.container01 ul li .button-prev02,

.container01 .row .swiper-container .button-prev02,

.container01 .container .row .swiper-container .button-next02{position:absolute;top: 50%;margin-top: -2rem;width: 20px;height: 4rem;line-height: 4rem;text-align:center;font-size: 43px;font-family:simsun;color: #afb1b5;cursor:pointer; display:none; -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;}

.container01 .container .row .swiper-container .button-prev02{left: 0;}

.container01 .container .row .swiper-container .button-next02{right: 0;}



.container02 {padding: 3.75rem 0 2.75rem;}

.container02 .title{text-align:center;margin-bottom: 2.375rem;}

.container02 .title h2{ font-size:1.625rem; color:#3d6db5; font-weight:bold; text-transform:uppercase;}

.container02 .title h3{font-size: 1.5625rem;line-height: 1.5625rem;color: #332c2b;margin-bottom: 0.5rem;}

.container02 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#3d6db5; height:0.1875rem; width:1.75rem; }


.left .title{text-align:center;margin-bottom: 2.375rem;}

.left .title h2{ font-size:1.625rem; color:#3d6db5; font-weight:bold; text-transform:uppercase;}

.left .title h3{font-size: 1.5625rem;line-height: 1.5625rem;color: #332c2b;margin-bottom: 0.5rem;}

.left .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#3d6db5; height:0.1875rem; width:1.75rem; }



.container02 ul {  overflow:hidden}

.container02 ul li{ background:#fff; width:48%; margin:2% 1%; float:left}


.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;}

.container02 ul li .con h3{ font-size:1.375rem; color:#3c3e3f; margin-bottom:0.75rem}

.container02 ul li .con h5{ font-size:0.875rem; color:#686868; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 ul li .con hr{ margin:20px 0 ;}

.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; padding:5px 10px; background:#3d6db5; color:#FFF; border-radius:15px}

.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;}



.container03{ padding: 4.5rem 0 4.5rem; background:url(../images/container02_bg.jpg) center center no-repeat;}

.container03 .left{ padding-left:2.875rem}

.container03 .left .title{ margin-bottom:1.5rem; }

.container03 .left .title h3{ font-size:1.5625rem; color:#fff;font-weight:bold}

.container03 .left .title h3 small{ font-size:1.5rem; color:#fff; text-transform:uppercase;}

.container03 .left ul{ float:left; width:100%; margin-bottom:2.75rem; color:#FFF; line-height:35px}

.container03 .left h6{ text-align:center}
.container03 .left ul li a{float:left;width:8.125rem;height:2.6875rem;line-height:2.6875rem;border:rgba(167,167,170,0.45) 1px solid;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;text-align:center;margin:0 0.5rem 0.5rem 0;overflow: hidden;position: relative;z-index: 0;background-color: transparent;}

.container03 li a:after{background: #3d6db5;-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);transform: translateX(-50%) translateY(-50%) rotate(25deg);}

.container03 li a:after{content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;-webkit-transition: all 0.75s ease 0s;-moz-transition: all 0.75s ease 0s;-o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;}

.container03 li a:hover:after{ height: 450%;}

.container03 .left ul li a:hover{ border:#3d6db5 1px solid}



.container03 .left ul li a{ font-size:0.9375rem; color:#fff; display:block;}

.container03 .left 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;}

.container03 .left h6 small{font-size:0.8125rem;color: #fff; margin-right:0.5rem; border:1px solid #FFF; border-radius:15px; padding:5px 10px}

.container03 .left h6 small a{ color: #fff;}

.container03 .left h6 i{-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;}



.container04 {padding: 3.75rem 0;}

.container04 .left{ width:100%}

.container04 .left .title { margin-bottom:2.25rem}

.container04 .left .hd ul{text-align: right;display: inline-block;}

.container04 .left .hd ul li{font-size: 0.875rem;color: #2a2d2f;display:inline-block;width:auto !important;margin: 0 0 0 0.75rem;float: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor: pointer;}

.container04 .left .hd ul li.swiper-slide-active{color: #fff;background: #3d6db5;display: inline-block;padding: 0.3rem 1.3rem;}

.container04 .left .title h3{ font-size:1.5rem; color:#2a2d2f}

.container04 .left .title h3 small{ color:#3d6db5; text-transform:uppercase}

.container04 .left .bd ul li ul li{ overflow:hidden;}

.container04 .left .title h3 br{ display:none}

.container04 .left .bd ul li ul li .img{ overflow:hidden;}

.container04 .left .bd ul li ul li .img img{ width:100%;}

.container04 .left .bd ul li ul li .con{ padding:1.625rem 1.625rem; border:#e2e2e2 1px solid; background:#f4f5f7}

.container04 .left .bd ul li ul li .con h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.75rem;}

.container04 .left .bd ul li ul li .con h4 a{ font-size:1rem; color:#3e3c3c; font-weight:bold}

.container04 .left .bd ul li ul li .con p{font-size:0.75rem;color:#828284;line-height: 1.25rem;height: 2.5rem;}

.container04 .left .bd ul li ul li .con hr{ margin:1.25rem -0.5rem 0.75rem;}

.container04 .left .bd ul li 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;}

.container04 .left .bd ul li ul li .con small{ font-size:0.8125rem; color:#686868}

.container04 .left .bd ul li 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;}

.container04 .right{/*float:right;width: 25%; */display:none}

.container04 .right .title {margin-bottom: 2.7rem;}

.container04 .right ul li{border:#dcdcdc 1px solid;background:#f2f2f5;padding: 0.9rem 1.25rem;margin: 0 0 0.55rem;}

.container04 .right ul li h5{font-size:0.9375rem;color:#535455;line-height: 1.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container04 .right ul li h5 span{font-size:0.75rem;display:inline-block;vertical-align: middle;margin-right: 0.3rem;}

.container04 .right ul li h5 a{display: inline-block;font-size:0.9375rem;color:#535455;line-height: 1.4rem;vertical-align: middle; width:100%}

.container04 .right ul li h6{padding-left: 0.7rem;font-size: 0.75rem;color: #949495;}



.container05 {padding: 3.75rem 0 2.75rem;background:url(../images/container05_bg.jpg) center top no-repeat;}

.container05 .title{text-align:center;margin-bottom: 2.375rem;}

.container05 .title h2{ font-size:1.625rem; color:#fff; font-weight:bold; text-transform:uppercase;}

.container05 .title h3{font-size: 1.5625rem;line-height: 1.5625rem;color: #fff;margin-bottom: 0.5rem;}

.container05 .title h5 span{ display:inline-block; margin:0 auto; font-size:1.75rem; background:#fff; height:0.1875rem; width:1.75rem; }

.container05 .more{ text-align:center;}

.container05 .more a{display:inline-block;margin:0 auto;font-size:0.875rem;margin-top:0.5rem;color:#fff;font-family:simsun;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;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: 3rem;border: #bababa 1px solid;}



.container08{background:#2e2f33;padding: 3.125rem 0 1.5rem; border-bottom:#434448 1px solid;}

.container08 .left{float:left;width:17%;min-height: 10.625rem;border-right:#434448 1px solid;display:table;padding: 1rem 0 0 0;}

.container08 .left .txt{float:left;margin-right:1.5rem;margin-top: 1.75rem;}

.container08 .left .txt h2{margin-bottom:1.25rem;margin-top: 0.4rem;}

.container08 .left .txt h2 a{ display:inline-block; width:7.1875rem; height:2.1875rem; line-height:2.1875rem; background:#3d6db5; font-size:0.875rem; color:#fff; text-align:center;}

.container08 .left .txt h2 a i{font-size: 0.85rem;margin-right: 0.375rem;}

.container08 .left .txt h5{ font-size:0.875rem; color:#fff;}

.container08 .left .txt h1{ font-size:1.375rem; color:#fff;}

.container08 .center{float:left;width:60%;min-height: 10.625rem;border-right:#434448 1px solid;display:table;text-align: left;}

.container08 .center .con{display: inline-block;padding: 1rem 0 0 0;text-align: left;}

.container08 .center .con dl{float:left;margin:0 1.875rem;}

.container08 .center .con dl dt{font-size: 0.9375rem;display:inline-block;padding-bottom: 0.75rem;}

.container08 .center .con dl dt a{ color:#fff}

.container08 .center .con dl dd{font-size: 0.75rem;line-height: 1.875rem;}

.container08 .center .con dl dd a{ color:#949495;}

.container08 .right{float:left;width:23%;min-height: 10.625rem;display:table;}

.container08 .right .con{display:table-cell;vertical-align:top;padding-top: 1rem;}

.container08 .right ul{text-align: right;}

.container08 .right ul li{display:inline-block;margin: 0 0 0 0.5rem;width: 36%;}

.container08 .right ul li h1 img{width:100%;}

.container08 .right ul li h6{text-align:center;font-size: 0.875rem;color: #969696;margin-top: 0.5rem;}

.container08 .links{ margin-top:2rem; }

.container08 .links h6{font-size:0.75rem;color:#fff;font-weight: normal;}

.container08 .links dl{ font-size:0; line-height:1rem;}

.container08 .links dt{display:inline-block;font-size:0.75rem;color:#fff;margin-right: 1rem;}

.container08 .links dd{ display:inline-block; font-size:0.75rem; color:#70707a; margin-right:1.375rem }

.container08 .links dd a{ color:#70707a;}



footer{ background: #2e2f33; padding:1.25rem 0; text-align: center; }

footer p,footer p a{font-size: 0.75rem;color: #646465;line-height: 1.5rem;}

footer p a:hover{ color: #fff; }

footer p br{ display:none}



/*====内页banner====*/

#n_banner{display:block;width:100%;height: 400px;position: relative;}

#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 h2{color: #fff; text-transform:uppercase}

#n_banner h3{display:block;margin: 0;font-size: 1.5625rem;color: #fff;text-transform:uppercase;margin-bottom: 0.3rem; font-weight:bold}

#n_banner h6{ text-align:center;}

#n_banner h6 i{display: inline-block;width: 1.5625rem;height:3px;background: #3d6db5;}



/*====手机banner====*/

.n_title{position:relative;height: 3.75rem;line-height: 3.75rem;z-index: 2;border-bottom: #dcdcdf 1px solid;}

.n_title dl{float: left;position: relative;margin-right: 3.125rem;} 

.n_title dt a{font-size: 0.9375rem;text-align: center;line-height: 3.75rem;display:block;color: #000000;margin-bottom:0px;}

.n_title dl dd{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #fff;}

.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; color:#30353a; line-height:50px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

.n_title dl dd a.on{ color: #3d6db5;}

.n_title dt i{ display: none; transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}

.n_title dl.title_nav dt i{ display: inline-block;}

.n_title dt.on{height: 3.75rem;border-bottom: #3d6db5 0.125rem solid;}

.n_title dl dt.on a,.n_title dl dt.on a i{color: #000;}



.position{display: inline-block;float: right;line-height: 3.75rem;height: 3.75rem;color:#7b7b7d;background: url(../images/icon_home.png) left 1.4rem no-repeat;padding-left: 1.25rem;font-size: 0.75rem;color: #a6a6a6;}

.position a{font-size: 0.75rem;color: #47474a;display: inline-block;line-height: 3.75rem;vertical-align: top;}

.position i{display: inline-block;height: 3.75rem;width: 1rem;text-align: center;color: #47474a;font-family: simsun;font-style: normal;font-size: 0.75rem;vertical-align: top;}

.position span{vertical-align: top;font-size: 0.75rem;color: #3d6db5;font-style:normal;display: inline-block;line-height: 3.75rem;max-width: 10rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.pull-left .position{ float:left;}



/*====翻页====*/

.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:#3d6db5;color:#fff!important;}

.j_pages a:hover{background:#3d6db5;color:#fff!important;}

.j_pages span{background:#3d6db5;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:#3d6db5; border:#3d6db5 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:#3d6db5;}

.n_product .hd ul li.on .img{ background:#3d6db5; border:#3d6db5 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:#3d6db5; margin:1% 1% !important }

.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:1.5rem; 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;text-overflow:ellipsis; }

.n_product .bd .swiper-container{ margin-bottom:10px;}



.n_huoban .swiper-container ul li img{ width:100%}

.n_huoban .j_pages .box{ text-align:center !important;}



.n_zhaopin .swiper-container{ padding-bottom:4rem;}

.n_zhaopin .swiper-container ul li{ border:#e3e4e5 1px solid; background:#f4f5f7; padding:2.25rem; text-align:center; margin-top:0 !important; margin-bottom:1.25rem; -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_zhaopin .swiper-container ul li h1{ font-size:1.375rem; color:#5b5b5c; margin-bottom:0.5rem;}

.n_zhaopin .swiper-container ul li h5{ font-size:0.8125rem; color:#979899; margin-bottom:2rem;}

.n_zhaopin .swiper-container ul li h6{ font-size:0.875rem; color:#5b5b5c;}

.n_zhaopin .swiper-container .button-prev02,

.n_zhaopin .swiper-container .button-next02{position:absolute;bottom:0;width: 4.6875rem;height: 25px;line-height: 23px;text-align:center;font-size: 1rem;font-family:simsun;color: #636365;border: #bec0c3 1px solid;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;cursor:pointer;}

.n_zhaopin .swiper-container .button-prev02{left:50%;margin-left: -5rem;}

.n_zhaopin .swiper-container .button-next02{right:50%;margin-right: -5rem;}



.n_join_detail .left{ float:left; width:69%;}

.n_join_detail .ar_title{border-bottom: #f0f0f0 3px solid;padding-bottom: 0;margin-bottom: 5%;}

.n_join_detail .ar_title h3{font-size: 1.4375rem;color: #424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px;}

.n_join_detail .ar_title h6 span{position:relative;font-size: 0.75rem;color: #7e8080;display:inline-block;height: 3.5rem;line-height: 3.5rem;font-weight:normal;}

.n_join_detail .ar_title h6 span i{position:absolute;left:0;bottom: -3px;width:100%;height: 3px;background-color: #3d6db5;}

.n_join_detail .right{ float:right; width:26%;}

.n_join_detail .right .con{ padding:2rem 3rem; background:#f4f5f7;}

.n_join_detail .right .con h3{ font-size:1.375rem; color:#444546; text-transform:uppercase;}

.n_join_detail .right .con h2{font-size:1.375rem;color:#444546;margin-bottom: 0.4rem;}

.n_join_detail .right .con h6{ margin-bottom:1rem}

.n_join_detail .right .con h6 i{display: inline-block;width: 1.5625rem;height:3px;background: #3d6db5;}



.n_aply .detail{float:right;width:100%;}

.n_aply .swiper-container{ padding:0 0 1rem 0}

.n_aply .swiper-container ul li{}

.n_aply .swiper-container 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;}

.n_aply .swiper-container ul li .img img{ width:100%;}

.n_aply .swiper-container ul li .con{padding: 1.625rem 2rem;overflow:hidden;background: #f7f8fa;}

.n_aply .swiper-container ul li .con h3{ font-size:1.375rem; color:#3c3e3f; margin-bottom:0.75rem}

.n_aply .swiper-container ul li .con h5{ font-size:0.875rem; color:#686868; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.n_aply .swiper-container ul li .con hr{margin: 2.125rem 0 1.25rem;}

.n_aply .swiper-container 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;}

.n_aply .swiper-container ul li .con small{ font-size:0.8125rem; color:#686868}

.n_aply .swiper-container 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;}



.n_chengguo .swiper-container li{}

.n_chengguo .swiper-container li .pic_box{width: 100%;height: 17.1875rem;display:table;overflow:hidden;background: #f5f5f5;}

.n_chengguo .swiper-container li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}

.n_chengguo .swiper-container li img{max-width: 9.375rem;max-height: 12.8125rem;display:block;}

.n_chengguo .swiper-container li h5{ font-size:0.9375rem; color:#504e4e; text-align:center; margin:1.5rem 0 1rem}



.n_video .title{margin-bottom: 2.75rem;overflow: hidden;text-align: center;}

.n_video .title ul{font-size: 0;text-align:center;overflow: hidden;}

.n_video .title ul li{display:inline-block;width:105px;height:35px;line-height:33px;border: #bfc0c2 1px solid;-moz-border-radius: 17.5px;-webkit-border-radius: 17.5px;border-radius:17.5px;margin:0 11px;box-sizing:border-box; -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; margin-bottom:0.5rem}

.n_video .title ul li a{ font-size:14px; color:#636363; display:block}

.n_video .title ul li.on,.n_video .title ul li:hover{background: #3d6db5;border: #3d6db5 1px solid;}

.n_video .title ul li.on a,.n_video .title ul li:hover a{ color:#fff}

.n_video .swiper-container ul li{float:left;position:relative;border-bottom:2px solid #fff;background:#fff;display:block;margin: 0 37.5px 0 0;}

.n_video .swiper-container ul li .img{ position:relative; overflow:hidden;}

.n_video .swiper-container ul li a{ display:block; overflow:hidden;}

.n_video .swiper-container ul li img{display: inline-block;}

.n_video .swiper-container ul li span{padding:0 25px;display:block;line-height: 4rem;height: 4rem;font-size: 18px;color: #fff;padding-right: 1.25rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;-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;text-align: center; background:#3d6db5}

.n_video .swiper-container ul .con{ width:100%; height:100%; position:absolute; top:0; left:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5); -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_video .swiper-container ul .con .box{ display:table; width:100%; height:100%; text-align:center;}

.n_video .swiper-container ul .con .box i{ vertical-align:middle; display:table-cell;}

.n_video .swiper-container ul span i{display:inline-block;width:23px;height:23px;vertical-align:middle;float:right;background:url(../images/span_more.png) 0 no-repeat;margin-top: 0.875rem;}



.n_news01 .left{ float:left; width:69%;}

.n_news01 .left .swiper-container{ padding:0 0 1rem 0}

.n_news01 .left .swiper-container ul li{}

.n_news01 .swiper-container 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;}



.n_news01 .left .swiper-container ul li .img img{ width:100%;}



.n_news01 .left .swiper-container ul li .con{padding: 1.625rem 2rem;overflow:hidden;border: #e2e2e2 1px solid;}

.n_news01 .left .swiper-container ul li .con h3{font-size: 1.0625rem;color:#3c3e3f;margin-bottom: 0.5rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news01 .left .swiper-container ul li .con h5{font-size: 0.8125rem;line-height: 1.25rem;color: #828284;overflow:hidden;}

.n_news01 .left .swiper-container ul li .con hr{margin: 1.25rem 0 1.25rem;}

.n_news01 .left .swiper-container 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;}

.n_news01 .left .swiper-container ul li .con small{ font-size:0.8125rem; color:#686868}

.n_news01 .left .swiper-container 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;}

.n_news .right{ float:right; width:26%;}

.n_news .right .con{padding:2.5rem 3rem;background:#f4f5f7;position: relative;margin-bottom: 1.25rem;}

.n_news .right .con h2{font-size:1.375rem;color:#3d6db5;margin-bottom: 1rem;}

.n_news .right .swiper-container ul li{width:100%;}

.n_news .right .swiper-container ul li h5{font-size: 0;line-height: 2.625rem;height: 2.625rem;border-bottom: #dedede 1px solid;}

.n_news .right .swiper-container ul li i{float:right;font-size: 1rem;color: #929292;}

.n_news .right .swiper-container ul li span{font-size:0.9375rem;color:#444;display: inline-block;vertical-align: top;}

.n_news .right .swiper-container ul li a{font-size:0.9375rem;color:#444;display: inline-block;width: 75%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.n_news .right .swiper-container ul li i span{ color:#929292; font-size:0.75rem}

.n_news .right .swiper-container{ position:static;}

.n_news .right .swiper-container .button-next02{position:absolute;top: 2.5rem;width: 5rem;height: 2rem;line-height: 2rem;text-align:center;font-size: 0.875rem;color: #7e7e7e;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;}

.n_news .right .swiper-container .button-next02{right: 2rem;}

.n_news .right .swiper-container .button-next02 svg{width:1.6rem;height: 1.1rem;vertical-align: middle;}



.n_news01 .left{ float:left; width:100%;}

.n_news01 .ar_title{border-bottom: #f0f0f0 3px solid;padding-bottom: 0;margin-bottom: 5%;}

.n_news01 .ar_title h3{font-size: 1.4375rem;color: #424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px;}

.n_news01 .ar_title h6 span{position:relative;font-size: 0.75rem;color: #7e8080;display:inline-block;height: 3.5rem;line-height: 3.5rem;font-weight:normal;}

.n_news01 .ar_title h6 span i{position:absolute;left:0;bottom: -3px;width:100%;height: 3px;background-color: #3d6db5;}

.n_news01 .ar_title h6{ display:inline-block;} 



.n_news02 .left{ float:left; width:100%;}

.n_news02 .left .swiper-container ul li .con{padding: 1.625rem 2rem;overflow:hidden;border: #e2e2e2 2px solid; -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_news02 .left .swiper-container ul li .con h3{font-size:1.75rem;color:#444444;margin-bottom: 0.5rem;}

.n_news02 .left .swiper-container ul li .con h5{font-size:1.125rem;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 0.2rem;}

.n_news02 .left .swiper-container ul li .con h6{font-size:0.8125rem;color:#6a6a6a;margin-bottom: 1.5rem;}

.n_news02 .left .swiper-container ul li .con p{font-size:0.8125rem;color:#7a7a7a;line-height:1.4375rem;height:2.875rem;overflow:hidden;margin-top: 1rem;}



.shart_box{ display:inline-block; float:right;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}



/*====上一篇下一篇====*/

#ar_fot{position:relative;padding: 20px 0;float:left;box-sizing: border-box;width: 100%;margin-top: 30px;border-top: #d3d3d3 1px solid;}

#ar_fot h1{display:block;width: 48%;font-size: 0.9375rem;line-height:30px;color: #606161;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#ar_fot h1 a{font-size: 0.9375rem;color: #606161;font-weight:normal;}

#ar_fot h1 a:hover{ color:#3d6db5;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

.n_article .ar_title span{float: left;padding: 0 36px 0 16px;font-size:12px;color:#afafb2;display:inline-block;line-height: 36px;height: 36px;}

.n_article .ar_title span a{font-size:12px;color:#afafb2;float:left;margin-right: 7px;}

.n_article .ar_title .span1{ background:url(../images/time.png) left center no-repeat;}

.n_article .ar_title .span2{ background:url(../images/fx.png) left center no-repeat;}

#ar_fot h1:nth-child(1){ text-align:left}

#ar_fot h1:nth-child(2){ text-align:right}



.n_contact .web{ text-align:center;}

.n_contact .ar_article{ margin-bottom:0.5rem}

.n_contact p{ text-align:left; 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;}



.n_download .swiper-container ul li h5{ font-size:0.875rem; color:#333855; text-align:center;}

.n_download .content{padding: 0 1.5rem; margin: 0 -1.5rem; position: relative; margin-bottom:4.125rem}

.n_download .swiper-container{ position:static}

.n_download .swiper-container .button-prev02,

.n_download .swiper-container .button-next02{position:absolute;top: 50%;margin-top: -2rem;width: 20px;height: 4rem;line-height: 4rem;text-align:center;font-size: 28px;font-family:simsun;color: #333855;cursor:pointer;font-weight: bold;display:none;-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_download .swiper-container .button-prev02{left: 0;}

.n_download .swiper-container .button-next02{right: 0;}

.n_download .bottom{}

.n_download .bottom .con{ float:left; width:50%;}

.n_download .bottom .con .hd{width:100%;background:#f2f1f6;text-align:center;display:table;margin-bottom:2rem;padding: 2.5rem 0;}

.n_download .bottom .con .hd .hd_li{ display:table-cell; vertical-align:middle;}

.n_download .bottom .con .hd h3{ font-size:1.375rem; color:#3d3a3a;}

.n_download .bottom .con .hd h4{ font-size:1.125rem; color:#3d6db5}

.n_download .bottom .con .bd{ margin-bottom:2rem}

.n_download .bottom .con .bd ul{}

.n_download .bottom .con .bd ul li{ width:100%; line-height:2.75rem; height:2.75rem; padding:0 2rem;}

.n_download .bottom .con .bd ul li .a{font-size:1rem;color:#545455;display: inline-block;width: 70%;}

.n_download .bottom .con .bd ul li span{ float:right; text-align:right; font-size:0.875rem; color:#7e7f80}

.n_download .bottom .con .bd ul li span a{ margin-left:1rem}

.n_download .bottom .con .bd ul li span .icon{width:1.6rem;height: 1.1rem; fill:#7e7f80}

.n_download .bottom .more{text-align:center;}

.n_download .bottom .more a{display:inline-block;margin:0 auto;font-size: 0.9375rem;color: #3c3c3e;font-family:simsun;width: 2.4rem;height: 2.4rem;line-height: 2.4rem;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_download_detail .top{ padding:4.25rem 0; background:#f5f7f9; text-align:center; margin-bottom:4rem}

.n_download_detail .top h3{ font-size:1.375rem; color:#3d3e40; margin-bottom:2rem}

.n_download_detail .top h4{ display:inline-block; width:12.5rem; height:3.4375rem;  line-height:3.4375rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; margin:0px 10px;}

.n_download_detail .top h4 svg{ width:1.5rem; height:1rem; fill:#fff;}

.n_download_detail .top h4 span{ font-size:0.9375rem; color:#fff;}

.n_download_detail .ar_article{ margin-bottom:5rem}



.fixed{position: fixed !important;top:0;width:100%;z-index:100000;}

.n_buy{min-height:4.0625rem;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9);position: absolute;width: 100%;z-index: 1000;}

.n_buy .left{ float:left; line-height:4.0625rem; font-size:0.9375rem; color:#383838;}

.n_buy .right{ float:right;}

.n_buy .right ul{display:  inline-block;font-size:0;line-height:4.0625rem;}

.n_buy .right ul li{display:inline-block;font-size:0.875rem;color:#383838;padding: 0 1.0625rem;}

.n_buy .right ul li a{color:#383838;}

.n_buy .right .gouma{float: right;display:inline-block;background:#3d6db5;width:4.6875rem;height:1.625rem;line-height:1.625rem;text-align:center;margin: 1.3rem 0 0 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin-left: 1.5rem;}

.n_buy .right .gouma a{ display:block; font-size:0.75rem; color:#fff;}



.top_mar{}

.n_product01_fr1{height: 46rem;background:url(../images/n_product01_bg01.jpg) center top fixed no-repeat;text-align:center;margin-bottom: 12rem;}

.n_product01_fr1 h1{font-size:4.5rem;color:#fff;margin-top: 7rem;font-family:Futura Md BT;}

.n_product01_fr1 h3{ font-size:1.5rem; color:#fff; margin-bottom:5.375rem;}

.n_product01_fr1 img{display:inline-block;width: 15rem;}



.n_product01_fr2{ text-align:center;}

.n_product01_fr2 h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:1.5rem}

.n_product01_fr2 .ar_article p{ color:#484848; text-align:center; width:70%; margin:0 auto}

.n_product01_fr2 ul{ font-size:0;}

.n_product01_fr2 ul li{ display:inline-block; margin:0 2.625rem;}

.n_product01_fr2 ul li h1 img{ width:4.375rem; height:4.375rem; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);filter:gray; 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;}

.n_product01_fr2 ul li h5{ font-size:0.875rem; color:#525354; line-height:2.75rem;}



.n_product01_fr3{}



.n_product01_fr4{ text-align:center; padding:0 0 5.625rem 0}

.n_product01_fr4 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:3rem}

.n_product01_fr4 .title{ margin-bottom:3rem;}

.n_product01_fr4 .title h1{ margin-bottom:1.5rem}

.n_product01_fr4 .title h1 img{ height:3.125rem;}

.n_product01_fr4 .title h3{ font-size:1.375rem; color:#484848; margin-bottom:0.5rem}

.n_product01_fr4 .title h5{ font-size:0.875rem; color:#484848;}

.n_product01_fr4 .top{ padding:0 4.5rem; margin-bottom:12px;}

.n_product01_fr4 .top ul li{ width:25%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; overflow:hidden;}

.n_product01_fr4 .top ul li .img{ overflow:hidden;}

.n_product01_fr4 .top ul li:nth-child(2){width: 50.75%;}

.n_product01_fr4 .bottom{ padding:0 4.5rem}

.n_product01_fr4 .bottom ul li{ width:25%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; overflow:hidden;}

.n_product01_fr4 .bottom ul li .img{ overflow:hidden;}



.n_product01_fr5{ background:url(../images/n_product01_fr5_bg.jpg) center top no-repeat; padding:5.5rem 0 0 0; text-align:center;}

.n_product01_fr5 .title{ text-align:center;}

.n_product01_fr5 .title h1{ margin-bottom:1.5rem;}

.n_product01_fr5 .title h1 img{ height:3.125rem;}

.n_product01_fr5 .title h3{ font-size:1.375rem; color:#fff; margin-bottom:0.5rem}

.n_product01_fr5 .title h5{ font-size:0.875rem; color:#fff; margin-bottom:3.5rem;}

.n_product01_fr5 .img img{ display:inline-block;}



.n_product01_fr6{background:url(../images/n_product01_fr6_bg.jpg) center top no-repeat;padding: 5.5rem 0 0rem 0;text-align:center;}

.n_product01_fr6 .title{ text-align:center;}

.n_product01_fr6 .title h1{ margin-bottom:1.5rem;}

.n_product01_fr6 .title h1 img{ height:3.125rem;}

.n_product01_fr6 .title h3{ font-size:1.375rem; color:#000; margin-bottom:0.5rem}

.n_product01_fr6 .title h5{ font-size:0.875rem; color:#000; margin-bottom:3.5rem;}

.n_product01_fr6 .con{ float:left; width:100%; text-align:center;}

.n_product01_fr6 .con h1 img{ width:10.2125rem; -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_product01_fr6 .con h4{ font-size:1rem; color:rgba(0,0,0,0.75); margin:0.875rem 0 0.5rem}

.n_product01_fr6 .con h5{ font-size:0.875rem; color:rgba(0,0,0,0.75); line-height:1.25rem; height:2.5rem; margin-bottom:0.5rem}

.n_product01_fr6 .content03 img{ display:inline-block; width:82.60274%; float:right}



.n_product01_fr7{ padding:4rem 0}

.n_product01_fr7 .content{ position:relative; }

.n_product01_fr7 .content .top{ position:absolute; top:0; left:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A5000000', endColorstr='#A5000000');background:rgba(0,0,0,0.65);}

.n_product01_fr7 .content .top .con{ display:table; width:100%; height:100%; text-align:center;}

.n_product01_fr7 .content .top .con i{ display:table-cell; vertical-align:middle;}

.n_product01_fr7 .content .top .con i img{ width:5.4375rem; height:5.4375rem;}



/*======================j_弹窗======================*/

#page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;}

#page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}

#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}

#page_video {width: 734px;height: 378px;position: relative;}

#page_video .video_box {border: 5px solid #8a8a8a;width: 650px;height: 378px;overflow: hidden;}

#page_show_video_box #j_video {background: url(../images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;}

#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 650px;background: #8a8a8a;}

#page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}

#page_show_video_box .info p.last {padding-bottom: 0;}

#page_show_video_box #playercontainer {display: none;}

#page_show_video_box #page_ar {width: 810px;position: relative;}



#page_show_video_box #page_ar .ar_box {border: 5px solid #3d6db5;width: 730px;padding: 40px 0;background: #fff;position: relative;}

#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}

#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}

#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}

#bnt_close01 {display: block;width: 70px;height: 70px;background: #8a8a8a;position: absolute;top: 0;right: 14px;}

#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px;}

#bnt_close:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}

#page_show_video_box video{width: 640px;height: 368px;}



.n_product01_fr8{ background:#f6f7f9; padding:3.75rem 0;}

.n_product01_fr8 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-top:1.5rem; margin-bottom:2.5rem; text-align:center;}

.n_product01_fr8 table{ width:55%; margin:0 auto;}

.n_product01_fr8 table tr th{text-align:center;line-height: 1.5rem;font-weight:normal;color: #4b4b4b;}

.n_product01_fr8 table tr td{text-align:center;color: #4b4b4b;}

.n_product01_fr8 h5{font-size:0.875rem;color:#5f5f5f;font-weight:normal;display:inline-block;width: 53%;text-align: left;margin: 1rem 0 0;}

.n_product01_fr8 .con{ text-align:center;}



.n_product01_fr9{background:url(../images/n_product01_fr9_bg.jpg) center top no-repeat;padding:5.3125rem 0;margin-bottom: 8rem;background-size: 100% 100%;}

.n_product01_fr9 .left{ width:100%; display:table; text-align:center;}

.n_product01_fr9 .left .left_con{ display:table-cell; vertical-align:middle;}

.n_product01_fr9 .left .left_con .left_con_li{ display:inline-block; text-align:left;}

.n_product01_fr9 .left h2{ font-size:2.75rem; color:#fff; font-family:Futura Md BT;}

.n_product01_fr9 .left h5{ font-size:0.9375rem; color:#fff;}

.n_product01_fr9 .left h6{ margin:0.6rem 0 1.2rem}

.n_product01_fr9 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#fff;}

.n_product01_fr9 .left h3{ font-size:1.5rem; color:#fff;}

.n_product01_fr9 .center{ position:relative; z-index:2}

.n_product01_fr9 .center ul{font-size:0;text-align: center;}

.n_product01_fr9 .center ul li{ display:inline-block; *zoom:1; width:10.625rem; height:10.625rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; border:rgba(255,255,255,0.7) 2px solid; margin:0 1.5rem; position:relative;}

.n_product01_fr9 .center ul li .con{ display:table; text-align:center; width:100%; height:100%;}

.n_product01_fr9 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}

.n_product01_fr9 .center ul li .con .con_li .top{ display:table; height:5.25rem; text-align:center; width:100%;}

.n_product01_fr9 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}

.n_product01_fr9 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#fff}

.radius{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}

.n_product01_fr9 .right{position:relative;width: 100%;height: 10.625rem; z-index:1}

.n_product01_fr9 .right img{position:absolute;top: -2rem;right:-6rem;}

.n_product01_fr10{ margin-bottom:5.9375rem; text-align:center;}

.n_product01_fr10 h3{ font-size:2.125rem; color:#494b4c; font-weight:bold; margin-bottom:2rem}

.n_product01_fr10 h1{ margin-bottom:3rem;}

.n_product01_fr10 h1 img{ width:15rem}

.n_product01_fr10 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}

.n_product01_fr10 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);

-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}

.n_product01_fr10 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}



.n_product02_fr1{height: 44rem;background:url(../images/n_product2_banner_bg01.jpg) center top fixed no-repeat;background-position-y: 2.875rem;overflow:  hidden;}

.n_product02_fr1 h1{font-size:4.5rem;color:#fff;margin-top: 7rem;font-family:Futura Md BT;}

.n_product02_fr1 h3{ font-size:1.5rem; color:#fff; margin-bottom:2rem }

.n_product02_fr1 h6 span{ display:inline-block; width:1.6875rem; height:3px; background:#fff; margin-bottom:5.375rem;}

.n_product02_fr1 img{display:inline-block;max-width: 120%;margin-left: -11rem;}



.n_product02_fr2{padding: 5.25rem 0 3rem;text-align:center;background:#efeff3;overflow:hidden;}

.n_product02_fr2 h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:1.5rem}

.n_product02_fr2 .ar_article p{color:#484848;text-align:center;width:70%;margin:0 auto;margin-bottom: 2rem;}

.n_product02_fr2 ul{ font-size:0;}

.n_product02_fr2 ul li{display:inline-block;margin: 0 1.625rem;}

.n_product02_fr2 ul li h1 img{width: 5rem;height: 5rem;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;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;}

.n_product02_fr2 ul li h5{ font-size:0.875rem; color:#525354; line-height:2.75rem;}

.n_product02_fr2 .img{ text-align:center;}

.n_product02_fr2 .img img{ display:inline-block;}



.n_product02_fr3{ text-align:center; padding:5rem 0 7.2rem}

.n_product02_fr3 .title{ margin-bottom:3rem;}

.n_product02_fr3 .title h1{ margin-bottom:1.5rem}

.n_product02_fr3 .title h1 img{height: 4.125rem;}

.n_product02_fr3 .title h3{ font-size:1.375rem; color:#484848; margin-bottom:1rem}

.n_product02_fr3 .title h5{ font-size:0.875rem; color:#484848;}



.n_product02_fr4{ text-align:center; padding:5rem 0 7.2rem; background: -webkit-linear-gradient(#7d8da3,#fff);background: -o-linear-gradient(#7d8da3,#fff);background: -moz-linear-gradient(#7d8da3,#fff);background: -mos-linear-gradient(#7d8da3,#fff);background: linear-gradient(#7d8da3,#fff)}

.n_product02_fr4 .title{ margin-bottom:1rem;}

.n_product02_fr4 .title h1{ margin-bottom:1.5rem}

.n_product02_fr4 .title h1 img{height: 4.125rem;}

.n_product02_fr4 .title h3{ font-size:1.375rem; color:#fff; margin-bottom:1rem}

.n_product02_fr4 .title h5{ font-size:0.875rem; color:#fff;}

.n_product02_fr4 .img img{ display:inline-block;}



.n_product02_fr5{ text-align:center; padding:5rem 0 7.2rem; background: -webkit-linear-gradient(rgba(114,126,142,0.85),rgba(226,226,226,1));background: -o-linear-gradient(rgba(114,126,142,0.85),rgba(226,226,226,1));background: -moz-linear-gradient(rgba(114,126,142,0.85),rgba(226,226,226,1));background: -mos-linear-gradient(rgba(114,126,142,0.85),rgba(226,226,226,1));background: linear-gradient(rgba(114,126,142,0.85),rgba(226,226,226,1))}

.n_product02_fr5 .title{ margin-bottom:5rem;}

.n_product02_fr5 .title h1{ margin-bottom:1.5rem}

.n_product02_fr5 .title h1 img{height: 4.125rem;}

.n_product02_fr5 .title h3{ font-size:1.375rem; color:#fff; margin-bottom:1rem}

.n_product02_fr5 .title h5{ font-size:0.875rem; color:#fff;}

.n_product02_fr5 .img img{ display:inline-block;}



.n_product02_fr6{padding: 4.875rem 0;}

.n_product02_fr6 .content{position:relative;max-width:1263px;width:100%;margin: 0 auto;}

.n_product02_fr6 .content>img{}

.n_product02_fr6 .content .top{ position:absolute; top:0; left:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}

.n_product02_fr6 .content .top .con{ display:table; width:100%; height:100%; text-align:center;}

.n_product02_fr6 .content .top .con i{ display:table-cell; vertical-align:middle;}

.n_product02_fr6 .content .top .con i img{width: 4.0625rem;height: 4.0625rem;}



.n_product02_fr7{ margin-bottom:6.25rem;}

.n_product02_fr7 h3{ font-size:1.375rem; color:#484848; text-align:center; margin-bottom:2.5rem}

.n_product02_fr7 .top{ width:11.25rem; height:3.125rem; line-height:3.125rem; text-align:center; font-size:0.9375rem; color:#fff; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#38000000', endColorstr='#38000000');background:rgba(0,0,0,0.22); -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_product02_fr7 ul li .img{ overflow:hidden;}



.n_product02_fr8{background:url(../images/n_product2_fr8_bg01.jpg) center top no-repeat;padding:3.75rem 0;background-size: auto 100%;}

.n_product02_fr8 .con{width: 48.125rem;height:38.125rem;display:table;text-align:center;}

.n_product02_fr8 .con .con_li{ display:table-cell; vertical-align:middle;}

.n_product02_fr8 .con .con_li h2{ font-size:2rem; color:#57595a; margin-bottom:0.5rem;}

.n_product02_fr8 .con .con_li h3{ font-size:1.5rem; color:#57595a;}



.n_product02_fr9{padding: 4rem 0 5rem;}

.n_product02_fr9 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-top:1.5rem; margin-bottom:2.5rem; text-align:center;}

.n_product02_fr9 table{ width:55%; margin:0 auto;}

.n_product02_fr9 table tr th{text-align:center;line-height: 1.5rem;font-weight:normal;color: #4b4b4b;background: #f6f7f9;}

.n_product02_fr9 table tr td{text-align:center;color: #4b4b4b;background: #f6f7f9;}

.n_product02_fr9 h5{font-size:0.875rem;color:#5f5f5f;font-weight:normal;display:inline-block;width: 53%;text-align: left;margin: 1rem 0 0;}

.n_product02_fr9 .con{ text-align:center;}



.n_product02_fr10{background:url(../images/n_product02_fr10_bg.jpg) center top no-repeat;padding: 3rem 0;background-size: 100% 100%;}

.n_product02_fr10 .left{ width:100%; display:table; text-align:center;}

.n_product02_fr10 .left .left_con{ display:table-cell; vertical-align:middle;}

.n_product02_fr10 .left .left_con .left_con_li{ display:inline-block; text-align:left;}

.n_product02_fr10 .left h2{ font-size:2.75rem; color:#fff; font-family:Futura Md BT;}

.n_product02_fr10 .left h5{ font-size:0.9375rem; color:#fff;}

.n_product02_fr10 .left h6{ margin:0.6rem 0 1.2rem}

.n_product02_fr10 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#fff;}

.n_product02_fr10 .left h3{ font-size:1.5rem; color:#fff;}

.n_product02_fr10 .center{ position:relative; z-index:2}

.n_product02_fr10 .center ul{font-size:0;text-align: left;}

.n_product02_fr10 .center ul li{display:inline-block; *zoom:1;width:10.625rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin:0 1.5rem;margin-right: 9rem;}

.n_product02_fr10 .center ul li .con{display:table;text-align:center;width:100%;height:100%;position:  relative;}

.n_product02_fr10 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}

.n_product02_fr10 .center ul li .con .con_li .top{display:table;height: 8.375rem;text-align:center;width:100%;margin-bottom: 1rem;}

.n_product02_fr10 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}

.n_product02_fr10 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#fff}

.n_product02_fr10 .center ul li .con .con_li .top i .img{
	position:  absolute;
	top: 0;
	left: 50%;
	margin-left: -4.1875rem;
	width:8.375rem;
	height:8.375rem;
	background:url(../images/n_product02_fr10_icon_bg.png) center center no-repeat;
	/* 设置默认样式，开启3d硬件加速 */
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);

    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
	-webkit-animation:play 6s linear infinite;
	-moz-animation:play 6s linear infinite;
	animation:play 6s linear infinite;
	background-size:  contain;
}

@-webkit-keyframes play{

    0%  {

        -webkit-transform:rotate(0deg);

    }

    100% {

        -webkit-transform:rotate(360deg);

    }

}

@-moz-keyframes play{

    0%  {

        -moz-transform:rotate(0deg);

    }

    100% {

        -moz-transform:rotate(360deg);

    }

}

@keyframes play{

    0%  {

        transform:rotate(0deg);

    }

    100% {

        transform:rotate(360deg);

    }

}



.n_product02_fr11{ margin:4rem 0 5.9375rem; text-align:center;}

.n_product02_fr11 h3{ font-size:2.125rem; color:#494b4c; font-weight:bold; margin-bottom:2rem}

.n_product02_fr11 h1{ margin-bottom:3rem;}

.n_product02_fr11 h1 img{width:15rem;display:  inline-block;}

.n_product02_fr11 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}

.n_product02_fr11 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);

-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}

.n_product02_fr11 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}



.n_product03_fr1{height:42rem;background:url(../images/n_product03_banner_bg01.jpg) center top fixed no-repeat;background-position-y: 2.875rem;overflow:  hidden;text-align:  center;}
.n_product03_fr1 h1{font-size:4.5rem;color:#fff;margin-top: 7rem;font-family:Futura Md BT;}
.n_product03_fr1 h3{font-size:1.5rem;color:#fff;margin-bottom: 8rem;}
.n_product03_fr1 h6 span{ display:inline-block; width:1.6875rem; height:3px; background:#fff; margin-bottom:5.375rem;}
.n_product03_fr1 img{display:inline-block;}



.n_product03_fr2{padding: 1.25rem 0 ;text-align:center;background:#f1f2f3;overflow:hidden;}

.n_product03_fr2 h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:1.5rem}

.n_product03_fr2 .ar_article p{color:#4b4b4b;text-align:left;width:80%;margin:0 auto;margin-bottom: 2rem;}

.n_product03_fr2 ul { font-size:14px;}

.n_product03_fr9 ul{ text-align:center}

.n_product03_fr2 ul li{display:inline-block;margin: 0 2.5rem;}

.n_product03_fr2 ul li h1{display:table;width: 100%;height: 3rem;text-align: center;}

.n_product03_fr2 ul li h1 i{ display:table-cell; vertical-align:middle;}

.n_product03_fr2 ul li h1 img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;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;}

.n_product03_fr2 ul li h5{ font-size:0.875rem; color:#525354; line-height:2.75rem;}

.n_product03_fr2 .img{ text-align:center;}

.n_product03_fr2 .img img{ display:inline-block;}



.n_product03_fr3{ margin-top:-15rem; margin-bottom:5rem}

.n_product03_fr3 .swiper-container {width: 94%;margin: 0 auto;margin-top: 3rem;}

.n_product03_fr3 .swiper-slide {text-align: center;background-position: center;background-size: cover;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;}

.n_product03_fr3 .swiper-button-prev,

.n_product03_fr3 .swiper-button-next{ display:none}

.n_product03_fr3 h5{ height:3.125rem; line-height:3.125rem; font-size:0.875rem; color:#3c3d3e}

.n_product03_fr3 .img{ background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}



.n_product03_fr4{text-align:center;padding: 5rem 0 0;background:url(../images/n_product03_fr4_bg.jpg) center top no-repeat; overflow:hidden;}

.n_product03_fr4 .title{ margin-bottom:1rem;}

.n_product03_fr4 .title h1{margin-bottom: 1.875rem;}

.n_product03_fr4 .title h1 img{height: 8.75rem;}

.n_product03_fr4 .title h3{font-size:1.375rem;color:#fff;margin-bottom: 6rem;}

.n_product03_fr4 .title h5{ font-size:0.875rem; color:#fff;}

.n_product03_fr4 .img img{ display:inline-block;}



.n_product03_fr5{text-align:center;padding: 5rem 0 0;background: -webkit-linear-gradient(#f6fafb,#ced1d5);background: -o-linear-gradient(#f6fafb,#ced1d5);background: -moz-linear-gradient(#f6fafb,#ced1d5);background: -mos-linear-gradient(#f6fafb,#ced1d5);background: linear-gradient(#f6fafb,#ced1d5);height: 43.75rem; margin-bottom:2rem}

.n_product03_fr5 .title h1{ margin-bottom:1.5rem; display:inline-block; float:left; margin-right:2rem;}

.n_product03_fr5 .title h1 img{height: 8.75rem;}

.n_product03_fr5 .title .right{ float:left; text-align:left;}

.n_product03_fr5 .title h3{ font-size:1.375rem; color:#3f4142; margin-bottom:1rem; margin-top:1.5rem;}


.n_product03_fr5 .title h5{ font-size:0.875rem; color:#3f4142; line-height:1.875rem;}

.n_product03_fr5 .img img{display:inline-block;margin-top: -8.75rem;}



.n_product03_fr6{ padding: 0 0 5rem;}

.n_product03_fr6 .title h1{ margin-bottom:1.5rem; margin-right:2rem;}

.n_product03_fr6 .title h1 img{height: 8.75rem; margin-bottom:0.5rem}

.n_product03_fr6 .title h3{ font-size:1.375rem; color:#3f4142; margin-bottom:1rem; margin-top:1.5rem;}

.n_product03_fr6 .title h5{ font-size:0.875rem; color:#3f4142; line-height:1.875rem; margin-bottom:3rem}

.n_product03_fr6 .img img{display:inline-block;margin-top: -8.75rem;}



.n_product03_fr7{text-align:center;padding: 5rem 0 0;background:url(../images/n_product03_fr7_bg.jpg) center top no-repeat; overflow:hidden;}

.n_product03_fr7 .title{ margin-bottom:1rem;}

.n_product03_fr7 .title h1{margin-bottom: 1.875rem;}

.n_product03_fr7 .title h1 img{height: 8.75rem;}

.n_product03_fr7 .title h3{font-size:1.375rem;color:#fff;margin-bottom: 1.5rem;}

.n_product03_fr7 .title h5{font-size:0.875rem;color:#fff;margin-bottom: 6rem;}

.n_product03_fr7 .img img{ display:inline-block;}



.n_product03_fr8{padding: 4.875rem 0;}

.n_product03_fr8 .content{position:relative;width:100%;margin: 0 auto;}

.n_product03_fr8 .content>img{}

.n_product03_fr8 .content .top{ position:absolute; top:0; left:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}

.n_product03_fr8 .content .top .con{ display:table; width:100%; height:100%; text-align:center;}

.n_product03_fr8 .content .top .con i{ display:table-cell; vertical-align:middle;}

.n_product03_fr8 .content .top .con i img{width: 5.4375rem;height: 5.4375rem;}



.n_product03_fr9{padding: 1rem 0;}

.n_product03_fr9 .z_title h2{ font-size:1.75rem; color:#3d6db5; font-weight:bold; text-align:center;}

.n_product03_fr9 table{ width:100%; margin:0 auto;}

.n_product03_fr9 table tr th{text-align:center;line-height: 1.5rem;font-weight:normal;color: #4b4b4b;background: #ebebef;}

.n_product03_fr9 table tr td{text-align:center;color: #4b4b4b;background: #f6f7f9;}

.n_product03_fr9 h5{font-size:0.875rem;color:#5f5f5f;font-weight:normal;display:inline-block;width: 53%;text-align: left;margin: 1rem 0 0;}

.n_product03_fr9 .con{ text-align:center;}



.n_product03_fr10{background:url(../images/n_product03_fr10_bg.jpg) center top no-repeat;padding: 3rem 0;background-size: 100% 100%;}
.n_product03_fr10 .left{ width:100%; display:table; text-align:center;}
.n_product03_fr10 .left .left_con{ display:table-cell; vertical-align:middle;}
.n_product03_fr10 .left .left_con .left_con_li{display:inline-block;text-align:left;}
.n_product03_fr10 .left h2{font-size:2.75rem;color:#fff;font-family:Futura Md BT;}
.n_product03_fr10 .left h5{ font-size:0.9375rem; color:#fff;}
.n_product03_fr10 .left h6{ margin:0.6rem 0 1.2rem}
.n_product03_fr10 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#fff;}
.n_product03_fr10 .left h3{ font-size:1.5rem; color:#fff;}
.n_product03_fr10 .center{ position:relative; z-index:2}
.n_product03_fr10 .center ul{font-size:0;text-align: left;}
.n_product03_fr10 .center ul li{display:inline-block; *zoom:1;width: 10.875rem;height: 10.875rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin:0 1.5rem;margin-right: 5rem;background:url(../images/bg_honor.png) center no-repeat;background-size:100% 100%;position:  relative;  opacity:1;-moz-opacity:1;-khtml-opacity:1}
.n_product03_fr10 .center ul li .con{ display:table; text-align:center; width:100%; height:100%;}
.n_product03_fr10 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}
.n_product03_fr10 .center ul li .con .con_li .top{display:table;height: 4.5rem;text-align:center;width:100%;}
.n_product03_fr10 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}
.n_product03_fr10 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#fff}
.n_product03_fr10 .center ul li,
.n_product03_fr10 .center ul li *{ -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}



.n_product03_fr11{ margin:4rem 0 5.9375rem; text-align:center;background: #f1f2f3;
}

.n_product03_fr11 h3{font-size:2.125rem;color:#494b4c;font-weight:bold;margin-bottom:2rem;font-family: Futura Md BT;}

.n_product03_fr11 h1{margin-bottom: 2rem;}

.n_product03_fr11 h1 img{width:10.1875rem;display:  inline-block;}

.n_product03_fr11 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}

.n_product03_fr11 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);

-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}

.n_product03_fr11 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}



.n_zhuce{width: 100%;overflow:  hidden;background:url(../images/zhuce_bg.jpg) center top  no-repeat;}

.n_zhuce .n_zhuce_con{margin: 7.125rem auto;width:29.375rem;height:41.875rem;background:#fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:3.5rem 2.75rem 2.75rem;}

.n_zhuce .n_zhuce_con .title{text-align:center;margin-bottom: 1rem;}

.n_zhuce .n_zhuce_con .title h1 img{ width:4.875rem; height:auto; margin-bottom:0.75rem}

.n_zhuce .n_zhuce_con .title h5{font-size:1rem;color:#363738;margin-bottom: 1.5rem;}

.n_zhuce .n_zhuce_con .title ul{ text-align:center;}

.n_zhuce .n_zhuce_con .title ul li{display:inline-block;margin:0 1rem;padding: 0 0 0.4rem 0;margin-bottom: 0.75rem;}

.n_zhuce .n_zhuce_con .title ul li span{margin:0 0.2rem;font-size: 0.8125rem;color: #333;}

.n_zhuce .n_zhuce_con .title ul li span img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%);filter:gray;}

.n_zhuce .n_zhuce_con fieldset{ border:none; margin:0; padding:0}

.n_zhuce .n_zhuce_con .title ul li.on span img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none}

.n_zhuce .n_zhuce_con form .icon01{position:relative;margin-bottom: 1rem;}

.n_zhuce .n_zhuce_con .title ul li.on{ border-bottom: #3d6db5 2px solid }

.n_zhuce .n_zhuce_con form .line{position:absolute;width:1px;top: 0;left: 3rem;height: 2.9375rem;line-height: 2.9375rem;border-left:  #dfdfdf 1px solid;z-index: 2;}

.n_zhuce .n_zhuce_con form .cd-label{position:absolute;top: 0.85rem;left: 3rem;font-size:  0.875rem;color: #9c9ca0;padding-left: 0.75rem;z-index: 1;}

.cd-form input[type="text"], .cd-form input[type="email"], .cd-form input[type="password"], .cd-form textarea, .cd-form select{border:1px solid #cfd9db;display:block;width:100%;height: 2.9375rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding-left: 3.7rem;z-index: 1;position:  relative;background: none;}

.n_zhuce .n_zhuce_con .cd-label.float {top: -1rem;left: -0.5rem;font-size: 0.5rem; display:none}

.n_zhuce .n_zhuce_con form .icon01 button{ border:none; width: 36%;height: 2.9375rem;line-height: 2.9375rem;position:  absolute;top: 0;right: 0;background: #5f6062;font-size: 0.875rem;color:  #fff;text-align:  center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.n_zhuce .n_zhuce_con .feng{ background: #c5c5c5 !important; }

.n_zhuce .n_zhuce_con form .icon02 input{ border:none; width:100%; height: 2.9375rem;line-height: 2.9375rem;background: #3d6db5;font-size: 0.875rem;color:  #fff;text-align:  center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.n_denglu .n_zhuce_con{height:28.125rem;margin: 14rem auto;}


.n_denglu .n_zhuce_con .title{ margin-bottom:2.85rem}



.lwy01:before{ content:''; width:3rem; height:2.9375rem; position:absolute; top:0; left:0;  background:url(../images/cd-icon-user.png) no-repeat 1rem center; z-index:2}

.lwy02:before{ content:''; width:3rem; height:2.9375rem; position:absolute; top:0; left:0;  background:url(../images/cd-icon-mima.png) no-repeat 1rem center; z-index:2}

.lwy03:before{ content:''; width:3rem; height:2.9375rem; position:absolute; top:0; left:0;  background:url(../images/cd-icon-email.png) no-repeat 1rem center; z-index:2}

.lwy04:before{ content:''; width:3rem; height:2.9375rem; position:absolute; top:0; left:0;  background:url(../images/cd-icon-phone.png) no-repeat 1rem center; z-index:2}

.lwy05:before{ content:''; width:3rem; height:2.9375rem; position:absolute; top:0; left:0;  background:url(../images/cd-icon-yzm.png) no-repeat 1rem center; z-index:2}

.n_zhuce .n_zhuce_con .cd-form .lwy05 [required].yzm,.n_zhuce .n_zhuce_con .cd-form .lwy05 [required].input-focus{ width: 62% }

.n_product04_fr1{height:42rem;background:url(../images/n_product04_banner_bg01.jpg) center top fixed no-repeat;/* background-position-y: 2.875rem; */overflow:  hidden;text-align:  center;}
.n_product04_fr1 h1{font-size:4.5rem;color:#fff;margin-top: 11rem;font-family:Futura Md BT;text-align: left;}
.n_product04_fr1 h3{font-size:1.5rem;color:#fff;margin-bottom: 1.2rem;text-align:  left;}
.n_product04_fr1 h6 span{ display:inline-block; width:1.6875rem; height:3px; background:#fff; margin-bottom:5.375rem;}
.n_product04_fr1 img{display:inline-block;margin-top: 9rem;margin-left: 5rem;}
.n_product04_fr1 h6 span{display:inline-block;width:1.6875rem;height:3px;background:#fff;margin-bottom:5.375rem;text-align:  left;float:  left;}

/*Momo_X1S 性能表现*/
.n_product04_fr12{margin: 4rem 0 4rem;text-align:center;}
.n_product04_fr12 h3{font-size: 1.75rem;color:#494b4c;font-weight:bold;margin-bottom:2rem;font-family: Futura Md BT;}
.n_product04_fr12 h1{margin-top: 2.5rem;}
.n_product04_fr12 h1 img{width: 75%;display:  inline-block;}
.n_product04_fr12 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width: 23%;border:#c2c3c5 1px solid;margin: 0 0.5%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height: 3.4375rem;line-height: 3.4375rem;}
.n_product04_fr12 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.n_product04_fr12 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}

/*Momo_X1S 产品概述*/
.n_product04_fr2{padding: 5.25rem 0 5.25rem;text-align:center;overflow:hidden;border-top: #e0e0e1 1px solid;}
.n_product04_fr2 h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:1.5rem}
.n_product04_fr2 .ar_article p{color:#484848;text-align:center;width:80%;margin:0 auto;margin-bottom: 2rem;}
.n_product04_fr2 ul{ font-size:0;}
.n_product04_fr2 ul li{display:inline-block;margin: 0 2.5rem;}
.n_product04_fr2 ul li h1{display:table;width: 100%;height: 3rem;text-align: center;}
.n_product04_fr2 ul li h1 i{ display:table-cell; vertical-align:middle;}
.n_product04_fr2 ul li h1 img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;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;}
.n_product04_fr2 ul li h5{ font-size:0.875rem; color:#525354; line-height:2.75rem;}
.n_product04_fr2 .img{ text-align:center;}
.n_product04_fr2 .img img{ display:inline-block;}

/*Momo_X1S 创意实践+社交达人*/
.n_product04_fr3{ background:url(../images/n_product04_fr03_bg.jpg) center top no-repeat; padding:7.25rem 0 6.625rem; background-size:100% 100%;}
.n_product04_fr3 .left{ float:left; width:40%;}
.n_product04_fr3 .left h4{ font-size:1.5rem; color:#292a2a; margin-bottom:1.5rem; margin-top:10rem;}
.n_product04_fr3 .left p{ font-size:0.875rem; color:#474748; line-height:2rem;}
.n_product04_fr3 .right{ float:right; width:54%;}
.n_product04_fr3 .top{ margin-bottom:17.25rem}

/*Momo_X1S AR游戏*/
.n_product04_fr4{ padding:5rem 0 6rem}
.n_product04_fr4 .title{ text-align:center;}
.n_product04_fr4 .title h3{font-size:1.375rem;color:#292a2a;margin-bottom: 1.5rem;}
.n_product04_fr4 .title h5{font-size:0.875rem;color:#474748;}

/*Momo_X1S 视频*/
.n_product04_fr8{padding: 0 0 4.875rem;}
.n_product04_fr8 .content{position:relative;width:100%;margin: 0 auto;}
.n_product04_fr8 .content>img{}
.n_product04_fr8 .content .top{ position:absolute; top:0; left:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
.n_product04_fr8 .content .top .con{ display:table; width:100%; height:100%; text-align:center;}
.n_product04_fr8 .content .top .con i{ display:table-cell; vertical-align:middle;}
.n_product04_fr8 .content .top .con i img{width: 5.4375rem;height: 5.4375rem;}

/*Momo_X1S MomoX1S应用方向*/
.n_product04_fr7{ margin-bottom:6.25rem;}
.n_product04_fr7 h3{ font-size:1.375rem; color:#484848; text-align:center; margin-bottom:2.5rem}

/*Momo_X1S 插图*/
.n_product04_fr5{text-align:center;padding: 9rem 0 0;background:url(../images/n_product04_fr5_bg.jpg) center top no-repeat;height: 51.5625rem;}
.n_product04_fr5 .title{ margin-bottom:3rem}
.n_product04_fr5 .title h1{ margin-bottom:1.5rem; display:inline-block; float:left; margin-right:2rem;}
.n_product04_fr5 .title h1 img{height: 8.75rem;}
.n_product04_fr5 .title .right{text-align: center;}
.n_product04_fr5 .title h3{ font-size:1.375rem; color:#3f4142; margin-bottom:1rem; margin-top:1.5rem;}
.n_product04_fr5 .title h5{font-size:0.875rem;color: #fff;line-height:1.875rem;}
.n_product04_fr5 .img img{display:inline-block;}

/*Momo_X1S 介绍*/
.n_product04_fr11{ margin:4rem 0 5.9375rem; text-align:center;}
.n_product04_fr11 h3{font-size:2.125rem;color:#494b4c;font-weight:bold;margin-bottom:2rem;font-family: Futura Md BT;}
.n_product04_fr11 h1{margin-bottom: 2rem;}
.n_product04_fr11 h1 img{width:17.9375rem;display:  inline-block;}
.n_product04_fr11 ul{ margin-top:-4rem}
.n_product04_fr11 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}
.n_product04_fr11 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.n_product04_fr11 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}

/*Momo_X1S 资料下载*/
.n_product04_fr9{padding: 5rem 0 5rem; background:#f6f7f9}
.n_product04_fr9 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:2.5rem; text-align:center;}
.n_product04_fr9 table{ width:55%; margin:0 auto;}
.n_product04_fr9 table tr th{text-align:center;line-height: 1.5rem;font-weight:normal;color: #4b4b4b;background: #ebebef;}
.n_product04_fr9 table tr td{text-align:center;color: #4b4b4b;background: #f6f7f9;}
.n_product04_fr9 h5{font-size:0.875rem;color:#5f5f5f;font-weight:normal;display:inline-block;width: 53%;text-align: left;margin: 1rem 0 0;}
.n_product04_fr9 .con{ text-align:center;}

/*Momo_X1S 技术参数*/
.n_product04_fr10{background:url(../images/n_product04_fr10_bg.jpg) center top no-repeat;padding: 3rem 0;background-size: 100% 100%;}
.n_product04_fr10 .left{ width:100%; display:table; text-align:center;}
.n_product04_fr10 .left .left_con{ display:table-cell; vertical-align:middle;}
.n_product04_fr10 .left .left_con .left_con_li{display:inline-block;text-align:left;}
.n_product04_fr10 .left h2{font-size:2.75rem;color:#fff;font-family:Futura Md BT;margin-top: 2rem;}
.n_product04_fr10 .left h5{ font-size:0.9375rem; color:#fff;}
.n_product04_fr10 .left h6{ margin:0.6rem 0 1.2rem}
.n_product04_fr10 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#fff;}
.n_product04_fr10 .left h3{ font-size:1.5rem; color:#fff;}
.n_product04_fr10 .center{ position:relative; z-index:2}
.n_product04_fr10 .center ul{font-size:0;background: url(../images/n_product04_fr10_ul_bg.jpg.png) center center no-repeat;height: 15.8125rem;text-align:  center;background-size: auto 100%;}
.n_product04_fr10 .center ul li{display:inline-block; *zoom:1;width: 10.875rem;height: 10.875rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;margin: 2.5rem 2.5rem;background-size:100% 100%;position:  relative;opacity:1;-moz-opacity:1;-khtml-opacity:1;}
.n_product04_fr10 .center ul li .con{ display:table; text-align:center; width:100%; height:100%;}
.n_product04_fr10 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}
.n_product04_fr10 .center ul li .con .con_li .top{display:table;height: 4.5rem;text-align:center;width:100%;}
.n_product04_fr10 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}
.n_product04_fr10 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#fff}
.n_product04_fr10 .center ul li,
.n_product04_fr10 .center ul li *{ -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}

/*Momo X1T banner图*/
.n_product06_fr1{height:45rem;background:url(../images/n_product06_banner_bg01.jpg) center top fixed no-repeat;background-position-y: 2.875rem;overflow:  hidden;text-align:  center;}
.n_product06_fr1 h1{font-size:4.5rem;color:#fff;margin-top: 7rem;font-family:Futura Md BT;}
.n_product06_fr1 h3{font-size:1.5rem;color:#fff;margin-bottom: 3rem;}
.n_product06_fr1 h6 span{display:inline-block;width:1.6875rem;height:3px;background:#fff;margin-bottom: 7.375rem;}
.n_product06_fr1 img{display:inline-block;}

/*Momo X1T 性能表现*/
.n_product06_fr12{margin: 4rem 0 5rem;text-align:center;}
.n_product06_fr12 h3{font-size: 1.75rem;color:#494b4c;font-weight:bold;margin-bottom:2rem;font-family: Futura Md BT;}
.n_product06_fr12 h1{margin-top: 2.5rem;}
.n_product06_fr12 h1 img{width: 75%;display:  inline-block;}
.n_product06_fr12 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width: 23%;border:#c2c3c5 1px solid;margin: 0 0.5%;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height: 3.4375rem;line-height: 3.4375rem;}
.n_product06_fr12 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.n_product06_fr12 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}

/*Momo_X1T 产品概述*/
.n_product06_fr2{padding: 6.25rem 0 5.25rem;height:58rem;text-align:center;overflow:hidden;background:url(../images/n_product06_fr2_bg.jpg) center top no-repeat;}
.n_product06_fr2 h2{ font-size:1.75rem; color:#fff; font-weight:bold; margin-bottom:1.5rem}
.n_product06_fr2 .ar_article p{color:#fff;text-align:center;width:80%;margin:0 auto;margin-bottom: 2rem;}

/*Momo_X1T 功能描述*/
.n_product06_fr3{ background:#f4f5f7; padding:7.25rem 0 5.625rem;}
.n_product06_fr3 .left{float:left;width: 51%;border:  #d5d6d8 1px solid;padding: 0 4.6875rem;}
.n_product06_fr3 .left .con{ display:table; width:100%; height:100%;}
.n_product06_fr3 .left .con .con_li{ display:table-cell; vertical-align:middle;}
.n_product06_fr3 .left h4{font-size:1.5rem;color:#292a2a;margin-bottom:1.5rem;margin-top: 2rem;}
.n_product06_fr3 .left .con .con_li h3 img{ width:6.25rem; height:6.25rem;}
.n_product06_fr3 .left p{ font-size:0.875rem; color:#474748; line-height:2rem;}
.n_product06_fr3 .right{float:right;width: 48%;}
.n_product06_fr3 .top{margin-bottom: 3rem;}

/*Momo_X1T 在家就能享受影院观影体验*/
.n_product06_fr4{padding:5rem 0 0rem;background:url(../images/n_product06_fr4_bg.jpg) center top no-repeat;overflow:hidden;background-size: auto 100%;}
.n_product06_fr4 .title{ text-align:center;}
.n_product06_fr4 .title h3{font-size:1.375rem;color:#fff;margin-bottom: 1.5rem;}
.n_product06_fr4 .img{position:relative;margin-top: -4rem;}
.n_product06_fr4 .img img{}

/*Momo_X1T 插图*/
.n_product06_fr5{text-align:center;padding: 6rem 0 0;background:url(../images/n_product06_fr5_bg.jpg) center top no-repeat;overflow:  hidden;margin-bottom: 5.625rem;}
.n_product06_fr5 .title{margin-bottom: 4rem;}
.n_product06_fr5 .title h1{ margin-bottom:1.5rem; display:inline-block; float:left; margin-right:2rem;}
.n_product06_fr5 .title h1 img{height: 8.75rem;}
.n_product06_fr5 .title .right{text-align: center;}
.n_product06_fr5 .title h3{ font-size:1.375rem; color:#3f4142; margin-bottom:1rem; margin-top:1.5rem;}
.n_product06_fr5 .title h5{font-size:0.875rem;color: #454545;line-height:1.875rem;}
.n_product06_fr5 .img img{display:inline-block;}

/*Momo_X1T 视频*/
.n_product06_fr8{padding: 0 0 4.875rem;}
.n_product06_fr8 .content{position:relative;width:100%;margin: 0 auto;}
.n_product06_fr8 .content>img{}
.n_product06_fr8 .content .top{ position:absolute; top:0; left:0; width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
.n_product06_fr8 .content .top .con{ display:table; width:100%; height:100%; text-align:center;}
.n_product06_fr8 .content .top .con i{ display:table-cell; vertical-align:middle;}
.n_product06_fr8 .content .top .con i img{width: 5.4375rem;height: 5.4375rem;}

/*Momo_X1T 资料下载*/
.n_product06_fr10{background:url(../images/n_product06_fr10_bg.jpg) center top no-repeat;padding: 5rem 0;background-size: 100% 100%;}
.n_product06_fr10 .left{ width:100%; display:table; text-align:center;}
.n_product06_fr10 .left .left_con{ display:table-cell; vertical-align:middle;}
.n_product06_fr10 .left .left_con .left_con_li{display:inline-block;text-align:left;}
.n_product06_fr10 .left h2{font-size:2.75rem;color:#fff;font-family:Futura Md BT;}
.n_product06_fr10 .left h5{ font-size:0.9375rem; color:#fff;}
.n_product06_fr10 .left h6{ margin:0.6rem 0 1.2rem}
.n_product06_fr10 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#fff;}
.n_product06_fr10 .left h3{ font-size:1.5rem; color:#fff;}
.n_product06_fr10 .center{ position:relative; z-index:2}
.n_product06_fr10 .center ul{font-size:0;text-align: left;}
.n_product06_fr10 .center ul li{display:inline-block; *zoom:1;width: 10.3125rem;height: 10.3125rem;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin:0 1.5rem;margin-left: 5rem;border: rgba(255,255,255,0.65) 1px solid;position:  relative;opacity:1;-moz-opacity:1;-khtml-opacity:1;}
.n_product06_fr10 .center ul li .con{ display:table; text-align:center; width:100%; height:100%;}
.n_product06_fr10 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}
.n_product06_fr10 .center ul li .con .con_li .top{display:table;height: 4.5rem;text-align:center;width:100%;}
.n_product06_fr10 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}
.n_product06_fr10 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#fff}
.n_product06_fr10 .center ul li,
.n_product06_fr10 .center ul li *{ -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}

/*Momo_X1T 介绍*/
.n_product06_fr11{margin: 4rem 0 5rem;text-align:center;}
.n_product06_fr11 h3{font-size:2.125rem;color:#494b4c;font-weight:bold;margin-bottom: 3rem;font-family: Futura Md BT;}
.n_product06_fr11 h1{margin-bottom: 2rem;}
.n_product06_fr11 h1 img{width:17.9375rem;display:  inline-block;}
.n_product06_fr11 ul{margin-top: -2rem;}
.n_product06_fr11 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}
.n_product06_fr11 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.n_product06_fr11 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}

/*============================Momo X1（产品5）=================================*/
.n_buy{ z-index:998;}
.n_product05_fr1{height:42rem;background:url(../images/z_bn_bg.jpg) center top fixed no-repeat;background-position-y: 2.875rem;overflow:  hidden;text-align:  center;}
.n_product05_fr1 h1{font-size:4.5rem;color:#fff;margin-top: 10rem;font-family:Futura Md BT; background:url(../images/z_bn_txt.png) center top no-repeat; height:132px;}
.n_product05_fr1 h3{font-size:1.5rem;color:#494b4c;margin-top: -3rem; margin-bottom:2em;}
.n_product05_fr1 h6 span{ display:inline-block; width:1.6875rem; height:3px; background:#fff; margin-bottom:5.375rem;}
.n_product05_fr1 img{display:inline-block;}

/*性能表现*/
.n_product05_fr1_5{ padding-top:5.875rem; padding-bottom:4rem;}
.n_product05_fr1_5 .fl{ float:left;}
.n_product05_fr1_5 .fl .txt{ width:21.56rem; margin:0 auto; max-width:100%;}
.n_product05_fr1_5 .fl h5{ color:#414243; font-size:1.75rem; margin-bottom:2.5rem; text-align:center; font-weight:600;}
.n_product05_fr1_5 .fl p{ color:#505051; font-size:0.875rem; text-align:center; height:3.5rem; line-height:3.5rem; box-sizing:border-box; border:1px solid #ddd; margin-bottom:0.875rem; border-radius:3px;}
.n_product05_fr1_5 .fl p:hover{ background:#3d6db5; color:#fff; }
.n_product05_fr1_5 .fr{ text-align:center; padding-top:1rem; float:right;}
.n_product05_fr1_5 .fr *{ -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.n_product05_fr1_5 .fr img{ max-width:80%; }
.n_product05_fr1_5 .fr img:hover{ margin-top:-2rem;}


/*产品概述*/
.n_product05_fr2{padding: 11.875rem 0 18rem;text-align:center;background:url(../images/z_gaishu_bg.png) center top no-repeat;overflow:hidden;}
.n_product05_fr2 h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:1.5rem}
.n_product05_fr2 .ar_article p{color:#484848;text-align:center;width:80%;margin:0 auto;margin-bottom: 2rem;}
.n_product05_fr2 ul{ font-size:0;}
.n_product05_fr2 ul.z_ico li{display:inline-block; margin:0 2.3rem;}
.n_product05_fr2 ul li h1{display:table;width: 100%;height: 3rem;text-align: center;}
.n_product05_fr2 ul li h1 i{ display:table-cell; vertical-align:middle;}
.n_product05_fr2 ul li h1 img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;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;}
.n_product05_fr2 ul li:hover h1 img{transform: rotateY(180deg);}
.n_product05_fr2 ul li h5{ font-size:0.875rem; color:#525354; line-height:2.75rem;}
.n_product05_fr2 .img{ text-align:center;}
.n_product05_fr2 .img img{ display:inline-block; margin-right:0.8em; margin-bottom:2rem; max-width:100%;}
.n_product05_fr2 .z_img{ margin-top:8.5rem;}
.n_product05_fr2 .z_img li{ }
.n_product05_fr2 .z_img h5{ font-size:1.5rem; color:#3c3d3e; margin-top:0.5rem; margin-bottom:0.7rem;}
.n_product05_fr2 .z_img p{ color:#505050; font-size:0.875rem; line-height:2rem;}


/*私享时光*/
.n_product05_fr3{ margin-top:-3rem; margin-bottom:0; padding-bottom:7rem; text-align:center; background:url(../images/z_sixiang_bg.jpg) center no-repeat; background-size:cover; position:relative; background-attachment: fixed;}
.n_product05_fr3 .z_bg{ position:absolute; bottom:0; left:0; }
.n_product05_fr3 .z_bg img{ width:100%;}
.n_product05_fr3 .swiper-container {width: 94%;margin: 0 auto;margin-top: 3rem;}
.n_product05_fr3 .swiper-slide {text-align: center;background-position: center;background-size: cover;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;}
.n_product05_fr3 .swiper-button-prev,

.n_product05_fr3 .swiper-button-next{ display:none}
.n_product05_fr3 .sixiang1 h5{ line-height:4rem; font-size:1.5rem; color:#fff;}
.n_product05_fr3 .sixiang1 p{ font-size:1.875px; color:#fff;}
.n_product05_fr3 .sixiang1 .img{ margin-top:-9.25rem; margin-bottom:2rem;}
.n_product05_fr3 .sixiang1 .img img{ -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius:11px; overflow:hidden;}
.n_product05_fr3 .sixiang2 .img2{ margin-top:3rem;}
.n_product05_fr3 .sixiang2 .img2 .txt{text-align:right; color:#fff; margin-right:8%; font-size:1.3rem; position:relative; top:3rem;}
.n_product05_fr3 .sixiang1 img{ max-width:70%;}
.n_product05_fr3 .sixiang2 img{ max-width:100%;}

/*视频*/
.n_product05_fr1{ width:100%;}
.n_product05_fr3_5{}
.n_product05_fr3_5 .content .top { background: rgba(0,0,0,0.4);}

.n_product05_fr8{ margin-top:-5rem; margin-bottom:0; text-align:center;}
.n_product05_fr8 h3{font-size:2.125rem;color:#494b4c;font-weight:bold;margin-bottom:2.5rem;font-family: Futura Md BT;}
.n_product05_fr8 h1{margin-bottom: 2.5rem;}
.n_product05_fr8 h1 img{width:15.625rem;display:  inline-block;}
.n_product05_fr8 ul li{display:inline-block;font-size:0.875rem;color:#494b4c;width:11.25rem;border:#c2c3c5 1px solid;margin:0 0.2rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;cursor:pointer;margin-bottom:0.6rem;position:  relative;height:2.625rem;line-height: 2.625rem;}
.n_product05_fr8 ul li::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(227,33,42,1);
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.n_product05_fr8 ul li span{position:absolute;z-index:2;display: block;width: 100%;height: 100%;top: 0;left: 0;}

.n_product05_fr4{text-align:center;padding: 5rem 0 0;background:url(../images/z_senglin.jpg) center top no-repeat; overflow:hidden;}
.n_product05_fr4 .title{ margin-bottom:1rem;}
.n_product05_fr4 .title h1{margin-bottom: 1.875rem;}
.n_product05_fr4 .title h1 img{height: 8.75rem;}
.n_product05_fr4 .title h5{ font-size:0.875rem; color:#c8cac8; width:27rem; text-align:left; line-height:2.125rem; margin:4rem; margin-bottom:7rem; margin-left:10%; }
.n_product05_fr4 .img img{ display:inline-block;}
.n_product05_fr4 .img1{ margin-left:2rem;}
.n_product05_fr4 .img1 img{ margin-bottom:-4rem; max-width:100%; padding-top: 0;}
.n_product05_fr4 .img2{ position: relative; top: -14rem;}

.n_product05_fr5{text-align:center;padding: 5rem 0 0;background: -webkit-linear-gradient(#f6fafb,#ced1d5);background: -o-linear-gradient(#f6fafb,#ced1d5);background: -moz-linear-gradient(#f6fafb,#ced1d5);background: -mos-linear-gradient(#f6fafb,#ced1d5);background: linear-gradient(#f6fafb,#ced1d5);height: 43.75rem; margin-bottom:2rem}
.n_product05_fr5 .title h1{ margin-bottom:1.5rem; display:inline-block; float:left; margin-right:2rem;}
.n_product05_fr5 .title h1 img{height: 8.75rem;}
.n_product05_fr5 .title .right{ float:left; text-align:left;}
.n_product05_fr5 .title h3{ font-size:1.375rem; color:#3f4142; margin-bottom:1rem; margin-top:1.5rem;}
.n_product05_fr5 .title h5{ font-size:0.875rem; color:#3f4142; line-height:1.875rem;}
.n_product05_fr5 .img img{display:inline-block;margin-top: -8.75rem;}

.n_product05_fr12{background:url(../images/z_xiazai_bg.jpg) center top no-repeat;padding: 3rem 0;background-size: 100% 100%;}
.n_product05_fr12 .left{ width:100%; display:table; text-align:center;}
.n_product05_fr12 .left .left_con{ display:table-cell; vertical-align:middle;}
.n_product05_fr12 .left .left_con .left_con_li{display:inline-block;text-align:left;}
.n_product05_fr12 .left h2{font-size:2.75rem;color:#494b4c;font-family:Futura Md BT;}
.n_product05_fr12 .left h5{ font-size:0.9375rem; color:#494b4c;}
.n_product05_fr12 .left h6{ margin:0.6rem 0 1.2rem; }
.n_product05_fr12 .left h6 span{ display:inline-block; width:0.9375rem; height:2px; background:#494b4c;}
.n_product05_fr12 .left h3{ font-size:1.5rem; color:#494b4c;}
.n_product05_fr12 .center{ position:relative; z-index:2}
.n_product05_fr12 .center ul{font-size:0;text-align: center;}
.n_product05_fr12 .center ul li{display:inline-block; *zoom:1; width: 10.875rem;height: 10.875rem;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:50%; overflow:hidden; margin:0 1.5rem;margin-right: 2rem;background:url(../images/z_xiazai_bg2.png) center no-repeat; background-size:100% 100%; position:  relative; box-shadow:0px 0px 30px rgba(0,0,0,0.2); }
.n_product05_fr12 .center ul li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,0.2); }
.n_product05_fr12 .center ul li .con{ display:table; text-align:center; width:100%; height:100%;}
.n_product05_fr12 .center ul li .con .con_li{ display:table-cell; vertical-align:middle;}
.n_product05_fr12 .center ul li .con .con_li .top{display:table;height: 4.5rem;text-align:center;width:100%;}
.n_product05_fr12 .center ul li .con .con_li .top i{ display:table-cell; vertical-align:middle;}
.n_product05_fr12 .center ul li .con .con_li h4{ font-size:1.0625rem; color:#494b4c}
.n_product05_fr12 .center ul li,
.n_product05_fr12 .center ul li *{ -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.n_product05_fr12 .center ul li .con .con_li .top{  animation: updown 3s linear infinite;
-moz-animation: updown 2s linear infinite;
-webkit-animation: updown 2s linear infinite;
-o-animation: updown 2s linear infinite;}
@-webkit-keyframes updown{
0% {-webkit-transform:translateY(-10px); opacity:1;}
50% {-webkit-transform: translateY(10px); opacity:0.1;}
100% {-webkit-transform: translateY(-10px); opacity:1;}
}
@media (max-width: 1360px){
	.n_product05_fr3 .sixiang2 .img2 .txt{ margin-right:0;}	
}

@media (max-width: 992px){
	.n_product02_fr1 { height: 38rem;}
	.n_product05_fr8{ margin-top:-2rem;}
	.n_product05_fr1_5{ padding-top:3rem;}
	.n_product05_fr1_5 .fr img{ max-width:60%; margin-bottom:2rem;}
	.n_product05_fr1_5 .fl h5{ margin-bottom:1rem;}
	.n_product05_fr2{ padding-top:6rem; background-size: 180%;}
	.n_product05_fr4 .img1 img{ padding-top:1.5rem;}
	.n_product05_fr4 .title h5{}
	.n_product05_fr3 .sixiang2 .img2 .txt{ margin-right:0;}
}
@media(max-width: 768px){
	.n_product05_fr1 h1{ background-size: 60%; margin-top: 13rem;}
	.n_product05_fr1 h3{ margin-top:-6rem;}
	.n_product05_fr1_5 .fr img { max-width: 60%; margin-bottom:2rem;}
	.n_product05_fr1_5{ padding-top:2rem;}
	.n_product05_fr1_5 .fl h5{ margin-bottom:1rem;}
	.n_product05_fr2{ padding-top:5rem;}
	.n_product05_fr2 ul.z_ico li { margin: 0 1rem;}
	.n_product05_fr2 .z_img {  margin-top: 7.5rem;}
	.n_product05_fr2{ background-size: 302%; padding-bottom:16rem;}
	.n_product05_fr4{ background-size:314%;}
	.n_product05_fr4 .img2{ top:-5.6rem;}
	.n_product05_fr8 ul li{ width:9.25rem;}
	.n_product05_fr8{ margin:1.5rem 0 0;}
	.n_product05_fr1 img { max-width: 110% !important; margin-left: -5%;}
	.n_product02_fr9{ padding-top:2.5rem;}
	.n_product05_fr12 .left h3{ font-size:1.2rem;}
}
.n_product06_fr9{ margin-bottom:5rem}
.n_product06_fr9 .z_title h2{ font-size:1.75rem; color:#484848; font-weight:bold; margin-bottom:2.5rem; text-align:center;}
.n_product06_fr9 table{ width:55%; margin:0 auto;}
.n_product06_fr9 table tr th{text-align:center;line-height: 1.5rem;font-weight:normal;color: #4b4b4b;background: #ebebef;}
.n_product06_fr9 table tr td{text-align:center;color: #4b4b4b;background: #f6f7f9;}
.n_product06_fr9 h5{font-size:0.875rem;color:#5f5f5f;font-weight:normal;display:inline-block;width: 53%;text-align: left;margin: 1rem 0 0;}
.n_product06_fr9 .con{ text-align:center;}

/*==========================================内页 结束=============================================*/



@media(min-width: 768px){

	.position a:hover{ color:#3d6db5}

	.container01 .row .content:hover .button-prev02,
	.container01 .row .content:hover .button-next02{ display:block !important}
	.container01 ul li:hover .con{ transform: translateY(100%)}
	.container01 ul li:hover img{-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);}

	
	.container02 ul li:hover .con h6 span{display:inline-block; width:3.75rem; margin-right:1rem }
	.container02 ul li:hover .con i{ margin-right:-5rem}

	.container03 .left h6:hover span{display:inline-block; width:3.75rem; margin-right:1rem }
	.container03 .left h6:hover i{ margin-right:-5rem; display:none}

	.container04 .left .bd ul li ul li:hover .con h4 a{ color:#3d6db5}
	.container04 .left .bd ul li ul li:hover .con h6 span{display:inline-block; width:3.75rem; margin-right:1rem }
	.container04 .left .bd ul li ul li:hover .con h6 small{ color:#3d6db5}
	.container04 .left .bd ul li ul li:hover .con i{ margin-right:-5rem}
	.container04 .right ul li h5 a:hover{ color:#3d6db5}

	.container08 .center .con dl dt a:hover{ color:#3d6db5}
	.container08 .center .con dl dd a:hover{ color:#3d6db5}

	.n_menu ul li:hover{ background:#3d6db5; border:#3d6db5 1px solid;}
	.n_menu ul li:hover a{ color:#fff;}
	.n_menu .more a:hover{ background:#3d6db5; color:#fff; border:#3d6db5 1px solid}

	
	.n_product .bd ul li:hover{ background:#3d6db5;}
	.n_product .hd ul li:hover .img{ background:#3d6db5; border:#3d6db5 1px solid}
	.n_product .hd ul li:hover .img01{ display:none}
	.n_product .hd ul li:hover .img02{ display:inline-block !important;}


	.n_zhaopin .swiper-container ul li:hover{ background:#3d6db5; border:#3d6db5 1px solid;}
	.n_zhaopin .swiper-container ul li:hover h1,
	.n_zhaopin .swiper-container ul li:hover h5,
	.n_zhaopin .swiper-container ul li:hover h6{ color:#fff}
	.n_zhaopin .swiper-container .button-prev02:hover,
	.n_zhaopin .swiper-container .button-next02:hover{ background:#3d6db5; color:#fff; border:#3d6db5 1px solid}

	
	.n_aply .swiper-container ul li:hover .con{background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#e2e2e2')";  /* For IE 8 */filter:
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#e2e2e2');  /* For IE 5.5 - 7 */-moz-box-shadow: 5px 5px 10px #e2e2e2;/* for firefox */-webkit-box-shadow: 5px 5px 10px #e2e2e2;/* for safari or chrome */box-shadow: 5px 5px 10px #e2e2e2;/* for opera or ie9 */}
	.n_aply .swiper-container ul li:hover .con h6 span{display:inline-block; width:3.75rem; margin-right:1rem }
	.n_aply .swiper-container ul li:hover .con i{ margin-right:-5rem}
	

	.n_chengguo .swiper-container li:hover .pic_box{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#e2e2e2')";  /* For IE 8 */filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#e2e2e2');  /* For IE 5.5 - 7 */-moz-box-shadow: 5px 5px 10px #e2e2e2;/* for firefox */-webkit-box-shadow: 5px 5px 10px #e2e2e2;/* for safari or chrome */box-shadow: 5px 5px 10px #e2e2e2;/* for opera or ie9 */}

	.n_video .swiper-container ul li:hover .con{ display:none}

	.n_news01 .swiper-container ul li:hover .con{background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#e2e2e2')";  /* For IE 8 */filter:
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#e2e2e2');  /* For IE 5.5 - 7 */-moz-box-shadow: 5px 5px 10px #e2e2e2;/* for firefox */-webkit-box-shadow: 5px 5px 10px #e2e2e2;/* for safari or chrome */box-shadow: 5px 5px 10px #e2e2e2;/* for opera or ie9 */}
	.n_news01 .left .swiper-container ul li:hover .con h6 span{display:inline-block; width:3.75rem; margin-right:1rem }
	.n_news01 .left .swiper-container ul li:hover .con i{ margin-right:-5rem}

	.n_news02 .left .swiper-container ul li:hover .con{ background:#3d6db5; border:#3d6db5 2px solid;}
	.n_news02 .left .swiper-container ul li:hover .con h3,
	.n_news02 .left .swiper-container ul li:hover .con h5{ color:#fff}
	.n_news02 .left .swiper-container ul li:hover .con h6,
	.n_news02 .left .swiper-container ul li:hover .con p{ color:rgba(255,255,255,0.75)}

	.n_download .content:hover .button-prev02,
	.n_download .content:hover .button-next02{ display:block !important}
	.n_download .bottom .con .bd ul li .a:hover{ color:#3d6db5;}
	.n_download .bottom .con .bd ul li span .icon:hover{fill:#3d6db5}
	.n_download .bottom .more a:hover{ background:#3d6db5; color:#fff; border:#3d6db5 1px solid}

	.n_download_detail .top h4:hover{ background:#d81f28;}

	.n_product01_fr2 ul li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}
	
	.n_product01_fr9 .center ul li:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px rgba(39,39,40,0.5);/* for opera or ie9 */}
	.n_product01_fr6 .con:hover h1 img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}

	

	.n_product01_fr8 table tr th:hover,
	.n_product01_fr8 table tr td:hover{ background:#fff}

	.n_product02_fr9 table tr th:hover,
	.n_product02_fr9 table tr td:hover{ background:#fff}

	.n_product01_fr11 ul li:hover{ background:#3d6db5; border:#3d6db5 1px solid; color:#fff;}
	
	.n_product01_fr10 ul li:hover{ border:#3d6db5 1px solid; color:#fff;}
	.n_product01_fr10 ul li:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}

	.n_product02_fr2 ul li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}
	
	.n_product02_fr7 ul li:hover .top{ background:#3d6db5}

	.n_product02_fr11 ul li:hover{ border:#3d6db5 1px solid; color:#fff;}
	.n_product02_fr11 ul li:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}

	.n_product03_fr10 .center ul li:hover{ background:none;}
	.n_product03_fr10 .center ul li .gq_big{opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;z-index: 0;background: url(../images/gq_honor_big.png) center no-repeat;width: 10.875rem;height: 10.875rem;}
	.n_product03_fr10 .center ul li .gq_small{opacity: 0;filter: alpha(opacity=0);-moz-transform: scale(1.2);-o-moz-transform: scale(1.2);-o-moz-transform: scale(1.2);-webkit-moz-transform: scale(1.2);transform: scale(1.2);position: absolute;left: 0;top: 0;z-index: 0;background: url(../images/gq_honor_small.png) center no-repeat;width: 10.875rem;height: 10.875rem;}
	.n_product03_fr10 .center ul li:hover .gq_big {opacity: 1;filter: alpha(opacity=100);transform: rotate(45deg);
	-webkit-transform: rotate(45deg);/* Safari and Chrome */-moz-transform: rotate(45deg);}
	.n_product03_fr10 .center ul li:hover .gq_small {opacity: 1;filter: alpha(opacity=100);-moz-transform: scale(.7);-o-moz-transform: scale(.7);-o-moz-transform: scale(.7);-webkit-moz-transform: scale(.7);transform: scale(.7);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);/* Safari and Chrome */
	-moz-transform: rotate(-45deg);}
	
	.n_product03_fr11 ul li:hover{ border:#3d6db5 1px solid; color:#fff;}
	.n_product03_fr11 ul li:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}

	.n_zhuce .n_zhuce_con .title ul li:hover{ border-bottom:#3d6db5 2px solid; }
	
	.n_product04_fr2 ul li:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg);}
	
	.n_product04_fr11 ul li:hover{ border:#3d6db5 1px solid; color:#fff;}
	.n_product04_fr11 ul li:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
	
	.n_product04_fr9 table tr th:hover,
	.n_product04_fr9 table tr td:hover{ background:#fff}
	
	.n_product04_fr12 ul li:hover{ border:#3d6db5 1px solid; color:#fff;}
	.n_product04_fr12 ul li:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}

}



@media(min-width: 1360px){

	#header .row .right{ width:5%}
	#header .row .center{ margin-left:18%; }
}


@media(min-width: 1000px){

	#header .row .right{ width:5%}
	#header .row .center{ margin-left:16%; }
}



@media(min-width: 1522px){

	#header .row .right{ width:5%}
	#header .row .center{margin-left:18%; float:right}

}



@media(min-width: 1200px) and (max-width: 1430px){

	.n_product01_fr9 .center ul li{width:9.625rem;}

}

@media(min-width: 992px) and (max-width: 1300px){

	.container02 .right,
	.container02 .right ul li{ height:auto !important;}
	.container02 .right .con{ padding:30px 2rem 60px;}
	.container02 .right .con h3{ display:inline-block; margin-right:15px;}
	.container02 .right .con h5{ display:inline-block;}
	.container02 .right .more a{ left:2rem; bottom:30px;}
	
	footer p font{ float:right}

	.n_product01_fr9 .left{ margin-bottom:3rem}
	.n_product01_fr9 .left,
	.n_product01_fr9 .center ul{ text-align:left;}
	.n_product01_fr9 .center ul li{ margin:0 1.5rem 0 0}
	.n_product01_fr9 .right img{ top:0}

}

@media(max-width: 1700px){	

}

@media(max-width: 1520px){
	#nav .l_chanpin .dui-dropdown-menu .list01{ margin:0 0 0 30%}
	#nav .l_chanpin .dui-dropdown-menu .list02{margin: 0 0 0 38%;}
}

@media(max-width: 1360px){
	#nav .l_chanpin .dui-dropdown-menu .list01{ margin:0 0 0 24%}
	#nav .l_chanpin .dui-dropdown-menu .list02{margin: 0px 0 0 32%;}
}


@media(max-width: 1300px){
	.n_product04_fr1 img{ margin-left:0}
	.n_product04_fr3 .top{ margin-bottom:10rem;}
	
	.n_product06_fr12 ul li{ width:48%}
	.n_product06_fr12 ul br{ display:none}
}



@media(max-width: 1200px){

	#header{ display:none}
	#m_header{display:block;position: relative;}

	.n_join_detail .left,
	.n_join_detail .right{ width:100%}
	.n_join_detail .right .con{ padding:1.5rem}

	.n_news01 .left,
	.n_news .right{width:100%;}
	.n_news .right .con{padding:2rem 1rem;}
	.n_news .right .swiper-container .button-next02{ right:1rem}
	.n_news01 .left{ margin-bottom:2rem}

	.n_news02 .left{width:100%; margin-bottom:3rem}

	.n_product02_fr2 .ar_article p br{ display:none}
	.n_product04_fr12 ul li{ width:48%;}
	.n_product04_fr5{ height:46rem}
	.n_product04_fr10 .left .left_con .left_con_li{ text-align:center;}
	.n_product04_fr10 .left{ margin-bottom:2rem}
}



@media(max-width: 1000px){

	.n_product02_fr1,

	.n_product03_fr1{ background-position-y:2.875rem}
	
	.n_product06_fr3 .left,
	.n_product06_fr3 .right,
	.n_product06_fr3 .right img{ width:100%}
	.n_product06_fr3 .left{ margin:1rem 0}

}



@media(max-width: 992px){

	#banner{ display:none}
	#m_banner, #m_header, #m_n_nav{ display:block}

	.n_title{ display:none}

	.about_left,.about_right{ float:none !important; width:100% !important}
.about_left img{ width:100%}
.about_text{ width:100% !important; font-size:14px !important}  
	.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%}

	.n_al_model .detail{ width:100%}

	.j_pages .box{text-align: center;padding: 3rem 0 0 0.5rem;}
	.j_pages a{display: none;}
	.j_pages a.m_bnt{display: inline-block;}

	

	.n_product .bd ul li .con p{ display:none}

	.n_aply .detail{float:right;width: 100%;}

	.n_news01 .left{ width:100%;}

	.n_download .bottom .con{ width:100%;}
	
	.container01 ul li .img-responsive{ width:100%}

	

	.container05{ background-size:auto 100%}

	.container08 .right{ width:20%}

	.container08 .right ul li{ width:48%}
	
	.n_product01_fr1{height: 31rem;margin-bottom:8rem;}

	.n_product01_fr9 .left .left_con .left_con_li{ text-align:center;}
	.n_product01_fr9 .left,
	.n_product01_fr9 .center{ margin-bottom:2rem;}
	.n_product01_fr9 .center ul li{ width:8rem; height:8rem;}
	.n_product01_fr9 .center ul li .con .con_li .top{ height:3rem}
	.n_product01_fr9 .center ul li .con .con_li .top i img{width: 25%;}
	.n_product01_fr9 .right{ height:5.625rem}
	.n_product01_fr9 .right img{top:0;width: 100%;right: 0;}

	.n_product01_fr8 table{ width:100%;}

	.n_product02_fr1{height: 38rem;text-align:center;}
	.n_product02_fr1 img{ margin-left:-3rem}

	.n_product02_fr8{ background-position: -11rem 0}
	.n_product02_fr8 .con{width: 16rem;height: 16rem;}
	.n_product01_fr8 table{ width:100%;}

	.n_product02_fr9 table{ width:100%;}

	.n_product02_fr10 .left .left_con .left_con_li{ text-align:center; margin-bottom:2rem}
	.n_product02_fr10 .center ul{ text-align:center;}
	.n_product02_fr10 .center ul li{ margin-right:1.5rem}
	.n_product02_fr10 .center ul li .con .con_li .top i img{width: 21%;}

	.n_product03_fr5 .img img{ margin-top:0}
	
	.n_product04_fr3 .top{ margin-bottom:6rem}
	.n_product04_fr3 .left h4{ margin-top:5rem}
	
	.n_product04_fr5{ height:41rem}
	
	.n_product06_fr2{background-size: auto 100%;height: 50rem;}
	
	.n_product06_fr9 table{ width:100%;}
	
	.n_product .bd ul li{}
}



@media(max-width: 768px){
	#banner, .n_title{ display:none}
	#m_banner{ display:block}

	/*====banner====*/

	#n_banner{height: 160px;}
	#m_n_banner{ display:block}

	#n_banner h1{ font-size:16px;}
	#n_banner h3{ font-size:13px;}

	/*====翻页====*/
	#j_seach_box form{ width:94%; margin-left:-48%}
	.container01 ul li h1 .img i img{ height:2rem}
	.container02 ul li{ min-height:inherit}

	.container04 .left{ float:left; width:100%}
	.container04 .left .title h3{ text-align:center;}
	.container04 .left .title h3 span{ display:none}
	.container04 .left .title h3 br{ display:block}
	.container04 .left .hd ul{ text-align:center; margin-top:1rem}
	.container04 .left .hd ul li{ padding:0.3rem 1.3rem; background:#f2f2f5; margin:0 0.25rem}
	.container04 .right{width:100%;margin: 3rem 0 0 0;}
	.container04 .right .title{ text-align:center;}

	.container08 .left{width:100%;border:none;text-align: center;}
	.container08 .left .con img{display:inline-block;width: 25%;}
	.container08 .left .txt{ float:none; margin-right:0}
	.container08 .center{ width:100%; border:none; display:none}
	.container08 .center .con{ width:100%}
	.container08 .center .con dl{margin:0;width:33.333333%;text-align:center;margin-bottom: 1rem;}
	.container08 .right{ width:100%}
	.container08 .right ul{ text-align:center;}
	.container08 .right ul li{ margin:0 0.5rem; width:25%}
	.container08 .links dt{width:100%;margin-bottom: 1.5rem;}
	.container08 .links dd{ line-height:1.5rem}
	
	footer p br{ display:block}
	.n_product .hd ul li .img{ width:5rem; height:5rem;}
	.n_product .hd ul li .img i img{ max-height:2rem}
	.n_product .bd ul li .con{ padding:0 1rem}
	.n_product .bd ul li .con h6{ display:none; font-size:0.75rem; width:80%;}
	.n_product .bd ul li .con .h6{ display:block;}
	.n_product .bd ul li .con p{ display:none}
	.n_product .bd ul li .con h1{ font-size:1rem}
	.n_product .bd .swiper-container{ margin-bottom:2px;}

	.n_zhaopin .swiper-container ul li h1{ font-size:1rem}
	.n_zhaopin .swiper-container ul li{ margin-bottom:0.875rem;}

	.n_video .title ul li{ width:48%; margin:0 1%; margin-bottom:0.5rem}
	.n_video .swiper-container ul li .con .box i img{ height:2rem}

	.n_join_detail .right{}

	#ar_fot h1{ float:left; width:100%; text-align:left !important; margin-bottom:5px}

	.n_contact ul li{ width:100%; margin:0; margin-bottom:0.5rem}
	.n_contact ul{ margin-bottom:1.5rem}
	.n_contact p img{ width:40%}
	
	.n_download .bottom .con .bd ul li .a{ width:60%}

	.n_buy{padding:1rem 0;}
	.n_buy .left{line-height:1.5rem;margin-bottom: 1rem;}
	.n_buy .right{ width:100%; position:relative;}
	.n_buy .right ul{line-height:0;text-align:left;float:  left;}
	.n_buy .right ul li{line-height:2rem;padding: 0 2rem 0 0;}
	.n_buy .right .gouma{position:absolute;right: 0;top: -2.5rem;margin: 0;}

	.n_product01_fr2 .ar_article p{ width:100%}
	.n_product01_fr2 ul li{margin:0 0.5rem;min-width: 5.5rem;}
	.n_product01_fr1 h1{margin-top:10rem;font-size: 3rem;}
	.n_product01_fr1 h3{margin-bottom:4.375rem;font-size: 1rem;}
	
	.n_product01_fr4 .top,
	.n_product01_fr4 .bottom{ padding:0}
	.n_product01_fr4 .top{ margin-bottom:3px;}
	.n_product01_fr6{ padding:5.5rem 0 2.25rem 0}
	.n_product01_fr6 .con h1 img{width: 6rem;}
	.n_product01_fr6 .content03 img{ width:100% }

	.n_product01_fr7{ padding:2rem 0}
	.n_product01_fr7 .content .top .con i img{ width:3rem; height:3rem;}

	#page_show_video_box video{ width:360px; height:204px;}
	#page_video{width: 420px;height:214px;}
	#page_video .video_box{width: 370px;height:214px;}
	#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}
	#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}
	#bnt_close01 img{width:1rem;height:1rem;left: 14px;top: 18px;}
	#page_show_video_box .box{ margin-left:-185px;}

	.n_product02_fr1 h1{ font-size:3rem; margin-top:9rem}
	.n_product02_fr1 h3{ font-size:1rem}
	.n_product02_fr1 h6{ margin-bottom:0}

	.n_product02_fr2 .ar_article p{ width:100%;}

	.n_product02_fr6{ padding:2rem 0}
	.n_product02_fr6 .content .top .con i img{ width:3rem; height:3rem;}

	.n_product03_fr1{ height:29rem;}
	.n_product03_fr1 h1{ font-size:3rem; margin-top:9rem;}
	.n_product03_fr1 h3{ font-size:1rem;}
	.n_product03_fr1 img{ width:60%}

	.n_product03_fr2 .ar_article p{width:100%;margin-bottom: 1rem;}
	.n_product03_fr2 ul li{ margin:0 1.5rem}
	.n_product03_fr2 ul li h1 img{ width:2rem}

	.n_product03_fr3 .img img{ width:100%;}

	.n_product03_fr4 { background-size:100% 100%}
	.n_product03_fr4 .title h3{ width:70%; margin:0 auto; margin-bottom:3rem; font-size:1rem}
	.n_product03_fr4 .title h1 img{ height:6rem}

	.n_product03_fr5{ height:30rem;}
	.n_product03_fr5 .title{ position:relative; margin-bottom:5rem;}
	.n_product03_fr5 .title h1 img{ height:6rem}
	.n_product03_fr5 .title .right{position:absolute;left:8rem;top: -2rem;}
	.n_product03_fr5 .title .right h5 br{ display:none}

	.n_product03_fr6 .col-xs-6{ margin-left:50%}
	.n_product03_fr6{ padding:3rem 0 5rem}
	.n_product03_fr6 .title h1 img{ height:6rem}
	.n_product03_fr6 .col-xs-12 .title{margin-top: -17rem;width: 70%;}
	.n_product03_fr6 .title br{ display:none}

	.n_product03_fr8 .content .top .con i img{ width:3rem; height:3rem}

	.n_product03_fr10 .center ul{ text-align:center;}
	.n_product03_fr10 .center ul li{ width:8rem; height:8rem; margin: 0 1.5rem 0}
	.n_product03_fr10 .center ul li .con .con_li .top{ height:3rem}
	.n_product03_fr10 .center ul li .con .con_li .top i img{ width:25%}
	.n_product03_fr10 .left h3{margin-bottom:3rem;font-size: 1rem;}
	.n_product03_fr10 .left .left_con .left_con_li{ text-align:center;}

	.n_product04_fr1 img{width: 11rem;margin-top: 11rem;}	
	.n_product04_fr1 h1{ font-size:2rem}
	.n_product04_fr1 h3{ font-size:1rem;}
	.n_product04_fr1{ height:26rem;}
	
	.n_product04_fr12 ul li span{ font-size:0.75rem}
	.n_product04_fr3 .left h4{ margin-top:0rem; margin-bottom:0.5rem}
	.n_product04_fr5{height: 29rem;padding:5rem 0 0 0;}
	.n_product04_fr10 .center ul li{ width:30%;}
	.n_product04_fr10 .center ul{ background-size:100% 100%}
	
	.n_product04_fr9 table{ width:100%}
	
	.n_product06_fr1{ height:29rem;}
	.n_product06_fr1 h1{font-size: 2.5rem;margin-top:9rem;}
	.n_product06_fr1 h3{ font-size:1rem;}
	.n_product06_fr1 img{width: 75%;}
	.n_product06_fr1 h6 span{ margin-bottom:3.375rem}
	
	.n_product06_fr12 ul li span{ font-size:0.75rem;}
	.n_product06_fr12 h1 img{ width:100%}
	
	.n_product06_fr10 .left .left_con .left_con_li{ text-align:center; margin-bottom:2rem}
	.n_product06_fr10 .center ul{ text-align:center;}
	.n_product06_fr10 .center ul li{ margin-left:1.5rem}
	.n_product06_fr10 .center ul li img{ width:25%}
	.n_product06_fr10 .left h3{ font-size:1rem}
	
	.n_product06_fr5{}
	
	.n_product06_fr4{ padding: 3rem 0 0 0}
	.n_product06_fr4 .img{ margin-top:0rem}
	
	.n_product06_fr3{ padding:3rem 0}
	.n_product06_fr3 .left{ padding:0 2rem}
	
	.container03{ background:url(../images/container02_bg01.jpg) center center no-repeat; background-size:auto 100%}
	.container03 .left .title h3{ width:50%}
	.container03 .left ul{ width:100%}
	.container03 .left{ padding-left:0}
	
	.n_product02_fr1 h1{ margin-top:11rem !important;}
	.n_product03_fr1 h1{ margin-top:10rem !important}
	.n_product03_fr1 img{ width:15rem !important}
	.n_product01_fr1 h1{ margin-top:10rem !important}
	.n_product06_fr1 h1{ margin-top:10rem !important}
  }
  
  
  .about_text{ width:90%}
  
  
  .hd .title{margin-bottom: 2.75rem;overflow: hidden;text-align: center;}

.hd .title ul{font-size: 0;text-align:center;overflow: hidden;}

.hd .title ul li{display:inline-block;width:105px;height:35px;line-height:33px;border: #bfc0c2 1px solid;-moz-border-radius: 17.5px;-webkit-border-radius: 17.5px;border-radius:17.5px;margin:0 11px;box-sizing:border-box; -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; margin-bottom:0.5rem}

.hd .title ul li a{ font-size:14px; color:#636363; display:block}

.hd .title ul li.on,.hd .title ul li:hover{background: #3d6db5;border: #3d6db5 1px solid;}

.hd .title ul li.on a,.hd .title ul li:hover a{ color:#fff}


.products_text {
    text-align: center;
    margin: 35px ;
}

.products_text h2 {
    font-size: 30px;
    font-weight: bold;
    color: #3d6db5;
    margin-bottom:0px
}

.products_text span {
    font-size: 20px;
    color: #999;
    height: 34px;
    display: block;
    overflow: hidden;
}

 .allmap {
   
    width: 100%;
    height: 350px;
}

.pr_ban img { max-width:100%}

.video { text-align:center}


.about_left{ float:right; width:40%}
.about_right{ float:left; width:60%}

.bg{ background:#f4f5f7}

.pr_img{ width:80%; margin:0 auto; text-align:center}




    
    
   .fbai{ display:none;}
   .ftel{ display:none;}
@media (max-width:768px) 
{
   .fbai{ display:block; height:59px;}
   .ftel{ display:block; position:fixed; bottom:0px; padding:5px 0; width:100%; background:#fff; text-align:center;box-shadow: rgba(0,0,0,0.7) 0px -1px 10px;z-index:10000;}
   .ftel a{ display:block}
   .ftel a img{ height:21px;}
   .ftel p{ font-size:14px; margin-top:7px;}
   
    }
		@media (min-width:800px) 
{

	.container02 ul {
		display: flex;
		flex-wrap: wrap;
	}
	.n_product ul {
	    flex-wrap:nowrap;
	}
	.container02 ul li {
		width: 23%;
		border: 1px solid #efefef;
		box-shadow: 2px 3px 2px 0 rgb(0 0 0 / 10%);
	}
    }