@charset "utf-8";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;  font-family: "Open Sans", sans-serif; }

@font-face {
font-family: 'OpticianSans';
src: url('../font/Optician-Sans.otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat-Light-6';
src: url('../font/Montserrat-Light-6.otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helveticaneue';
src: url('../font/helveticaneue-light.otf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Yantramanav-Black';
src: url('../font/Yantramanav-Black.ttf');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Roboto';
src: url('../font/Roboto-Regular.ttf');
font-weight: normal;
font-style: normal;
}

img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }
i, em, cite {  }
body { background: #fff; }
a{ text-decoration:none; }

.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }

.fl { display: inline; float: left; }
.fr { float: right; }

.wrapper { width:100%; background:#fff; }

.container {border-bottom: 1px solid #e0e0e0; }

.ms { width:100%;}
.ms div { padding:15px 0px; float:left; width:29%; margin-right:3%; text-align:center; border:1px #f1f1f1 solid; border-radius:5px;   font-size:15px; font-weight:400; line-height:1.2; color:#555; text-transform: uppercase; font-family: 'Roboto'; background:#f7f7f7  }
.ms div b { font-size:22px; display:block; margin-top:5px; color:#FF6600; transition: all 0.4s ease-out; }
.ms div b:hover { color:#006699}

.header { height:45px; max-width:1200px; width:1200px; margin:auto auto;    }
.header .left { float:left; }
.header .left li { float:left; color:#64686D; line-height:45px; font-size: 0.8rem;  }
.header .left li a{ margin-right:20px; color:#666666; transition: all 0.4s ease-out; font-family: 'Roboto'; }
.header .left li a:hover { color:#0074BE; text-decoration: underline; transition: all 0.4s ease-out; }
.header .right { float:right; }
.header .right li { float:left; color:#64686D; line-height:45px; font-size: 0.8rem; font-family: 'Roboto'; }
.header .right li:nth-child(2){ margin-left:15px;}
.header .right li:nth-child(3){ margin-left:20px;}
.header .right li i{ margin-left:5px; }
.header .right li a{ margin-left:5px;  color:#666666  }
.header .right li a:hover { color:#0074BE;}

.top { max-width:1200px; margin:auto auto; height:90px; }
.top .logo { padding:20px 0px; float:left;  }
.top .logo img { height:50px; }

.menu { float:left; margin-left:37.3%; }
.menu li{ float:left; line-height:90px; transition: all 0.4s ease-out;  }
.menu li a { color:#666; font-family: 'Yantramanav-Black'; font-size:17px; font-weight:300;  padding:13px 16px; background:#fff; border-radius:5px;   text-transform:uppercase; margin-left:15px; letter-spacing: 0.15px; transition: all 0.2s ease-out;}
.menu li a:hover { color:#0074BE;  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15) inset;  }
.menu li.cur a{ color:#0074BE;  }

.banner{ background-size:cover; background-position: center center; background-repeat: no-repeat; position: relative; height:400px; }
.banner-bg { background:linear-gradient(45deg, #002340, #003866, rgba(0, 114, 190, 0.8)) !important; opacity:0.8 !important; height:400px; }
.text { width:1200px; margin:auto auto; color:#fff; position: relative; top:-230px; }
.text h2 { font-size:2rem; font-family: 'Roboto'; font-weight: 500 !important; letter-spacing:0.5px; text-transform: uppercase; }
.text p { font-size:1rem; font-family: 'Roboto'; font-weight:500 !important; letter-spacing:0.5px; text-transform:capitalize; margin-top:20px;}

.product_bg{background-image:url("/img/product.jpg");}

.solution_bg{background-image:url("/img/solution.jpg");}
.company_bg{background-image:url("/img/company.jpg");}

.contact_bg{background-image:url("/img/contact.jpg");}


.language {float:left; margin-left:0px; padding-left:30px;   width: 110px; height: 45px;position: relative; z-index:100 }
.language .yuyan { text-align:right; height: 45px; line-height: 45px; padding-right:15px; }
.language .yuyan i { font-size:1rem; font-family: 'Roboto'; position: absolute; display:block; margin-left:-4px; color:#666; }
.language .yuyan .current {text-overflow:ellipsis; overflow: hidden;white-space: nowrap;font-size:0.8rem; font-family: 'Roboto';display: inline-block;cursor: pointer;color: #444;}
.language .yuyan em {display: inline-block;background: url(../img/icon1.png) no-repeat center center;width: 7px;height: 4px;position: relative;top: -47%;margin-left: 6px;}
.language .content {text-align:left; border-top:1px #e0e0e0 solid;display: none;z-index: 999;position: absolute;left: 0px;top: 100%;width: 100%;font-size: 14px;background: rgba(255, 255, 255, 1); }
.language .content a { font-size:0.8rem; font-family: 'Roboto'; color: #444; padding: 2px 20px 2px 28px; display: block; border-bottom:1px #e0e0e0 solid;  line-height: 34px;}
.language .content a:hover { color: #006CA8; transition: all 0.4s ease-out;}

.productbg { background:#F0FAFF; height:125px; width:100%; }
.productlist { width:1200px; margin:auto auto; padding: 40px 0 30px; }
.productlist li { float:left; text-align:center; font-size:1rem;  margin-right:10px; border-radius:3px;   background:#0074BE;   text-transform:uppercase; color:#fff; }
.productlist li a{ color:#fff; text-decoration:none; padding: 0px 15px; line-height: 45px; display:block;  font-family: 'Roboto'; font-size:15px;  }
.productlist li:hover { background:#003966; transition: all 0.4s ease-out; }
.productlist .cur { background:#003966;  }

.cplist { width:1200px; margin:40px auto; }
.cplist li { width:22.55%; float:left; position: relative; margin-right:3%; margin-bottom:3%;border: 1px solid #e0e0e0;border-radius: 6px;background: linear-gradient(145deg, #fafafa 30%, #daeaf8 170%); }
.cplist li:nth-child(4n) { margin-right:0px;}
.cplist li picture { width:100%; }
.cplist li picture img { width:100%;-webkit-transition:transform .3s;
-o-transition:transform .3s;
transition:transform .3s; }
.cplist .product-details { padding: 0px 20px 20px; }
.cplist .product-details h2 {font-size: 1.2rem; font-weight: 500; line-height: 1.3; letter-spacing: 0px; font-family: 'Roboto'; }
.cplist li picture img:hover {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);}
.cplist a{ color:#333; }
.cplist .product-details p {color: #54595f; height:45px; font-size: 0.9rem; letter-spacing: 0.25px; line-height: 1.3; font-weight: 500; margin: 0; font-family: 'Roboto';  }
.cplist li:hover .entry-title { text-decoration:underline; color:#006699; transition: all 0.4s ease-out;}

.cplist li .device-name { margin-top:5px; display:block }

.cp-text { width:1100px; margin:auto auto; overflow: hidden; height:auto;   border-radius: 6px;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15) inset;background: #FFF;padding: 50px;margin-top: 50px; margin-bottom:150px;}
.cp-text .left { float:left; width:55%; padding-right:5%;}
.cp-text .left h2{ font-family: 'Roboto';   font-size: 2rem; margin-bottom:30px;  }

.cp { width:100%; margin:auto auto; height:auto; overflow:hidden; max-width:1200px; border-bottom:1px #ccc solid; padding-bottom:20px; }
.cp b { font-size:24px; color:#444; height:auto; overflow:hidden; display:block; margin:30px auto; font-family: 'Roboto'; text-transform: capitalize; font-weight:500;  }
.cp li { width:18%; float:left; margin-right:2%; margin-bottom:2%; border:1px #999 solid; background:#e5e5e5;}
.cp li:nth-child(6n){ margin-right:0%;}
.cp li:nth-child(11n){ margin-right:0%;}
.cp li:nth-child(16n){ margin-right:0%;}
.cp li img { width:94%; background:#fff; margin-top:3%; margin-left:3%; margin-right:3%; }
.cp li .product-details { background:#FFFFFF; margin-top:0%; margin-left:3%; margin-right:3%; margin-bottom:3%; padding-bottom:5px; }
.cp li .entry-title,.cp li .device-name{width:94%; font-size:14px; line-height:18px;  color:#444; padding-left:10px; padding-right:10%; padding-bottom:5px; overflow:hidden;  }

.device-name { min-height:20px; }

.device-name { height:35px; }



.cp-text .left p { font-family: 'Roboto';  font-size: 1rem; line-height: 1.6; color:#555;  }
.cp-text .right { float:left; width:40%; }
.cp-text .right img { width:100%;  border-radius: 6px; }
.cp-text .link { margin-top:30px;  font-weight: 600;  text-transform:uppercase; font-size: 1rem; color:#555; }
.cp-text .link a i {font-size:22px; text-decoration:none  }
.cp-text .link a { color:#0074BE; margin-left:20px;  text-transform:capitalize; font-weight:400;  font-family: "Montserrat-Light-6", "Helvetica Neue", arial, sans-serif; }
.cp-text .link a:hover {  color:#003866 }
.cpview { width:1200px; margin:auto auto; background:#fff }
.cp-content { width:100%; height:auto; overflow:hidden;   }
.cp-content .left { width:45%; float:left; }
.cp-content .left img { width:100%; }
.cp-content .right{ width:45%; padding-left:5%; padding-right:5%; float:left; padding-top:8%; }
.cp-content .right h2{ font-size:28px; font-family: 'Roboto'; color:#006CA8;  }
.cp-content .right b{ font-weight:500; letter-spacing: 0.25px; font-size: 1rem; color: #222; font-family: 'Roboto';  margin:20px auto 10px auto; display:block }
.cp-content .right p { font-size: 0.95rem; border-bottom:1px #e0e0e0 solid; padding:10px 0px;color: #54595f; line-height:28px; font-family: 'Roboto'; }
.cp-content .right em { font-size:1.2rem; font-family: 'Roboto'; width:38%;  color: #fff; margin-top:20px;  border-radius: 30px; background:#0072be; text-align:center; transition: all 1s; float:left; margin-right:20px; padding:15px 15px; font-style:normal;  }


.cp-content .right em a{ color:#fff; display: block; }

.cp-content .right em:hover { background:#FF6600; cursor:pointer }

.cpleirong { margin-bottom:100px;   }
.cpleirong b {   font-family: 'Roboto'; color: #222; font-size:1.6rem; margin:20px 0px; display: block; line-height: 1; text-transform:uppercase; position: relative; }

.cpleirong b:before { content:''; width:5px; height:20px; margin-top:2px; display:block; margin-right:10px; background: #006CA8; position: absolute;}


.cpleirong p { line-height:1.6;  color: #444; font-weight: 400; font-family: 'Roboto'; font-size:1rem; letter-spacing: 0.25px;  }

.cpleirong p img { margin:20px auto; }

.cpleirong p video { margin:20px auto; width:50%;  }

.index-product { width:1200px; margin:60px auto; background:#fff; position: relative; height:1400px;  }
.index-product li { width:100%; height:auto; margin-bottom:60px;background: #ffffff;position: relative;border-radius: 10px;overflow: hidden;}
.index-product li  a{ color:#333;}
.index-product li .a { float:left; width:50%;}
.index-product li .b { float:left; width:50%; padding-top:5%; cursor:pointer}
.index-product li .a img { -webkit-transition:transform .3s; cursor:pointer;-o-transition:transform .3s;transition:transform .3s;}
.index-product li .a:hover img {transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);}
.index-product li .b h2 {  font-size: 25px; font-family: 'Roboto'; margin-bottom:15px;font-style: normal; color:#444;font-weight: 700; letter-spacing: 0; }
.index-product li .b i { height:2px; display:block; width:0px; margin-bottom:15px; opacity: 0; transition: all 1s; position: relative; background:#333;}	
.index-product li:hover i { width:500px; background:#0074BE; opacity: 1; }
.index-product li .b p { font-family: 'Roboto';font-size: 1rem; margin-bottom:20px;font-style: normal;font-weight: 400;line-height: 1.5;letter-spacing: 0;color: #444;}
.index-product li:nth-child(2n+1) .a { float:right; width:50%;}
.index-product li:nth-child(2n+1) .b { float:right; width:45%; padding-left:5%;}
.index-company { width:1200px; margin:50px auto 60px auto; background:#fff; position: relative; height:500px;  }
.c_tit{text-align:center;color:#888; margin-bottom:40px;}
.c_tit strong{  font-family: 'Roboto'; text-transform:uppercase;  font-size: 30px; font-style: normal; font-weight: 400; line-height: 1.31;letter-spacing: 0;color: #1d1d1b;}
.c_tit p{font-size:14PX}
.c_tit i{display:block;height:10px;clear:both;float:none;width:90px;margin-right:auto;margin-left:auto;margin-bottom:15px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#0074BE;}
.index-company .left { width:50%; float:left; padding-right:5%; }
.index-company .left p {  font-family: 'Roboto';font-size: 1rem; margin-bottom:20px; font-style: normal;font-weight: 400;line-height: 1.8;letter-spacing: 0;color: #444;}
.index-company .right { width:45%; float:left; }
.index-company .right img { width:100%; }



.hc-yscroll { overflow-y: scroll }
.hc-nav-open { position: fixed; width: 100%; min-height: 100% }
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0;  width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav ul li a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0);  }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #fff }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #333 }
.hc-mobile-nav li a { padding: 17px 17px; margin:0px 20px; font-size: 15px; color: #444; z-index: 1; font-family: 'OpticianSans'; background: rgba(0, 0, 0, 0); border-bottom:1px #eee solid; }

.hc-mobile-nav ul li ul li a { padding: 20px 17px 0px 17px; margin:0px 20px; font-size: 15px; color: #444; z-index: 1; font-family: 'OpticianSans'; background: rgba(0, 0, 0, 0); border-bottom:none; }


.hc-mobile-nav:not(.touch-device) a:hover {  color:#006699  }
.hc-mobile-nav li { text-align: left }
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {  }
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover {  }
.hc-mobile-nav li.nav-parent a { padding-right:15px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #333; border-left: 2px solid #333 }
.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #eee }
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #333; border-left: 2px solid #333; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 16px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open {  }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a {  }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }


#container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; height: 100%; background: linear-gradient(-134deg, #517FA4 0%, #243949 100%) }

.fuwu { clear:none; margin-top:50px; }

.fuwu p { padding-left:37px; line-height:20px;  color: #424141;  margin: 0 0 10px !important;
 font-size:14px;font-family: 'Roboto'; 
 }

.fuwu a {  border-bottom:none; text-align:left; margin:0px; padding:0px;
  color: #222222; font-size:14px; font-family: 'Roboto'; 
  letter-spacing: 0.15px; text-decoration:underline;
}


.share { margin-left:35px; margin-top:50px; }
.share p{ float:left; margin-right:25px; }
.share p a{ text-decoration:none; border-bottom:none; margin:0px; padding:0px; color:#666666 }

.nav-close { background:url(../img/logo-r.png) 20px 0px;   background-repeat: no-repeat; z-index:10000;  }
.nav-close a { height:70px;}

.wrapper {  margin: 0 auto; }

#main-nav { display:none }
.menu_right { position: relative; padding: 0px; float:left; margin-left:50px; margin-top:-22px; }
.menu_right .toggle { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px; position: relative; top: auto; left: auto; float: left; display: block; cursor: pointer; box-sizing: content-box; font-size: 20px; padding-left: 35px; line-height: 24px; margin-top: 55px }
.menu_right .toggle span { width: 35px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.menu_right .toggle span,
.menu_right .toggle span::before,
.menu_right .toggle span::after { position: absolute; left: 0; height: 2px; background: #182631; transition: all .1s ease }
.menu_right .toggle span::before,
.menu_right .toggle span::after { content: ''; width: 100% }
.menu_right .toggle span::before { top: -8px }
.menu_right .toggle span::after { bottom: -8px }
.menu_right .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.menu_right .toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.menu_right .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.menu_right .toggle:hover span,
.menu_right .toggle:hover span::before,
.menu_right .toggle:hover span::after { background: #0074BE }
.menu_right .toggle div { display: inline-block; margin-right: 15px }


.hc-mobile-nav .nav-container { width: 400px;  }
.hc-mobile-nav h2 { font-weight: 400 }
.hc-mobile-nav ul li a { font-size: 16px }
.hc-mobile-nav li.cryptocurrency>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.devices>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.mobile>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.television>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.camera>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.magazines>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.store>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.collections>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; font-size: 19px; vertical-align: top; content: '' }
.hc-mobile-nav li.credits>a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: '' }


.contact-list { width:100%; margin:50px auto; max-width:1200px; padding:50px 50px; height:auto; overflow:hidden; }

.contact-list li { width:30%; float:left; box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2); min-height:200px; background:#fff; margin-right:5%; margin-left:0px; border-top: solid 5px #006CA8;border-radius: 8px; text-align:center; padding:50px 0px; }
.contact-list li:last-child{ margin-right:0px;}

.contact-list li i{ font-size:80px; display:block; color:#006CA8; transition: all 0.4s ease-out;}
.contact-list li:hover i{ color:#FF6600;  transition: all 0.4s ease-out; }

.contact-list li b { font-size:1.3rem; font-family: 'Roboto'; margin:20px auto; display:block  }
.contact-list li p { font-size:1rem; color:#444; padding:0px 10%; font-family: 'Roboto';  }


.message { width:100%; max-width:1200px; margin:0px auto 150px auto; height:700px; overflow:hidden;   }

.message h2 { font-size:2rem; text-align:center; font-family: 'Roboto';}

.message p { font-family: 'Roboto'; font-size:0.9rem; color:#777; text-align:center;  margin-top:15px; margin-bottom:50px; }



.help-item { width:50%; float:left; margin-right:5%; }

.help-item li p { font-size:0.9rem; color:#777; text-align:left; margin-bottom:10px;}

.help-item li p em { font-size:12px; color:#FF6600; font-style:normal; margin-left:4px; }

.help-item li input{ color: #444; width:90%;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; outline: 0px;
  background-color: #f1f1f1; }
  
  .help-item li textarea{ color: #444; width:90%;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; outline: 0px;
  background-color: #f1f1f1; }
  
  
.help-item li:last-child{ margin-top:30px;}
  
  


.theme-btn {
  font-size: 16px; width:94%; transition:all .3s ease-out; margin-top:30px; 
  color: rgb(255, 255, 255);
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0px 45px; background:#006CA8;
  border-radius: 50px; border:1px #006CA8 solid;
  display: inline-block;
  font-weight: 600; 
  outline: 0px;
  cursor: pointer;
}
.theme-btn:hover{ background:#0883C8; border:1px #0883C8 solid; }


.help-img {width:50%; float:left;
  background-image:url("../img/help-bg.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  width:45%;
  height:90%;
  position:relative
}

.help-img:before {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  bottom:0;
  left:0;
  background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(0,36,90,0.572587)),color-stop(59%,rgba(255,255,255,0)));
  background:linear-gradient(0deg,rgba(0,36,90,0.572587) 20%,rgba(255,255,255,0) 59%);
  -webkit-transition:.5s all ease;
  transition:.5s all ease
}

.hezuo { width:100%; }

.hezuo img { width:100%; }


.product-number-info {
	position: relative;
	background-color:#fff
}
.product-number-info .product-number-inner {
	width: 1200px;
	margin: 0 auto;
}
.product-number-info ul {
	padding: 35px 0;
}
.product-number-info ul.q:after {
	content: "";
	clear: both;
	display: table;
}
.product-number-info li {
	float: left;font-family: 'Roboto';

	height: 90px;
	border-left: 1px solid #ccc;
	color: #555;
	padding-top: 1px;
}
.product-number-info li:first-child {
	border: none;
}
.product-number-info li b {
	font-weight: 400;
	font-size: 36px;
	line-height: 1;
	display: inline-block;
	position: relative;
	margin: 15px 0 10px;
}
.product-number-info li b i {
	font-style: normal;
}
.product-number-info li b sup {
	position: absolute;
	font-size: 20px;
	right: -15px;
	top: -3px;
}
.product-number-info li b em {
	font-style: normal;
	font-size: 18px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -4px;
}
.product-number-info li p {
	font-size: 14px;font-family: 'Roboto'; text-transform:uppercase;
}

.product-number-info li.li-1 b, .product-number-info li.li-1 p {
	padding-right: 150px;
}

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 120px; padding-right: 120px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 120px; padding-right: 120px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 120px;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
	padding-left: 120px;
}

.news{ width:1200px; margin:40px auto; }

.news li { width:47.5%; float:left; margin-right:5%; margin-bottom:5%; border:1px solid #e0e0e0; border-radius: 6px; box-sizing: border-box }
.news li:nth-child(2) { margin-right:0px; height:auto; overflow:hidden; }
.news li picture { width:100%; }
.news li picture img { width:100%;-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; height:400px; }

.news li .news-details { margin:20px 20px 15px 20px; }

.news li .news-details .entry-title { color: #222222; min-height:60px; line-height:30px;  font-size: 1.1rem; text-decoration: underline; font-weight: 550; letter-spacing: 0.25px; font-family: 'Roboto';}

.news li .news-details .device-name { height:30px; line-height:30px; color:#999999; font-size:13px;}

.sj {
  font-size: 14px;
  color: #555;
}


.solution { width:1200px; margin:40px auto; }
.solution li { width:48%; float:left; position: relative; margin-right:4%; margin-bottom:3%; }
.solution li:nth-child(2n) { margin-right:0px;}
.solution li picture { width:100%;  }
.solution li picture img { width:100%; max-height:300px; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.solution li .product-details { background: #f8f8f8;  padding: 1.5rem; height:80px; }
.solution li .product-details i { height:3px; display:block; width:0; bottom:0px; margin-left:-23px; opacity: 0; transition: all 1s; position: absolute; background:#333;}	
.solution li:hover i { width:100%; background:#0074BE; opacity: 1; }
.solution li .product-details .entry-title { font-size:1.2rem;  line-height: 1; color: #555; font-family: 'Roboto'; }
.solution li .product-details .device-name { font-size:0.9rem;  line-height: 1.5; color: #888; font-family: 'Roboto'; margin-top:15px; font-weight:300; }


.el-pagination { height:auto; overflow:hidden; text-align:center; margin:70px auto;}

.el-pager { display: inline-block; text-align: center }

.el-pager li {width:50px; float:left; height:50px; font-weight:400; border-radius: 4px;}
.el-pager li {border: 1px solid #ccc; margin:0px 5px; background:#fff; color:#444;display: inline-block;font-weight: 400;line-height:50px}
.el-pager li a{ display:block; line-height:50px; color:#006CA8;font-size:18px; transition: all 1s; }
.el-pager li:nth-child(1) { border:1px #ccc solid; width:140px; font-size:15px; background:#fff; }
.el-pager li:hover { background-color: #F0FAFF; border:1px #006CA8 solid; cursor:pointer; transition: all 1s; }
.el-pager .active { background-color: #F0FAFF; color:#006CA8; border:1px #006CA8 solid; color:#fff; cursor:pointer }


.cpleirong table{ margin-top:30px; 
    border-collapse:collapse;  
    border: 1px solid #ccc; width:100%; 
}  

.cpleirong td{  
    border-collapse:collapse;  
    border: 1px solid #ccc; padding:6px 4px; font-size:13px; text-align:center;
}


.ipt {

    border-radius: 0px; width:100%;font-family: 'Roboto';
    
    background-color: #eee; border: 0;
    padding: 12px; font-size:14px;
    color: #555; outline:none;
   
    vertical-align: baseline;
}
/* btn */
.btn {
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	min-width: 52px;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	border-radius: 2px;
	border: 1px solid #ddd;
	color: #666;  outline: 0px;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: linear-gradient(top, #F5F5F5, #F1F1F1);
}

.btn-primary {
	border-color: #3079ED;
	color: #F3F7FC;
	background-color: #4D90FE;
	background: -webkit-linear-gradient(top, #4D90FE, #4787ED);
	background: -moz-linear-gradient(top, #4D90FE, #4787ED);
	background: linear-gradient(top, #4D90FE, #4787ED);
}
.btn-primary:hover {
	border-color: #FF9900;
	color:#fff;
	background-color: #4D90FE;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: linear-gradient(top, #4D90FE, #357AE8);
}
.btn-primary:active, .btn-primary.btn-active {
	box-shadow:#2176D3 0 1px 2px 0 inset;
	border-color: #FF9900;
}
.btn-primary:focus {
	border-color:#4d90fe;
	outline:none
}

.theme-buy {
	margin-top:10%;
	text-align: center;
}
.theme-gobuy, .theme-signin {
	font-size: 15px;
}
.theme-price {
	position: relative;
	bottom: -6px;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-weight: bold;
	color: #f60;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
}
.theme-price dfn {
	font-style: normal;
	font-size: 18px;
	margin-right: 2px;
}
.theme-desc {
	padding: 30px;
}
.theme-version {
	padding: 30px;
}
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:50%;
	left:50%;
	width:660px;
	height:400px;
	margin:-180px 0 0 -330px;
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display:none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	border-bottom:1px solid #ddd;
	padding:12px;
	position: relative;
}

.theme-poptit h3 { font-size:16px;  font-family: 'Roboto'; font-weight:normal;
}

.theme-popbod {
	padding:30px 15px;
	color:#444; height:auto; overflow:hidden;
	
}

.theme-popbod li { float:left; width:40%; margin-right:4%; }

.theme-popbod li:nth-child(1) { }


.theme-popbod li:nth-child(2){ width:40%; margin-left:5%;}

.theme-popbod li:nth-child(3){ width:89%; margin-left:0%;}
.theme-popbod li:nth-child(4){ width:89%; margin-left:0%;}




.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#999;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}
.btn.theme-reg {
	position: absolute;
	top: 8px;
	left: 43%;
	display: none
}
.inp-gray, .feed-mail-inp {
	border:1px solid #ccc;
	background-color:#fdfdfd;
	width:220px;
	height:16px;
	padding:4px;
	color:#444;
	margin-right:6px;
}
.dform {
	padding:20px 20px;
	text-align: center;
}
.dform .ipt_error {
	background-color:#FFFFCC;
	border-color:#FFCC66
}
.dform-tip {
	display:none;
	background-color:#080;
	color:#fff;
	line-height:42px;
	margin-top:10px;
display:;
	font-size: 14px;
}
.dform-tip-errer {
	background-color: #CF301A;
}
.dform-tip a {
	display: inline-block;
	padding: 0 20px;
	margin-left:10px;
	background-color: #FFE924;
	color: #CF301A;
}
.dform-login {
	padding:0;
	height: 270px;
	overflow: hidden;
}
.dform-login iframe {
	height: 470px;
	margin-top: -180px;
}
.theme-signin {
	margin:0px;
	text-align:left;
	font-size: 14px;
}
.theme-signin h4 {
	color:#999;
	font-weight:100;
	margin-bottom: 20px;
	font-size: 12px;
}
.theme-signin li {
	padding-left: 0px;
	margin-bottom: 15px;
}
.theme-signin li strong {
	float: left;
	margin-left: -80px;
	width: 80px;
	text-align: right;
	line-height: 32px;
}
.theme-signin .btn {
	margin-bottom: 10px;
}
.theme-signin p {
	font-size: 12px;
	color: #999;
}
.theme-desc, .theme-version {
	padding-top: 0
}

.btn-primary {font-family: 'Roboto'; font-size:16px;
    position: relative;
    background-color: #FF9900; padding: 15px 25px;
    border: 0;
    z-index: 1;
    overflow: hidden;
}

.fangan{ width:100%; max-width:1200px; margin:60px auto; font-size:15px; line-height:26px; font-family: 'Roboto'; }

.fangan p { margin-bottom:10px; font-family: 'Roboto'; }

.fangan img { margin:10px auto; }

.fangan h2 { font-size:26px; font-family: 'Roboto'; margin-bottom:20px; color:#0074BE  }

.fangan h2:before { content:''; height:27px; width:5px; background: #0074BE; position: absolute;  }



.country-flag {
  position: relative;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  background-repeat: no-repeat;
  background-image: url(/img/all-m.gif);
  width: 22px;
  height: 16px;
  margin: 15px 5px 0px 0px;
}

.country-flag-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  background-repeat: no-repeat;
  background-image: url(/img/all-m.gif);
  width: 22px;
  height: 16px;
  margin: 10px 10px 0px 0px;
}

.language-flag-en {
  background-position: 0 -256px !important;
}

.language-flag-cn {
  background-position: 0 -144px !important;
}

.language-flag-py {
  background-position: 0 -624px !important;
}

.language-flag-es {
  background-position: 0 -800px !important;
}

.language-flag-fr {
  background-position: 0 -320px !important;
}

.language-flag-de {
  background-position: 0 -368px !important;
}