body,div,dl,dt,dd,ul,li,p {margin:0;padding:0; }
img {border:0;}
ul {list-style:none;} 
p {word-wrap:break-word;}/*ie10*/
a:active{text-decoration:none !important;}
a:hover{text-decoration:none !important;}
a:link{text-decoration: none !important;}
a:visited{text-decoration: none !important;}
a{text-decoration: none !important;}
.f_left{float: left;padding: 0; margin: 0;}
@media screen and (min-width: 650px) {
.f_right{float: right;padding: 0; margin: 0;}
}
@media screen and (max-width: 650px) {
.f_right{float: left;padding: 0; margin: 0;}
}
 body{  font:300 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.box{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}
.box {width: 1200px; margin: 0 auto !important;overflow: hidden;min-width: 1200px;position: relative;}
.in_links{overflow:hidden;}
.links_box{ overflow:hidden;    padding: 0px 0px; margin-top: -10px; text-align: center;}
.links{ overflow:hidden;}
.links_content {margin-top: 0px;display: inline-block;}
.links_content ul li {float: left;display: inline;line-height: 30px;word-break: break-all;word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0px 5px;}
.links_content ul li a{ color: #999; font-size: 12px;}
.links_content ul li a:hover{ text-decoration: underline; color: #fff;}

@media screen and (min-width: 650px) {
.font61{ font-size:60px;font-weight: 400;}
.font60{ font-size:60px;}
.font50{ font-size:50px;}
.font40{ font-size:40px;letter-spacing: 12px;}
.mart80{ margin-top:80px;}
.mart30{ margin-top:30px;}
.mart100{ margin-top:100px;}
.wid663{ width:660px; margin: auto;margin-top: 30px;}
.wid666{ width:660px; margin: auto;text-align:left;}
.wid880{ width:880px; margin: auto; margin-top:40px;}
.corred{ color:#f00;}

.box{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}

.main{ font-size:18px; }
.main_1{ /*background:url(/tg/images/ban01_bg.jpg) top center no-repeat;*/ background:#fff; text-align:center; height:700px; overflow:hidden;}
.main1box {
    width: 1250px;
    margin: 0 auto;
}
.main1txt {
    margin-top: 230px;
    text-align: right;
}

.se_hot{ position: absolute; top: 115px;left: 13px;}
.ban01_img{background: url(../image/ban01.jpg) left center no-repeat;
    width: 100%;
    height: 518px;
    width: 700px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;}
	
.ban01_ipad {
    background: url(../image/ipad_img.png) left center no-repeat;
    width: 168px;
    height: 276px;
    position: absolute;
    top: 345px;
    left: 565px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;
}	
	
.main_5{  height:800px; width:100%;
	background:url(../image/ban05.jpg) center no-repeat;
    color: #fff;text-align:center;  position:relative;}
.ban05_img{ background:url(../image/ban05_img.png) center no-repeat;height:800px; position:relative; z-index: 98;}
.ban05_box{ position:absolute; width:100%;height:800px; top:100px;}

.main_7{ background:#003333; color:#fff; text-align:center; height:880px; overflow:hidden;}
.main_9{ background:url(../image/ban10.jpg) bottom center no-repeat; text-align:center; height:825px;overflow:hidden; color:#fff;position:relative;}
.main_10{ background:#000000; text-align:center; height:810px;overflow:hidden; color:#fff;}
.aitxt{ width:540px; text-align:left; max-width:50%; margin-top:260px;}

.aiimg{background:url(../image/ban11.png) right bottom no-repeat; width:50%; height:810px; }
.features { overflow: hidden;  width: 570px;margin: 30px auto;}
.features dl { width: 175px;float: left; border-right: 1px solid #4b4b4b;}
.features dl:last-child{border-right:none;}
.features dt {    font-size: 14px;height: 60px; line-height: 55px;}
.features dt span {font-size: 60px;}
.features dd { font-size: 16px;line-height: 30px;}

.gjcbg{background: url(../image/gjcbg.png) center bottom no-repeat;
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 226px;}
.llkey{ bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 200px;height: 350px; z-index: 96;}
.keyword1{ position:absolute; left:0px; bottom:50px;display:inline-block;}
.keyword2{ position:absolute; left:200px; bottom:200px;display:inline-block; }
.keyword3{ position:absolute; left:330px; bottom:30px;display:inline-block; }
.keyword4{ position:absolute; right:0px; bottom:200px;display:inline-block;}
.kword1{background:url(../image/keyw1.png) center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url(../image/keyw2.png) center bottom no-repeat;width:65px; height:85px;display:inline-block; }
.kword3{background:url(../image/keyw3.png) center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url(../image/keyw4.png) center bottom no-repeat;width:100px; height:110px; display:inline-block;}

.pcimg{    background: url(../image/ban07.png) top no-repeat;
    width: 1052px;
    height: 500px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 100px;}

.tit1_1{opacity: 0;filter: alpha(opacity=0)\9;}

.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}
.effect-pic {
    -webkit-animation: fadeInTop .4s ease-in-out both .3s;
    animation: fadeInTop .4s ease-in-out both .3s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-ill2{webkit-animation: fadeInLeft .5s ease-in-out both .3s;
    animation: fadeInLeft .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}

@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}	
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

.flexslider{margin:41px;position:relative;width:922px;height:447px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../image/ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

}
@media screen and (max-width: 650px) {
p{ font-size: 16px;margin-right: 20px;margin-left: 20px;}
.main_7 p{text-align: left;padding-top:20px;margin-right: 20px;margin-left: 20px;}
.font61{ font-size:40px;font-weight: 400;}
.font60{ font-size:24px;margin-right: 20px;margin-left: 20px;}
.font50{ font-size:22px;margin-right: 20px;margin-left: 20px;}
.font40{ font-size:28px;letter-spacing: 12px;}
.mart80{margin-top:50px;margin-right: 15px;margin-left: 20px;}
.mart30{ margin-top:20px;margin-right: 20px;margin-left: 20px;}
.mart100{ margin-top:35px;}
.wid663{ text-align:left;margin-right: 20px;margin-left: 20px;}
.wid666{ text-align:left;margin-right: 20px;margin-left: 20px;}
.wid880{ text-align:left;margin-right: 20px;margin-left: 20px;}
.corred{ color:#f00;}

.box{ width:100%; margin:0 auto; overflow:hidden; min-width: 100%; position:relative;}
.main{ font-size:16px;margin-top:60px; }
.main_1{
background-size: 100% auto; 
background-repeat: no-repeat; 
background-image: url(../image/ban01_m.jpg); 
content: ""; 
display: block; 
padding-top: 80%; 
}
.main1box {
    width: 100%;
    margin: 0 auto;
}
.main1txt {
	margin-top: 0px;
	text-align: center;
	margin-bottom: 20px;
}

.se_hot{ position: absolute; top: 0px;left: 400px;}
	
.main_5{  height:550px; width:100%;
	background:url(../image/ban05.jpg) center no-repeat;
    color: #fff;text-align:center;  position:relative;}

.ban05_box{ position:absolute; width:100%;height:400px; top:50px;}
.main_7{ background:#003333; color:#fff; text-align:center; height:640px; overflow:hidden;}
.main_7 img{width:100%}
.main_9{ background:url(../image/ban10.jpg) bottom center no-repeat; text-align:center; overflow:hidden; color:#fff;position:relative;}
.main_10{ background:#000000; text-align:center; height:340px;overflow:hidden; color:#fff;}
.aitxt{ width:100%; text-align:left; max-width:100%; margin-top:45px;}

.features { overflow: hidden;  width: 100%;margin: 30px auto;}
.features dl { width: 33%;float: left; border-right: 1px solid #4b4b4b;}
.features dl:last-child{border-right:none;}
.features dt {    font-size: 14px;height: 60px; line-height: 55px;}
.features dt span {font-size: 60px;}
.features dd { font-size: 16px;line-height: 30px;}

.gjcbg{background: url(../image/gjcbg.png) center bottom no-repeat;
    position: absolute;
    bottom: -130px;
    width: 100%;
    height: 226px;}
.llkey{ bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 100px;height: 350px; z-index: 96;}
.keyword1{ position:absolute; left:0px; bottom:30px;display:inline-block;}
.keyword2{ position:absolute; left:120px; bottom:200px;display:inline-block; }
.keyword3{ position:absolute; left:160px; bottom:0px;display:inline-block; }
.keyword4{ position:absolute; left:250px; bottom:150px;display:inline-block;}
.kword1{background:url(../image/keyw1.png) center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url(../image/keyw2.png) center bottom no-repeat;width:65px; height:85px;display:inline-block; }
.kword3{background:url(../image/keyw3.png) center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url(../image/keyw4.png) center bottom no-repeat;width:100px; height:110px; display:inline-block;}

.pcimg{
    width: 100%;
    height: 247px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 30px;}

.flexslider{margin:0;position:relative;width:100%;height:247px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../image/ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.row{margin-left:0;margin-right:0}
.row:after{content:"";display:block;height:0;visibility:hidden;clear:both}
.row{zoom:1}
}

/*!

 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}footer,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}p{margin-top:0;margin-bottom:1rem}dl,ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}dt{}dd{margin-bottom:.5rem;margin-left:0}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}img{vertical-align:middle;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-6,.col-lg-2,.col-md-6{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}@media (min-width:768px){.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-lg-2{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.page-link:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){}.clearfix::after{display:block;clear:both;content:""}@supports ((position:-webkit-sticky) or (position:sticky)){}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img{page-break-inside:avoid}p{orphans:3;widows:3}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}

 @font-face{font-family:Flaticon;src:url(../font/Flaticon.ttf) format("truetype");font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){}
[class^=flaticon-]:before{font-family:Flaticon;font-size:20px;font-style:normal;
margin-left:20px}
.flaticon-phone-call:before{content:"\f100"}

.header-mobilemenu .mean-container .mean-nav {
  margin-top: 0;
}

.header-mobilemenu .mean-container .mean-bar {
  min-height: 0;
  padding: 0;
  z-index: 2;
}

.header-mobilemenu .mean-container a.meanmenu-reveal {
  color: #444444;
  font-size: 22px !important;
  padding: 0;
  text-indent: 0;
  z-index: 99;
  margin-top: -40px;
}

.header-mobilemenu .mean-container .mean-nav {
  background: #1cb9c8;
  background: #1cb9c8;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  width: 100%;
}

.header-mobilemenu .mean-container .mean-nav > ul {
  max-height: 400px;
  overflow-y: auto;
}

.header-mobilemenu .mean-container .mean-nav > ul li a {
  padding: 7px 5%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.header-mobilemenu .mean-container .mean-nav > ul li a.mean-expand {
  padding: 3px 6px !important;
  height: 32px;
  line-height: 32px;
}

.header-mobilemenu .mean-container .mean-nav > ul li a.mean-expand:hover {
  background: rgba(255, 255, 255, 0.1);
}

.header-mobilemenu .mean-container .mean-nav > ul li li a {
  opacity: 1;
}

.header-mobilemenu .mean-container .mean-nav > ul li ul li a {
  padding: 7px 10%;
}

.header-mobilemenu .mean-container .mean-nav > ul li ul ul li a {
  padding: 7px 15%;
}

.header-mobilemenu .mean-container .mean-nav > ul li ul ul ul li a {
  padding: 7px 20%;
}

.header.sticky-active .header-bottomarea {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  -webkit-animation: slideInDown 0.5s ease-in-out 0s 1 both;
  animation: slideInDown 0.5s ease-in-out 0s 1 both;
}

.fa,.fab,.fal,.far,.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-bars:before {
    content: "\f0c9";
}
.fa-times:before {
    content: "\f00d";
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src: url(../font/fa-solid-900.ttf) format("truetype")
}

.fa,.far,.fas {
    font-family: "Font Awesome 5 Free"
}

.fa,.fas {
    font-weight: 900
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: #0c1923;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    top: 8px;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #0c1923;
    margin-top: 44px
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 1em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(255,255,255,.5);
    text-decoration: none;
    text-transform: uppercase
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255,255,255,.25);
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none!important;
    visibility: visible
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: 0;
    margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
    background: #252525;
    background: rgba(255,255,255,.1)
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 32px;
    padding: 12px!important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-weight: 700;
    background: rgba(255,255,255,.1);
    border: 0!important;
    border-left: 1px solid rgba(255,255,255,.4)!important;
    border-bottom: 1px solid rgba(255,255,255,.2)!important
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(0,0,0,.9)
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0
}

.mean-container .mean-bar,.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.mean-remove {
    display: none!important
}

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

@media only screen and (min-width: 35em) {
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
}

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after {
    content: "";
  }
  img {
    page-break-inside: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

html {
  overflow: hidden;
  overflow-y: auto;
}

body {
  overflow: hidden !important;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Source Han Sans,Helvetica,Tahoma,Arial,Microsoft YaHei,SimSun,Heiti,sans-serif;;
  color: #444444;
  font-weight: 400;
}

::-webkit-input-placeholder {
  color: #444444;
}

:-moz-placeholder {
  color: #444444;
}

::-moz-placeholder {
  color: #444444;
}

:-ms-input-placeholder {
  color: #444444;
}

p,
dl,
dd,
ul {
  margin: 0;
  margin-bottom: 15px;
}

::-moz-selection {
  background: #1cb9c8;
  color: #ffffff;
}

::-ms-selection {
  background: #1cb9c8;
  color: #ffffff;
}

::-o-selection {
  background: #1cb9c8;
  color: #ffffff;
}

::selection {
  background: #1cb9c8;
  color: #ffffff;
}

a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}

a:visited {
  color: inherit;
}

[class^="flaticon-"],
[class^="flaticon-"] {
  line-height: 1;
}

[class^="flaticon-"]::before, [class^="flaticon-"]::after, [class^="flaticon-"]::before, [class^="flaticon-"]::after {
  margin-left: 0;
  font-size: inherit;
  vertical-align: middle;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

[data-black-overlay] {
  position: relative;
}

[data-black-overlay] > div,
[data-black-overlay] > * {
  position: relative;
  z-index: 2;
}

[data-black-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

[data-black-overlay]:before {
  background-color: #000000;
}

[data-black-overlay="7"]:before {
  opacity: 0.7;
}

.tm-padding-section {
  padding-top:60px;
  padding-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tm-padding-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .tm-padding-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media (max-width: 575px) {
  .container {
    max-width: 480px;
  }
}

@media only screen and (max-width: 575px) {
  .container {
    max-width: 440px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .tm-slider-dots.tm-slider-dots-vertical ul.slick-dots li::last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tm-slider-dots.tm-slider-dots-vertical ul.slick-dots li::last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tm-slider-dots.tm-slider-dots-vertical ul.slick-dots li::last-child {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .tm-slider-dots.tm-slider-dots-vertical ul.slick-dots li::last-child {
    margin-right: 0;
  }
}

.header {
  position: relative;
  z-index: 5;
}

.header-bottomarea {
  background: #ffffff;
  -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
  z-index: 3;
  position: relative;
}

.header-bottominner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.header-bottominner .tm-navigation {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.header-logo a {
  display: inline-block;
}

.header-icons {
  padding-left: 15px;
}

.header-icons ul {
  padding-left: 0;
  margin-bottom: 0;
}

.header-icons ul li {
  list-style: none;
  display: inline-block;
  margin: 0 7px;
  color: #339999;
  font-size: 20px;
  font-weight:600;
}

.header-icons ul li:first-child {
  margin-left: 0;
}

.header-icons ul li:last-child {
  margin-right: 0;
}

.header-icons ul li a {
  color: #444444;
  font-size: 20px;
  font-weight:600;
}

.header-icons ul li a:hover {
  color: #1cb9c8;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-logo {
	max-width: 100px; 
    padding: 8px 0;
  }
  .header-icons {
    padding-right: 70px;
  }
  
}

@media only screen and (max-width: 767px) {
  .header-logo {
    padding: 8px 0;
	max-width: 100px;
  }
  .header-icons {
    padding-right: 70px;
  }
 
}

@media only screen and (max-width: 480px) {
  .header-logo {
    max-width: 100px;
    padding: 8px 0;
  }
  .header-icons {
    padding-right: 50px;
 }
  .header-icons ul li a {
	  font-size:16px;
  }	
    
}

.tm-navigation ul {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 0;
}

.tm-navigation ul li {
  display: inline-block;
  list-style: none;
  font-size: 16px;
  position: relative;
}

.tm-navigation ul li a {
  display: inline-block;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 22px 18px;
  color: #444444;
}

.tm-navigation ul li:hover > a {
  color: #1cb9c8;
}

.tm-navigation .tm-navigation-dropdown ul {
  position: absolute;
  text-align: left;
  left: 100%;
  top: 0;
  width: 160px;
  background: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-bottom: 4px solid #aaaaaa;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  z-index: -1;
  -webkit-transition: visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, z-index 0s, -webkit-transform 0.2s ease-in-out 0s;
  transition: visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, z-index 0s, -webkit-transform 0.2s ease-in-out 0s;
  -o-transition: transform 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, z-index 0s;
  transition: transform 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, z-index 0s;
  transition: transform 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s, z-index 0s, -webkit-transform 0.2s ease-in-out 0s;
}

.tm-navigation .tm-navigation-dropdown ul li {
  display: block;
  padding: 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.tm-navigation .tm-navigation-dropdown ul li a {
  padding: 10px 0;
  line-height: 1.8;
  display: block;
  font-weight: 400;
  font-size: 16px;
}

.tm-navigation .tm-navigation-dropdown ul li:hover {
  background: #1cb9c8;
}

.tm-navigation .tm-navigation-dropdown ul li:hover > a {
  color: #ffffff;
}

.tm-navigation .tm-navigation-dropdown > ul {
  left: 0;
  top: 100%;
}

.tm-navigation .tm-navigation-dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 9;
}

.widgets {
  margin-top: -30px;
}

.single-widget {
  margin-top: 30px;
}

.single-widget ul {
  padding-left: 0;
  margin-bottom: 0;
}

.single-widget ul li {
  list-style: none;
}

.widget-contact ul {
  padding-right: 30px;
}

.widget-contact ul li {
  position: relative;
  padding-left: 0px;
}

.widget-contact ul li i {
  position: absolute;
  left: 0;
  top: 5px;
  color: #1cb9c8;
  font-size: 18px;
}

.widget-contact p {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .widget-contact ul {
    padding-right: 0;
  }
}

.footer-bottomarea {
  border-top: 1px solid #636363;
  padding: 25px 0;
}

.footer-copyright {
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
}

.footer-copyright a {
  font-weight: 500;
  color: #ffffff;
}

.footer-copyright a:hover {
  color: #1cb9c8;
}

.footer-widgets {
  margin-top: -50px;
}

.footer-widgets .single-widget {
  color: #ebebeb;
  margin-top: 50px;
}

.footer-widgets .single-widget a {
  color: #ebebeb;
}

.footer-widgets .single-widget a:hover {
  color: #1cb9c8;
}

.footer-title {
	font-size:16px;
	font-weight:600;
}

   @media only screen and (min-width: 768px) and (max-width: 1200px) {
  .header-logo {
	max-width: 165px; 
    padding: 8px 0;
  }
    .box {
	min-width: 96%; 
	max-width: 96%; 
  }
       
   }
.customer-service{width:40px;height:198px;position:fixed;top:350px;right:0;overflow:hidden;z-index:9999;}
 .kefu{width:40px;height:198px;background:url(../image/kefu.png);}
 
@media screen and (min-width: 650px) {
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	height:70px;    background: #fff;
	
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);-o-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.07);   border-bottom: 1px solid #e0e0e0;
}
}
@media screen and (max-width: 650px) {
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	height:40px;    background: #fff;
	
	-webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);-moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);-o-box-shadow: 0px 4px 4px rgba(0,0,0,0.07);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.07);   border-bottom: 1px solid #e0e0e0;
}
}