@charset "utf-8";
@import url('../fonts/iconfont.css');
@import url('../fonts/RALEWAY-BOLD.css');
@import url('../fonts/RALEWAY-MEDIUM.css');

body{background:#fff;font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
a{font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;outline:medium none;color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:link,a:visited{text-decoration:none}
a:hover{color:#da4343;text-decoration:none}
img,li{border:0;vertical-align:top}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0}
*{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0;font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}

.txt-big{font-size:48px; font-family:'RALEWAY-BOLD','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-transform:uppercase;}
.txt-border{font-size:36px; font-family:'RALEWAY-BOLD','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
.txt-large{font-size:24px; font-family:'RALEWAY-BOLD','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
.txt-little{font-size:18px; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
.txt-small{font-size:16px; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}




.maincolor{color:#00489e;}
.secondarycolor{color:#008ad5;}
.titlecolor{color:#000000;}
.bodycolor{color:#666666;}
.intervalcolor{color:#999999;}



/*加载特效*/
.loadbg{ position:fixed; width:100%; height:100%; background:#fff; z-index:9999;}
.loading{margin-top:25%;height:100px;text-align:center;}
.circle{display:inline-block;margin:20px;width:50px;height:50px;border-radius:50%;transform:scale(0);animation:bulge 2s infinite ease-in-out;}
.circle::after{position:absolute;top:0;left:0;z-index:-1;display:inline-block;width:100%;height:100%;border-radius:50%;background-color:inherit;content:'';transform:scale(1);animation:blow 2s infinite ease-in-out;}
.circle:nth-child(1){background-color:#4695b8;animation-delay:0s;}
.circle:nth-child(2){background-color:#67a142;animation-delay:.25s;}
.circle:nth-child(3){background-color:#8fc0a7;animation-delay:.5s;}
@keyframes bulge{50%{transform:scale(1);}
}
@keyframes blow{25%{opacity:.5;}
50%{opacity:.5;}
90%{opacity:0;}
100%{opacity:0;transform:scale(2);}
}
.navbar-fixed-top{top:0px!important; background:rgba(255,255,255,1);z-index:9; border-bottom:solid 1px #eaeaea;}

.navbar .container{position:relative;}
.navbar-default{margin-bottom:0;border-radius:0px; border:none; }
.navbar-default .navbar-nav{ margin-top:0px; margin-right:15px;}
.navbar-default .navbar-brand{ height:75px; padding:10px 15px;}

.navbar-default .navbar-nav>li>a{color:#000000;font-size:20px; padding:0px 20px; line-height:75px; text-transform:uppercase; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
.navbar-default .navbar-nav>li>a:hover{color:#00489e;}
.navbar-default .navbar-nav>li>a.active{color:#00489e; background:none;}
.navbar-default .navbar-nav>li>a.search{padding:0px 10px; }
.navbar-default .navbar-nav>li>a.lang{padding:5px 20px; }
.navbar-default .navbar-nav>li>a i{font-size:24px; color:#171717; padding:0px; }
.navbar-default .navbar-nav>li>a i.icon-sanjiaoxing-copy{font-size:16px; color:#171717; padding:0px;}
.navbar-default .navbar-nav>li>a:hover i{color:#00489e;}
.navbar-default .navbar-nav>li>a.active i{color:#00489e;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#00489e;background:none;}


.navbar-default .navbar-nav>li ul.dropdown-menu{ margin-top:0px; background:#fff; left:-28px; width:auto;  border-bottom:solid 5px #00489e; }
.navbar-default .navbar-nav>li ul.dropdown-menu li a{line-height:1.2em; font-size:16px; padding:10px 10px;  text-align:center;white-space:normal;}
.navbar-default .navbar-nav>li ul.dropdown-menu li a:hover{background:#00489e; color:#fff;}
.navbar-default .navbar-nav>li ul.dropdown-menu:before{box-sizing:content-box;width:0;height:0;position:absolute;top:-16px;right:71px;padding:0;border-bottom:8px solid #fff;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;display:block;content:'';z-index:12}
.navbar-default .navbar-nav>li ul.dropdown-menu:after{box-sizing:content-box;width:0;height:0;position:absolute;top:-18px;right:70px;padding:0;border-bottom:9px solid #ccc;border-top:9px solid transparent;border-left:9px solid transparent;border-right:9px solid transparent;display:block;content:'';z-index:10}
.navbar-default .navbar-nav>li ul.dropdown-menu.proCate_menu:before{box-sizing:content-box;width:0;height:0;position:absolute;top:-16px;right:141px;padding:0;border-bottom:8px solid #fff;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;display:block;content:'';z-index:12}
.navbar-default .navbar-nav>li ul.dropdown-menu.proCate_menu:after{box-sizing:content-box;width:0;height:0;position:absolute;top:-18px;right:140px;padding:0;border-bottom:9px solid #ccc;border-top:9px solid transparent;border-left:9px solid transparent;border-right:9px solid transparent;display:block;content:'';z-index:10}



.topnavbg{ background:rgba(0,0,0,0.5)}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%!important;}
.dropdown-submenu>.dropdown-menu:before{position:relative!important;z-index:12;display:block;border-top:0 solid transparent!important;border-right:0 solid transparent!important;border-bottom:0 solid #fff!important;border-left:0 solid transparent!important;content:'';}
.navbar-default .navbar-nav>li ul.dropdown-menu>.dropdown-submenu>.dropdown-menu:after{position:relative!important;display:block;border-top:0 solid transparent!important;border-right:0 solid transparent!important;border-bottom:0 solid #fff!important;border-left:0 solid transparent!important;content:'';}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{float:right;display:block;width:0;height:0;content:" ";}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
      
#bSearch{width:300px; z-index:999; left:-190px;}
#bSearch form{max-width:655px; width:100%; margin:0 auto; padding:0px 5px;}
#bSearch form input{line-height:35px; height:35px; font-size:14px;}
#bSearch form .btn{ background:#00489e; line-height:35px; height:35px; font-size:14px; padding:0px 15px; color:#fff; border-color:#00489e;}
#bSearch form .btn i{font-size:24px;}

@media (min-width:1px) and (max-width:768px)
{ .navbar-fixed-top{top:0px!important;}
    .navbar-default .navbar-brand{min-height:40px; height:40px;}
    .navbar-default .navbar-brand img{ max-height:40px;}
    .navbar-default .navbar-toggle{margin-top:15px;}
    .navbar-default .navbar-toggle .icon-bar{background:#fff;}
    .navbar-default .navbar-nav>li>a{font-size:16px; padding:10px 20px;}
    .hottel{ display:none;}
}
@media (min-width:768px) and (max-width:1024px)
{ 
    .navbar-default .navbar-brand img{ max-height:14px;}
    .navbar-default .navbar-nav>li>a{font-size:14px; padding:5px 8px;}
}
#wrapper{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;padding-left:0;transition:all .5s ease}
#wrapper.toggled{padding-left:320px}
#wrapper.toggled #sidebar-wrapper{width:320px}
#wrapper.toggled #page-content-wrapper{margin-right:-320px;position:absolute}
#sidebar-wrapper{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;background:#1a1a1a;height:100%;left:320px;margin-left:-320px;overflow-x:hidden;overflow-y:auto;transition:all .5s ease;width:0;z-index:1000}
#sidebar-wrapper::-webkit-scrollbar{display:none}
#page-content-wrapper{padding-top:70px;width:100%}
.sidebar-nav{list-style:none;margin:0;padding:0;position:absolute;top:0;width:320px; padding-bottom:50px;}
.sidebar-nav li{display:inline-block;line-height:20px;position:relative;width:100%}
.sidebar-nav li:before{background-color:#00489e;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:3px;z-index:-1}
.sidebar-nav li:first-child a{color:#fff;}
.sidebar-nav li:nth-child(2):before{background-color:#00489e}
.sidebar-nav li:nth-child(3):before{background-color:#00489e}
.sidebar-nav li:nth-child(4):before{background-color:#00489e}
.sidebar-nav li:nth-child(5):before{background-color:#00489e}
.sidebar-nav li:nth-child(6):before{background-color:#00489e}
.sidebar-nav li:nth-child(7):before{background-color:#00489e}
.sidebar-nav li:nth-child(8):before{background-color:#00489e}
.sidebar-nav li:nth-child(9):before{background-color:#00489e}
.sidebar-nav li:hover:before{-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:100%}
.sidebar-nav li a{color:#ddd;display:block;padding:10px 15px 10px 30px;text-decoration:none;text-transform:uppercase;font-size:16px;}
.sidebar-nav li.open:hover before{-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:100%}
.sidebar-nav .dropdown-menu{background-color:#222;border-radius:0;border:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%; display:block;}
.sidebar-nav .dropdown-menu li a{ padding-left:40px; font-size:14px; text-transform:capitalize;}
.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus,.sidebar-nav li.open a:hover{background-color:#00489e;color:#fff;text-decoration:none}
.sidebar-nav>.sidebar-brand{font-size:35px;height:85px;line-height:85px; text-align:center; background:#fff;}
.sidebar-nav>.sidebar-brand a{padding:10px 25px;display:block;}
.sidebar-nav>.sidebar-brand img{display:block; height:auto; width:100%; }
.sidebar-nav>.sidebar-brand:before{background-color:transparent}
.sidebar-nav>.sidebar-brand a:hover{background-color:transparent!important}

.sidebar-nav>.sidebar-lang{line-height:35px;}
.sidebar-nav>.sidebar-lang a{font-family:Arial, Tahoma, sans-serif;font-size:14px;line-height:35px;}
.sidebar-nav > .sidebar-lang:before { background-color: transparent}
.sidebar-nav>.sidebar-lang a:hover{background-color:transparent!important}


.swiper-wrapper .barvideo{ width:100%; max-height:728px; position:relative; z-index:1;}


.hamburger{ position:fixed; top:20px; right:15px; height:27px;width:21px;z-index:999; background:none; border:none;}
.hamburger:hover{outline:0}
.hamburger:focus{outline:0}
.hamburger:active{outline:0}
.hamburger.is-closed:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:27px;opacity:0;text-align:center;width:100px}
.hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#171717;top:5px}
.hamburger.is-closed .hamb-middle{background-color:#171717;margin-top:-2px;top:50%}
.hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#171717;bottom:5px}
.hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{height:2px;left:0;position:absolute;width:100%}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#000;margin-top:-2px;top:50%}
.hamburger.is-open .hamb-middle{background-color:#ddd;display:none}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#000;margin-top:-2px;top:50%}
.hamburger.is-open:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
.hamburger.is-open:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:10}

@media(min-width:1px) and (max-width:768px) {
.swiper-container-3d{ perspective:none;}
}


#tframe{ background:#fff; padding-top:50px; padding-bottom:50px;}

#tframe .left_content h5{text-transform:uppercase; line-height:2em;}
#tframe .left_content p{line-height:2em;display:block; margin-top:45px;}
#tframe .left_content ul{display:block; margin-top:45px;}
#tframe .left_content ul li{width:49%;}
#tframe .left_content ul li a{color:#00489e; line-height:2em;}
#tframe .left_content ul li a:hover{color:#008ad5;}
#tframe .left_content ul li a i{font-size:20px; margin-right:10px;}
#tframe .left_content a.btnmore{display:block; border:solid 1px #00489e; margin-top:25px; max-width:150px; background:#00489e; color:#fff; text-transform:uppercase; font-size:18px; line-height:40px; text-align:center; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe .left_content a.btnmore:hover{background:#008ad5;border:solid 1px #008ad5;}


#tframetitle{background:#00489e; padding-top:30px; padding-bottom:30px;}
#tframetitle h5{text-transform:uppercase; line-height:2em;color:#fff;}
#tframetitle h2{color:#fff;}
#tframetitle a.btnmore{ position:absolute;top:10px; right:0px; border:solid 2px #008ad5; margin-top:25px; width:150px; color:#008ad5; text-transform:uppercase; font-size:18px; line-height:80px; text-align:center; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframetitle a.btnmore:hover{border:solid 2px #fff; color:#fff;}



#tframe1{ padding-top:0px; padding-bottom:50px;}
#tframe1 .tab_list ul.nav-tabs{border:none;}
#tframe1 .tab_list ul.nav-tabs li{ width:calc((100% - 60px)/4); border:solid 1px #eaeaea; margin-right:20px;}
#tframe1 .tab_list ul.nav-tabs li:last-child{margin-right:0px;}
#tframe1 .tab_list ul.nav-tabs li a{padding:0px; overflow:hidden; display:block;}
#tframe1 .tab_list ul.nav-tabs li a img{width:100%; height:auto;transition: all 0.6s;}
#tframe1 .tab_list ul.nav-tabs li .tab_show{display:none; position:absolute; top:0px; left:0px; padding:0px 80px; width:99.7%; height:100%; background:rgba(0,0,0,0.7); text-align:center;}
#tframe1 .tab_list ul.nav-tabs li .tab_show h3{display:block; margin-top:30%; font-size:30px; color:#fff;line-height:2em;}
#tframe1 .tab_list ul.nav-tabs li .tab_show h4{display:block; font-size:18px; color:#fff;line-height:2em;}
#tframe1 .tab_list ul.nav-tabs li .tab_show a{display:block; width:100%;height:100%;font-weight:bold; font-size:18px; color:#fff;line-height:1.5em; margin-top:55px;}
#tframe1 .tab_list ul.nav-tabs li .tab_show em{display: block;border-width: 20px;position: absolute;top:-1px;left:calc(50% - 20px);border-style: solid dashed dashed;border-color: #ffffff transparent transparent;font-size: 0;line-height: 0;}
#tframe1 .tab_list ul.nav-tabs li.active .tab_show{display:block;}

#tframe1 .tab_list ul.nav-tabs li a:hover img{transform: scale(1.2);}

#tframe1 .tab_list #myTabContent{ margin-top:0px;}
#tframe1 .tab_list #myTabContent .title h3{display:block; font-size:36px; color:#000000; line-height:1.2em; margin-top:50px; font-family:RALEWAY-BOLD,'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe1 .tab_list #myTabContent .title p{display:block; font-size:18px; color:#666666; line-height:2em; margin-top:25px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
#tframe1 .tab_list #myTabContent .title  a.btnmore{display:block; border:solid 1px #00489e; margin-top:25px; max-width:150px; color:#00489e; text-transform:uppercase; font-size:18px; line-height:40px; text-align:center; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe1 .tab_list #myTabContent .title  a.btnmore:hover{border:solid 1px #008ad5; color:#fff; background:#00489e}

#tframe1 .tab_list #myTabContent img{width:100%; height:auto; display:block;}


#tframe3{ padding-top:80px;padding-bottom:80px; background:url(../images/adbg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
#tframe3 .title h5{ color:#fff; text-transform:uppercase;}
#tframe3 .title h3{ color:#fff;text-transform:uppercase;}
#tframe3 .title p{ color:#fff;text-transform:capitalize;}
#tframe3 .list_ads{ margin-top:35px;}
#tframe3 .list_ads .thumbnail{background:none;border:none; padding:0px; border-radius:0px;}
#tframe3 .list_ads .thumbnail a{display:block;}
#tframe3 .list_ads .thumbnail a i{display:block; margin:0 auto; font-size:80px; color:#fff; width:150px; height:150px; border:solid 2px #eaeaea; border-radius:50%; text-align:center; line-height:150px;}
#tframe3 .list_ads .thumbnail h4{color:#fff; text-transform:uppercase; line-height:3em;font-weight:normal;font-family:RALEWAY-MEDIUM,'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe3 .list_ads .thumbnail p{display:block; line-height:1.5em; color:#fff;  max-width:80%; margin:0 auto;}
#tframe3 .list_ads .thumbnail a:hover i{color:#008ad5; border:solid 2px #008ad5; }
#tframe3 .list_ads .thumbnail a:hover h4{color:#008ad5;}
#tframe3 .list_ads .thumbnail a:hover p{color:#008ad5;}

#tframe4{padding-top:50px;padding-bottom:50px; background:#f4f2f2;}
#tframe4 .title{background:url(../images/index_11.jpg) no-repeat right bottom; min-height:480px; padding-top:100px;}
#tframe4 .title h5{ text-transform:uppercase;}
#tframe4 .title h3{text-transform:uppercase;}
#tframe4 .title p{text-transform:capitalize;}
#tframe4 .title a.btnmore{display:block; border:solid 1px #00489e; margin-top:25px; max-width:150px; background:#00489e; color:#fff; text-transform:uppercase; font-size:18px; line-height:40px; text-align:center; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe4 .title a.btnmore:hover{background:#008ad5;border:solid 1px #008ad5;}

#tframe4 .list_faq .panel-heading{background:#fff;}
#tframe4 .list_faq .panel-heading .panel-title a{max-width:calc(100% - 80px); font-size:18px;color:#000000; line-height:2em;font-weight:bold;}
#tframe4 .list_faq .panel-heading .panel-title span{float:right; width:30px; height:30px;background:#00489e; font-size:20px; color:#fff; text-align:center; line-height:30px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe4 .list_faq .panel-heading .panel-title a{max-width:calc(100% - 80px); font-size:18px;color:#000000; line-height:2em;font-weight:bold;}
#tframe4 .list_faq .panel-group .panel+.panel{margin-top:25px;}


#tframe2{ padding-top:50px; padding-bottom:50px; background:#fff;}

#tframe2 .title h5{ text-transform:uppercase;}
#tframe2 .title h2{text-transform:uppercase;}
#tframe2 .title p{text-transform:capitalize;}
#tframe2 a.btnmore{ position:absolute;top:10px; right:0px; border:solid 2px #eaeaea; margin-top:25px; width:150px; color:#eaeaea; text-transform:uppercase; font-size:18px; line-height:80px; text-align:center; font-family:'RALEWAY-MEDIUM','Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#tframe2 a.btnmore:hover{border:solid 2px #008ad5; color:#008ad5;}

#tframe2 .inews{ margin-top:50px;}
#tframe2 .inews .thumbnail{padding:0px; border-radius:0px;}
#tframe2 .inews .thumbnail a{display:block; overflow:hidden;}
#tframe2 .inews .thumbnail img{ width:100%; height:auto; display:block;cursor: pointer;transition: all 0.6s; }
#tframe2 .inews .thumbnail .caption{display:block;border-top:solid 1px #eaeaea;}
#tframe2 .inews .thumbnail .caption h5{display:block; font-size:18px;text-transform:uppercase; font-weight:bold; color:#000000; font-family:RALEWAY-BOLD,'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; line-height:1.5em; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#tframe2 .inews .thumbnail .caption h5:hover{color:#00489e;}
#tframe2 .inews .thumbnail .caption p{display:block;  margin-top:15px; font-size:16px; color:#666666; line-height:1.5em;font-family:RALEWAY-MEDIUM,'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
#tframe2 .inews .thumbnail .caption em{display:block; height:1px; background:#eaeaea; margin-top:10px; margin-bottom:10px;}
#tframe2 .inews .thumbnail .caption span{display:inline-block; font-size:16px; color:#b3b3b3; line-height:2.5em;font-family:RALEWAY-MEDIUM,'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;}
#tframe2 .inews .thumbnail .caption span:last-child{float:right; color:#00489e; font-size:16px;}

#tframe2 .inews .thumbnail:hover{border:solid 1px #00489e;}
#tframe2 .inews .thumbnail:hover h5{color:#00489e;}
#tframe2 .inews .thumbnail:hover img{transform: scale(1.2);  }


#footer{ background:#2e2d33;}

#footer .fck2{ margin-top:35px;}
#footer .fck2 ul li h3{ display:block;text-transform:uppercase;color:#fff; line-height:2em;}
#footer .fck2 ul li a{ color:#a9a9a9; font-size:16px; line-height:2em;}

#footer .fck3{ margin-top:35px;}
#footer .fck3 ul li h3{ display:block;text-transform:uppercase; color:#fff; line-height:2em;}
#footer .fck3 ul li a{ color:#fff;line-height:2em;}
#footer .fck3 ul li i{font-size:18px; margin-right:10px; color:#008ad5}
#footer .fck3 ul li ul li{ color:#a9a9a9;font-size:16px;line-height:2em;}


#footer .fck4{ margin-top:35px;}
#footer .fck4 ul li h3{ display:block;text-transform:uppercase; color:#fff; line-height:2em;}
#footer .fck4 ul li p{display:block; font-size:16px; color:#ffffff; display:block; line-height:1.5em;}
#footer .fck4 ul li input{display:block; width:100%; font-size:16px; color:#fff;line-height:2em; background:#555555;border:none; padding:5px 15px; margin-top:10px;}
#footer .fck4 ul li textarea{display:block; width:100%; font-size:16px; color:#fff;line-height:2em; background:#555555;border:none; padding:5px 15px; margin-top:10px;}
#footer .fck4 ul li #btnSend{width:180px; background:#00489e; color:#fff;margin-left:0px;}

#footer .foot_by{border-top:solid 1px #434248; background:#000000; margin-top:50px;}
#footer .foot_by p{font-size:16px; color:#f4f2f2; line-height:2em;display:block; text-align:center; margin-top:15px;}
#footer .foot_by p a{margin:0 10px; color:#fff;}


@media (min-width:768px){#btframe .container{ width:100%;}
}
@media (min-width:1024px){#btframe .container{ width:100%;}
}
@media (min-width:1200px){#btframe .container{ width:100%;}
}
@media (min-width:1440px){#btframe .container{ width:80%;}
.ntframe .container{ width:80%;}
#btframe .mianbaoxie .container{ width:90%;}
}

#btframe{ position:relative;}
#nbtit{position:absolute; top:30%; width:100%; text-align:left; }
#nbtit .text h2{font-size:60px; color:#fff; line-height:1.5em; display:block;}
#nbtit .text em{display:block; width:60px; height:4px; background:#fff; margin-top:10px;}
#nbtit .text h3{font-size:24px; color:#fff; line-height:1.5em; display:block; text-transform:uppercase;}

@media (min-width:1px) and (max-width:768px)
{ 
#nbtit{ top:12%; display:none; }
#nbtit .text h2{font-size:20px;}
#nbtit .text em{display:block; width:90px; height:4px; background:#fff; margin:0 auto;}
#nbtit .text h3{font-size:18px; }
}

.mianbaoxie {position:absolute; top:0px; left:0px; width:100%; background:rgba(255,255,255,0.5);}
.breadcrumb{ background:none; margin-bottom:0px; padding:8px 0px;}
.mianbaoxie ul li{line-height:25px; color:#fff;}
.mianbaoxie ul li a{ color:#fff;}
.breadcrumb > li + li:before {color: #fff;content: "> ";padding: 0 5px;}


#nSearch{ margin-top:-60px; z-index:999;}
#nSearch form{max-width:400px; width:100%;margin-right:0px;}
#nSearch form input{line-height:35px; height:35px; font-size:14px;}
#nSearch form .btn{ background:#00489e; line-height:35px; height:35px; font-size:14px; padding:0px 15px; color:#fff; border-color:#00489e;}
#nSearch .hotkeyword{display:block; font-size:14px; color:#fff; line-height:2em; position:relative; z-index:99; text-align:left; margin-top:5px;}
#nSearch .hotkeyword a{ font-size:14px; color:#fff; line-height:2em;}


@media (min-width:1px) and (max-width:768px)
{ 
#nSearch{ margin-top:20px; z-index:999;}
#nSearch form{max-width:100%; }
#nSearch .hotkeyword{color:#333;}
#nSearch .hotkeyword a{color:#333;}
}

#ntframe1{background:#f4f4f4;}

.catelist{border-bottom:1px solid #ddd;}
.catelist ul li{padding:0px; margin:0px;margin-left:0px; }
.catelist ul li a{ display:block; font-size:18px; color:#000000; line-height:2em; padding:25px 40px; border-left:solid 1px #dddddd;}
.catelist ul li:last-child a{border-right:solid 1px #dddddd;}
.catelist ul li.active{background:#00489e;}
.catelist ul li.active a{color:#fff;}
.catelist ul li:hover{background:#00489e;}
.catelist ul li:hover a{color:#fff;}
.catelist ul li ul li a{ display:block; font-size:18px; color:#000000; line-height:2em; padding:5px 20px; border-left:solid 1px #dddddd;}

#about1{ padding-bottom:50px;}

#about1 .title{line-height:2em; color:#00489e; margin-top:50px; text-transform:uppercase;}
#about1 .title span{ line-height:2em; color:#008ad5; display:block; font-weight:normal; text-transform:uppercase;}
#about1 .text{font-size:18px; line-height:2em; margin-top:30px; color:#666666;}

#about1 ul { margin-top:55px;}
#about1 ul li{ border-right:solid 1px #eaeaea; padding:0px 32px;}
#about1 ul li:last-child{border-right:0px;}
#about1 ul li span{display:block; font-size:16px; color:#177cbd;}
#about1 ul li b{display:block; font-size:80px; color:#177cbd;}
#about1 ul li b i{font-size:45px; font-style:normal;}
#about1 ul li p{display:block; font-size:16px; color:#333333;}


@media (min-width:1px) and (max-width:768px)
{ 
#about1{ background:#fff;}
#about1 ul li b{display:block; font-size:30px; color:#177cbd;}
}

#about2{background:url(../images/about2_bg.jpg) no-repeat center bottom; background-size:cover; padding-top:50px; padding-bottom:50px;}
#about2 .title{line-height:2em; display:block; text-transform:uppercase;}
#about2 .title span{line-height:2em;  display:block;text-transform:uppercase;}
#about2 .text{ font-size:16px; line-height:2em;}
#about2 .images{ padding-top:35px;}
#about2 .images img{float:left; margin-top:15px;}
#about2 .text_body{ padding-top:50px;}
#about2 .text_body h3{font-size:24px; line-height:2em;}
#about2 .text_body p{font-size:16px; line-height:2em;}

#about3{ background:#fff; padding-bottom:100px;}
#about3 .title{line-height:2em;text-transform:uppercase;}
#about3 .title span{ line-height:2em;text-transform:uppercase;display:block; }
#history{ margin-top:50px; }
.about_history_content{ position:relative;}
.about_history_content .divider{ margin-top:150px; display:block; height:1px;background:#dddddd;}
.swiper-history{ margin-top:-50px;}

.about_history_content .swiper-slide .item{ height:auto; padding:0px 35px; text-align:center;}
.about_history_content .swiper-slide .txt{ display:block;}
.about_history_content .swiper-slide .txt p{display:block;font-size:16px;line-height:24px; color:#666666; margin-top:35px;}
.about_history_content .swiper-slide .txt span{font-size:22px; display:block;color:#333333; line-height:2em;}
.about_history_content .swiper-slide .txt em{ display:block; margin:0 auto; width:10px; height:10px; border-radius:50%; background:#dddddd;}
.about_history_content .swiper-slide .txt img{ display:block; max-width:100%; height:auto;margin-top:35px;}

.swiper-button-next:after, .swiper-button-prev:after{font-size:25px; color:#333;}
.swiper-history .swiper-button-next,.swiper-history .swiper-button-prev{ z-index:999; top:50px; right:10px; width:40px; height:40px; border:solid 2px #dddddd; background:#dddddd; padding:5px;border-radius:50%;}
.swiper-history .swiper-button-prev{left:0; right:auto;}


#about4{ background:#f6f6f6; padding-top:50px; padding-bottom:50px;}
#about4 .title{line-height:2em;text-transform:uppercase;}
#about4 .title span{ line-height:2em;text-transform:uppercase;display:block; }
#certificate .Content{ margin-top:50px;}
#certificate .swiper-button-next:after,#certificate .swiper-button-prev:after{font-size:25px; color:#000;}
#certificate .swiper-button-next,#certificate .swiper-button-prev{ z-index:999;  right:10px; width:60px; height:60px; border:solid 1px #000; background:#fff; padding:5px;border-radius:50%;}
#certificate .swiper-button-prev{left:-80px; right:auto;}
#certificate .swiper-button-next{left:auto; right:-80px;}
@media (min-width:1px) and (max-width:768px)
{ 
#certificate .swiper-button-prev{left:10px; right:auto;}
#certificate .swiper-button-next{left:auto; right:10px;}
}


#about5{ background:#fff; padding-top:50px; padding-bottom:80px;}
#about5 .title{line-height:2em;text-transform:uppercase;}
#about5 .title span{ line-height:2em;text-transform:uppercase;display:block; }
#workshop .Content{ margin-top:50px;}
#workshop .swiper-button-next:after,#workshop .swiper-button-prev:after{font-size:25px; color:#000;}
#workshop .swiper-button-next,#workshop .swiper-button-prev{ z-index:999;  right:10px; width:60px; height:60px; border:solid 1px #000; background:#fff; padding:5px;border-radius:50%;}
#workshop .swiper-button-prev{left:-80px; right:auto;}
#workshop .swiper-button-next{left:auto; right:-80px;}
@media (min-width:1px) and (max-width:768px)
{ 
#workshop .swiper-button-prev{left:10px; right:auto;}
#workshop .swiper-button-next{left:auto; right:10px;}
}


#suport1{ padding-top:50px;}
#suport1 .title{line-height:2em;text-transform:uppercase;}
#suport1 .title span{ line-height:2em;text-transform:uppercase;display:block; }
#suport1 .text{ font-size:16px; line-height:2em;}
#suport1 .divider{ margin-top:50px; margin-bottom:50px; height:2px; background:#666666;display:block;}

.supck{display:inline-block; width:100%; margin-bottom:30px; background:#f4f4f4; border:solid 1px #dddddd; padding:10px 20px; vertical-align:middle; cursor:pointer;}
.supck div.p1{  display:inline-block;width:100px; border-right:solid 1px #ddd;}
.supck div.p1 i{display:block;font-size:70px; color:#000;}
.supck div.p2{  display:inline-block;width:calc(100% - 140px); padding-left:20px;}
.supck div.p2 h4{font-size:24px; color:#000; line-height:2em;}
.supck div.p2 p{font-size:14px; color:#000; line-height:1.5em; height:3em; overflow:hidden;}
.supck:hover{ background:#00489e;}
.supck:hover div.p1 i{color:#fff;}
.supck:hover div.p2 h4{color:#fff;}
.supck:hover div.p2 p{color:#fff;}
#suport1 .learnmore .btn{ display:block; width:280px; margin:0 auto; font-size:35px; color:#fff; background:#b69d7a; padding:5px 35px; border-radius:40px; margin-top:35px; margin-bottom:35px;}
#suport1 .learnmore .btn i{ font-size:45px;}

#suport2{ background:#f6f6f6; padding-top:50px; padding-bottom:50px; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;}
#suport2 .title{font-size:36px; line-height:2em; color:#000;}
#suport2 .title span{font-size:18px; line-height:2em; color:#999; margin-left:25px;}
#suport2 .text{ font-size:16px; line-height:2em;}

#suport3{ background:#f6f6f6; padding-top:50px; padding-bottom:50px; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea;}

#suport3 .title{text-transform:uppercase;}
#suport3 .title span{ line-height:2em;text-transform:uppercase;display:block; }
#suport3 .list_faq{margin-top:35px;}
#suport3 .text{ font-size:16px; line-height:2em;}

#suport3 .list_faq .panel-heading{background:#fff;}
#suport3 .list_faq .panel-heading .panel-title a{max-width:calc(100% - 80px); font-size:18px;color:#000000; line-height:2em;font-weight:bold;}
#suport3 .list_faq .panel-heading .panel-title span{float:right; width:30px; height:30px;background:#00489e; font-size:20px; color:#fff; text-align:center; line-height:30px; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif}
#suport3 .list_faq .panel-heading .panel-title a{max-width:calc(100% - 80px); font-size:18px;color:#000000; line-height:2em;font-weight:bold;}
#suport3 .list_faq .panel-group .panel+.panel{margin-top:25px;}



.downpck{ padding:0px; border-radius:0px; margin-top:50px;}
.downpck .tit{ background:#253b86; text-align:center; padding:15px 0px;
background: -moz-linear-gradient(top, #253b86 0%, #5e2d6b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#253b86), color-stop(100%,#5e2d6b));
background: -webkit-linear-gradient(top, #253b86 0%,#5e2d6b 100%);
background: -o-linear-gradient(top, #253b86 0%,#5e2d6b 100%);
background: -ms-linear-gradient(top, #253b86 0%,#5e2d6b 100%);
background: linear-gradient(to bottom, #253b86 0%,#5e2d6b 100%);

}
.downpck .tit i{font-size:70px; display:block; color:#fff;}
.downpck .tit h3{font-size:24px; display:block;color:#fff;}

.downpck .content{ display:block; height:360px; overflow:auto; margin-top:35px;}
.downpck .content ul{display:block; padding:15px 20px;}
.downpck .content ul li{display:block; border-bottom:solid 1px #eaeaea; padding:10px 0;}
.downpck .content ul li a{display:block; font-size:16px; color:#999; line-height:2em;}

.downpck .content::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
}

.downpck .content::-webkit-scrollbar-thumb {
  background-color: #666666;
  border-radius: 5px;
}

.downpck .content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.downpck2 .tit{
    background: -moz-linear-gradient(top, #871f57 0%, #e4021e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#871f57), color-stop(100%,#e4021e));
background: -webkit-linear-gradient(top, #871f57 0%,#e4021e 100%);
background: -o-linear-gradient(top, #871f57 0%,#e4021e 100%);
background: -ms-linear-gradient(top, #871f57 0%,#e4021e 100%);
background: linear-gradient(to bottom, #871f57 0%,#e4021e 100%);

}
.downpck3 .tit{
    background: #343434;

}

.feedTitle{ margin-top:50px;}
.feedTitle h3{text-transform:uppercase; line-height:2em;}
.feedTitle p{text-transform:capitalize;line-height:2em;}


.ProductTitle{ margin-top:0px;}
.ProductTitle h3{text-transform:uppercase; line-height:2em;}
.ProductTitle p{text-transform:capitalize;line-height:2em; text-align:left;}

#pro_feed_show{margin-top:0px;padding:40px 50px 30px;}
#pro_feed_show .tit{padding-bottom:30px;}
#pro_feed_show h3{font-size:42px;line-height:1.2em;color:#fff;}
#pro_feed_show h4{font-size:18px;line-height:1.5em;color:#ffd1b3;text-transform:uppercase;}
#pro_feed_show .input-group{margin-bottom:10px;}
#pro_feed_show .input-group-addon{border:none;border-radius:0;background-color:#f5f5f5;line-height:33px;vertical-align:top;}
#pro_feed_show .form-control{border:none;border-radius:0;background-color:#f5f5f5;line-height:33px;height:45px;box-shadow:none;padding-left:0;}
#pro_feed_show #txtstrMessage{height:auto;}
#pro_feed_show #btn_send{height:40px;padding:8px 50px;border-radius:0;border:none;font-size:16px;margin-top:20px; background:#00489e; color:#fff; text-transform:uppercase;}

#con_feed_show{margin-top:50px;padding:40px 50px 30px; background:#00489e;}
#con_feed_show .tit{padding-bottom:30px;}
#con_feed_show h3{font-size:42px;line-height:1.2em;color:#fff;}
#con_feed_show h4{font-size:18px;line-height:1.5em;color:#ffd1b3;text-transform:uppercase;}
#con_feed_show .input-group{margin-bottom:10px;}
#con_feed_show .input-group-addon{border:none;border-radius:0;background-color:#fff;line-height:33px;vertical-align:top;}
#con_feed_show .form-control{border:none;border-radius:0;background-color:#fff;line-height:33px;height:45px;box-shadow:none;padding-left:0;}
#con_feed_show #txtstrMessage{height:auto;}
#con_feed_show #btn_send{height:40px;padding:8px 50px;border-radius:0;border:none;font-size:16px;margin-top:20px; background:#fff; color:#00489e; text-transform:uppercase;}



#feed_show .input-group{ padding-bottom:20px;}
#feed_show .input-group .input-group-addon{ line-height:40px; font-size:18px; background:none;}
#feed_show .input-group .input-group-addon em{ color:#f08200;}
#feed_show .input-group .form-control{ line-height:60px;height:60px; font-size:18px;}
#feed_show #btn_send{line-height:40px; font-size:25px; font-weight:bold; margin-top:20px; border-radius:0px; color:#fff; background:#00489e;}


#suport4{ padding-top:50px;background-color:#f6f6f6;padding-bottom:50px; display:none;}
#suport4 .title{font-size:36px; line-height:2em; color:#000;}
#suport4 .title span{font-size:18px; line-height:2em; color:#999; margin-left:25px;}
#suport4 .text{ font-size:16px; line-height:2em;}
#suport4 .divider{ margin-top:50px; margin-bottom:50px; height:2px; background:#666666;display:block;}
#suport4 .supck{background-color:#fff;}
#suport4 .supck:hover{background-color:#f08200;}

#suport4 .scancode{overflow:hidden;padding-top:30px;}
#suport4 .scancode h3{font-size:64px;line-height:1.5em;margin-top:50px;}
#suport4 .scancode span{font-size:18px;line-height:2em;color:#bbbbbb;text-transform:uppercase;}
#suport4 .scancode p{font-size:14px;line-height:2em;color:#666666;margin-top:40px;}
#suport4 .scancode .img_1{text-align:right;padding-right:5%;}
#suport4 .scancode .img_1 img{max-width:100%;}

#contact_list{ max-width:1200px; padding-bottom:50px;}
#contact_list img{max-width:100%;}
#contact_list .contact_div{padding:50px; }
#contact_list .contact_div dl{margin-top:50px;}
#contact_list .contact_div dl dt{font-size:18px;margin-bottom:10px;}
#contact_list .contact_div dl dd{font-size:16px;line-height:24px;margin-bottom:30px;color:#888;}
#contact_list .contact_div dl dd>a{font-size:16px;line-height:24px;margin-bottom:30px;color:#888;}
#contact_list .contact_div dl dd>a:hover{color:#f08200;}

.newslist_Content{background-color:#fff;padding-top:50px;padding-bottom:50px;}
.newslist_Content .caption{padding:15px;}
.newslist_Content .caption h4{font-size:18px;line-height:1.5em; height:3em; margin-bottom:15px;overflow:hidden; font-weight:bold;}
.newslist_Content .caption p{font-size:16px;line-height:1.5em;color:#999999; margin-bottom:15px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newslist_Content .caption span{color:#a4a4a4;font-size:14px;}
.newslist_Content .caption a.more{float:right;font-size:14px;}
.newslist_Content .thumbnail{border-radius:0;padding:0;}
.newslist_Content .thumbnail>a{overflow:hidden;display:block;}
.newslist_Content .thumbnail img.img-responsive{width:100%;transition:all .3s;}
.newslist_Content .thumbnail:hover img.img-responsive{transform: scale(1.1);}

.news_detail_list{padding-top:50px;padding-bottom:50px;}
.news_detail_list .newsdetailtit{text-align:center;}
.news_detail_list .newsdetailtit h3{font-size:28px;margin-bottom:15px;margin-top:0;color: #080808;}
.news_detail_list .newsdetailtit p{font-size:14px;color:#868686;margin-right:10px;line-height:30px;}
.news_detail_list .newsdetailcontent{font-size:15px;line-height:2em;margin-top:30px;}
.news_detail_list .newsdetailcontent img{ max-width:100%;}

#solution{ padding-top:50px;padding-bottom:30px;}
#solution .title{font-size:36px; line-height:2em; color:#000;}
#solution .title span{font-size:18px; line-height:2em; color:#999; margin-left:25px;}
#solution .text{ font-size:16px; line-height:2em;}
#solution .divider{ margin-top:50px; margin-bottom:50px; height:2px; background:#666666;display:block;}
.caseslist_Content .thumbnail{border:none;padding:0;}
.caseslist_Content .thumbnail>a{overflow:hidden;display:block;}
.caseslist_Content .thumbnail img.img-responsive{width:100%;transition:all .3s; min-height:284px;}
.caseslist_Content .thumbnail:hover img.img-responsive{transform: scale(1.1);}
.caseslist_Content .caption{padding:10px 0;}
.caseslist_Content .caption h4{font-size:22px;line-height:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caseslist_Content .caption span{color:#a4a4a4;font-size:16px;}
.caseslist_Content .item{background-color:#f4f4f4;text-align:center;cursor:pointer;position:relative;}
.caseslist_Content .item img{width:100%;}
.caseslist_Content .item .txt{position:absolute;top:33%;width:100%;text-align:center;}
.caseslist_Content .item span{font-size:42px;color:#fff;font-weight:bold;border-radius:50%;border:2px solid #fff;width:60px;height:60px;line-height:50px;display:inline-block;}
.caseslist_Content .item h3{color:#fff;margin-top:30px;font-size:30px;}

@media (min-width:1px) {
   .caseslist_Content .item h3{font-size:18px;margin-top:15px;}
}
@media (min-width:768px){
}
@media (min-width:1024px) {
}
@media (min-width:1200px){
}
@media (min-width:1440px){
}

#ProductList{/*padding-top:50px;padding-bottom:50px;*/}
#ProductList .title h3{color:#f08200;font-size:32px;line-height:1.5em;font-weight:bold;}
#ProductList .divider{ margin-top:30px; margin-bottom:30px; height:1px; background:#e6e6e6;display:block;}
#ProLeft{border:1px solid #c0c0c0;padding:10px;}
#ProLeft>h3{font-size:14px;line-height:2em;border-bottom:1px solid #000;padding:0 0 10px;color:#000;margin-bottom:10px;}
#ProLeft>h3>a.reset{display:inline-block;float:right;color:#999;}
#ProLeft dl>dt{font-size:14px;line-height:20px;cursor:pointer;margin-bottom:10px;}
#ProLeft dl>dt>span.checked{float:right;width:20px;height:20px;position:relative;}
#ProLeft dl>dt>span.checked:after{content:"";width:14px;height:2px;background-color:#000;position:absolute;left:3px;top:9px;}
#ProLeft dl>dt>span.checked1:before{content:"";width:2px;height:14px;background-color:#000;position:absolute;left:9px;top:3px;}
#ProLeft dl>dd>a{font-size:14px;line-height:2em;}
#ProLeft dl>dd>a:hover{color:#f08200;}
#ProLeft ul.catelist>li>a{font-size:14px;color:#666;padding-left:10px;line-height:1.8em;}
#ProLeft ul.catelist>li>a:before{content:"";border-style:solid;border-width:5px;border-color:transparent transparent transparent #333;display:inline-block;}
#ProLeft ul.catelist>li>a:hover{color:#f08200;}
#ProLeft ul.catelist>li>ul.catelist{ border:none;}
#ProLeft ul.catelist>li>ul.catelist>li>a{font-size:14px;color:#666;padding-left:20px;line-height:1.8em;padding:5px 20px; border:none;}
#ProLeft ul.catelist>li>ul.catelist>li>a:before{content:"";border-style:solid;border-width:5px;border-color:transparent transparent transparent #333;display:inline-block;}
#ProLeft ul.catelist>li>ul.catelist>li>a:hover{color:#f08200;}
#ProLeft dl>dd label{cursor:pointer;font-weight:normal;padding-left:10px;}
#ProLeft dl>dd input[type='checkbox']{margin-right:5px;}
#ProLeft dl>dd.colorList>a{display:inline-block;width:38px;height:38px;margin:0 8px 8px 0;border:1px solid #ccc;}
#ProLeft dl .line{height:1px;background-color:#ccc;margin-top:10px;margin-bottom:10px;}


.sortlist{overflow:hidden;margin-bottom:30px;} 
.sortlist .pagelist{float:left;}
.sortlist .pagelist select{margin-left:8px;}
.sortlist select{float:right;}
#main_pro{overflow:hidden;}
@media(min-width: 992px) {

    #prontframe2 .container{ width:80%;}
}
#main_pro .ipto {
        border: 1px solid #e1e1e1;
        padding-bottom: 10px; margin-bottom:25px;
    }
#main_pro .ipto img{width:100%;}
#main_pro .ipto span{display:block;height:1px;background-color:#eaeaea;margin:0px auto 0;}
#main_pro .ipto .iptz{display:block; padding:15px;}
#main_pro .ipto h3{font-size:18px;line-height:2em;text-align:center;padding:10px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#main_pro .ipto p{font-size:14px;line-height:1.5em;text-align:center; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#main_pro .ipto a:hover h3{color:#00489e;}
#main_pro .ipto a:hover p{color:#00489e;}

#main_pro .prolist:nth-child(3n+4){clear:both;}


#prontframe1{background-color:#343131;}
#prontframe1 .catelist ul li a{color:#fff;}

.pro_right_list{margin-top:35px;}
.detail_img{padding-bottom:0px;}
.detail_img img{width:100%;border:solid 1px #eaeaea;}
.detail_img .swiper-button-next:after{font-size:36px;}
.detail_img .swiper-button-prev:after{font-size:36px;}
.detail_img .gallery-thumbs{margin-top:30px;}
.detail_img .gallery-thumbs .swiper-slide{border:1px solid #fff; cursor:pointer;}
.detail_img .gallery-thumbs .swiper-slide-thumb-active{border:1px solid #00489e;}

.detail_img .gallery-thumbs .swiper-slide {float:left; margin-left:0px;}

.detail_img .gallery-thumbs .swiper-slide a{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999;}

.detail_remark{}
.detail_remark h3{font-size:24px;line-height:1.5em;color:#00489e;}
.detail_remark h2{font-size:18px;line-height:1.5em;color:#555;}
.detail_remark h5{font-size:18px;line-height:1.5em;color:#555;margin-bottom:20px;}
.detail_remark p{font-size:15px;line-height:1.8em;color:#999999;}
.detail_remark .line{height:2px;background-color:#efefef;margin:15px 0;}
.detail_remark .color .list span{display:inline-block;width:80px;height:80px;margin-right:20px;border:1px solid #ccc;}
.detail_remark .btn-Default{padding:8px 50px;background-color:#00489e;color:#fff;border-radius:0;margin:35px 0 30px;font-size:18px; margin-right:25px;}
.detail_remark .btn-Default:hover{background:#008ad5;}
.detail_remark .tel{line-height:36px;}
.detail_remark .tel>i{font-size:28px;margin-left:8px;}
.detail_show img{max-width:100%;}
#pro_detail{background-color:#fff;padding-top:50px;padding-bottom:50px; }
#pro_detail .pro_detail{border-bottom:3px solid #e2e2e2;margin-bottom:50px;}
#pro_detail .pro_detail>a{display:inline-block;padding:20px 60px;margin-bottom:-3px;border-bottom:3px solid #e2e2e2;position:relative;}
#pro_detail .pro_detail>a.active{background-color:#00489e;color:#fff;border-bottom:3px solid #008ad5;}
#pro_detail .pro_detail>a.active:before{content:"";border-style:solid;border-width:8px;border-color:#008ad5 transparent transparent transparent;position:absolute;bottom:-18px;left:calc(50% - 8px);}

.detail_xiangguan{padding:0px;}
.detail_xiangguan h3{margin-bottom:40px; border-bottom:solid 2px #eaeaea; line-height:2em;}
.detail_xiangguan .pcp{float:left; width:calc((100% - 90px)/4); margin-right:30px;}
.detail_xiangguan .pcp:nth-child(4n+1){ margin-right:0px;}
.detail_xiangguan .thumbnail{border-radius:0;padding:0;}
.detail_xiangguan .thumbnail .caption{padding:15px 20px;}
.detail_xiangguan .thumbnail h4{font-size:18px;line-height:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.detail_xiangguan .thumbnail p{font-size:16px;line-height:1.5em;color:#777;display:block; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

#sharetools{background-color:#fff;}
#product_cate_list_img .row  h3{font-size:38px;  line-height:2em;display:block; margin-top:20px;}
#product_cate_list_img .row  p{font-size:18px; text-transform:uppercase; display:block; margin-bottom:20px;}
#product_cate_list_img .row img{ max-width:100%;}

.cateprolist3{ /*margin-top:80px;*/ background:#343131; display:none;}

.cateprolist3 ul > li{ padding:20px 40px;}
.cateprolist3 ul > li > a i{font-size:40px; color:#fff; display:block; font-weight:normal;}
.cateprolist3 ul > li > a h4{font-size:18px; color:#fff; display:block; line-height:2em;}
.cateprolist3 ul > li > a img{ margin-top:12px;}
.cateprolist3 ul>li:hover{background:#f18101;}
.cateprolist3 ul>li.active{background:#f18101;}

/*留言*/
.leave{ overflow: hidden; background: #fff; padding-bottom:50px;}
.leave h2{display:block; text-transform: uppercase; line-height:2em; margin-bottom: 10px;}
.leave p{font-size:16px; display:block;line-height:2em; color:#666666;}


.feedback{ overflow: hidden; margin-top: 15px;}
.feedback .input{ overflow: hidden; position:relative; margin-bottom: 30px; box-sizing: border-box; border: 0; display:flex; background: #f1f1f1; padding: 7px ;justify-content: space-between; align-items: center;}
.feedback .input.textarea{ align-items: flex-start;}
.feedback .input>label{ background: none; font-size:16px; margin-bottom:0px; color:#666666;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:100; display: flex; box-sizing: border-box; vertical-align: middle; line-height: 30px; white-space: nowrap;text-overflow: ellipsis;}
.feedback .input>label font{ display: inline-block; padding-right: 5px;} 
.feedback .input>textarea{ background:none; border: 0px solid #d8d8d8; width: 100%; float: left;font-size:16px;color:#666666;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:100;line-height: 30px;  padding:0px 10px; outline: none; resize: none; box-sizing: border-box; height: 80px; color: #75757d;}
.feedback .input>input{ width: 100%; float: left; background: none; border: 0px solid #d8d8d8; box-sizing: border-box; height: 30px; padding-left: 10px; font-size:16px; color:#666666;font-family:'Montserrat',Arial, Helvetica, sans-serif; font-weight:100;}
.feedback input::-webkit-input-placeholder, .feedback textarea::-webkit-input-placeholder{ color: #999; font-size: 15px;}
.feedback input:-moz-placeholder, .feedback textarea:-moz-placeholder{ color: #999; font-size: 15px;}
.feedback input::-moz-placeholder, .feedback textarea::-moz-placeholder{ color: #999; font-size: 15px;}
.feedback input:-ms-input-placeholder, .feedback textarea:-ms-input-placeholder{ color: #999; font-size: 15px;}
.feedback .input #ehong-code{ text-align: center;}
.feedback .button{ overflow: hidden; padding:0; text-align: left;}
.feedback .button .submit{ padding: 15px 50px; background: #00489e; border:0; border-radius: 5px; cursor: pointer; outline: none; text-transform: uppercase; color: #fff;}

.hidden{ display: none!important;}
@media (min-width:992px)  {

.feedback .w50{ width: calc(50% - 15px); margin-right: 30px;}
.feedback .w33{ width: calc(33.33% - 20px); margin-right: 30px;}
.feedback .w67{ width: calc(66.77% - 12px); }
.feedback .end{ margin-right: 0;}
.feedback .fl{ float: left;}
.feedback .fr{ float: right; }
}
@media (min-width:1px) and (max-width:991px) {
.leave{ padding: 3vw 0;}
.leave h2{ font-size: 18px; margin-bottom: 2vw; }
.feedback .input{ margin-bottom: 15px;}
.feedback .input>label{ font-size: 14px;}
.feedback{ display: block; margin-top: 15px;}
.feedback .left{ margin-right: 0px;}
.feedback .right{ margin-left: 0px;}
.feedback .w50{ width: auto;}
.feedback .button .submit{ font-size: 14px; padding: 7px 30px;}

.detail_xiangguan .pcp{ width:calc((100% - 30px)/2); margin-right:30px;}
.detail_xiangguan .pcp:nth-child(4n+1){ margin-right:0px;}
.detail_xiangguan .pcp:nth-child(2n+1){ margin-right:0px;}
}



#pro_tab_list .container{ border:solid 1px #eaeaea; margin:80px auto;}
#pro_tab_list .tit{ margin-top:-20px;}
#pro_tab_list .tit h3{ width:200px; font-size:24px; line-height:40px;  margin:0 auto; border-left:solid 1px #eaeaea; border-right:solid 1px #eaeaea; background:#fff; text-align:center;}
#pro_tab_list .swiper-button-next,#pro_tab_list  .swiper-button-prev{ width:60px; height:60px; background-size:60%; background:#fff; border-radius:50%; border:solid 1px #d9d9d9;}
#pro_tab_list .swiper-button-next.swiper-button-disabled, #pro_tab_list .swiper-button-prev.swiper-button-disabled{opacity:1;}
#pro_tab_list .prev-tab_list {left: -50px;}
#pro_tab_list .next-tab_list{ right:-50px;}
.swiper-tab_list{ margin:0 50px; padding-top:50px; padding-bottom:50px;}
#pro_tab_list .more{margin-bottom:-25px;}
#pro_tab_list .more a{margin:0 auto; display:block; width:200px; font-size:18px; line-height:40px;  border:solid 1px #eaeaea; background:#fff; text-align:center; }
.swiper-tab_list .ipto{border:solid 1px #eaeaea;}
.swiper-tab_list .ipto .ipti{display:block;}
.swiper-tab_list .ipto .ipti img{display:block; max-width:100%;}
.swiper-tab_list .ipto .iptz{display:block; margin-top:10px; padding:15px 15px;}
.swiper-tab_list .ipto .iptz span{display:block; width:40px; height:2px;  background:#f08200; margin:0 auto;}
.swiper-tab_list .ipto .iptz h3{display:block; font-size:16px; color:#000; white-space:nowrap; line-height:2em; text-align:center;margin-top:10px; }

@media (min-width:768px){
#pro_tab_list .prev-tab_list {left: 10px;}
#pro_tab_list .next-tab_list{ right:10px;}
}
@media (min-width:1024px) {
#pro_tab_list .prev-tab_list {left: 10px;}
#pro_tab_list .next-tab_list{ right:10px;}
}
@media (min-width:1200px){
#suport4 .scancode h3{font-size:48px;}
#about1 ul li{padding:0 15px;}
#about1 ul li b{font-size:60px;}
#about2 .images ul:first-child li{width:99%;}
#about2 .images ul:last-child li{width:49%;}
#about2 .images img{ width:100%;}
#pro_tab_list .prev-tab_list {left: 10px;}
#pro_tab_list .next-tab_list{ right:10px;}
}
@media (min-width:1440px){
    
#pro_tab_list .prev-tab_list {left: -50px;}
#pro_tab_list .next-tab_list{ right:-50px;}
}
#prontframe2 .container{ padding-top:30px;}
@media (min-width:1px) and (max-width:768px) {
#prontframe2 .container{padding:0;}
.catelist ul li a{font-size:12px;padding:10px 12px;}

#solution{padding-top:25px;}
#solution .title{font-size:25px;}
#ProRight{margin-top:30px;}
#ProductList{padding-top:25px;padding-bottom:25px;}
#ProductList .divider{margin-top:10px;margin-bottom:20px;}
#main_pro .ipto h3{font-size:12px;padding-bottom:0}
.detail_remark{padding:15px;}
#pro_detail{padding-bottom:0;padding-top:30px;margin-top:10px;}
#pro_detail .pro_detail > a{padding:10px 20px;}
#pro_detail .pro_detail > a h3{font-size:16px;}
.detail_remark{padding:15px 0;}

.news_detail_list{padding-top:30px;padding-bottom:30px;}
.news_detail_list .newsdetailtit h3{font-size:20px;}
#suport1 .divider{margin-top:20px;margin-bottom:20px;}
#suport2 .divider{margin-top:20px;margin-bottom:20px;}
#suport3 .divider{margin-top:20px;margin-bottom:20px;}
#suport4 .divider{margin-top:20px;margin-bottom:20px;}
#feed_show .input-group .input-group-addon{font-size:16px;line-height:30px;padding:4px 10px;}
#feed_show .input-group .form-control{height:40px;line-height:40px;font-size:16px;}
#suport4 .scancode h3{font-size:30px;}
.supck div.p1{width:60px;vertical-align:top;}
.supck div.p1 i{font-size:45px;}
.supck div.p2{width:calc(100% - 80px);}
.supck div.p2 h4{font-size:18px;}
.supck div.p2 p{font-size:12px;}
.downpck .content{height:auto;}
#suport1 .title{font-size:24px;}
#suport2 .title{font-size:24px;}
#suport3 .title{font-size:24px;}
#suport4 .title{font-size:24px;}
#suport1{padding-top:25px;}
#suport2{padding-top:25px;}
#suport3{padding-top:25px;}
#suport4{padding-top:25px;}
#suport4 .scancode h3{margin-top:0;}
#about1 .title{margin-top:30px;font-size:24px;}
#about1 .text{margin-top:20px;font-size:16px;}
#about1 ul li{width:30%;padding:0;}
#about1 ul li b i{font-size:20px;}
#about1 ul li p{font-size:12px;}
#about2{padding-top:25px;}
#about2 .title{margin-top:30px;font-size:24px;}
#about2 .text{margin-top:20px;font-size:16px;}
#about2 .text_body h3{font-size:18px;}
#about3{padding-top:25px;}
#about3 .title{margin-top:30px;font-size:24px;}
#about3 .text{margin-top:20px;font-size:16px;}
#about4{padding-top:25px;}
#about4 .title{margin-top:30px;font-size:24px;}
#about4 .text{margin-top:20px;font-size:16px;}
#about4 .container{ padding-left:0px; padding-right:0px;}
#about3 .container{ padding-left:0px; padding-right:0px;}
#about2 .container{ padding-left:0px; padding-right:0px;}
#about1 .container{ padding-left:0px; padding-right:0px;}
#map{height:200px!important}
#contact_list .contact_div{padding:20px 15px;}
#pro_feed_show{padding:20px 15px;margin-top:0}
#contact_list{padding-bottom:0;padding-top:0;margin-top:0}
#pro_feed_show .tit{text-align:left!important;}
#pro_feed_show h3{font-size:24px;}
#pro_tab_list .prev-tab_list {left: 10px;}
#pro_tab_list .next-tab_list{ right:10px;}
.swiper-tab_list{ margin:0 20px; padding-top:30px; padding-bottom:30px;}
.cateprolist3 ul > li{ padding:10px 10px;}
.cateprolist3 ul > li > a img{width:25px;}
.cateprolist3 ul > li > a h4{font-size:12px; color:#fff; display:block; line-height:2em;}
#product_cate_list_img .row h3{font-size:20px;}
#product_cate_list_img .row p{font-size:12px;}
#pro_tab_list .tit h3{font-size:20px;}
}
#ProLeft ul.catelist>li>a.active{color:#f08200;}
.brandlist a.active{color:#f08200;}
#ProLeft dl>dd.colorList>a.active{color:#f08200; border:solid 1px #f08200;}

.gallery-top .swiper-wrapper .provideo{ width:100%; max-width:815px; max-height:815px; position:relative; z-index:1; border:solid 1px #eaeaea;}
.gallery-thumbs .swiper-wrapper .provideo{ width:100%; max-width:149px; max-height:149px; position:relative; z-index:1; border:solid 1px #eaeaea;}
.sidebar-nav  .dropdown-submenu > .dropdown-menu {left: 0 !important}
@media (min-width:1024px) and (max-width:1200px)
{ 
    .navbar-default .navbar-brand img{ max-height:14px;}
    .navbar-default .navbar-nav>li>a{font-size:14px; padding:5px 8px;}
}

#product_cate_remark{ overflow:hidden;}
#product_cate_remark img{ width:100%; height:auto; /*margin-bottom:35px*/;}

.detail_remark dl{display:block;}
.detail_remark dl dd{display:block; line-height:3em; font-size:16px;}
#prodlist{ margin-top:50px; margin-bottom:50px;}


.sitemaps {display:block; padding-bottom:50px; padding-top:50px;}
.sitemaps h2{display:block; font-size:24px;color:#000000; line-height:2em; text-transform:uppercase;}
.sitemaps .cate1{display:block; font-size:18px; color:#666666; line-height:2em; margin-left:35px;}
.sitemaps .cate1 li ul{display:block;}
.sitemaps .cate1 li ul li a{display:block;font-size:16px; color:#999999; line-height:2em; margin-left:35px;}
.sitemaps a:hover{color:#00489e;}


@media (min-width:1px) and (max-width:768px)
{ 
    .container{padding-left:0px ;padding-right:0px;}
    .txt-big{font-size:25px;}
    .txt-border{font-size:22px;}
    .txt-large{font-size:20px;}
    .txt-little{font-size:16px;}
    .navbar-default .navbar-brand img{margin-left:15px;}
    #tframe .left_content p{line-height:2em;display:block; margin-top:25px;}
    #tframe .left_content ul li{width:100%;}
    #tframe .right_img{display:none;}
    #tframetitle a.btnmore{display:none;}
    #tframe1 .tab_list ul.nav-tabs li{width: calc((100% - 30px)/4); margin-right: 10px;border:none;}
    #tframe1 .tab_list #myTabContent .title h3{font-size:24px;}
    #tframe1 .tab_list ul.nav-tabs li.active .tab_show{display:none;}
    #tframe1 .tab_list #myTabContent .title a.btnmore{font-size:16px; line-height:30px;}
    #tframe4 .title{padding-top:0px; background:none; min-height:150px; padding-bottom:50px;}
    #tframe4 .list_faq .panel-heading .panel-title a{line-height:1.2em;}
    #tframe2 a.btnmore{display:none;}
    #tframe2 .inews{ margin-top:25px;}
    #about2 .images{display:none;}
    #about3 .title{margin-top:0px;}
    .ProductTitle h3{text-align:left;}
    #prodlist{margin-top:0px;}
    #main_pro .ipto{margin-bottom:25px; padding-bottom:0px;}
    #main_pro .ipto h3{height:6em;overflow: hidden;white-space: normal;padding:0px;}
    #main_pro .ipto p{display:none;}
    .detail_remark .btn-Default{padding:8px 20px;}
    #pro_detail{margin-top:0px; padding-top:0px; padding-left:15px ;padding-right:15px;}
    #pro_detail .pro_detail{margin-bottom:25px;}
    .detail_xiangguan{padding:0px 15px;}
    .leave{padding:0px 15px; margin-bottom:50px;}
    .newslist_Content{padding-left:15px ;padding-right:15px;}
    .news_detail_list{padding-left:15px ;padding-right:15px;}
    #con_feed_show{padding:15px; margin-bottom:50px;}
    #con_feed_show h3{text-align:left; font-size:36px;}
}

@media (min-width:768px) and (max-width:960px) {
    .navbar-default .navbar-brand{display:none;}
    #tframe1 .tab_list #myTabContent .title p{display:none;}
    #tframe1 .tab_list ul.nav-tabs li .tab_show a{display:none;}
    #tframe3 .list_ads .thumbnail a h4{font-size:18px;}
    #tframe4 .title{background:none;}
    #main_pro .ipto{ margin-bottom:25px; padding-bottom:0px;}
}