@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; }
/* 样式左侧图片 */
.content_l{ width:100%; height:auto; overflow:hidden; padding: 0% 5%; background: #f2f2f2; padding-top:50px; padding-bottom:50px;  }
.content_l .left { width:50%; float:left;}
.content_l .left img { width:100%; border-radius: 15px; }
.content_l .right { width:50%; float:left; padding-left:5%; font-family: 'Roboto'; color: #4a5568;  }
.content_l .right b { font-size:28px; margin-bottom:15px; display:block; line-height:28px; }
.content_l .right p  { font-family: 'Roboto'; margin-bottom:0px; font-size:18px; line-height: 40px;  }

/* 样式右侧图片 */
.content_r{ width:100%; height:auto; overflow:hidden; padding: 0% 5%; background: #f2f2f2; padding-top:50px; padding-bottom:50px; }
.content_r .right { width:50%; float:left;}
.content_r .right img { width:100%; border-radius: 15px; }
.content_r .left { width:50%; float:left; padding-right:5%; font-family: 'Roboto'; color: #4a5568;  }
.content_r .left b { font-size:28px; margin-bottom:15px; display:block; line-height:28px; }
.content_r .left p { font-family: 'Roboto'; margin-bottom:0px; font-size:18px; line-height: 40px;  }

/* 内容三列排版 */
.cp_imglist { background:#fff; padding:3% 5%; padding-bottom:30px; height:auto; overflow:hidden; padding-top:0px; }
.cp_imglist li { width:30%; margin-right:5%; float:left;}
.cp_imglist li:nth-child(3n){ margin-right:0px;}
.cp_imglist li img { width:100%; }
.cp_imglist li b { display:block; margin:20px 0px; font-size:20px; color:#0c2944; line-height:24px; font-family: 'Roboto'; }
.cp_imglist li p { font-size:16px; line-height:24px; font-family: 'Roboto'; color:#555; } 

/* 内容四列排版 */
.cp_imglist_4 { background:#fff; padding:3% 5%; padding-bottom:30px; height:auto; overflow:hidden; padding-top:0px; }
.cp_imglist_4 li { width:21.25%; margin-right:5%; float:left;}
.cp_imglist_4 li:nth-child(4n){ margin-right:0px;}
.cp_imglist_4 li img { width:100%; }
.cp_imglist_4 li b { display:block; margin:20px 0px; font-size:20px; color:#0c2944; line-height:24px; font-family: 'Roboto'; }
.cp_imglist_4 li p { font-size:16px; line-height:24px; font-family: 'Roboto'; color:#555; } 


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

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


.daohang { height:44px; background:#fff; position:relative; left:0; line-height:44px; font-size:16px; font-family:'Roboto'; top: -400px; width:fit-content; padding-right:30px; padding-left:30px;border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
background-image: linear-gradient(#f1f1f1, #fff);
}
.daohang a { color:#0074BE; margin-right:10px; margin-left:10px; }
.daohang a:hover { color:#0074BE;}

/* 下拉菜单 */

#dropdown { width:100%; background:#fff; padding-top:50px; top:150px; min-height:500px; z-index:1000000; height:auto; overflow:hidden; box-shadow: 0 5px 15px rgba(12,41,68,.1490196078); position:fixed; }
#dropdown i { cursor:pointer; font-size:20px; margin-right:20px; color:#444; float:right; }

#solution { width:100%; background:#fff; padding-top:50px; top:150px; min-height:500px; z-index:1000000; height:auto; overflow:hidden; box-shadow: 0 5px 15px rgba(12,41,68,.1490196078); position:fixed; }
#solution i { cursor:pointer; font-size:20px; margin-right:20px; color:#444; float:right; }

#techonology { width:100%; background:#fff; padding-top:50px; top:150px; min-height:500px; z-index:1000000; height:auto; overflow:hidden; box-shadow: 0 5px 15px rgba(12,41,68,.1490196078); position:fixed; }
#techonology i { cursor:pointer; font-size:20px; margin-right:20px; color:#444; float:right; }

#company { width:100%; background:#fff; padding-top:50px; top:150px; min-height:500px; z-index:1000000; height:auto; overflow:hidden; box-shadow: 0 5px 15px rgba(12,41,68,.1490196078); position:fixed; }
#company i { cursor:pointer; font-size:20px; margin-right:20px; color:#444; float:right; }




.sub-menu {width: 350px; font-family:'Roboto'; position: fixed; margin-top:150px;height:570px; padding-top:30px;left: 350px; background: #fff;display: none;background:url(../img/menu_bg.jpg) left repeat-y }

.sub-menu-item-div {cursor: pointer;overflow: hidden; border-bottom:1px #ccc solid; line-height:20px; font-family:'Roboto'; }

.sub-menu-item-div a { color:#444; display:block; padding-left:40px; font-size:14px; padding:12px 0px 12px 30px;   }

.sub-menu-item-div a:hover {background: #0074BE; color: #fff; }

.collapseMenuDivClass a { color:#444;}

#menuBar_0:hover { color: #fff; }
#menuBar_2:hover { color: #fff; }
#menuBar_1:hover { color: #fff; }
#menuBar_3:hover { color: #fff; }
#menuBar_4:hover { color: #fff; }
#menuBar_5:hover { color: #fff; }
#menuBar_6:hover { color: #fff; }
#menuBar_7:hover { color: #fff; }
#menuBar_8:hover { color: #fff; }

.collapseMenuDivClass { margin-left:4%;	width: 330px; line-height:44px;	border: 0px solid #f0f1f5;	background: #fff;border-radius: 0px}

.collapseMenuDivClass  b{ font-size:20px; font-family: 'Roboto'; padding-left:10px; color:#0074BE; }

.collapseMenuDivClass i { padding-right:30px; float:right}

.collapseMenuDivClass a {font-family: 'Roboto'; font-size:14px; padding-left:10px;display: block; color:#444; border-bottom:1px #ccc solid;line-height:44px;cursor: pointer;}

.fa_view_001 { padding:3% 5%; font-size:18px; line-height:34px; color:#444; background:#f2f2f2   }


.fa_view_001 h2 { font-family: 'Roboto'; font-size:30px; border-radius: 30px; top:-100px; position: relative;   background:#fff; margin-top:0px; padding:30px;  width:50%; font-weight:800; text-align:center; color:#0c2944; width: fit-content   }


.fa_view_001 P {font-family: 'Roboto'; position: relative; top:0px;  }

.fa_view_002 { background: #0074BE; height:auto; overflow:hidden; display:block; padding:3% 5%;  }
.fa_view_002 .left{ float:left; width:50%; font-family: 'Roboto'; }
.fa_view_002 .right { float:left; width:50%;  font-family: 'Roboto'; }
.fa_view_002 .right b { font-size:40px; color:#fff; line-height:50px; }
.fa_view_002 .right p { color:#fff; font-size:20px; margin-top:30px; font-family: 'Roboto'; }

.fa_view_003 { background: #f2f2f2; height:auto; overflow:hidden; padding:5% 5% 4%;   }
.fa_view_003 .left{ float:left; width:50%; font-family: 'Roboto'; }
.fa_view_003 .right { float:left; width:50%;  font-family: 'Roboto'; }
.fa_view_003 .right b { font-size:32px; color:#fff; line-height:50px; display:block;   color:#0c2944; padding-left:10%; font-family: 'Roboto'; }
.fa_view_003 .right p { color:#fff; font-size:19px; margin-top:30px; line-height:30px;  color:#4a5568; padding-left:10%; font-family: 'Roboto';  }

.fa_view_004 { background: #f2f2f2; height:auto; overflow:hidden; padding:5% 5% 4%;   }
.fa_view_004 .right{ float:left; width:50%; font-family: 'Roboto'; }
.fa_view_004 .right img { width:100%;}
.fa_view_004 .left { float:left; width:50%;  font-family: 'Roboto'; }
.fa_view_004 .left b { font-size:32px; color:#fff; line-height:50px; display:block;  color:#0c2944; padding-left:0%; padding-right:10%; font-family: 'Roboto'; }
.fa_view_004 .left p { color:#fff; font-size:19px; margin-top:30px; line-height:30px;  color:#4a5568; padding-left:0%; padding-right:10%;  font-family: 'Roboto';  }


.my_text { font-size:34px; padding:5% 20% 5%; font-weight:900; height:auto; overflow:hidden; max-height:200px; font-family: 'Roboto'; text-align:center; background: #f2f2f2;  color:#0c2944;  }
.my_text i { display:block;
 background:url(/img/xiantiao.png) bottom no-repeat; height:2px; width:100%; text-align:center; 
  
}


.cp_view_001 {  padding:3% 5%;font-size:18px;line-height:34px;color:#444; background-image:url(/aimg/product-banner-corner.png);background-color: #f2f2f2;background-position: right top;background-repeat: no-repeat;background-size:100% 100%; height:auto; overflow:hidden;  font-family: 'Roboto'; }

.cp_view_001 h2 { font-family: 'Roboto'; font-size:40px;  position: relative; color:#0c2944; font-weight:900;  margin-top:0px; padding:30px;  width:50%;  font-family: 'Roboto'; }


.cp_view_001 .left { float:left; width:55%; background:#fff; max-height:530px; overflow: hidden;
border-top-left-radius: 35px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 35px;
padding:50px; font-family: 'Roboto'; box-shadow: 0 20px 30px rgba(0,0,0,.1); }

.cp_view_001 .left b { font-size:28px; display:block; margin-top:30px; margin-bottom:20px;  }
.cp_view_001 .left p { font-family: 'Roboto'; font-size:16px; line-height:26px; color:#666;   }

.cp_view_001 .left a { margin-top:10px; display:block; float:left;  border-radius: 35px; border:2px solid #f37522; color: #134a8f; background:#f1f1f1; padding:10px 30px; margin-right:20px; background: transparent linear-gradient(180deg,#fff,#fff 46%,#f2f2f2 61%,#d6d6d6) 0 0 no-repeat padding-box;
  box-shadow: inset 0 -5px 0 #fff,0 0px 20px rgba(12,41,68,.1490196078); transition: border-bottom .5s ease; }
.cp_view_001 .left a:hover { border:2px solid #006699; color:#444; }
 
.cp_view_001 .right { float:left; width:45%;  font-family: 'Roboto'; max-height:528px; overflow: hidden; }
.cp_view_001 .right img{ width:100%; border-top-left-radius: 0px; max-height:528px; 
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
border-bottom-left-radius: 0px; box-shadow: 0 20px 30px rgba(0,0,0,.1);}



.cp_list { width:100%;  font-family: 'Roboto'; }
.cp_list li { width:33%; float:left; text-align:center; }
.cp_list li i { font-size:60px; display:block;}
.cp_list li b { color:#006699; font-family: 'Roboto'; margin-top:20px; display:block; font-size:24px; margin-bottom:0px;  } 
.cp_list li p { font-family: 'Roboto'; }

.cp_text { width:100%; background:#f2f2f2; padding:3% 5%; }
.cp_text p { font-size:18px; color:#444; font-family: 'Roboto'; }



.cpcs { background:#fff; padding:3% 5%; margin-bottom:30px; height:auto; overflow:hidden; }

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

.cpcs td{  
    border-collapse:collapse;  
    border: 1px solid #ccc; padding:6px 4px; font-size:16px; text-align:center; font-family: 'Roboto';
}

   


@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: 'Barlow';
src: url('../font/Barlow.woff2');
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; }

.one { width:100%; font-size:18px; line-height:30px;  }

.one b{ font-size:30px; }


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

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






.blog {
     
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 60px 0 30px 0;
    
}

.blog .titlepage {
     text-align: center;
}

.blog .titlepage h2 {
     color: #fff;
}

.blog .titlepage p {
     color: #fff;
     font-size: 17px;
     margin-top: 20px;
}

.blog .blog_box {
     text-align: left;
     background-color: #fff;
     margin-bottom: 30px;
     transition: ease-in all 0.5s;
}

.blog .blog_box .blog_img {
     overflow: hidden;
}

.blog .blog_box .blog_img figure {
     margin: 0;
}

.blog .blog_box .blog_img figure img {
     width: 100%; height:250px;
     transition: all .5s;
}

.blog .blog_box .blog_img figure img:hover {
     transform: scale(1.2);
}

.blog .blog_box .blog_room {
     padding: 30px 20px 30px 0px;
     text-align: left;
}

.blog .blog_box .blog_room h3 {
     color: #121212; font-family: 'Roboto'; 
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
     padding-bottom: 20px;
     transition: ease-in all 0.5s;
     margin: auto;
}

.blog .blog_box .blog_room span {
     font-size: 15px; font-family: 'Roboto'; 
     color: #ff0909;
     font-weight: bold;
     margin-bottom: 10px;
     display: block;
}

.blog .blog_box .blog_room p { font-family: 'Roboto'; 
     font-size: 15px; color:#555;
     line-height: 1.5;
}







.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 i { font-size:18px; }

.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'; text-decoration:none; }
.header .left li a:hover { color:#0074BE; transition: all 0.4s ease-out; text-decoration:none;  }
.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:64px; width:179px; }

.menu { float:left; margin-left:29.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:18px; font-weight:300;  padding:13px 13px; background:#fff; border-radius:5px;   text-transform:uppercase; margin-left:15px; letter-spacing: 0.15px; transition: all 0.2s ease-out;}


.menu li a i { font-size:32px; color:#0074BE; top:4px; position: relative;  }

.menu li a:hover { color:#0074BE;   border-bottom:2px #0074BE solid;  }
.menu li.cur a{ color:#0074BE;  }

.banner{ background-size:cover; background-position: center center; background-repeat: no-repeat; position: relative; height:400px; margin-top:13px; }
.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:-270px; }
.text h2 { font-size:3rem; font-family: 'Barlow'; font-weight: 600 !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:-20px; 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:-2px;margin-left: 6px;}


.language .content {text-align:left; border-top:1px #e0e0e0 solid;display: none;z-index: 8888999;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 10px 2px 10px; display: block; border-bottom:1px #e0e0e0 solid;  line-height: 34px; position: relative;

}
.language .content a:hover { color: #006CA8; transition: all 0.4s ease-out;}

.productbg { background:#F0FAFF; min-height:125px; width:100%; }
.productlist { width:1200px; margin:auto auto; padding: 40px 0 30px; height:auto; overflow:hidden; }
.productlist li { float:left; text-align:center; font-size:1rem; margin-bottom:10px;  margin-right:10px;   color:#fff; border-radius:3px;  }
.productlist li a{ text-decoration:none; padding: 0px 10px; border:1px #016ba1 solid; color:#555; border-radius:3px;  line-height: 35px; display:block;  font-family: 'Roboto'; font-size:13px;  }
.productlist li a:hover { background:#016ba1; color:#fff; transition: all 0.4s ease-out; border-radius:3px; }
.productlist .cur a { background:#016ba1; color:#fff; border-radius:3px;  }

.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-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; position: relative;  }

.cp-content .left .download i { position: absolute ; font-size:16px; color:#555; background:#FF6600; border:1px #FF6600 solid; color:#fff; text-transform: uppercase;  border-radius: 30px;  padding:5px 15px; right:0; bottom:50px; transition: all 1s;  }
.cp-content .left .download i:hover { border:1px #ccc solid; background:#fff; color:#555;   }


.cp-content .left img { width:100%; }
.cp-content .right{ width:55%; 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.9rem; border-bottom:1px #e0e0e0 solid; padding:10px 0px;color: #54595f; line-height:22px; font-family: 'Roboto'; }
.cp-content .right em { font-size:1.2rem; font-family: 'Roboto'; width:40%;  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 { border:1px #ccc solid; border-left:6px #006699 solid;  line-height:40px; padding:15px; font-family: 'Roboto'; color: #222; font-size:1.6rem; margin:20px 0px; display: block; line-height: 1; text-transform:uppercase; position: relative; font-weight:normal; color:#0072be }

.cpleirong b:before {}


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

.cpleirong p img { margin:40px 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 0px auto; background:#fff; position: relative; height:500px;  }
.c_tit{text-align:center;color:#888; margin-bottom:40px;}
.c_tit strong{  font-family: 'Barlow'; text-transform:uppercase;  font-size: 34px; font-style: normal; font-weight: 600; 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:10px; font-style: normal;font-weight: 400;line-height: 1.7;letter-spacing: 0;color: #444;}
.index-company .right { width:45%; float:left; overflow: hidden; }
.index-company .right img { width:100%; }


.index-company .right img {
  width: 100%;
  transition: all .5s;
}

.index-company .right img:hover {
     transform: scale(1.1);
}


.read_more {font-family: 'Roboto'; text-decoration:none;
     font-size: 17px;
     background-color: #121212;
     color: #fff;
     padding: 8px 0px;
     width: 100%;
     max-width: 144px;
     text-align: center;
     display: inline-block;
     transition: ease-in all 0.5s;
     font-weight: 500;
     border-radius: 30px;
}

.read_more:hover { font-family: 'Roboto';
     background: #006ba1;
     color: #fff;
     transition: ease-in all 0.5s;
}


.our_room {
     background-color: #f4f5f7;
     padding: 60px 0 30px 0;
     margin-top: 90px;
}

.our_room .titlepage {
     text-align: center;
}

.our_room .titlepage p {
     color: #121212;
     font-size: 17px;
     margin-top: 20px;
}

.our_room .room {
     text-align: center;
     background-color: #fff;
     margin-bottom: 30px;
     transition: ease-in all 0.5s;
}

.our_room .room .room_img {
     overflow: hidden;
}

.our_room .room .room_img figure {
     margin: 0;
}

.our_room .room .room_img figure img {
     width: 100%;
     transition: all .5s;
}

.our_room .room .room_img figure img:hover {
     transform: scale(1.2);
}

.our_room .room .bed_room {
     padding: 0px 30px 10px 30px;
}

.our_room .room .bed_room h3 {
     color: #121212; font-family: 'Roboto';
     font-size: 18px;
     line-height: 32px; padding:10px 0px;
     font-weight: 500;
     transition: ease-in all 0.5s; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; 
     margin: auto;
}

.our_room .room .bed_room p { font-family: 'Roboto'; font-size: 16px; line-height:22px; min-height:75px; overflow:hidden; color:#555;  }


#serv_hover:hover.room {
     cursor: pointer;
     box-shadow: 0px 0px 30px rgba(0, 109, 161, 0.15);
     transition: ease-in all 0.5s;
}


.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 { font-family: 'Roboto'; padding: 17px 17px; margin:0px 20px; font-size: 12px; color: #444; z-index: 1;  background: rgba(0, 0, 0, 0); border-bottom:1px #eee solid; }

.hc-mobile-nav ul li ul li a { padding: 10px 17px 10px 17px; border-bottom:1px #eee solid; margin:0px 20px; font-size: 14px; color: #444; z-index: 1;  background: rgba(0, 0, 0, 0);  }


.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: 14px }
.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: 15px }
.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:680px; 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: #fff; }
  
  .help-item li textarea{ color: #444; width:90%;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
  
  border-width: 1px;
  border-style: solid;
  border-radius: 3px; outline: 0px;
  background-color: #fff; }
  
  
.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'; 
}

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

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
	padding-left: 110px; padding-right: 120px;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
	padding-left: 110px; 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: 110px;
}



.cp { width:100%; margin:auto auto; height:auto; overflow:hidden; max-width:1200px; margin-bottom:30px;  }
.cp b { font-size:24px; color:#444; height:auto; overflow:hidden; display:block; margin:30px auto; font-family: 'Roboto'; text-transform: capitalize; font-weight:600;  }

.cp li { width:23.5%; float:left; margin-right:2%; margin-bottom:2%; border:1px #bfbfbf solid; background:#e5e5e5; overflow:hidden;  }

.cp li:nth-child(5){ margin-right:0%;}

.cp li:nth-child(9){ margin-right:0%;}

.cp li:nth-child(13){ margin-right:0%;}

.cp li:nth-child(17){ margin-right:0%;}


.cp li img { width:94%; background:#fff; margin-top:3%; margin-left:3%; margin-right:3%; transition: all .5s;  }





.cp li:hover { border:1px #016ba1 solid; transition: ease-in all 0.5s;}

.cp li:hover .entry-title { color:#016ba1}

.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{width:94%; font-size:20px; line-height:18px;  color:#444; padding-left:10px; padding-right:10%; padding-bottom:5px; overflow:hidden; font-family: 'Roboto';  }

.cp li .device-name { min-height:20px; font-family: 'Roboto'; font-size:15px;  padding:10px; padding-top:0px;  line-height:18px;  color:#555; }

.device-name { height:35px; }

.solution { width:1200px; margin:40px auto; }
.solution li { width:30.66%; float:left; position: relative; margin-right:4%; margin-bottom:3%; }
.solution li:nth-child(3n) { margin-right:0px;}
.solution li picture { width:100%; }
.solution li picture img { width:100%;-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; height:250px; }



.solution li .product-details { background: #f8f8f8;  padding: 1.5rem; min-height:50px; }
.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;  color: #555; font-family: 'Roboto'; }
.solution li .product-details .device-name { font-size:0.95rem;  line-height: 1.5; color: #888; font-family: 'Roboto'; margin-top:15px; font-weight:300; }


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

.news li { width:30%; float:left; margin-right:5%; margin-bottom:5%; border:1px solid #e0e0e0; border-radius: 6px; box-sizing: border-box }
.news li:nth-child(3) { 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:200px; }

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

.news li .news-details .entry-title { color: #222222; min-height:50px; line-height:22px;  font-size: 1rem; text-decoration: none; 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;}

.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:450px;
	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:45%; margin-right:5%; }

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


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

.theme-popbod li:nth-child(3){ width:95%; margin-left:0%;}
.theme-popbod li:nth-child(4){ width:95%; 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:16px; line-height:30px; font-family: 'Roboto'; }

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

.fangan img { margin:10px auto; }

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

.fangan h3 { font-size:22px; font-family: 'Roboto'; margin-bottom:10px; color:#444  }


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

.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 -736px !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;
}

.language-flag-ja {
  background-position: 0 -528px !important;
}

.language-flag-ko {
  background-position: 0 -544px !important;
}