html{ border:0; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font-size:14px; font-family:'Roboto', sans-serif, Arial; text-align:center;}
body { margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left; }
ul.ulClear, ul.ulClear li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
img{ border:0px;}
a{ color:#002E96; text-decoration:none;}
a:hover{ color:#002E96; text-decoration:none;}
a.none{ color:#000000; text-decoration:none;}
h1.none, h2.none{ font-size:14px; margin:0px; padding:0px; font-weight:normal;}
.clearUl ul, .clearUl li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
.clear{ clear:both;}
.clear5px{ clear:both; height:5px;}
.clear10px{ clear:both; height:10px;}
.clear15px{ clear:both; height:15px;}
.clear20px{ clear:both; height:20px;} 
.clearLine{ border-bottom:solid 1px #dcdcdc; clear:both;}
input, textarea, select{outline:medium none; box-sizing:border-box; font-family:Arial; font-size:14px;}

.path{ padding:10px 0px;color:#333333;}
.path span{ display: inline-block; width: 16px; height: 16px; background: url("/library/images/icon.png") no-repeat scroll -66px -82px transparent; vertical-align: middle;}
.path a{ color:#707070; text-decoration:none; font-size:13px;}
.path a.cssName{ color:#333333;}

.pageding{ padding:10px 0px; text-align:center;}
.pageding li{ background-color: #f2f2f2; border-radius: 4px; color: #4e4e4e; display: inline-block; font-weight: bold; margin: 0 2px; padding: 5px 10px;}
.pageding a{ font-weight:bold; text-decoration:none; color:#565656;}
.pageding .pageshover{ background-color:#0c9c58; color:#ffffff;}

.colorRed{ color:Red;}

.errorRs1{ padding:10px; text-align:center; color:Red;}

.fix{ max-width:1320px; margin:0px auto; }
.fixTitle{ position:fixed; top:-150px; right:0px; font-size:12px; margin:0px;}

/*Header =============*/
.header{ background: #fff; border-bottom:solid 1px #e8e5e5}
.header .l{ float:left;}
.header .l a{ display:block; padding:13px 0px;}
.header .l a img{ height:40px;}
.header .r{ float:right;}
.header .r li{ float:left; border-left:solid 1px #e8e5e5;}
.header .r li a.root{ display:block; color:#333; font-weight:bold; padding:25px 20px;}
.header .r li a.root:hover{ color:#0c9c58; }
div.headersticky{ position: fixed; top: 0; left: 0; right:0px;  box-shadow: 2px 4px 8px rgba(140, 129, 129, 0.25); animation: sticky 1s; z-index:9; background-color:#0c9c58; border-bottom:none;}
div.headersticky .r li{ border-left:solid 1px #6fdfaa;}
div.headersticky .r li a.root{ color:#ffffff;}
div.headersticky .r li a.root:hover{ color:#ffffff; background-color:#fcbc19; }
@-webkit-keyframes sticky {0% {-webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%);  }  }
@keyframes sticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%);  } 100% { -webkit-transform: translateY(0%); transform: translateY(0%);  }  }

.header .menu{ display:none;}
.aside { min-width: 400px; width: 12%; position: fixed; top: 0; left: -1px; bottom: 0; font-family: Helvetica, Arial, sans-serif; z-index: 2000; width: 0px; min-width: 0px; transition: 0.35s width ease, 0.35s min-width ease; }
.aside .aside-header { position:relative;}
.aside .aside-header .close{ top:10px; right:3px; position:absolute; padding:7px 10px; background-color:#fcbc19; color:#000000; font-weight:bold; border-radius:4px;}
.aside .aside-contents {}
.aside.in { width: 12%; min-width: 400px; }
.aside-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; transition: 0.2s opacity ease; opacity: 0; display: none; }
.aside-backdrop.in { display: block; opacity: 0.5;}

.aside .border{ background-color:#fcbc19; margin-right:50px; height:100%; overflow:auto;}
.aside .border .title{ background-color:#0c9c58; padding:5px 0px;}
.aside .border .title .l{ float:left;}
.aside .border .title .r{ float:right; position:relative;}
.aside .border .title .l a{ display:block; padding:10px 5px 0px 5px;}
.aside .border .title .l a img{ max-height:25px;}
.aside .border .title .r .tel-symbol{ position:absolute; top:0px; left:0px; width:44px; height:44px; background: url("/library/images/icon.png") no-repeat scroll left -82px  transparent; vertical-align:middle;}
.aside .border .title .r .tel-text{ display:block; padding-left:45px; padding-right:10px; padding-top:4px; text-decoration:none;}
.aside .border .title .r .tel-text .text{ display:block; color:#ffffff; text-decoration:none; font-size:11px; padding-bottom:2px;}
.aside .border .title .r .tel-text .tel{ display:block; color:#ffffff; text-decoration:none; font-weight:bold;}

.aside-contents ul{}
.aside-contents ul li{ border-bottom: 1px solid #f0ad03; }
.aside-contents ul li a{ color:#000000; text-decoration: none; display:block; padding: 10px 10px; font-size:16px;}
.aside-contents ul li:hover{ background-color:#fff;}

/*h_menu==========*/
.h_menu_item{}
.h_menu_sub{ position:absolute; z-index: 99; display:none; }
.header .fix{ position:relative;}
.header .r li .h_menu_sub{ position:absolute; top:40px; left:0px;}
.header .r li .h_menu_sub .border{ width:1320px; margin-top:27px; background-color:#ffffff; border-left:solid 1px #eeeeee; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; box-shadow:2px 2px 2px #CCCCCC;}
.header .r li .h_menu_sub .menu-l{ float:left; width:20.6%; border-right:solid 1px #eeeeee;}
.header .r li .h_menu_sub .menu-r{ float:right; width:79%; padding-top:5px;}
.header .r li .h_menu_sub .border a{ color:#000000;}
.header .r li .h_menu_sub .menu-l .list{ position:relative; padding-left:40px; border-bottom:solid 1px #eeeeee;}
.header .r li .h_menu_sub .menu-l .list span{ position:absolute; left:5px; top:5px;}
.header .r li .h_menu_sub .menu-l .list span img{ width:30px; height:30px; border-radius:50%; background-color:#fcbc19;}
.header .r li .h_menu_sub .menu-l .list a{ display: block; color:#000000; font-weight:bold; padding:15px 0px;}
.header .r li .h_menu_sub .menu-l .list a:hover{ color:#0c9c58;}
.header .r li .h_menu_sub .menu-r a{ display:inline-block; padding:10px; color:#000000;}
.header .r li .h_menu_sub .menu-r a:hover{  color:#0c9c58;}
/*default=======================*/
.h-about { padding: 100px 0px;}
.h-about .l{ float:left; width:49%;}
.h-about .r{ float:right; width:49%;}
.h-about .l img{ width:100%;}
.h-about .l .more{ padding:50px 0px 0px; text-align:center;}
.h-about .l .more a{ display:inline-block; margin:0px; padding: 15px 40px; background: #fcbc19; color: #fff; border: none; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; position: relative; z-index: 1; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.h-about .l .more a::after { position: absolute; content: ""; clear: both; display: block; overflow: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: #0c9c58; width: 5%; height: 100%; top: 0; left: 0; z-index: -1; }
.h-about .l .more a:hover::after { width: 100%;  }
.h-about .l .more a.a2{ background-color:#ffffff; border:solid 2px #0c9c58; color:#0c9c58;  padding: 13px 40px;}
.h-about .l .more a.a2:hover{ color:#ffffff;}
.h-about .r h1{ margin:0px; font-size:32px; padding-bottom:5px;}
.h-about .r p{font-size: 18px; margin:20px 0px; line-height:22px; color: #666;}

.h-service{ background: url("/library/images/service.jpg") no-repeat scroll center center transparent; background-size:cover; position: relative;}
.h-service::after{ content: ""; clear: both; display: block; overflow: hidden; position: absolute; width: 100%; z-index: -1; background: rgba(0, 0, 0, 0.64); top: 0; left: 0; height: 100%;}
.h-service .row{ padding:50px 0px; display: flex; flex-wrap: wrap}
.h-service .row .col{ float:left; position:relative; background:rgba(12, 156, 88, 0.6); padding: 30px 0px; width:calc(33.33% - 20px); margin:10px 10px; overflow: hidden; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.h-service .row .col:hover{ transform: translateY(-10px);}
.h-service .row .col .icon{ width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; background: #fcbc19; border-radius: 50%; position: absolute; top: 50px; left: 20px; }
.h-service .row .col .text{ padding:10px 20px 0px 110px;}
.h-service .row .col .text h3{ margin:0px; padding:10px 0px;}
.h-service .row .col .text h3 a{ color:#ffffff; text-decoration:none; font-size: 22px; color: #fff;  font-weight: 700;}
.h-service .row .col .text p{ margin:0px;}
.h-service .row .col .text p a{  font-size: 16px; color: #e1e1e1; line-height: 24px;}
.h-service .row .col .icon a{ display:inline-block; width:42px; height:42px; background: url("/library/images/icon.png") no-repeat scroll left top transparent; vertical-align:middle;}
.h-service .row .col .icon a.ht{ background-position-x:-42px;}
.h-service .row .col .icon a.sv{ background-position-x:-84px;}
.h-service .row .col .icon a.ssl{ background-position-x:-126px;}
.h-service .row .col .icon a.em{ background-position-x:-168px;}
.h-service .row .col .icon a.wm{ background-position-x:-210px;}

.h-web{ padding-bottom:50px;}
.h-web .title{ padding:50px 0px; text-align:center;}
.h-web .title a{ font-size: 36px; font-weight: 700; text-decoration:none; color:#0c9c58;}
.h-web .content{display: flex; flex-wrap: wrap;}
.h-web .content .list{ float:left; width:calc(33.33% - 30px); margin:15px; padding:30px 0px; text-align: center; box-sizing: border-box; box-shadow: 0px 0px 14px 5px #cccccc45; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} 
.h-web .content .list:hover{ box-shadow: 0px 4px 14px 5px #ccccccd9; transform: translateY(-10px);}
.h-web .content .list .icon{ text-align:center; padding:10px;}
.h-web .content .list .icon a{ display:inline-block;}
.h-web .content .list .icon a img{ width:80px; height:80px; border-radius:50%;  background: #fcbc19;}
.h-web .content .list h3, .h-web .content .list h2{ margin:0px; padding:10px 0px;}
.h-web .content .list h3 a, .h-web .content .list h2 a{ font-size:18px; font-weight: 700; color:#000000; text-decoration:none;}
.h-web .content .list h3 a:hover, .h-web .content .list h2 a:hover{ color:#0c9c58;}
.h-web .content .list .summary{ font-size:16px; line-height: 26px; color: #666; padding:0px 20px;}
.h-web .content .list .more{ padding:20px 0px;}
.h-web .content .list .more a{ color: #333; font-weight: 500; font-weight:bold; font-size:16px;}
.h-web .content .list .more a span.symbol{ display:inline-block; width:18px; height:18px; background: url("/library/images/icon.png") no-repeat scroll -252px top transparent; vertical-align:middle; margin-left:5px;}
.h-web .content .list .more:hover a span.symbol{ background-position-y:-17px;}
.h-web .content .list .more a span.text{-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.h-web .content .list .more:hover a span.text{ margin-right:15px; vertical-align:middle; color:#0c9c58;}

.h-partner{ background-color:#f4f4f4; padding:20px 0px;}
.h-partner .l{ float:left; width:48%;}
.h-partner .r{ float:right; width:48%;}
.h-partner .title{ font-size:22px; font-weight:700; color:#333333; padding:10px 0px;} 
.h-partner .title a{ color:#333333; text-decoration:none;}
.h-partner .title a span{ font-size:12px; font-weight:100; font-style:italic; vertical-align:middle; color:#999999;}
.h-partner .l .content .tab{}
.h-partner .l .content .tab li{ float:left; margin:3px; background-color:#d4d4d4; border-radius:4px;}
.h-partner .l .content .tab li:first-child{ margin-left:0px;}
.h-partner .l .content .tab li a{ display:block; padding:5px 10px; color:#666666;}
.h-partner .l .content .tab li.active{ background-color:#ffffff;}
.h-partner .l .content .tab li.active a{ color:#333333;}
.h-partner .l .content .tab li:hover{ background-color:#fcbc19;}
.h-partner .l .content .comment{ margin:6px 0px; background-color:#ffffff; border-radius:4px; padding:10px 0px; display:none;}
.h-partner .l .content .comment .note{ font-style:italic; font-size:13px; padding:0px 5px;}
.h-partner .l .content .comment.tabh0{ display:block;}
.h-partner .l .content .comment .list .t{ padding:5px 20px 10px; font-weight:bold; font-size:16px;}
.h-partner .l .content .comment .list .summary{ padding:0px 20px 0px; margin:5px 0px; line-height:22px; color:#444444; font-size:13px; height:84px; overflow:hidden;}
.h-partner .l .content .comment .list .copy{ position:relative; padding-left:125px; margin-top:25px;}
.h-partner .l .content .comment .list .copy a.img{ position:absolute; top:5px; left:50px;}
.h-partner .l .content .comment .list .copy a.img img{ width:60px; height:60px; border-radius:50%;}
.h-partner .l .content .comment .list .copy .name{ font-weight:bold; padding:15px 0px 5px; }
.h-partner .l .content .comment .list .copy .company{ color:#565960; font-size:13px;}
.h-partner .l .content .comment .list .copy .address{ color:#565960; font-size:13px; font-style:italic;}
.h-partner .l .content .comment .list .copy span.symbol{ position:absolute; top:-37px; left:20px; width:80px; height:70px; background:url(/library/images/icon.png) no-repeat left -397px transparent;}
.h-partner .l .content .swiper-container_eval{ position:relative; overflow:hidden; text-align:left; padding:20px 0px;}
.h-partner .l .content .swiper-pagination_eval{ margin-top:10px;}
.h-partner .l .content .comment .swiper-button-next{ right: 75px; top: auto; bottom: 65px; border: solid 1px #e2e6f1; border-radius: 50%; width:18px; height:18px; background-color:#ffffff;}
.h-partner .l .content .comment .swiper-button-prev{ right: 50px; top: auto; bottom: 65px; border: solid 1px #e2e6f1; border-radius: 50%; width:18px; height:18px; background-color:#ffffff;}
.h-partner .l .content .comment .swiper-button-next span{ border-color: #0000 #0000 #8c8c8c; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(-90deg);}
.h-partner .l .content .comment .swiper-button-prev span{ border-color: #0000 #0000 #8c8c8c; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(90deg);}
.h-partner .l .content .comment .swiper-button-next:hover, .h-partner .l .content .comment .swiper-button-prev:hover{ border: solid 1px #0c9c58;}
.h-partner .l .content .comment .swiper-button-next:hover span, .h-partner .l .content .comment .swiper-button-prev:hover span{ border-color: #0000 #0000 #0c9c58;}
.h-partner .l .content .comment .swiper-pagination-bullet{ background-color:#8c8c8c; width:20px; height:5px; border-radius:12px;}
.h-partner .l .content .comment .swiper-pagination-bullet-active{ background-color:#fcbc19; width:40px; height:5px; border-radius:12px;}
.h-partner .l .content .faq{ margin:6px 0px; background-color:#ffffff; border-radius:4px; padding:5px 0px 0px;}
.h-partner .l .content .faq .list{ border-top:solid 1px #ddd;}
.h-partner .l .content .faq .list:first-child{ border-top:none;}
.h-partner .l .content .faq .t{ position:relative; padding:12px 20px 5px 10px; cursor:pointer;}
.h-partner .l .content .faq .t a{ position:absolute; top:0px; right:0px; padding:10px; font-size:24px; font-weight: 100; color:#333; text-decoration:none;}
.h-partner .l .content .faq .t a::after { content: "+"; height: 100%; transition: 0.3s ease-in-out;}
.h-partner .l .content .faq .summary{ display:none; line-height:22px; padding:0px 10px; border-left:solid 4px #fcbc19; margin:0px 10px}
.h-partner .l .content .faq .summary p{ margin:0px; padding:5px 0px;}
.h-partner .l .content .faq .t a.close{ font-size:20px;}
.h-partner .l .content .faq .t a.close::after{ content: "-";}

.h-partner .r .content{ overflow:hidden; position:relative;}
.h-partner .r .content .swiper-wrapper{ margin-top:28px;}
.h-partner .r .content .list{ float:left; width:25%;}
.h-partner .r .content .list .b{ background-color:#ffffff; border-radius:4px; margin:10px 5px; padding:5px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.h-partner .r .content .list .b a{ display:block; text-align:center;}
.h-partner .r .content .list .b a img{ width:120px; height:120px;}
.h-partner .r .content .list .b:hover{ box-shadow: 0px 4px 14px 5px #cccccc45; transform: translateY(-5px);}
.h-partner .r .content .next,.h-partner .r .content  .prev{ position:absolute; top:5px; background-color:#ffffff; right:5px; padding:10px 6px; border-radius:2px; cursor:pointer;}
.h-partner .r .content .next{ right:32px;}
.h-partner .r .content .next span,.h-partner .r .content  .prev span{ border-color: #0000 #0000 #000000; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(-90deg);}
div.h-partner .r .content .prev span{ transform: rotate(90deg);}
.h-partner .r .content .next:hover,.h-partner .r .content  .prev:hover{ background-color:#0c9c58;}
.h-partner .r .content .next:hover span,.h-partner .r .content  .prev:hover span{ border-color: #0000 #0000 #fcbc19;}

/*productlist========*/
.cate-list-partner{ background-color:#f4f4f4; padding:20px 0px;}
.cate-list-partner .title{ position:absolute; top:0px; left:0px; font-weight:bold; font-size:22px;}
.cate-list-partner .title a{ color:#333333; text-decoration:none;}
.cate-list-partner .title a span{ font-size:12px; font-weight:100; font-style:italic; vertical-align:middle; color:#999999;}
.cate-list-partner .content{ overflow:hidden; position:relative;}
.cate-list-partner .content .swiper-wrapper{ margin-top:28px;}
.cate-list-partner .content .list{ float:left; width:10%;}
.cate-list-partner .content .list .b{ background-color:#ffffff; border-radius:4px; margin:10px 5px; padding:5px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.cate-list-partner .content .list .b a{ display:block; text-align:center;}
.cate-list-partner .content .list .b a img{ width:120px; height:120px;}
.cate-list-partner .content .list .b:hover{ box-shadow: 0px 4px 14px 5px #cccccc45; transform: translateY(-5px);}
.cate-list-partner .content .next,.cate-list-partner .prev{ position:absolute; top:5px; background-color:#ffffff; right:5px; padding:10px 6px; border-radius:2px; cursor:pointer;}
.cate-list-partner .content .next{ right:32px;}
.cate-list-partner .content .next span,.cate-list-partner .content .prev span{ border-color: #0000 #0000 #000000; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(-90deg);}
div.cate-list-partner .content .prev span{ transform: rotate(90deg);}
.cate-list-partner .content .next:hover,.cate-list-partner .content .prev:hover{ background-color:#0c9c58;}
.cate-list-partner .content .next:hover span,.cate-list-partner .content .prev:hover span{ border-color: #0000 #0000 #fcbc19;}

.cate-pro-tile{ text-align:center; text-transform:uppercase; font-size:32px;}
.cate-pro{display: flex; flex-wrap: wrap;}
.cate-pro .list{ float:left; width:calc(33.33% - 30px); margin:15px; padding:30px 0px; text-align: center; box-sizing: border-box; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} 
.cate-pro .list:hover{ box-shadow: 0px 4px 14px 5px #cccccc45; transform: translateY(-10px);}
.cate-pro .list .icon{ text-align:center; padding:10px;}
.cate-pro .list .icon a{ display:inline-block;}
.cate-pro .list .icon a img{ width:80px; height:80px; border-radius:50%;  background: #fcbc19;}
.cate-pro .list .name{ margin:0px; padding:10px 0px;}
.cate-pro .list .name a{ font-size:18px; font-weight: 700; color:#000000; text-decoration:none;}
.cate-pro .list .name a:hover{ color:#0c9c58;}
.cate-pro .list .summary{ font-size:16px; line-height: 26px; color: #666; padding:0px 20px;}
.cate-pro .list .more{ padding:20px 0px;}
.cate-pro .list .more a{ color: #333; font-weight: 500; font-weight:bold; font-size:16px;}
.cate-pro .list .more a span.symbol{ display:inline-block; width:18px; height:18px; background: url("/library/images/icon.png") no-repeat scroll -252px top transparent; vertical-align:middle; margin-left:5px;}
.cate-pro .list .more:hover a span.symbol{ background-position-y:-17px;}
.cate-pro .list .more a span.text{-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.cate-pro .list .more:hover a span.text{ margin-right:15px; vertical-align:middle; color:#0c9c58;}

.cate-pro-partner{ background-color:#f4f4f4; padding:20px 0px;}
.cate-pro-partner .l{ float:left; width:48%;}
.cate-pro-partner .r{ float:right; width:48%;}
.cate-pro-partner .title{ font-size:22px; font-weight:700; color:#333333; padding:10px 0px;} 
.cate-pro-partner .title a{ color:#333333; text-decoration:none;}
.cate-pro-partner .title a span{ font-size:12px; font-weight:100; font-style:italic; vertical-align:middle; color:#999999;}
.cate-pro-partner .l .content .tab{}
.cate-pro-partner .l .content .tab li{ float:left; margin:3px; background-color:#d4d4d4; border-radius:4px;}
.cate-pro-partner .l .content .tab li:first-child{ margin-left:0px;}
.cate-pro-partner .l .content .tab li a{ display:block; padding:5px 10px; color:#666666;}
.cate-pro-partner .l .content .tab li.active{ background-color:#ffffff;}
.cate-pro-partner .l .content .tab li.active a{ color:#333333;}
.cate-pro-partner .l .content .tab li:hover{ background-color:#fcbc19;}
.cate-pro-partner .l .content .comment{ margin:6px 0px; background-color:#ffffff; border-radius:4px; padding:10px 0px; display:none;}
.cate-pro-partner .l .content .comment .note{ font-style:italic; font-size:13px; padding:0px 5px;}
.cate-pro-partner .l .content .comment.tabh0{ display:block;}
.cate-pro-partner .l .content .comment .list .t{ padding:5px 20px 10px; font-weight:bold; font-size:16px;}
.cate-pro-partner .l .content .comment .list .summary{ padding:0px 20px 0px; margin:5px 0px; line-height:22px; color:#444444; font-size:13px; height:84px; overflow:hidden;}
.cate-pro-partner .l .content .comment .list .copy{ position:relative; padding-left:125px; margin-top:25px;}
.cate-pro-partner .l .content .comment .list .copy a.img{ position:absolute; top:5px; left:50px;}
.cate-pro-partner .l .content .comment .list .copy a.img img{ width:60px; height:60px; border-radius:50%;}
.cate-pro-partner .l .content .comment .list .copy .name{ font-weight:bold; padding:15px 0px 5px; }
.cate-pro-partner .l .content .comment .list .copy .company{ color:#565960; font-size:13px;}
.cate-pro-partner .l .content .comment .list .copy .address{ color:#565960; font-size:13px; font-style:italic;}
.cate-pro-partner .l .content .comment .list .copy span.symbol{ position:absolute; top:-37px; left:20px; width:80px; height:70px; background:url(/library/images/icon.png) no-repeat left -397px transparent;}
.cate-pro-partner .l .content .swiper-container_eval{ position:relative; overflow:hidden; text-align:left; padding:20px 0px;}
.cate-pro-partner .l .content .swiper-pagination_eval{ margin-top:10px;}
.cate-pro-partner .l .content .comment .swiper-button-next{ right: 75px; top: auto; bottom: 65px; border: solid 1px #e2e6f1; border-radius: 50%; width:18px; height:18px; background-color:#ffffff;}
.cate-pro-partner .l .content .comment .swiper-button-prev{ right: 50px; top: auto; bottom: 65px; border: solid 1px #e2e6f1; border-radius: 50%; width:18px; height:18px; background-color:#ffffff;}
.cate-pro-partner .l .content .comment .swiper-button-next span{ border-color: #0000 #0000 #8c8c8c; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(-90deg);}
.cate-pro-partner .l .content .comment .swiper-button-prev span{ border-color: #0000 #0000 #8c8c8c; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(90deg);}
.cate-pro-partner .l .content .comment .swiper-button-next:hover, .cate-pro-partner .l .content .comment .swiper-button-prev:hover{ border: solid 1px #0c9c58;}
.cate-pro-partner .l .content .comment .swiper-button-next:hover span, .cate-pro-partner .l .content .comment .swiper-button-prev:hover span{ border-color: #0000 #0000 #0c9c58;}
.cate-pro-partner .l .content .comment .swiper-pagination-bullet{ background-color:#8c8c8c; width:20px; height:5px; border-radius:12px;}
.cate-pro-partner .l .content .comment .swiper-pagination-bullet-active{ background-color:#fcbc19; width:40px; height:5px; border-radius:12px;}
.cate-pro-partner .l .content .faq{ margin:6px 0px; background-color:#ffffff; border-radius:4px; padding:5px 0px 0px;}
.cate-pro-partner .l .content .faq .list{ border-top:solid 1px #ddd;}
.cate-pro-partner .l .content .faq .list:first-child{ border-top:none;}
.cate-pro-partner .l .content .faq .t{ position:relative; padding:12px 20px 5px 10px; cursor:pointer;}
.cate-pro-partner .l .content .faq .t a{ position:absolute; top:0px; right:0px; padding:10px; font-size:24px; font-weight: 100; color:#333; text-decoration:none;}
.cate-pro-partner .l .content .faq .t a::after { content: "+"; height: 100%; transition: 0.3s ease-in-out;}
.cate-pro-partner .l .content .faq .summary{ display:none; line-height:22px; padding:0px 10px; border-left:solid 4px #fcbc19; margin:0px 10px}
.cate-pro-partner .l .content .faq .summary p{ margin:0px; padding:5px 0px;}
.cate-pro-partner .l .content .faq .t a.close{ font-size:20px;}
.cate-pro-partner .l .content .faq .t a.close::after{ content: "-";}
.cate-pro-partner .r .content{ overflow:hidden; position:relative;}
.cate-pro-partner .r .content .swiper-wrapper{ margin-top:28px;}
.cate-pro-partner .r .content .list{ float:left; width:25%;}
.cate-pro-partner .r .content .list .b{ background-color:#ffffff; border-radius:4px; margin:10px 5px; padding:5px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.cate-pro-partner .r .content .list .b a{ display:block; text-align:center;}
.cate-pro-partner .r .content .list .b a img{ width:120px; height:120px;}
.cate-pro-partner .r .content .list .b:hover{ box-shadow: 0px 4px 14px 5px #cccccc45; transform: translateY(-5px);}
.cate-pro-partner .r .content .next,.cate-pro-partner .r .content  .prev{ position:absolute; top:5px; background-color:#ffffff; right:5px; padding:10px 6px; border-radius:2px; cursor:pointer;}
.cate-pro-partner .r .content .next{ right:32px;}
.cate-pro-partner .r .content .next span,.cate-pro-partner .r .content  .prev span{ border-color: #0000 #0000 #000000; border-style: solid; border-width: 0 6px 6px; display: inline-block; height: 0; width: 0; transform: rotate(-90deg);}
div.cate-pro-partner .r .content .prev span{ transform: rotate(90deg);}
.cate-pro-partner .r .content .next:hover,.cate-pro-partner .r .content  .prev:hover{ background-color:#0c9c58;}
.cate-pro-partner .r .content .next:hover span,.cate-pro-partner .r .content  .prev:hover span{ border-color: #0000 #0000 #fcbc19;}
.cate-pro-content{ font-size: 16px; line-height: 22px;}
div.cate-pro-content .procontent-img img { max-width: 90% !important; border-radius: 12px;}

.cate-pro-support{ text-align:center; padding:5px 0px 10px;}
.cate-pro-support a{ display: inline-block; background-color: #fcbc19; color: #000000; padding: 15px 30px; border-radius: 4px; font-size: 18px; background: linear-gradient(180deg,#ffd874,#fcbc19 100%);}
.cate-pro-support a:hover{  background: linear-gradient(180deg,#ffd874,#ffd874 100%);}
.cate-pro-modal .title { background-color:#f4f4f4; border-radius:4px 4px 0 0;}
.cate-pro-modal .title .title1 { margin:0; padding:10px 10px 0; font-size:18px; float:left; color:#333 }
.cate-pro-modal .title a { float:right; font-size:11px; color:red; text-decoration:none; text-align:center; font-family:Verdana,Geneva,sans-serif; padding-right:5px }
.cate-pro-modal .title a span { display:block }
.cate-pro-modal .title a span.symbol { font-weight:700; font-size:20px }
.cate-pro-modal .content { padding:10px; text-align:left }
.cate-pro-modal .content .note{ padding: 10px 0px; color: #333333; font-size: 16px;}
.cate-pro-modal .content .textbox{ padding:5px; border:1px solid #d8d8d8; border-radius:2px; margin:0px 0px 20px;}
.cate-pro-modal .content .textbox .cssTextBox{ border:none; background-color:#ffffff; width:100%; padding:4px 0px}
.cate-pro-modal .content .textbox .cssTextarea{ border:none; background-color:#ffffff; width:100%; height:80px; }
.cate-pro-modal .content .submit{ padding-bottom:10px; position:relative;}
.cate-pro-modal .content .submit a{ display:inline-block; background-color:#fcbc19; color:#000000; border-radius:4px; padding:10px 20px; text-transform:uppercase; }
.cate-pro-modal .content .submit a:hover{ background-color:#0c9c58; color:#ffffff;}
.cate-pro-modal .content .formProductSend{ position:absolute; top:0px; left:0px; right:0px; background-color:#ffffff; padding:20px 0px; display:none;}
.cate-pro-modal .content .full-send{ padding: 10px; color: #333333; font-size: 16px; text-align:center;}
.cate-pro-modal .content .full-error{ padding: 10px; color:red; text-align:center;}
/*proDetail=========*/
.proDetail-title{ text-align:center; font-size:38px;}
.proDetail-banner img{ width:100%;}
.proDetail-other{ display: flex; flex-wrap: wrap;}
.proDetail-other .list{ float:left; width:calc(33.33% - 30px); margin:15px; padding:30px 0px; text-align:left; box-sizing: border-box; box-shadow: 0px 0px 14px 5px #cccccc45; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border-radius:8px;} 
.proDetail-other .list:hover{ box-shadow: 0px 4px 14px 5px #ccccccd9; transform: translateY(-10px);}
.proDetail-other .list .name{ color:#0c9c58; font-size:32px; font-weight:bold; padding:0px 20px;}
.proDetail-other .list .price{ padding:10px 20px; color:orangered; font-size:22px; font-weight:bold; }
.proDetail-other .list .summary{ padding:10px 20px;}
.proDetail-other .list .summary ul li{ position:relative; padding:5px 0px 5px 25px;}
.proDetail-other .list .summary ul li span{ position:absolute; top:5px; left:0px; width:14px; height:14px; background: url("/library/images/icon.png") no-repeat scroll -52px -82px transparent;}
.proDetail-other .list .order{ padding:10px 20px;}
.proDetail-other .list .order a{ display:inline-block; background-color:#fcbc19; color:#000000; text-decoration:none; padding:10px 30px; border-radius:2px;} 

.proDetail-content{ font-size:16px; line-height:22px;}
.proDetail-content img{ max-width: 100% !important; height: auto !important;}
.proDetail-content iframe{max-width:100%;}

table.style{ border-collapse: collapse; max-width: 100% !important;}
table.style tr{ }
table.style tr:hover{ background-color:#eefcf5;}
table.style tr td{ border:solid 1px #cccccc; padding:8px 10px; color:#000000;}
table.style tr.title{ font-weight:bold; background-color:#fcf6f1;}
table.procontent-table{ border-collapse: collapse; max-width: 100% !important;}
table.procontent-table tr.title{ font-weight:bold; background-color:#0c9c58; color:#ffffff;}
table.procontent-table tr.title td{ color:#ffffff;}
table.procontent-table tr td{ border:solid 1px #cccccc; padding:8px 10px; color:#000000;}
table.procontent-table tr td h3, table.procontent-table tr td h4, table.procontent-table tr td p{ margin:0px; padding:5px 0px 0px;}
table.procontent-table tr td h3{ font-size:16px;}
table.procontent-table tr td.stt{ vertical-align:top; font-weight:bold; text-align:center; padding-top:15px;}

.procontent-left{ float:left; width:50%;}
.procontent-right{ float:right; width:50%;}
.procontent-img{ text-align:center;}
div.proDetail-content .procontent-img img{ max-width:90% !important; border-radius:12px;}

.productAccessory-t{ float:left; border-top:1px solid #e2e2e3; padding:15px 0px; font-weight:bold;}
.productAccessory-c{ float:left; border-top:1px solid #e2e2e3; padding:10px 0px;}
.productAccessory-c a{ display:block; padding:5px 10px; color:#666666; text-decoration:none;}
.productAccessory-c a:hover{ color:#000000;}

/*heading===*/
.heading-fix{ position:fixed; top:170px; left:0px; z-index:2;}
.heading-fix .symbol{ position:absolute; top:0px; left:0px; width:40px; height:40px; background: url("/library/images/icon.png") no-repeat scroll -80px -42px transparent; vertical-align:middle;}
.heading-fix .h_menu_sub{ top:10px; left:10px; font-size:14px; display:none;}
.heading-fix .h_menu_sub .border{ margin:0px 0px 0px 34px; width:500px; background-color:#ffffff; border:solid 1px #E2E2E2; box-shadow:1px 2px 5px #E2E2E2; padding:10px; border-radius:4px; position:relative;}
.heading-fix .h_menu_sub .border .symbol1{ position:absolute; top:4px; left:-7px; width:10px; height:12px; background: url("/library/images/icon.png") no-repeat scroll -120px -42px transparent; vertical-align:middle;}
.heading-fix .h_menu_sub .border .list{ padding:5px 0px;}
.heading-fix .h_menu_sub .border .list span{ font-weight:bold; padding-right:5px; color:#666666;}
.heading-fix .h_menu_sub .border .list a{ color: #0c9c58; text-decoration: none;}
.heading-fix .h_menu_sub .border .list a:hover{ text-decoration:underline;}
.heading-fix .h_menu_sub .border .list_2{ padding-left:20px;}
.heading-fix .h_menu_sub .border .list_3{ padding-left:40px;}
.heading-fix .h_menu_sub .border .list_4{ padding-left:60px;}
/*rating====*/
.cate-pro-partner .l .content .comment.rating{ display:block;  padding:10px 5px;}
.rating-l{ float:left; width:75%;}
.rating-r{ float:right; width:23%; text-align:center; line-height:22px;}
.rating-l .border{border: 1px solid #d8d8d8; overflow: hidden; padding: 5px;}
.rating-l .border .txtContent { height:50px; border: medium none; font-family: Arial; font-size: 12px; width: 100%; }
.rating-r .stars{ padding-top:5px;}
.rating-r .stars .stars1,.rating-r .stars .stars2,.rating-r .stars .stars3,.rating-r .stars .stars4,.rating-r .stars .stars5 { width: 22px; height: 22px; display: inline-block; background: url(/library/images/rating.png) no-repeat left top transparent; background-position-x: left; background-position-y: top; cursor: pointer; }
.rating-r .stars .stars1,.rating-r .stars .starsActive{ background-position:left -22px;}
.rating-r .submit{ padding-top:10px;}
.rating-r .submit a{ background-color: #0c9c58; border-radius: 2px; color: #ffffff; font-weight: bold; padding: 5px 10px; text-decoration:none;}
.rating .form-content .total{ padding:5px 0px;}
.rating .form-content .total img{ vertical-align:middle;}
.rating .form-content .txtContent{ height:60px; border:medium none; font-family:Arial; font-size:12px; width:100%;}

.rating-recod{max-height: 185px; overflow: auto;}
.rating-list{ padding:10px 0px 0px;}
.rating-list .name .cols1{ float:left; color:#666666; background-color:#cccccc; padding:2px 5px; text-transform:uppercase; font-weight:600; font-size:12px;}
.rating-list .name .cols2{ float:left; padding-left:5px; color:#333333; font-weight:bold;}
.rating-list .name .cols3{ float:left; color:#989898; padding-left:5px; padding-top:4px; font-size:11px;}
.rating-list .name .cols4{ float:left; padding-left:10px; padding-top:3px; font-size:13px; color:#7ccf4e;}
.rating-list .name .cols4 span{ display:inline-block; width:15px; height:15px; background: url(/library/images/icon.png) no-repeat -163px -168px transparent; margin-right:3px;}
.rating-list .content{ padding-top:5px; color:#3b3233;}
.rating-list .like{ padding:5px 0px; color:#666666;}
.rating-list .like .cols1{ float:left;}
.rating-list .like .cols2{ float:left; padding-left:5px;}
.rating-list .like .cols3{ float:left; padding-left:5px;}
.rating-list .like .cols2 span.symbol{ width:14px; height:20px; display:inline-block;  background: url("/library/images/like.png") no-repeat scroll -30px top transparent; text-decoration:none; vertical-align:middle;}
.rating-list .like .cols2:hover span.symbol{ background-position:-7px top;}
.rating-list .like .cols2 span.count{ font-size:11px; color:#666666;}

.rating-list .like a{ color:#4a90e2; text-decoration:none; font-size:13px;}
.rating .form-content .content .stars1, .rating .form-content .content .stars2, .rating .form-content .content .stars3, .rating .form-content .content .stars4, .rating .form-content .content .stars5{ width:22px; height:22px; display:inline-block; background: url(/library/images/rating.png) no-repeat left top transparent; cursor:pointer;}
.rating .form-content .content .starsActive{ background-position:left -22px;}

.rating-list .reply{ padding:10px 20px;}
.rating-list .reply .list{ background-color:#f1f1f1; border-radius:2px; padding:10px; margin-bottom:5px;}
.rating-list .reply .list img{ width:100px; margin:5px;}
.rating-list .reply .list .cols1{ float:left; color:#666666; background-color:#cccccc; padding:2px 5px; text-transform:uppercase; font-weight:600; font-size:12px;}
.rating-list .reply .list .cols2{ float:left; padding-left:5px; color:#333333; font-size:15px; font-weight:bold;}
.rating-list .reply .list .cols3{ float:left; padding-left:5px;}
.rating-list .reply .list .cols3 span{ background-color:#f1c40f; display:inline-block; border-radius:2px; padding:0px 5px; font-weight:bold;}
.rating-list .reply .list .repContent{ color:#333333; line-height:18px; padding:5px 0px 0px 0px;}
.rating-list .repLike{ padding:5px 0px; color:#666666;}
.rating-list .repLike .lkCols1{ float:left;}
.rating-list .repLike .lkCols2{ float:left; padding-left:5px;}
.rating-list .repLike .lkCols3{ float:left; padding-left:5px;}
.rating-list .repLike a{ color:#4a90e2; text-decoration:none; font-size:13px;}
.rating-list .repLike .lkCols2 span.symbol{ width:14px; height:20px; display:inline-block;  background: url("/library/images/like.png") no-repeat scroll -30px top transparent; text-decoration:none; vertical-align:middle;}
.rating-list .repLike .lkCols3 span.symbol{ width:14px; height:20px; display:inline-block;  background: url("/library/images/like.png") no-repeat scroll -30px -22px transparent; text-decoration:none; vertical-align:middle;}
.rating-list .repLike .lkCols2:hover span{ background-position:-7px top;}
.rating-list .repLike .lkCols3:hover span{ background-position:-7px -22px;}
.rating-list .repLike .lkCols2 span.count, .rating-list .repLike .lkCols3 span.count{ font-size:11px; color:#666666;}

.rating-modal{}
.rating-modal .title{ background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fafafa, #f2f2f2) repeat scroll 0 0; display: block; padding: 10px 0px;}
.rating-modal .title p.title1{ margin:0px; padding:0px 10px; font-size:18px; font-weight:100; float:left;  color: #333;}
.rating-modal .title a{ float:right; font-size:11px;}
.rating-modal .title a span.symbol{ display:block; color: #ccc; cursor: pointer;  font-family: Verdana,Geneva,sans-serif; font-size: 15px; line-height: 30px; margin: 0; padding: 0 5px; position: absolute; right: 5px; top: 0;}
.rating-modal .title a span.esc{ color: #cccccc; display: block; font-size: 10px; position: absolute; right: 3px; top: 23px;}
.rating-modal .title a:hover span.symbol{ color:#333333;}

.rating-modal .note{ padding:5px 10px; color:#333333; font-size:16px;}
.rating-modal .cols{ padding:10px 10px;}
.rating-modal .cols .border{ border: 1px solid #d8d8d8; overflow: hidden; padding: 5px; border-radius:2px;}
.rating-modal .cols .border .textBox{ border:medium none; font-family:Arial; font-size:14px; width:100%; color:#919191; height:24px;}
.rating-modal .cols .submit{background-color: #0c9c58; border: medium none; border-radius: 2px; color: #ffffff; font-size: 14px; font-weight: bold; padding: 10px 15px; text-decoration: none; text-transform: uppercase; cursor:pointer; display:inline-block;}
.rating-modal .cols .border .txtContent{ border:medium none; font-family:Arial; font-size:14px; width:100%; height:60px; color:#919191; }
.rating-modal .cols4{ padding-bottom:20px;}

.rating-more{border-top: 1px solid #e4e4e4; position: relative; text-align: center;}
.rating-more a{ background-color: #e4e4e4; border-radius: 0 0 4px 4px; color: #0c9c58;; display: inline-block; font-size: 12px; font-weight: bold; padding: 7px 20px; text-decoration: none; }
.rating-more a span{ background: transparent url("/library/images/icon.png") no-repeat scroll -267px -147px; display: inline-block; height: 16px; width: 16px;}
/*intro========*/
.intro-content{ font-size:16px; line-height:22px;}
.intro-content img{ max-width: 100% !important; height: auto !important;}
.intro-content iframe{max-width:100%;}
div.intro-content .procontent-img img{ max-width:90% !important; border-radius:12px;}
.info-pay { background-color:#fff; max-width:960px; border:solid 1px #eee;}
.info-pay .payTitle { font-weight:700; text-transform:uppercase; border-bottom:solid 1px #eee; padding:5px; background-color:#eee }
.info-pay .payList { border-bottom:solid 1px #eee; padding:5px 0 }
.info-pay .payList .payCols11 { float:left; width:23%; text-align:center }
.info-pay .payList .payCols12 { float:left; width:77% }
.info-pay .payList .payCols11 img { max-height: 80px; max-width:90% !important; }
.info-pay .payList .payCols21 { float:left; width:23%; text-align:center }
.info-pay .payList .payCols22 { float:left; width:62% }
.info-pay .payList .payCols23 { float:left; width:15%; text-align:right }
.info-pay .payList .payCols23 img { width:120px }
.info-pay .payList .payCols21 img { max-height: 80px; max-width:90% !important;}

.domain-title{ color:#0c9c58; font-size:32px; font-weight:bold; padding:0px 0px 10px;}
.domain-title1{ font-size:22px; padding:0px 0px 15px;}
.domain-form{ border:solid 2px #fcbc19; border-radius:4px; position:relative;}
.domain-form .cols1{ position:absolute; top:12px; left:10px; font-weight:bold; color:#0c9c58;}
.domain-form .cols1 .w1{ font-size:14px; display:inline-block;}
.domain-form .cols1 .w2{ font-size:18px; display:inline-block; padding:2px;}
.domain-form .cols1 .w3{ font-size:24px;  display:inline-block;}
.domain-form .cols2{ padding:9px 100px 9px 70px}
.domain-form .cols2 input{ width:100%; font-size:18px; padding:5px 0px; border:none; background:none;}
.domain-form .cols3{ position:absolute; top:0px; right:0px;}
.domain-form .cols3 a{ display:inline-block; margin:0px; padding: 14px 40px; background: #fcbc19; color: #fff; border: none; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; position: relative; z-index: 1; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.domain-form .cols3 a::after { position: absolute; content: ""; clear: both; display: block; overflow: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background: #0c9c58; width: 5%; height: 100%; top: 0; left: 0; z-index: -1; }
.domain-form .cols3 a:hover::after { width: 100%;  }
.domain-form .loadSend{ position:absolute; top:0px; right:0px; z-index:1; background-color:#fcbc19; padding:14px 33px; display:none;}
.domain-check{ padding:10px 0px;}
.domain-check .cols11{ color:red; font-weight:bold; font-size:16px;}
.domain-check .cols21{ color:blue; font-weight:bold; font-size:16px;}
.domain-check a.cols14{ display: inline-block; padding: 2px 15px; color: #0c9c58; border: solid 1px #0c9c58; border-radius: 8px;}
.domain-check a.cols14:hover{ background-color:#fcbc19;}

/*Contact========*/
.contact-left{ float:left; width:60%;}
.contact-right{ float:right; width:35%;}
.contact-left .title{ font-size:18px; font-weight:bold; padding:10px 0px; margin:0px;}
.contact-left .content{ font-size:16px; line-height:32px; padding:5px 0px;}
.contact-left .content a{ text-decoration:none; color:#000000;}
.contact-left .pay{ padding-top:10px; border-top:dotted 1px #666; font-size:15px; line-height:26px;}
.contact-left .pay p{ margin:0px; padding-bottom:10px;}
.contact-left .maps{ padding-top:10px; border-top:dotted 1px #666;}

.contact-form .none{ font-size:16px; font-style:italic; color:#666666; line-height:22px;}
.contact-cols1{ float:left; width:22%; color: #6F6F6F; font-weight:bold; padding:10px 0px;}
.contact-cols2{ float:left; width:78%; text-align:right; padding:10px 0px;}
.contact-cols2 .b{ border:solid 1px #C0C0C0; padding:5px; background-color:#ffffff;}
.contact-cols2 .cssTextBox { font-size: 13px; width: 100%; border:none; background:none;}
.contact-cols2 .cssTextBox1{font-size: 13px; height:100px; width:100%; border:none; background:none;}
.contact-sendFull{ color: #333333; font-size: 14px; font-weight:bold; padding:10px;}
.contact-cols2 .sub{ display: inline-block; background-color: #fcbc19; padding: 10px 25px; border: none; border-radius: 4px; color: #000000; text-transform: uppercase; cursor: pointer; text-decoration: none; font-weight:bold;}
.contact-cols2 .sub:hover{ background:#0c9c58; color:#ffffff;}
.contact-form .captcha{font-size:13px; border:solid 1px #d1d1d1; height:24px; color:#666666;}
.contact-form .formContactSend{ position: absolute; right: 0px; top: 0px; background-color: rgb(255, 255, 255); height: 49px; width: 100%; text-align:center; display:none; font-weight:bold;}
.contact-form .full-send{ font-size: 16px; text-align: center; line-height: 22px;}
.contact-form .full-error{ font-size:15px; color:red; text-align:center;}
div.contact-captcha .cols1{ float:left; width:40%; text-align:left;}
div.contact-captcha .cols2{ float:left; text-align:left;}
@media screen and (max-width: 850px) {.contact-right{ float:none; width:auto; padding:10px;} .contact-left{ float:none; width:auto; padding:10px;} }
/*job====*/
.job-border{ background-color:#ffffff; max-width:960px; margin:0px auto;}
.job-border .left{ float:left; width:30%; }
.job-border .right{ float:right; width:70%;}
.job-border .left .newSpecial{ border:none;}
.job-border .title{ color:#666679; border-bottom:solid 1px #d6d6d6; padding:10px 0px; font-weight:bold; font-size:18px;}
.job-list{ border-bottom:solid 1px #d6d6d6; padding:15px; border-left:solid 1px #d6d6d6;}
.job-list .cols1{ float:left; width:80%;}
.job-list .cols2{ float:right; color:#666666; font-size:13px; text-align:right;}
.job-list .cols1 a{ color:#333333; text-decoration:none; font-size:16px; display:block;}
.job-list .cols1 a span{ font-weight:bold;}
.job-list .cols1 a:hover{ color:red;}
.job-list .cols2 .date3{ color:red;}
.job-list .cols2 a.date1{ color:#666666; text-decoration:none;}
.job-list .cols2 a.date1 .date11{ display:block; }
.job-list .cols2 a.date1 .date12{ display:block; color:blue; padding-top:5px;}
.job-list .cols2 a.date2{ color:#666666; text-decoration:none;}
.job-list .cols2 a.date2 .date21{ display:block; }
.job-list .cols2 a.date2 .date22{ display:block; color:blue; padding-top:5px; color:#0c9c58; font-size:14px; font-weight:bold;}
.job-list .cols2 a.date2 .date22:hover{ color:red;}
.job-list .cols1 .info{ padding:10px 18px; color:#666666; font-size:13px;}
.job-list .cols1 .info .row1{  padding-bottom:10px;}
.job-list .cols1 .info .row1 span{ display:inline-block; width:18px; height:22px; background: url("/library/images/icon.png") no-repeat scroll -219px -71px transparent; vertical-align:middle;}
.job-list .cols1 .info .row2{ float:left; padding:0px 10px 0px 0px; border-right:solid 1px #cac8c8;}
.job-list .cols1 .info .row2 span{ display:inline-block; width:18px; height:22px; background: url("/library/images/icon.png") no-repeat scroll -237px -71px transparent; vertical-align:middle;}
.job-list .cols1 .info .row3{ float:left; padding-left:10px;}
.job-list .cols1 .info .row3 span{ display:inline-block; width:18px; height:22px; background: url("/library/images/icon.png") no-repeat scroll -255px -71px transparent; vertical-align:middle;}
.job-list:hover{ background-color:#fdf7dd;}

.jobDetail .left{ float:right; width:65%; background: #fff; border: 1px solid #d6d6d6; box-shadow: 0 7px 9px rgba(232,232,232,.5); padding:10px 0px;}
.jobDetail .right{ float:left; width:32%; position:relative;}
.jobDetail .right .jobfix{ position: fixed; width: 380px; top: 70px; z-index:1;}
.jobDetail h1{ margin:0px; font-size:28px; padding:10px 0px;}
.jobDetail .left h2.t{ margin:0px; padding:10px 20px;  border-bottom:dotted 1px #cac8c8;}
.jobDetail .left .content{ font-size:16px; line-height:24px; padding:5px 20px;}
.jobDetail .right .border{ background-color:#ffffff; padding:20px;}
.jobDetail .right .border .cols1{ float:left; width:35%; padding:10px 0px; border-bottom:dotted 1px #cac8c8;}
.jobDetail .right .border .cols2{ float:right; width:65%; padding:10px 0px; font-weight:bold; border-bottom:dotted 1px #cac8c8;}
.jobDetail .right .border .order{ padding:20px 0px 0px; text-align:center;}
.jobDetail .right .border .order a{ display:block; font-size: 16px; color: #fff; text-transform: uppercase; padding: 15px; text-decoration:none;}
.jobDetail .right .border .order1 a{ background-color:#666666;}
.jobDetail .right .border .order2 a{ background-color:#666666;}
.jobDetail .right .border .order3 a{  background: linear-gradient(180deg,#f69102 0%,#fc6e1e 100%); border: 1px solid #f5630c;}

.jobForm{ margin:0px auto; max-width:960px;}
.jobForm form{  margin:10px 0px 20px; background-color:#ffffff; border:solid 1px #d6d6d6; padding:10px 0px;}
.jobForm .title1{ padding:10px; text-align:center; font-size:20px;}
.jobForm .title2{ padding:0px 10px 10px; text-align:center; font-size:32px; color:#333333; font-weight:bold; border-bottom:dotted 1px #d6d6d6;}
.jobForm form .form{ padding:20px 50px;}
.jobForm form .form .cosl{ padding:5px 0px;}
.jobForm form .form .cosl .t{ font-weight:bold; padding:5px 0px;}
.jobForm form .form .cosl .t span{ color:red;}
.jobForm form .form .cosl .b{ border:solid 1px #cbcbcb; border-radius:2px; padding:5px;}
.jobForm form .form .cosl .b .textarea{ width:100%; border:none; height:200px;}
.jobForm form .form .cosl .b .textbox{ width:100%; border:none; padding:5px 0px;}
.jobForm form .form .cosl21{ float:left; width:48%;}
.jobForm form .form .cosl22{ float:right; width:48%;}
.jobForm form .form .captcha .captcha-cols1{ float:left;}
.jobForm form .form .captcha .captcha-cols2{ float:left;}
.jobForm form .form .captcha .captcha-cols1 .captcha-b{ border:solid 1px #cbcbcb; border-radius:2px 0px 0px 2px; padding:5px;}
.jobForm form .form .captcha .captcha-cols1 .captcha-b .captcha-textBox{ border:none;}
.jobForm form .form .submit{ padding:10px; position:relative; text-align:center;}
.jobForm form .form .submit .sub{ display:inline-block; border-radius:4px; padding:10px 25px; color:#ffffff; font-size:18px; background: linear-gradient(180deg,#f69102 0%,#fc6e1e 100%); border: 1px solid #f5630c; cursor:pointer;}
.jobForm form .form .submit .sub:hover{ background: linear-gradient(180deg,#f69102 0%,#ff0000 100%);}
.jobForm form .form .submit .loadSend{ position:absolute; top:10px; left:0px; right:0px; background-color:#ffffff; height:45px; display:none;} 
.jobForm form .full{ text-align:center; font-size:18px; line-height:26px; padding:20px 0px 50px;}
@media screen and (max-width: 850px) {
    .job-list .cols1{ float:none; width:auto;}
    .job-list .cols2{ float:none; width:auto;}
    .jobDetail .left{ float:none; width:auto;}
    .jobDetail .right{ float:none; width:auto;}
    .jobForm form .form{ padding: 20px 10px;}
}
/*customer======*/
.customer-title{ text-align:center; padding:20px 10px 0px; margin:0px;}
.customer-none{ text-align:center; color:#333333; font-size:16px; padding:10px;}
.customer-list{ padding:10px 0px; display:flex; flex-wrap:wrap; }
.customer-list .list{ float:left; width:calc(33.33% - 40px); margin:20px;}
.customer-list .list .img img{ width:100%;}
.customer-list .list .link{ padding:0px 0px 10px;}
.customer-list .list .link a{ font-size:18px; color:red; text-decoration:none;}
.customer-list .list .link a:hover{ color:#0c9c58;}
.customer-list .list .name{ font-size:16px; font-weight:bold; padding:15px 0px 10px 0px;}
.customer-list .list .summary{ font-size:16px; padding-bottom:10px; color:#333333; line-height:24px;}
/*modal========*/
.modal { display: none; background: rgba(0, 0, 0, .30); z-index: 999; }
.modal .modal-dialog { position: relative; margin: 30px auto; width: 1100px; border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal-open { overflow: hidden; }
.modal { bottom: 0; display: none; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1040; }
.modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out 0s; }
.modal.in .modal-dialog { transform: translate(0px, 0px); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { margin: 10px; position: relative; width: auto; }
.modal-content { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; position: relative;}
.modal { display: none; background: rgba(0, 0, 0, .30); z-index: 999; }
.modal .modal-dialog { position: relative; margin: 30px auto; border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal .modal-dialog { width: 500px; }
@media screen and (max-width: 550px){ .modal .modal-dialog { margin: 30px auto; width: 95%; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}
@keyframes bounceOutUp {20% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);} 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } 
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

/*thickbox===========*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666;}

#TB_window a:link {color: #3d3d3d; float:right;}
#TB_window a:visited {color: #3d3d3d;}
#TB_window a:hover {color: #3d3d3d;}
#TB_window a:active {color: #3d3d3d;}
#TB_window a:focus{color: #3d3d3d;}

#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}
* html #TB_window { /* ie6 hack */
	position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;}
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow{ height:0px; overflow:hidden;}
#TB_closeAjaxWindow a{ background: url("/library/images/thickbox.png") no-repeat scroll left top transparent; height: 30px; padding-left: 30px; position: absolute; right: -46px; top: -15px; width: 30px;}
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal{ padding:15px;}
#TB_ajaxContent p{ padding:5px 0px 5px 0px;}
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */
	position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

/* FlexSlider Necessary Styles
*********************************/
.banner-slide img { width: 100%; }
.flexslider .slides{ padding:0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; list-style:none !important;}
.flexslider .slides img {width: 100%; display: block;}

.slides:after { display:none;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {position: relative; clear:both; overflow:hidden; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 460px;}
.flexslider .slides { margin:0; }

.flex-direction-nav {display:none; margin:0 !important; z-index:999; }
.flex-direction-nav  li{ list-style:none;}
.flexslider:hover .flex-direction-nav { display:block;  margin:0 !important;  }
.flex-direction-nav li a.flex-next{  background: url("/library/images/sprite.png") no-repeat scroll  -47px -7px transparent; font-size: 0; height: 40px ; position: absolute; right: 10px; top: 40%; width: 40px;}
.flex-direction-nav li a.flex-prev{ background: url("/library/images/sprite.png") no-repeat scroll left -7px transparent; height: 40px !important; left: 10px; position: absolute; top:40%; width: 40px !important; font-size:0; }
.flex-direction-nav li a.flex-prev:hover{ background-position:left -47px;} 
.flex-direction-nav li a.flex-next:hover{ background-position:-47px -47px;}

.flex-control-nav {position: absolute; bottom:10px; left:0; margin:0 !important; padding:0 !important; z-index:1; width: 100%; text-align:right; padding-right:20px; }
.flex-control-nav li {margin: 0 3px;display:inline-block; font-size:0; }
.flex-control-paging li a { background: url('/library/images/sprite.png') -98px -5px no-repeat; cursor: pointer; display: block; height: 16px; text-indent: -9999px; width: 16px; font-size:0; }
.flex-control-paging li a:hover ,.flex-control-paging li a.flex-active{ background-position: -98px -27px; }
.flex-control-paging li a.flex-active{  cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*Swiper=======*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%;text-align:center;}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.footer{ background-color:#fcbc19; padding:30px 0px; }
.footer .rows{ float:left; width:20%;}
.footer .rows .t{ font-weight:bold; font-size:16px; padding-bottom:10px;}
.footer .rows a{ color:#000000; text-decoration:none;}
.footer .rows a:hover{ color:#0c9c58;}
.footer .rows1{ width:calc(40% - 50px); margin-right:50px;}
.footer .rows.rows1 p{ margin:0px; line-height:22px; position:relative; padding:10px 0px 10px 30px;}
.footer .rows.rows1 p span{ position:absolute; top:10px; left:0px; width:24px; height:24px; background:url(/library/images/icon.png) no-repeat -271px top transparent;}
.footer .rows.rows1 p.tel span{ background-position:-271px -24px; }
.footer .rows.rows1 p.mob span{ background-position:-271px -48px; }
.footer .rows.rows1 p.email span{ background-position:-246px -48px; }
.footer .rows.text a{ display:block; padding:10px 0px;}
.footer .rows.text h3{ font-size:14px; font-weight:400; margin:0px;}
.footer .rows.rows1 .share{ padding:0px 0px 5px; text-align:right; margin-top:-40px; float:right; position:relative; z-index:1;}
.footer .rows.rows1 .share a{ display:inline-block; width:40px; height:40px; margin-right:5px; background:url(/library/images/icon.png) no-repeat -42px -42px transparent;}
.footer .rows.rows1 .share a.you{ background-position-x:left; }
.footer .rows.rows1 .facepage{ background-color:#ffffff; border-radius:8px; border:solid 4px #fddc89; padding:5px;}
.footer .rows.rows1 a.skype{ display:inline-block; width:64px; height:24px; background:url(/library/images/icon.png) no-repeat -204px -96px transparent;}

.footer-copy{ background-color:#0c9c58; padding:20px 0px; color:#d3f5e5; line-height:20px; font-size:13px;}
.footer-copy .l{ float:left; position:relative; padding-left:130px;}
.footer-copy .r{ float:right; padding-top:10px;}
.footer-copy .r .bct{ float:left; width:139px; height:54px; background:url(/library/images/icon.png) no-repeat -80px -42px transparent; display:none;}
.footer-copy .r .dmca-badge{ float:left; margin:10px 5px 0px;}
.footer-copy .r #OneSignRoot{ float:left; margin-top:8px;}
.footer-copy .l a.logo{ position:absolute; top:20px; left:0px;}
.footer-copy .l a.logo img{ width:120px;}

#toCall{ position: fixed; bottom:20px; right:10px; z-index: 2;}
#toCall .rows{ padding:5px 0px;}
#toCall .rows a{ display:block; background: #fff; padding: 10px 20px 10px 60px; border-radius: 10px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%); position:relative; line-height:20px;}
#toCall .rows a span.symbol{ position:absolute; top:10px; left:10px; width:40px; height:40px; background:url(/library/images/icon.png) no-repeat -44px -96px transparent;}
#toCall .rows a span.text{ display:block; font-weight:bold; color:#0c9c58;}
#toCall .rows a span.note{ color:#666666; display:block; font-size:13px;}
#toCall .rows.rows-zale a span.symbol{ background-position-x:-84px;}
#toCall .rows.rows-tel a span.symbol{ background-position-x:-124px;}
.telfixM{ background-color:#fafafa; position:fixed; bottom:0px; width:100%; z-index:99;border-top:1px solid #f4f4f4; box-shadow:0 3px 6px #333333; display:none;}
.telfixM .cols{ float:left; width:25%;}
.telfixM .cols a{ color:#333333; text-decoration:none; display:block; padding:5px 0px; text-align:center;}
.telfixM .cols1 a{ border-left:0px;}
.telfixM .cols a span.symbol{ display:inline-block; width:40px; height:40px; background: url("/library/images/icon.png") no-repeat scroll -184px -190px transparent;}
.telfixM .cols a span.txt{ display:block;}
.telfixM div.cols1 a span.symbol{ background-position:-44px -96px;}
.telfixM div.cols2 a span.symbol{ background-position:-84px -96px;}
.telfixM div.cols3 a span.symbol{ background-position:-124px -96px;}
.telfixM div.cols4 a span.symbol{ background-position:-164px -96px;}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 
    20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
    30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
    40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
    50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
    60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
    70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
    80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
    90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
    100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}
@keyframes hvr-buzz-out {
  10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}
.hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

.desktop { display: block; }
.desktop5{ display:block;}
.mobile{ display:none;}
.mobile5{ display:none;}
@media screen and (max-width: 1200px)
{
    .header .l{ float:none; width:auto; text-align:center;}
    .header .l a{ padding:10px 0px;}
    .header .r{ float:none; width:auto; text-align:center; border-top:solid 1px #e8e5e5;}
    .header .r li:first-child{ border-left:none;}
    .header .r li .h_menu_sub .border{ width:auto; text-align:left;}
}
@media screen and (max-width: 850px) {
    .header{ position:sticky; top: 0; left: 0; right: 0px; box-shadow: 2px 4px 8px rgba(140, 129, 129, 0.25); z-index: 9; background-color: #0c9c58; border-bottom: none;}
    .header .fix{ position:relative;}
    .header .menu{ position:absolute; top:10px; right:10px; padding:5px; border:solid 2px #fcbc19; border-radius:4px; display:inline-block;}
    .header .menu a{ display:inline-block; width:24px; height:24px; background:url(/library/images/icon.png) no-repeat -219px -47px transparent; }
    .header .r{ display:none;}
    .h-about{ padding:20px 10px;}
    .h-about .l{ float:none; width:auto;}
    .h-about .r{ float:none; width:auto;}
    .h-about .l img{ display:none;}
    .h-about .l .more{ padding:10px 0px;}
    .h-service .row .col{ width: calc(50% - 20px); padding:0px 0px 20px;}
    .h-web .title{ padding:30px 0px;}
    .h-web .content .list{ width: calc(50% - 30px); padding:20px 0px;}
    .h-partner .r{ width:51%;}
    .h-partner .r .content .list{ width:33.33%;}
    
    .cate-list-partner .content .list{ width:20%;}
    .cate-pro .list{ width: calc(50% - 20px); margin:5px 10px; border-bottom:solid 1px #ddd;}
    .cate-pro-partner .l{ float:none; width:auto;}
    .cate-pro-partner .r{ float:none; width:auto;}

    .proDetail-other .list{ width: calc(50% - 30px);}
    .proDetail-content{ padding:10px;}
    .procontent-left{ float:none; width:auto;}
    .procontent-right{ float:none; width:auto;}
    div.proDetail-content .procontent-img img{ max-width:100% !important; }
    .intro-title{ padding:0px 10px;}
    .intro-content{ padding:0px 10px;}

    .customer-list .list{ width: calc(50% - 40px);}

    .footer{ padding:20px 10px;}
    div.footer .rows1{ float:none; width:auto; margin-right:0px; padding:0px 0px 20px;}
    .footer .rows{ width:33.33%;}
    .desktop{ display:none;}
    .mobile{ display:block;}
}
@media screen and (max-width: 500px) {
    .h-service .row{ padding:20px 0px;}
    .h-service .row .col{ float:none; width:auto; }
    .h-web .content .list{ float:none; width:auto; margin:10px 15px;}
    .h-partner .l{ float:none; width:auto;}
    .h-partner .r{ float:none; width:auto;}
    .h-partner .r .content .list .b a img{ width:100%; height:100%;}
    
    .cate-pro{ display:block;}
    .cate-pro .list{ float:none; width:auto; margin:0px 10px; padding:10px 0px;}  
    .cate-list-partner .content .list{ width:33.33%;}
    .cate-pro-partner .r .content .list{ width:33.33%;}
    .cate-pro-partner .r .content .list .b a img{ width:100%; height:100%;}
    .cate-pro-support{ padding:5px 10px 10px}
    .proDetail-other{ display:block;}
    .proDetail-other .list{ float:none; width:auto;}
    .rating-l{ width:60%;}
    .rating-r{ width:38%;}
    .customer-list{ display:block;}
    .customer-list .list{ width:auto; float:none; border-bottom:solid 1px #eeeeee;}

    .info-pay .payList .payCols11 { width:35% }
    .info-pay .payList .payCols12 { width:65% }
    .info-pay .payList .payCols21 { float:left; width:35% }
    .info-pay .payList .payCols22 { float:left; width:65% }
    .info-pay .payList .payCols23 { display:none }

    .footer .rows{ float:none; width:auto; padding-top:20px;}
    .desktop5{ display:none}
    .mobile5{ display:block;}
}