@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,img{margin:0;padding:0;}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#333; min-width:320px;}
h1,h2,h3,h4,h5,h6{ font-style:none; font-weight:normal;}
a{text-decoration:none; color:#333; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
a:hover{ text-decoration:none; color:#ED704F; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
i,em{font-style:normal}
ul,li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;}
a:visited{ border:none;}
a:focus{outline:none;}
a:visited{ border:none;}
a:active{ border:none;}
a:hover{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
input,button,textarea{ outline:none;}

/*header*/
.header{ width:auto; height:auto}
.header .container{ position:relative;}
/*nav*/
.navbar-fixed-top, .navbar-fixed-bottom{ position:relative; padding-top:0px; background:none; overflow:hidden; padding:15px 0;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ background:none;}
.navbar-header{ float:left;}
.navbar-brand img{ width:85%;}
.navbar-brand{ height:auto;}
.navbar-nav{ float:left; position:relative; top:0; right:0;}
.navbar-collapse ul li{}
.navbar-collapse ul li a{ color:#333 !important; padding:14px 23px;font-family: PT Sans; font-weight:700; font-size:14px;}
.navbar-collapse ul li span.sub-arrow{position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #555 transparent transparent transparent;    right: 8px;
    border-width: 5px;}
.navbar-collapse ul li:hover a{ background:none;}
.navbar-inverse .navbar-toggle{ background:#ED704F; border:1px solid #fff; position:fixed; top:9px; right:0;}

.navbar-nav>li>.dropdown-menu:after{    content: '';
    position: absolute;
    top: -16px;
    left: 31px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;}
.navbar-nav>li>.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #ed1a21 transparent;}
.navbar-nav li .dropdown-menu{ display:none;}
.navbar-nav li:hover>.dropdown-menu{ display:block;}
.navbar-nav li .dropdown-menu li{ position:relative;}
.navbar-nav li .dropdown-menu .dropdown-menu1{ position:absolute; left:100%; top:-5px;}
.navbar-nav li .dropdown-menu a{color: #3e3e3e;
    padding: 6px 35px 6px 20px;
    line-height: 1.42857143;
    font-family: Open Sans;
	 font-weight:600;
    font-size: 13px;}
.navbar-nav li .dropdown-menu li:hover{ background:#eee}

.navbar-collapse ul li .dropdown-menu li span.sub-arrow{ right:6px;    top: 51%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555;}

.search{ float:right; text-align:right;}
.search .lang a{ padding:0 5px;}
.search span{ width:24px; height:24px; display:block; background:url(../images/search.png) no-repeat center; background-size:cover; cursor:pointer; position:absolute; right:6px; top:5px;}
.search form{padding:5px 5px 5px 10px; background:#F0F0F0; display:block; border-radius:3px;}
.search input{ border:none; background:none; width:200px; font-size:14px;}
.search .serach_icon{ background:url(../images/search.png) no-repeat center; width:24px; height:24px; background-size:cover; border:none;}

.search img{ width:24px; margin-right:5px;}
.search div{ margin-top:6px; font-size:13px;}
.search .search3 img{ margin-right:2px; width:20px; margin-top:-1px;}
.search .search3{ margin-top:8px;}
/*banner*/
.banner img{ width:100%;}
/*contact*/
.products{ width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0;}
.products h2{ font-size:32px; font-weight:normal; text-align:center; margin-bottom:30px;}
.products li img{ width:100%;}
.products li p{ background:rgb(0,69,189); text-align:center; padding:14px 0; font-size:14px; color:#fff;}
/*about*/
.about{ width:100%; height:auto; overflow:hidden; padding:40px 0;}
.about_left{ padding-right:40px;}
.about h2{ color:#666; text-align:left; margin-top:20px; font-size:16px;}
.about p{ font-size:14px; margin-top:20px; color:#666; text-align:justify;}
.about a{ float:right; margin-top:30px; color:#666; font-size:14px;}
.about a:hover{ color:rgb(0,69,189); text-decoration:underline;}
.news_right{ background:#b6252a;}
.news_right h2{ color:#fff;}
.news_right li{background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 10px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700; margin:15px 0;}
	.news_right ul{ margin:20px 0;}
.news_right li h6{ font-size:16px; font-weight: 700;}
.news_right li h6 span{ float:right; font-size:20px; display:block; display:block; background:url(../images/+.png) no-repeat; width:22px; height:22px; background-size:22px; margin-top:-3px;}
.news_right li p{ margin-top:12px; font-size:13px; font-weight:500; overflow:hidden; display:none;}
.news_right li p a{ display:block; font-size:12px; font-weight:400;}
.news_right li p a:hover{ text-decoration:underline; color:rgb(0,69,189);}
.news_right li.curr h6 span{background:url(../images/-.png) no-repeat; background-size:22px;}
/*application*/
.application{ width:100%; height:auto; overflow:hidden; padding:0; background:none;}
.application h2{ color:#fff; background:#9D9B9E; padding:30px 0; margin:0;}
.application a{ margin-top:0; float:none;}
.products .swiper-slide{ text-align:center;}
.products img{ width:80%;}
/*contact*/
.contact_left div{ margin-bottom:15px;}
.contact_left input{ width:100%; background:#ECEAED; border:none; padding:8px 10px; font-size:14px;}
.contact_left textarea{ width:100%; background:#ECEAED; border:none; padding:8px 10px; height:80px; font-size:14px;}
.contact_left input.submit{ font-size:16px;}
.contact_left input.submit:hover{ background:#ED704F; color:#fff; border-radius:3px;}
.contact_right{ font-size:16px;}
.contact_right div{ margin-bottom:10px;}
.contact_right a{line-height:35px;}
.contact_right img{ width:32px; margin-right:10px; }

.about-h2{ text-align:center; margin-bottom:30px;}

.footer{ width:100%; height:auto; overflow:hidden; background:rgb(226,226,226); padding:40px 0; margin-top:40px;}
.footer h2{ font-size:20px; font-weight:normal; color:#333; margin-bottom:15px;}
.footer ul{ width:90%;}
.footer ul li{ font-size:14px; overflow:hidden; border-bottom:1px solid #797679; padding:10px 0;}
.footer ul li a{ color:#666; display:block;}
.footer ul li span{ float:right;color:#666;}
.footer ul li a:hover{ color:rgb(192,37,42);}
.footer dl a{ color:#333; font-size:14px;}
.footer dl a:hover{ color:rgb(192,37,42);}
.footer dl span{ font-size:12px; padding-right:10px; position:relative; top:-1px;}
.footer dl dd{ line-height:20px; padding:5px 0;}
.footer_f img{ width:20px; display:block; float:left; margin-right:10px;}
.footer_f{ font-size:14px;}
/*copyright*/
.copyright{ background:rgb(38,38,38); padding:20px 0; text-align:center; color:#fff; font-size:14px;}
.copyright h6{ font-size:16px; color:#ddd; text-align:left; font-weight:600;}
.copyright div.copyright1{ text-align:left}
.copyright div.copyright1 img{ width:18px; margin-top:15px; margin-right:10px;}
.copyright div.copyright2{ text-align:left;}
.copyright div.copyright2 input{ color:#333; padding-left:10px;}
.copyright div.copyright2 .submitme{ border-radius:30px; width:60%; float:left; margin-top:10px; border:0; height:25px;}
.copyright div.copyright2 .button{ width:28%; border-radius:30px; background:rgb(254,165,0); border:0; height:25px; margin-left:10px; margin-top:10px; font-weight:600; border:1px solid #fff;}
.copyright div.copyright3{ text-align:right;}
.copyright div.copyright3 img{ margin-right:0; margin-left:10px;}
.copyright .copyright3 h6{ text-align:right;}
.foot_copyright{ border-top:1px solid #999; margin-top:20px; padding-top:20px;}
.foot_copyright a{ color:#fff; padding:0 10px;}

/*mb_footer*/
.height{ height:55px; display:none;}
#footerToolBar { background:rgb(226,16,28); display:block; width:100%; position:fixed; bottom:0; left:0; z-index:10000; display:none;}
#footerToolBar li{ width:20%; float:left; text-align:center; height:55px; box-sizing:border-box; border-left:1px solid #E8907E;}
#footerToolBar li:first-child{ border:none;}
#footerToolBar li a{color:#fff; font-size:16px; display:block; width:100%;}
#footerToolBar li span{ display:block; width:100%; text-align:center; padding-top:10px;}
#footerToolBar li img{ width:20px;}

.locations{ border-bottom:1px dashed #ccc; padding:10px 0; font-size:14px;}
.locations .row{ margin:0;}
.products_left h4{ padding:20px 0; font-size:26px; color:rgb(19,136,198)}
.products_left li{ padding:10px 0; font-size:14px;}
.products_left li span{ background:url(../images/d_n_1.png) no-repeat left; padding-left:25px; cursor:pointer;}
.products_left li dd{ padding:6px 0;}
.products_left li dl{ padding:10px 0 0 0; display:none;}

.Plan {background:#e4e4e4;padding:5px 8px 10px 10px;font-family:  arial;}
            .Plan img {width: 28px;
                margin: 5px 5px 0 5px;}
            .Plancon {  color: #9e9e9e;}
            .Plantitle {
                font-family:  arial;
                font-size: 16px;
                font-weight: 600;
                color: #6d6d6d; 
                }
            .searchnewsletter {
                height: 28px;
                color: #adadad;
                width:140px;
            }
            .buttonnewsletter {
                height: 33px;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                border-radius:10px;
                border:1px solid #dcdcdc;
                padding:7px 18px;
                background:#f00;
                width: 84px;
                color: #fff;
                font-size:15px;
            }

            .linear{
            padding-top:20px;
            font-family:Arial, Helvetica, sans-serif;
            background-image: linear-gradient(to top, #fff,#dedede);
            font-size: 14px;
            height: 90px;
            margin-top:2px;

            }


.products_right{ padding:20px 0;}
.products_right li{ margin-bottom:30px;}
.products_right li div{ box-shadow:0 5px 10px #ccc;}
.products_right li img{ width:100%;}
.products_right li p{ padding:12px 0; font-size:14px; text-align:center; color:#555; border-top:1px solid #ccc;}

.products_right h3{ font-size:26px; font-weight:600;}
.details_top_left img{ width:100%;}
.details_top_right h5{ font-size:21px;}
.details_top{ margin-top:20px;}
.details_top_right .details_top_right1{ margin-top:20px; font-size:14px;}
.details_top_right a{ padding:10px 15px; background:rgb(53,58,64); color:#fff; border-radius:5px; font-size:16px;}
.details_top_right .pp{ margin-top:30px;}
.details_top_right .pp a{ margin-right:15px;}
.details_top_right .pp a:hover{ background:rgb(19,136,168);}

.details_bottom{ overflow:hidden; margin-top:30px;}
.details_bottom1{ width:100%; background:#e2e2e2;}
.details_bottom1 li{ width:20%; background:#e2e2e2; float:left; text-align:center; font-size:16px; padding:12px 0; cursor:pointer; margin-bottom:0;}
.details_bottom1 li:hover{ background:rgb(68,68,68); color:#fff;}
.details_bottom1 li.curr{ background:rgb(68,68,68); color:#fff;}
.details_bottom2{ border:1px solid #ccc; border-top:0;}
.details_bottom2 li{ display:none; padding:10px; font-size:14px;}
.details_bottom2 li:first-child{ display:block;}


.case_right{ width:100%;}
.case_right h3{ width:100%;font-size:26px; font-weight:600; border-bottom:1px solid #ccc; padding:20px 0;}
.case_right li{ border-bottom:1px solid #eee; padding-bottom:20px;}
.case_right h6{ padding:10px 0; font-size:20px; font-weight:600;}
.case_right p{ font-size:14px; line-height:22px; color:#666;}
.case_right a{ font-size:12px; display:block; margin-top:10px;}

.case_right h4{ text-align:center; font-size:26px; padding:20px 0 10px 0; border-bottom:1px solid #eee; font-weight:600;} 
.case_right_details{ padding:20px 0; font-size:14px;}

.indestries_top{ width:100%; height:auto; overflow:hidden; padding:25px 0; border-bottom:1px solid #eee;} 
.indestries_top_left img{ width:100%;}
.indestries_top_right{ position:relative;}
.indestries_top_right h6{ font-size:14px;}
.indestries_top_right h5{ color:rgb(251,64,108); font-size:20px; font-weight:600; margin:20px 0 10px 0;}
.indestries_top_right div{ font-size:15px;}

.indestries_bottom{ margin:20px 0;}
.indestries_bottom li{ padding:0 10px;}
.indestries_bottom li div{ border:1px solid #eee;}
.indestries_bottom li img{ width:100%; padding:6px;}
.indestries_bottom li h4{ font-size:20px; padding:10px 0; border-bottom:1px solid #eee; border-top:1px solid #eee; color:#999; text-align:center;}
.indestries_bottom li p{ font-size:14px; color:#999; padding:10px 5px;}
.indestries_foot{ border-top:1px solid #eee; margin:20px 0; padding:20px; font-size:14px;}

.feedback{ background:rgb(204,204,204); margin:20px 0; padding:0; overflow:hidden;}
.feedback li{ border:0; box-shadow:0; margin-bottom:0px;}
.feedback li div{border:0; box-shadow:0 0 0; margin-top:15px;}
.feedback li div p{ color:rgb(197,121,94); text-align:left; font-weight:600; border:0; font-size:14px; line-height:35px;}
.feedback li div p span{ display:block; width:40px; height:40px; background:url(../images/zs1.jpg) no-repeat; float:right;}

.products_right1 li div{ box-shadow:0 0 0;}
.products_right1 li p{ border-top:0;}
.products_right1 h3{ margin-bottom:20px;}

.details_bottom1{ background:none;}
.details_bottom1 h5{ padding:8px 0; border-bottom:1px solid #ddd;}
.details_bottom1 h5 span{ font-size:20px; color:#222; border-left:3px solid rgb(11,184,200); padding-left:10px; }
.details_bottom1 div{ font-size:14px; padding:10px;}

.zoom{display:inline-block;}
.zoom:after{content:'';display:block;width:33px;height:33px;position:absolute;top:0;right:0;}
.zoom img{display:block;}
.zoom img::selection{background-color:transparent;}
#image3 img:hover{cursor:url(images/grab.cur), default;}
#image3 img:active{cursor:url(images/grabbed.cur), default;}


@media screen and (min-width:768px) and (max-width:1024px){
.navbar-collapse ul li a{ padding:10px;}
.navbar-collapse.collapse{ padding:0;}
.navbar-collapse ul li span.sub-arrow{ right:0;}
}
@media screen and (min-width:0px) and (max-width:767px){
.search input{ width:150px;}
.navbar-collapse ul li{ padding:6px 10px; font-size:14px;}
.navbar-header{ float:none;}
.navbar-inverse .navbar-toggle .icon-bar{ background:#fff;}
.navbar-toggle{ margin-top:20px;}
.navbar-inverse .navbar-toggle{ background:rgb(226,16,28);}
.navbar-brand img{ width:70%;}
.search{ float:none; text-align:center; top:35px;}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{ background:#fff;}
.navbar-nav{ float:none; text-align:center; top:0; right:0;}
.news{ margin-top:20px}
.products ul li{ margin-bottom:20px;}
.copyright p{ text-align:center; float:none;}
#footerToolBar,.height{ display:block;}
.copyright div.copyright1,.copyright h6,.copyright .copyright3 h6{ text-align:center; margin-top:10px;}
.navbar-collapse ul li a{ padding:8px 20px;}
.indestries_top_right{ margin-top:20px;}
.details_bottom1 li{ width:50%; border-bottom:1px solid #ccc;}
.locations{ padding:10px;}
.details_bottom1{ margin-top:20px;}
}