﻿@charset "utf-8";
*{font-family:Arial ;    font-size: 13px; }
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
/*.img-responsive{max-width: 100%;height: auto}*/
.img-responsive{max-width: 100%;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none;}
body,th,td,button,input,select,textarea{ font-family:;font-size:12px;color:#000;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6; min-width:1200px}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1}
.ib{display:inline-block;*display:inline;*zoom:1; vertical-align:middle}
/*******************************************/
.head-top{height: 36px;background-color: #f9f9f9;}
.head-top .icon li{float: left;margin-top: 11px;}
.head-top .icon li a{display: block;width:40px;height:20px;text-align: center;}
.head-top .nav li{float: left;height: 36px;line-height: 36px;width:75px;text-align: center;}
.head-top .nav li.shape{width:1px;background: url(../images/ojy-1.jpg) no-repeat center center;height: 36px;}
.head-top .nav li a{color:#8b8b8b;}
.head-top .nav li a:hover{color:#00b0ec;}
.head-main{padding:7px 0 0px 0;background-color: #ffffff;}
.head-main .add{}
.head-main .add li{display:inline-block;height: 59px;}
.head-main .add li.phone{background: url(../images/png-4.png) no-repeat left center;font-family:Century Gothic;font-size: 30px;line-height: 50px;color:#616162;text-indent: 65px;}
.head-main .add li.mail{background: url(../images/png-5.png) no-repeat left center;font-family: Century Gothic;font-size:14px;font-weight: bold;color:#616162;padding-left: 65px;margin-left: 48px;line-height: 20px;}
.head-main .add li.mail .center{margin-top: 8px;}
.head-nav{background-color: #424649;height: 50px;position: absolute;z-index: 999999;left:0;top:143px;width: 100%;}
.head-nav.fixed{position: fixed;left:0;top:0;}
.navBar{position:relative; z-index:1;color:#fff;height: 50px;float: left;}
.navBar .nav{ width:612px; font-family:Arial;  }
.navBar .nav h3{font-weight:bold; font-size:14px;color:#ffffff;}
.navBar .nav .m{  position:relative; float:left; width:153px;text-align:center;   }
.navBar .nav .m h3 em{display: inline-block;*display:inline; zoom:1; background: url(../images/ojy-3.jpg) no-repeat;overflow: hidden;width: 4px;height: 4px;margin: -2px 6px 0 5px;vertical-align: middle;}
.navBar .nav h3 a{  zoom:1;  height:54px; display:block; color:#fff}
.navBar .nav li:hover a{background: url("../images/png-7.png") no-repeat center;background-size: 200%;color:#333333;}
.navBar .nav li:hover h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.navBar .cnm{width: 153px;position: relative;float: left;text-align: center;}
.navBar .cnm:hover{background: url("../images/png-7.png") no-repeat top center;}
.navBar .cnm:hover a{color:#333333;}
.navBar .cnm i{cursor: pointer; display:inline-block; *display:inline; zoom:1; width: 17px; height: 17px; background:url(../images/ojy-2.jpg) no-repeat; overflow:hidden; margin:-2px 4px 0 5px;  vertical-align:middle; /*filter:alpha(opacity=50);opacity:0.5;*/  }
.navBar .cnm a{zoom:1;display: inline-block;*display: inline;color:#fff;font-weight:bold; font-size:14px;}
.navBar .cnm .sub{ display:none; width:153px; padding:10px 0;position:absolute;top:50px;left:0;  background: url(../images/png-6.png) no-repeat center;  background-size:100% 100%; float:left; line-height:30px;  }
.navBar .cnm .sub li{ text-align:center;  }
.navBar .cnm .sub li a{ color:#fff; display:block; zoom:1;}
.navBar .cnm .sub li a:hover{color:#00b0ec;   }
.navBar .cnm .sub dl{width:100px;border-right:1px solid #4c4a4b;height:480px; display:inline-block; *display:inline; zoom:1; vertical-align:top;line-height:22px;font-family: Arial;text-align: left;padding:0 12px;}
.navBar .cnm .sub dl.no{border:none;}
.navBar .cnm .sub dl a:hover{ color:#00b0ec;}
.navBar .cnm .sub dl dt a{ color:#ffffff;font-size: 14px;font-weight: bold;display: block;height: 30px;line-height: 30px;text-transform: uppercase;}
.navBar .cnm .sub dl dd a{ color:#ffffff;font-size: 12px;font-weight: normal;line-height: 18px;}
.navBar .cnm .sub{ z-index:1; width:1200px;height: 500px;padding:0;}
.navBar .cnm .sub .pad{padding:14px;}
.navBar .cnm .sub .icons{background: url(../images/ojy-4.jpg) no-repeat;height: 85px;width:85px;margin: 0 auto;}
.navBar .cnm .sub .ioc-1 {background: url(../images/cate_01.jpg) no-repeat;}
.navBar .cnm .sub .ioc-2 {background: url(../images/cate_02.jpg) no-repeat;}
.navBar .cnm .sub .ioc-3 {background: url(../images/cate_03.jpg) no-repeat;}
.navBar .cnm .sub .ioc-4 {background: url(../images/cate_04.jpg) no-repeat;}
.navBar .cnm .sub .ioc-5 {background: url(../images/cate_05.jpg) no-repeat;}
.navBar .cnm .sub .ioc-6 {background: url(../images/cate_06.jpg) no-repeat;}
.navBar .cnm .sub .ioc-7 {background: url(../images/cate_07.jpg) no-repeat;}
.navBar .cnm .sub .ioc-8 {background: url(../images/cate_08.jpg) no-repeat;}
.navBar .cnm .sub .ioc-9 {background: url(../images/cate_09.jpg) no-repeat;}
.form{padding:13px 0;float: right}
/*.form span{background: url(../images/png-8.png) no-repeat;display: block;width: 22px;height: 22px;line-height: 22px;text-align: center;float: left;color:#ffffff;margin-right: 3px;}*/
.form #divselect{width:111px; position:relative; z-index:10000;float: left}
.form #divselect cite{width:100px; height:24px;line-height:24px; display:block; color:#fff; cursor:pointer;font-style:normal;
    padding-left:4px;background:url(../images/png-11.png) no-repeat right center;}
.form #divselect ul{width:100px;background-color:#424649; position:absolute; z-index:20000;margin-top: 10px; display:none;}
.form #divselect ul li{height:24px; line-height:24px;}
.form #divselect ul li a{display:block; height:24px; color:#fff; text-decoration:none; padding-left:10px; padding-right:10px;}
.form #divselect ul li a:hover{background-color:#00b0ec;}
.form .divselect{width:111px; position:relative; z-index:10000;float: left}
.form .divselect h1{width:100px; height:24px;line-height:24px; display:block; color:#fff; cursor:pointer;font-style:normal;
    padding-left:4px;background:url(../images/png-11.png) no-repeat right center;}
.form .sele_none{width: 399px;position: absolute;top:38px;right:0;display: none;}
.form .sele_none .title{background: url(../images/png-39.png) no-repeat center;height: 50px;line-height: 50px;font-size: 16px;color:#ffffff;padding-left:15px;}
.form .sele_none .title a{display:block;float: right;font-size: 14px;color:#02abe5;font-weight: bold;background: url(../images/png-40.png) no-repeat center;width: 109px;height: 28px;text-align: center;line-height: 28px;margin: 10px 10px;}
.form .sele_none .sen_ul{width: 399px;background-color: #ffffff;padding:0 5px;box-sizing: border-box;*width:389px;overflow: hidden;}
.form .sele_none .sen_ul li{height: 55px;line-height: 55px;color:#979797;background-color: #eeeeee;text-align: center;margin: 8px 0;cursor: pointer;}
.form .sele_none .sen_ul li .shop{background-color: #ffffff;text-align:left;font-size: 14px;font-weight: bold;color:#333333;}
.form .sele_none .sen_ul li .shop em{background:url(../images/png-42.png) no-repeat;width: 14px;height: 14px;display:block;float: right;margin-top: 20px;margin-right: 10px;cursor: pointer;}
.form .sele_none .clear{background: url(../images/png-44.png) no-repeat bottom center;height: 45px;}
.form .sele_none .clear p{background-color: #ffffff;text-align: center;height: 39px;}
.form .sele_none .clear a{background: url(../images/png-43.png) no-repeat center;width: 110px;height: 28px;text-align: center;line-height: 28px;color:#ffffff;font-weight: bold;font-size: 14px;display: inline-block;*display:inline;zoom:1;}
.form .text-sub{float: left;margin-left: 10px;background: url(../images/png-9.png) no-repeat center;width: 280px;height: 33px;line-height: 33px;font-size: 14px;margin-top: -5px;}
.form .text-sub .text{border:none;width:220px;*width:225px;text-indent: 10px;font-size: 14px;line-height: 30px;}
.banner{height:538px;position:relative;z-index:0;top:0;left: 0;}
.banner .hd{ height:15px; width:100%; overflow:hidden; position:absolute; left:0;  bottom:20px; z-index:1; text-align:center}
.banner .hd ul{ overflow:hidden; zoom:1; display:inline-block; *zoom:1;*display:inline}
.banner .hd ul li{  border-radius:5px; float:left; margin:0 5px;  width:10px; height:10px; font-size:0; text-indent:200px; overflow: hidden; cursor:pointer; background:url(../images/png-12.png) left center no-repeat}
.banner .hd ul li.on{ background-position:right center;}
.banner .bd{ position:relative; height:100%; z-index:0}
.banner .bd ul{ width:100% !important}
.banner .bd li{ width:100% !important; zoom:1; vertical-align:middle}
.banner .bd li a{background: url(../images/ojy-5.jpg) no-repeat center;height: 538px;display: block;}
.main-1{padding:37px 0 32px;}
.main-1 li{float: left;margin-right: 26px;}
.main-1 li a{display: block;}
.main-1 li.no{margin: 0;}
.main-2{padding:16px 0 15px;background-color: #f5f5f5;}
.main-2 .m2-mail{float: left;background: url(../images/png-13.png) no-repeat left center;margin-top: -3px;padding-left:55px;font-family: Century Gothic;font-size: 16px;line-height: 22px;color:#9c9c9c;font-style: italic;}
.main-2 .m2-form{float: right;}
.main-2 .m2-form .text{background: url(../images/png-14.png) no-repeat center;width: 401px;height: 42px;border: none;line-height: 42px;text-indent:10px;}
.main-3{background-color: #fbfbfb;}
.main-3 .m3-t{padding:17px 0 0 610px;}
.main-3 .m3-t .ent{padding-right: 127px;font-size: 24px;color:#595656;line-height: 36px;font-family: Arial;font-weight: bold;}
.main-3 .m3-t .time{font-family: Century Gothic;color:#979696;margin: 20px 0 15px;}
.main-3 .m3-t .en{font-size: 12px;font-family: Arial;line-height: 20px;color:#807e7e;height: 120px;}
.main-3 .m3-t .more{background: url(../images/png-16.png) no-repeat right center;display: inline-block;*display:inline;zoom:1;width:97px;font-size: 12px;text-transform:uppercase;font-style: italic;color:#00acfe;}
.main-3 .m3-t .max-b{border-top: 1px dashed #e3e3e3;padding:21px 0;}
.main-3 .m3-t .max-b .sub{background: url(../images/index-1.png) no-repeat center;float: right;display: block;width: 122px;height: 43px;}
.main-3 .m3-t .max-b li{background: url(../images/png-17.png) no-repeat left center;font-family: Arial;color:#ababab;height: 24px;line-height: 24px;text-indent: 15px;}
.main-top{background: url(../images/png-19.png) no-repeat center top;height: 60px;padding-top: 15px;font-family: Century Gothic;box-sizing: border-box;*height:45px;}
.main-top .en-1{text-align: center;font-size: 18px;font-weight: bold;line-height: 18px;color:#585858;}
.main-top .en-2{text-align: center;font-size: 14px;line-height: 18px;color:#8d8d8d;}
.main-4{color:#ffffff;}
.ware,.ware-f,
.choose{margin-top: 30px;min-height: 250px}
.ware li{height: 329px;float: left;position: relative;margin-right: 33px;margin-bottom: 22px;}
.ware li.no{margin-right: 0;}
.ware li a{display: block;}
.ware li .ibox{width:206px;height: 206px;text-align: center;border: ;}
.ware li .ibox span{display: inline-block;vertical-align: middle;height: 100%;}
.ware li .ibox img{vertical-align: middle;}
/*.ware li .tbox{    text-align: center;/*padding:20px 0 0 38px;}*/
.ware li .tbox .en-1{font-weight: bold;font-size: 14px;color:#5a5858;}
.ware li .tbox .en-2{font-size: 14px;color:#989898;line-height: 25px;padding-right: 20px}
.ware li .menb{background: url(../images/png-20.png) no-repeat center;position: absolute;top:0;left: 0;width: 275px;height: 300px;*width:199px;box-sizing: border-box;padding:0 38px;opacity: 0;z-index: 9999;filter:alpha(opacity=0);}
.ware li:hover .menb{opacity: 1;filter:alpha(opacity=100);}
.ware li .menb .title{height: 81px;border-bottom: 1px solid #5dc9fc;line-height: 100px;font-size: 14px;font-weight: bold;color:#ffffff;}
.ware li .menb .content{height: 140px;margin-top: 26px;color:#ffffff}
.ware li .menb .content p{line-height: 24px;color:#ffffff;font-size: 12px;}
.ware li .menb .view{font-size:12px;color:#ffffff;font-style: italic;width: 88px;background: url(../images/png-21.png) no-repeat right center; }
.choose li{float: left;width: 210px;height: 260px;text-align: center;overflow: hidden;font-family: Arial;margin: 0 45px;}
.choose li .en-1{font-size: 16px;font-weight: bold;height: 36px;line-height: 36px;color:#363333;margin-top: 9px;}
.choose li .en-2{font-size: 12px;line-height: 18px;color:#817f7f;}
.main-5{background-color: #fafafa;}
.main-5 .sbox{margin-top: 30px;font-family: Arial;}
.main-5 .sbox li{float: left;width: 250px;height: 382px;background-color: #ffffff;margin-right: 65px;}
.main-5 .sbox.b li{background-color: #fbfbfb;margin: 0 25px;}
.main-5 .sbox li.no{margin-right: 0;}
.main-5 .sbox li:hover{background-color: #00acfe;}
.main-5 .sbox li .en-1{height: 82px;border-bottom: 1px solid #f7f7f7;color:#383434;font-size: 18px;line-height: 82px;padding:0 35px;}
.main-5 .sbox li:hover .en-1{color:#ffffff;border-bottom: 1px solid #33bdfe;}
.main-5 .sbox li .img{padding:14px 35px;}
.main-5 .sbox li .img em{background: url(../images/png-26.png) no-repeat center;display:inline-block;*display: inline;zoom:1;width: 12px;height: 12px;margin: 2px;}
.main-5 .sbox li .val{padding:0 35px;font-size: 14px;line-height: 20px;color:#4fcdeb;}
.main-5 .sbox li:hover .val{color:#ffffff;}
.main-5 .sbox li .val em{background: url(../images/png-27.png) no-repeat;display:inline-block;*display: inline;zoom:1;width:21px;height: 16px;}
.main-5 .sbox li .val em.up{background-position: 0 0;margin-right: 15px;}
.main-5 .sbox li:hover .val em.up{background-position: 0 -17px;}
.main-5 .sbox li .val em.dowm{background-position: -21px 0;display: block;margin-top: 10px;}
.main-5 .sbox li:hover .val em.dowm{background-position: -21px -17px;}
.main-6{background-color: #ffffff;height: 115px;overflow: hidden}
.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;margin-top: 40px;float: left}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center;}
.main-7{background-color: #fbfbfb;}
.main-7 p{color:#8f8f8f;font-size: 12px;font-family: Arial;line-height: 20px;height: 37px;}
.main-7 p a{color:#8f8f8f;}
.main-7 p img{margin: 0 10px;}
.m7-head{padding:25px 25px 0;background-color: #ffffff;}
.m7-head dl{border:2px solid #fbfbfb;height: 51px;}
.m7-head dt{width:164px;background-color: #fbfbfb;float: left;text-align: center;line-height: 51px;}
.m7-head dd{width:162px;float: left;padding:16px 0;}
.m7-head dd a{display: block;background: url(../images/png-32.png) no-repeat 131px center;text-indent: 21px;color:#8d8d8d;border-right: 1px dashed #dddddd;}
.m7-head .cp-top{padding:15px 0 15px 10px;background-color: #fbfbfb;font-size: 18px;color:#767474;font-weight: bold;}
.cp-r li{float: left;border-right: 1px dashed #dddddd;}
.cp-r li.on a{color:#ea6350;}
.cp-r li.on a em{background-image: url(../images/png-34.png);}
.cp-r li a{padding:0 22px 0 18px;display: block;font-size: 12px;color:#767474;font-weight: normal;}
.cp-r li a em{background: url(../images/png-33.png) no-repeat center;width: 10px;height: 5px;*display: inline;display: inline-block;zoom:1;vertical-align: 2px;margin-left: 5px;}
.cp-r .cp-s{margin: -3px 10px 0;font-size: 12px;color:#767474;font-weight: normal;}
.cp-r .cp-s .prve,
.cp-r .cp-s .next{display: inline-block;*display: inline;zoom:1;background: url(../images/ojy-27.jpg) no-repeat left center;width: 23px;height: 23px;vertical-align:-5px;}
.cp-r .cp-s .next{background-position: right center;}
.main-8{}
.game163{ position: relative;overflow: hidden; width: 600px;float: left}
.game163 .bigImg{ width: 600px;height: 430px; position: relative;}
.game163 .bigImg li img{ vertical-align:middle;}
.game163 .smallScroll{ height: 100px; margin-top:24px; }
/*.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; }
.game163 .sNext{ background-position: 0 -2698px;}
.game163 .sPrev:hover{ background-position: 0 -3133px;}
.game163 .sNext:hover{ background-position: 0 -2785px;}*/
.game163 .smallImg{margin: 0 auto;width: 550px; overflow: hidden;}
.game163 .smallImg ul{ height:100px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left;width:127px;height: 98px; cursor:pointer;  display: inline;border: 1px solid #dcdddd;margin: 0 8px;}
.game163 .smallImg li.on{ border-color: #00acfe;}
.photo_box{position: relative; width: 600px;float: left;z-index: 5;}
.photo_box .s_img{width:550px;margin:24px auto 0;}
.photo_box .list_img{width:550px;height:100px;overflow:hidden;}
.photo_box .list_img li{height:98px;width:127px;text-align:center; cursor:pointer;border: 1px solid #dcdddd;margin: 0 8px;float: left;}
.photo_box .list_img li img{}
.photo_box .b_img{ width: 600px;height: 430px; position: relative;text-align: center;}
.m8-r{margin-left: 618px;position: relative;z-index: 0;}
.m8-r .title{padding-right: 24px;}
.m8-r .title img{margin-left:10px;}
.m8-r .title .en-1{font-size: 30px;font-weight: bold;height: 42px;line-height: 42px;color:#585858;}
.m8-r .title .en-2{height: 30px;line-height: 36px;font-size: 14px;color:#8b8b8b;}
.m8-r .title .en-2 em{color:#00acfe;}
.m8-r .box{height: 354px;border-top:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5;width:555px;background-color: #ffffff;}
.m8-r .box .value{margin-top: 20px;}
.m8-r .box .value li{background: url(../images/ojy-3.jpg) no-repeat left center;text-indent: 10px;font-size: 12px;font-family: Arial;color:#8c8c8c;height: 36px;line-height: 36px;}
.outBox .hd{height: 72px;background-color: #fbfbfb;font-family: Arial;}
.outBox .hd li{float: left;width:138px;height: 70px;border-bottom:2px solid #fbfbfb;text-align: center;line-height: 70px;color:#666666;font-size: 16px;font-weight: bold;cursor: pointer;}
.outBox .hd li.on{border-bottom: 2px solid #00acfe;}
.outBox .bd .inBox dl{background-color: #fbfbfb;font-family: Arial;height: 60px;margin-bottom: 5px;font-size: 14px;color:#666666;line-height: 60px;}
.outBox .bd .inBox dl dt{float: left;font-weight: bold;width: 115px;text-indent: 53px;}
.outBox .bd .inBox dl dd{float: left;width: 65px;}
/*.black-none{position: fixed;top:0;left: 0;background-color: #000000;background-color: rgba(0,0,0,0.5);filter:Alpha(opacity=50);z-index: 9999999999;height: 100%;width: 100%;display: none;}
.black-none .form{width:573px;border:2px solid #d3d3d3;background-color: #e7e7e7;padding:20px;box-sizing: border-box;*width:533px;position: absolute;left:50%;margin-left: -286px;top:220px;text-align: center;}
.black-none .form .sn{font-size: 20px;color:#4f4f4f;text-align: center;}
.black-none .form .en{text-align: center;font-size: 12px;color:#000000;}
.black-none .form table{width: 100%;}
.black-none .form table td{height: 30px;color:#444444;text-align: left}
.black-none .form table td em{color: #c30000;}
.black-none .form .but{margin-top: 20px;}
.black-none .form .close{display: block;background: url(../images/png-37.png) no-repeat center;width: 23px;height: 22px;position: absolute;right:20px;top:20px;cursor: pointer;}
*/
.black-none{position: fixed;top:0;left: 0;background-color: #000000;background-color: rgba(0,0,0,0.5);filter:Alpha(opacity=50);z-index: 99999;height: 100%;width: 100%;display: none;}
.form-n{width:573px;border:2px solid #d3d3d3;background-color: #e7e7e7;padding:20px;box-sizing: border-box;*width:533px;position: absolute;left:50%;margin-left: -286px;top:100px;text-align: center;z-index: 9999999;display: none;}
.form-n .sn{font-size: 20px;color:#4f4f4f;text-align: center;}
.form-n .en{text-align: center;font-size: 12px;color:#000000;}
.form-n table{width: 100%;}
.form-n table td{height: 30px;color:#444444;text-align: left}
.form-n table td em{color: #c30000;}
.form-n .but{margin-top: 20px;}
.form-n .close{display: block;background: url(../images/png-37.png) no-repeat center;width: 23px;height: 22px;position: absolute;right:20px;top:20px;cursor: pointer;}
.m8-r .coll{margin-top: 44px;}
.m8-r .coll a{display: inline-block;*display:inline;zoom:1;height: 50px;line-height: 50px;text-align: center;color:#ffffff;font-family: Arial;font-size: 14px;font-weight: bold;}
.m8-r .coll .cn-1{width:138px;background-color: #00acfe;margin-right: 10px;}
.m8-r .coll .cn-2{width:150px;background-color: #ea6350;margin-right: 10px;}
.m8-r .coll .cn-3{width:173px;background-color: #ea6350;}
.ware-f li{height: 329px;width: 258px;float: left;position: relative;margin-right: 33px;margin-bottom: 22px;}
.ware-f li.no{margin-right: 0;}
.ware-f li a{display: block;}
.ware-f li .ibox{width:225px;height: 225px;text-align: center;}
.ware-f li .ibox span{display: inline-block;vertical-align: middle;height: 100%;}
.ware-f li .ibox img{vertical-align: middle;}
/*.ware-f li .tbox{padding:20px 0 0 38px;    text-align: center;}*/
.ware-f li .tbox .en-1{font-weight: bold;font-size: 14px;color:#5a5858;}
.ware-f li .tbox .en-2{font-size: 14px;color:#989898;line-height: 25px;}
.ware-f li .menb{background: url(../images/png-20.png) no-repeat center;position: absolute;top:0;left: 0;width: 275px;height: 315px;*width:199px;box-sizing: border-box;padding:0 38px;opacity: 0;filter:alpha(opacity=0);}
.ware-f li:hover .menb{opacity: 1;filter:alpha(opacity=100);}
.ware-f li .menb .title{height: 81px;border-bottom: 1px solid #5dc9fc;line-height: 100px;font-size: 14px;font-weight: bold;color:#ffffff;}
.ware-f li .menb .content{height: 165px;margin-top: 26px;color:#ffffff}
.ware-f li .menb .content p{line-height: 18px;color:#ffffff;font-size: 12px;}
.ware-f li .menb .view{font-size:12px;color:#ffffff;font-style: italic;width: 88px;background: url(../images/png-21.png) no-repeat right center; }
.page{background-color: #ffffff;text-align: center;}
.page ul{display: inline-block;*display:inline;zoom:1;padding:25px 0;}
.page ul li{float: left;margin: 0 10px;}
.page ul li a{display: block;font-size: 14px;color:#6a6868;font-weight: bold;}
.page-prev,
.page-next{display: inline-block;*display:inline;zoom:1;width: 298px;height: 74px;line-height: 74px;text-align: center;text-transform: uppercase;font-size: 14px;color:#6a6868;font-weight: bold;}
.page-next{border-left: 2px solid #f5f5f5}
.page-prev{border-right: 2px solid #f5f5f5}
.page-prev em{display: inline-block;*display:inline;zoom:1;background:url(../images/png-35.png) no-repeat left center;width: 6px;height: 12px;margin: 0 10px;*vertical-align: 3px; }
.page-next em{display: inline-block;*display:inline;zoom:1;background:url(../images/png-35.png) no-repeat right center;width: 6px;height: 12px;margin: 0 10px;*vertical-align:3px;}
.footer{background-color: #303030;height: 130px;overflow: hidden;}
.foot-r{float: right;text-align: right;color:#ffffff;font-family: Arial;margin-top: 30px;}
.foot-r p{line-height: 18px;}
.foot-r .icon{display: inline-block;*display: inline;zoom:1;}
.foot-r .icon li{float: left;margin-top: 11px;}
.foot-r .icon li a{display: block;width:30px;height:20px;text-align: center;}
.foot-l{float: left;text-align: left;color:#ffffff;font-family: Arial;margin-top: 30px;}
.foot-l .nav li{float: left;height: 20px;line-height: 20px;width:65px;text-align: center;}
.foot-l .nav li.shape{width:1px;background: url(../images/ojy-1.jpg) no-repeat center center;height: 20px;}
.foot-l .nav li a{color:#ffffff;}
.foot-l .nav li a:hover{color:#00b0ec;}
.foot-l .sum{font-family: Century Gothic;font-size: 24px;text-indent: 10px;}
.foot-l .cop{font-size: 12px;color:#999999;text-indent: 10px;line-height: 10px;}
/**/
.cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff; cursor:url(../images/zoomin.cur),pointer;}
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
/*10-21*/
#content{background: #fff none repeat scroll 0 0;  box-sizing: border-box;  height: 100%;  margin: 12px auto 15px;  min-height: 350px;  padding: 0 2% 20px;  position: relative;  transition: transform 0.2s ease-in-out 0s;  width: 97%;}
.drop-shadow{box-shadow: 0 0 6px rgba(0, 0, 0, 0.28);}
.compare-h1{margin-bottom: 30px;padding-top: 40px;  text-align: center;  width: 100%;  z-index: 0;box-sizing: border-box;  color: #333;  font-size: 1.647em;  letter-spacing: -1px;}
.compare-allanjnr{left: -12px;  position: absolute;  top: -23px;}
.allanjnr{margin: 35px;}
.compare-h1 ~ span{color: #555;display: block;font-size: 12px;margin-bottom: 15px;text-align: center;}
.comparison-table-wrapper > table > tbody > tr > td{display:table-cell;border:1px solid #d3d3d3;border-width:1px 1px 0 1px;vertical-align:top;padding:3px 6px;line-height:150%;}
.comparison-table-wrapper > table > tbody > tr > td img{margin:10px 0;}
.comparison-table-wrapper > table > tbody > tr > th {background:#f3f3f3;border:1px solid #d3d3d3;border-width:1px 1px 0 1px;font-size:15px;line-height:120%;padding:6px 0;}
.comparison-table-wrapper .comp-row0{border-bottom:0;background:#f3f3f3;}
.comparison-table-wrapper .comp-row0 td{font-weight:700;font-size:14px;color:#4a83c9;border-bottom:0;padding:11px 6px 0 6px;line-height:100%;}
.comparison-table-wrapper .comp-row0 td div{position:relative;}
.comparison-table-wrapper .comp-row0 td a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color: #4a83c9;}
.comparison-table-wrapper .comp-row1 td{font-size:13px;color:#898989;border-top:0;margin-top:-8px;background:#f3f3f3;}
.comparison-table-wrapper .comp-row2 td{vertical-align:middle;background:none !important;}
.comparison-table-wrapper .comp-row0 svg,.comparison-table-wrapper .comp-row0 img{position:absolute;top:-7px;right:-1px;cursor:pointer;}
.no-svg .comparison-table-wrapper .comp-row0 img{top:-17px;}
.comparison-table-wrapper .comp-row3 td,.comparison-table-wrapper .comp-row7 td{font-weight:600;text-decoration:underline;padding-top:5px;}
.comparison-table-wrapper .comp-row6 td,.comparison-table-wrapper .comp-row10 td{color:#999;line-height:110%;padding:3px 10px 10px 10px;}
.comparison-table-wrapper .comp-row4 td,.comparison-table-wrapper .comp-row5 td,.comparison-table-wrapper .comp-row6 td,.comparison-table-wrapper .comp-row8 td,.comparison-table-wrapper .comp-row9 td,.comparison-table-wrapper .comp-row10 td{border-top:0;}
.comparison-table-wrapper .comp-row5 td,.comparison-table-wrapper .comp-row9 td{padding:7px 0;}
.comparison-table-wrapper .comp-row11, .comparison-table-wrapper .comp-row11 ~ tr{font-size:85%;}
.comparison-table-wrapper .comp-row12 td .pa-type:after{content:":";}
.comparison-table-wrapper .comp-row12 td li{list-style-type:none;}
.comparison-table-wrapper .comp-row14 td{font-size:93%;padding-top:10px;text-align:left;}
.comparison-table-wrapper .comp-row14 td p{font-size:12px !important;text-align:left !important;line-height:140%;}
.comparison-table-wrapper .comp-row14 td strong, .comparison-table-wrapper .comp-row14 td b,.comparison-table-wrapper .comp-row14 td h3{float:left;display:block;width:100%;}
.comparison-table-wrapper .comp-row14 h2{font-size:12px;}
.comparison-table-wrapper .comp-row14 td ul{width:85%;padding-left:15px;font-size:1em;}
.comparison-table-wrapper > table{border-bottom:1px solid #d3d3d3;border-collapse:collapse;text-align:center;border-spacing:0;margin:0 auto;}
.comparison-table-wrapper > table th, .comparison-table-wrapper > table td{padding:0 6px;font-size:13px;}
.comparison-table-wrapper > table table{border: 0 none;  border-collapse: collapse;  border-spacing: 0;  margin: 0 auto;  text-align: center;}
/*10.27*/
/*#header{position: fixed;top:0;left:0;width: 100%;z-index: 9999;}*/
#main{margin-top: 193px;}
/*10.28*/
.head-nav{background-color: #424649;height: 52px;position: absolute;z-index: 999999;left:0;top:143px;width: 100%;}
.head-nav.fixed{position: fixed;left:0;top:0;}



#main{margin-top: 65px;}




/*10.29*/
.news{padding:20px 0;}
.news dt{background: url(../images/gif-1.gif) no-repeat left center;height: 30px;line-height: 30px;font-size: 18px;padding-left: 10px;margin-bottom: 10px;}
.news dd{background: url(../images/png-17.png) no-repeat left center;line-height: 30px;font-size: 14px;padding-left:10px;height: 30px;border-bottom: 1px dotted #666666;}
.news dd a:hover{color:#00acfe}
.news dd span{color:#2b2b2c;font-size: 12px;float: right;margin-right: 20px;}
/*11.11*/
#about {margin: 0 auto; }
.about_left {
    float: left;
    margin-top: 35px;
    width: 203px;
    background: rgba(0, 0, 0, 0) url("../images/menubg.gif") repeat-y scroll left top;
    height: auto !important;
    min-height: 500px;
    overflow: visible;
}
.about_left1{background: rgba(0, 0, 0, 0) url("../images/about_05.gif") no-repeat scroll left 0;  padding: 0 0 0 25px;  position: relative;  width: 170px;}
.about_left1 span{background: transparent url("../images/member.png") no-repeat scroll left 0;float: left;height: 39px;left: 0;position: absolute;top: -35px;width: 203px;}
ul#menu{padding-top: 20px;}
ul#menu li{margin-top: 1px;}
ul#menu li a{color: #333333;display: inline-block;padding: 0 3px;width: auto;}
.about_right{float: right;line-height: 23px;width: 910px;}
.about_right p{height:auto;}
.about_right h2{background: rgba(0, 0, 0, 0) url("../images/about_07.gif") no-repeat scroll 6px center;  border-bottom: 1px solid #e3e3e3;  line-height: 43px;  padding-left: 17px;  text-align: left;  width: 910px;}
#content{background: #fff none repeat scroll 0 0;  box-sizing: border-box;  height: 100%;  margin: 12px auto 15px;  min-height: 550px;  padding: 0 2% 20px;  position: relative;  transition: transform 0.2s ease-in-out 0s;  width: 97%;}
.drop-shadow{box-shadow: 0 0 6px rgba(0, 0, 0, 0.28);}
.compare-h1{margin-bottom: 30px;padding-top: 40px;  text-align: center;  width: 100%;  z-index: 0;box-sizing: border-box;  color: #333;  font-size: 1.647em;  letter-spacing: -1px;}
.compare-allanjnr{left: -12px;  position: absolute;  top: -23px;}
.allanjnr{margin: 35px;}
.compare-h1 ~ span{color: #555;display: block;font-size: 12px;margin-bottom: 15px;text-align: center;}
.comparison-table-wrapper > table > tbody > tr > td{display:table-cell;border:1px solid #d3d3d3;border-width:1px 1px 0 1px;vertical-align:top;padding:3px 6px;line-height:150%;}
.comparison-table-wrapper > table > tbody > tr > td img{margin:10px 0;}
.comparison-table-wrapper > table > tbody > tr > th {background:#f3f3f3;border:1px solid #d3d3d3;border-width:1px 1px 0 1px;font-size:15px;line-height:120%;padding:6px 0;}
.comparison-table-wrapper .comp-row0{border-bottom:0;background:#f3f3f3;}
.comparison-table-wrapper .comp-row0 td{font-weight:700;font-size:14px;color:#4a83c9;border-bottom:0;padding:11px 6px 0 6px;line-height:100%;}
.comparison-table-wrapper .comp-row0 td div{position:relative;}
.comparison-table-wrapper .comp-row0 td a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color: #4a83c9;}
.comparison-table-wrapper .comp-row1 td{font-size:13px;color:#898989;border-top:0;margin-top:-8px;background:#f3f3f3;}
.comparison-table-wrapper .comp-row2 td{vertical-align:middle;background:none !important;}
.comparison-table-wrapper .comp-row0 svg,.comparison-table-wrapper .comp-row0 img{position:absolute;top:-7px;right:-1px;cursor:pointer;}
.no-svg .comparison-table-wrapper .comp-row0 img{top:-17px;}
.comparison-table-wrapper .comp-row3 td,.comparison-table-wrapper .comp-row7 td{font-weight:600;text-decoration:underline;padding-top:5px;}
.comparison-table-wrapper .comp-row6 td,.comparison-table-wrapper .comp-row10 td{color:#999;line-height:110%;padding:3px 10px 10px 10px;}
.comparison-table-wrapper .comp-row4 td,.comparison-table-wrapper .comp-row5 td,.comparison-table-wrapper .comp-row6 td,.comparison-table-wrapper .comp-row8 td,.comparison-table-wrapper .comp-row9 td,.comparison-table-wrapper .comp-row10 td{border-top:0;}
.comparison-table-wrapper .comp-row5 td,.comparison-table-wrapper .comp-row9 td{padding:7px 0;}
.comparison-table-wrapper .comp-row11, .comparison-table-wrapper .comp-row11 ~ tr{font-size:85%;}
.comparison-table-wrapper .comp-row12 td .pa-type:after{content:":";}
.comparison-table-wrapper .comp-row12 td li{list-style-type:none;}
.comparison-table-wrapper .comp-row14 td{font-size:93%;padding-top:10px;text-align:left;}
.comparison-table-wrapper .comp-row14 td p{font-size:12px !important;text-align:left !important;line-height:140%;}
.comparison-table-wrapper .comp-row14 td strong, .comparison-table-wrapper .comp-row14 td b,.comparison-table-wrapper .comp-row14 td h3{float:left;display:block;width:100%;}
.comparison-table-wrapper .comp-row14 h2{font-size:12px;}
.comparison-table-wrapper .comp-row14 td ul{width:85%;padding-left:15px;font-size:1em;}
.comparison-table-wrapper > table{border-bottom:1px solid #d3d3d3;border-collapse:collapse;text-align:center;border-spacing:0;margin:0 auto;}
.comparison-table-wrapper > table th, .comparison-table-wrapper > table td{padding:0 6px;font-size:13px;}
.comparison-table-wrapper > table table{border: 0 none;  border-collapse: collapse;  border-spacing: 0;  margin: 0 auto;  text-align: center;}
.formular{border: 1px solid #a5a8b8;  font-family: tahoma,verdana,"sans-serif";font-size: 12px;margin: 0 auto;padding: 5px 20px;width: 600px;}
.formular fieldset{border: 1px solid #b5b8c8;  margin-top: 20px;  padding: 15px;}
.formular legend{color: #15428b;  font-size: 12px;  font-weight: 900;}
.formular .text-input{background: #fff none repeat-x scroll 0 0;  border: 1px solid #b5b8c8;  color: #555;  font-size: 14px;  margin-top: 4px;  padding: 4px;  width: 250px;}
.formular input, .formular select, .formular textarea{display: block;  margin-bottom: 5px;}
.formular textarea{background: #fff none repeat-x scroll 0 0;  border: 1px solid #b5b8c8;  color: #555;  font-size: 14px;  margin-top: 4px;  padding: 4px;}
#saveForm{ background:url("../images/submit.gif") no-repeat scroll left center;  height: 22px;  margin-top: 15px;  width: 73px;border:none;}