body,p,h1,h2,h3,h4,h5,h6,ul,li,figure,figcaption{ margin:0; padding:0; font-style:normal; font-family:"Arial"; color: #333; font-size: 14px;font-weight: normal;}
body{ overflow-x: hidden;background-color: #fff}
tr,td,dd,dl,dt{ margin:0; padding:0; font-style: normal;}
table {border-spacing: 0;border-collapse: collapse;}
table,td,tr,th{font-size: 14px;}
img{ border:none; vertical-align: middle;}
a{ text-decoration:none; color: #333;}
ul,li{ list-style:none}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fl{ float: left; }
.fr{ float: right; }
input,select,option,textarea{outline: none;}
.header_box{ position: fixed; width: 100%; z-index: 999;}
.top{ background-color: #284879;height: 50px;}
.top .news1200{position: relative;}
.whatsapp{ color: #fff; text-transform: uppercase;margin-left: 10px; }
.top>.news1200>span{ color: #fff; text-transform: uppercase; line-height: 50px; }
.whatsapp a{border: 1px solid #fff;color: #fff;border-radius: 30px;padding: 8px 25px;margin-top: 26px;position: relative;transition: 430ms;font-size: 12px;background: #fb8d1b;border: 1px solid #fff;display: block;}
.whatsapp a:hover {color: #fff;background: #284879;}
.top_right{ position: relative; }
.top_right ul li{ float: left; }
.top_right ul li a{ color: #fff; text-transform: uppercase; font-size: 14px; font-weight:bold;margin: 0 20px}
.top_right ul li a:hover{ text-decoration: underline; }
.top span a i {font-style: normal;}
.top_right ul li i{ background:url(../images/ser.png) no-repeat center; width: 11px; height: 11px; display:inline-block;margin-left: 10px; background-size: cover;}
.hidden{width: 304px;float:right;background: #fff;z-index: 555;    margin-top: 10px; }
.hidden .padding{padding: 15px;}
.hidden input[type=text]{ width: 208px; height: 14px; border: 1px solid #cccccc; padding: 10px; float: left;}
.hidden input[type=submit]{ float: left;background:url(../images/ser.png) no-repeat center #cecccc; width: 36px; height: 36px;background-size: 20px;border: none; text-indent:-999px}
.top_right ul li.sec:hover .hidden{ display: block; }
.menu{ display: none; }
.menu img{ width: 30px;margin-top: 25px; cursor: pointer;}

.header-nav .news1200{
    position: relative;
}
.i-box {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    width: 130px;
    margin-top: 10px;
	margin-right: 36px;
}
#lan {
    width: 130px;
    height: 30px;

    float: right;
    text-align: center;
}
.lan a{color: #167ec2;font-size: 10px;}
.header-nav{background: #fff;z-index: 300; width: 100%;box-shadow: 0px 1px 2px #ddd; }
.logo{ padding: 18px 0 }
.second-bg{display: none;position: relative;width: 100%;height: 330px;background:#f4f4f4;z-index: 1; top: -2px;border-bottom: 1px solid #ededed;}
.contain{background: #fff;border-top:1px solid #f4f4f4;}
.nav-list{/*position: relative;*/width: 100%;height: 78px;z-index: 2;}
.nav-list>li{/*position: relative;*/float: left;/*width: 110px;height: 58px;*/text-align: center;padding: 0 12px}
.nav-list>li>a{color: #333;position: relative;line-height: 75px;display: inline-block;    border-bottom: 2px solid #fff; cursor: pointer;font-size: 13px;font-family: "Open Sans",sans-serif;letter-spacing: 1px;}
.nav-list>li.hover>a,.nav-list>li:hover>a,.nav-list>li.hover>a{border-bottom: 2px solid #33322e}
.nav-list>li ul{    padding-top: 20px;margin-bottom: 20px;position: absolute;display: none; z-index: 666;left: 0; right: 0;min-width: 160px; text-align: center;margin: auto;}
.nav-list>li ul li{vertical-align: top;height:270px;display: inline-block;/*font-size: 13px;line-height: 58px;margin: 0 20px*/;padding: 10px 40px; border-left:1px solid #c0c6d4 }
/*.header-nav .nav-list>li ul li a{ color: #767674 }  */
.nav-list>li ul li>div{text-align:left;}
.nav-list>li:hover>a,.nav-list>li.hover>a,.nav-list>li ul li:first-child a{color: #000 }         
.nav-list>li ul li a:hover{color: #e82d36;}
.nav-list>li ul li h4{ font-size: 14px; font-weight: bold;text-transform: uppercase;}
.contain_three a{margin: 10px 0;    display: block; font-size: 14px;font-family: "Open Sans",sans-serif;letter-spacing: 1px;}
.nav-list>li ul li:first-child{ border-left: none; }
/*banner*/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {position: relative;display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.img_sl{position: relative;}
.flexslider .slides .img_sl img {width: 100%; display: block;}
.flexslider .slides .img_sl img:nth-of-type(1){ display: block; }
.flexslider .slides .img_sl img:nth-of-type(2){ display: none; }
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {padding-top: 210px; position: relative;zoom: 1; overflow: hidden;}
.flex-viewport {max-height: 2500px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { margin-top: -100px;text-decoration:none; display: block; width: 40px; height: 48px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/ico_34.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: 10px; background-position:0 0 }
.flex-direction-nav .flex-next { right:10px; background-position:-42px 0}
/*.flexslider:hover .flex-prev { opacity: 0.7; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}*/
.flexslider .flex_img{margin-top: 50px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav {width: 100%; position: absolute; bottom: 50%; text-align: center; z-index: 100;    margin-bottom: -146px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.but_box{transition: all 0.3s ease-in-out;position: absolute; z-index: 2222; top: 50%;text-align: center; width: 100%;right: 0;left: 0;  margin: -350px auto;height: 100px;}
.but_box h1{ font-size: 24px;color: #fff; text-transform: uppercase; font-weight: bold;margin-bottom: 20px}
.but_box a{transition: all 0.3s ease;width: 100px; height: 35px; border: 4px solid #fff; line-height: 35px; display: inline-block; color: #fff; font-size: 16px; font-weight: bold; }
.footer_l_b ul li a:hover,.con3_sl a:hover,.but_box a:hover{ text-decoration: underline; }

.qa li {
    position: relative;
    border-bottom: 1px dashed #eeeeee;
    margin-top: 15px;
}
.qa li i {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #284879;
    position: absolute;
    left: 0;
    top: 3px;
}
.qa .tot p {
    padding-left: 25px;
    transition: all .3s;
    color: #666666;
    cursor: pointer;
}
.qa .bot p{color:#284879;}
.qa .bot {
    display: none;
    padding: 10px 0;
    line-height: 28px;
}
/*新品推荐*/
.contect .contect3,.contect .contect1{margin: 50px auto}
.same ul li{margin-bottom: 30px;width: 100%;margin-right: 0%;position: relative;float: left;background-color: #fff; text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.same ul li .img1 {display: flex; overflow: hidden;justify-content: center;align-items: center;}
.same ul li .img1 img{ width: 100%; }
.same ul li .im1_bottom{margin-top:10px; }
.same ul li .padding{ padding:0 0 20px 0  }
.same ul li p{ font-size: 16px; text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.same ul li h4{ line-height: 25px;height: 75px;overflow: hidden;}
.yuan{ width:34px; height: 34px;border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%; margin:30px auto 0;}
.yuan img{width: 20px!important;height: 20px; padding: 5px; border: 2px solid #333;border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;-moz-border-radius: 50%;}
.im_news{ position: absolute; top:10px;left:10px;background:url(../images/new.png) no-repeat center; width: 45px; height: 45px;}
.same ul li:nth-of-type(4n){margin-right: 0}
.img1{ position: relative; }
.same ul li:hover .img1_none{display: block;}
.container_box .same ul li:hover .img1_none{display: none;}
.same ul li:hover p,.container_box .same ul li:hover p{ text-decoration: underline; color: #000}

.contect2{background:url(../images/bnr01.jpg) no-repeat center/cover;padding: 30px 0;}
.contect2 p{color: #fff;line-height: 25px;font-size: 13px;text-transform: uppercase;letter-spacing: .05em;}
.contect2 p:nth-of-type(1){margin-bottom: 10px;}
.contect3 ul li{ width:100%;margin:10px 0;;float: left;position: relative; text-align: center;}
.con3_sl{ position: absolute;top: 0;  height: 125px; right: 0;left: 0; bottom: 0;margin: auto;}
.con3_sl h1{ font-size: 28px; color: #fff; font-weight: bold; text-transform: uppercase;}
.con3_sl a{ width: 112px; height: 38px; border: 2px solid #fff; display: inline-block; color: #fff; font-weight: bold;font-size: 18px;line-height: 38px;margin-top: 20px}
.contect3 ul li img{ width: 100%; }
.contect3 ul li:last-child{ margin-right: 0 }

.contect4{ background-color: #ececec;line-height: 90px;font-size: 30px; text-align: center; text-transform: uppercase; color: #333;letter-spacing: 5px }
.contect5{    background-color: #284879;padding: 50px 0;text-align:center;background-size: contain;}
.contect5 h1{ font-size: 16px;font-weight: bold;margin-bottom: 20px}
.contect5 p{line-height: 24px; font-size: 13px;text-transform: uppercase;color:#fff;    font-family: "Open Sans",sans-serif;letter-spacing: .05em;}

.contect5 ul li{ float: left; width: 25%;margin: 20px 0;text-align:center;}
.contect5 ul li img{max-width:44px;margin-bottom:15px;}

/*底部开始*/
.footer{ background-color: #ececec; padding: 50px 0}
.footer_left{ width: 100%; }
.footer_right{ width: 100%;}
.footer_l_b{width: 100%;float: left; text-align: left;}
.footer_l_b:last-child{display:none;}
.footer_l_b:nth-of-type(7){display:none;}
.footer_right h1,.footer_l_b h1{ font-weight: bold;text-transform:uppercase;margin-bottom: 15px; font-size: 16px;    font-family: "Open Sans",sans-serif;font-size: 14px;letter-spacing: .05em;}

.footer_box{padding:20px 0}
.footer_l_b ul li{margin: 10px 0 10px 5px;}
.footer_l_b ul li a{ text-transform: uppercase;font-family: "Open Sans",sans-serif; font-weight: 400;font-size: 13px;letter-spacing: .05em; }
.footer_right input[type=text]{border-radius: 0;padding: 10px; width: 68%; height: 15px;border:1px solid #cccccc; background-color: #fff; float: left; }
.footer_right input[type=submit]{border-radius: 0;background:url(../images/sea.jpg) no-repeat; width: 81px; height: 37px; float: left; border: none;text-indent:-999px}}
.footer_box{ padding: 30px 0 }
.footer_box p{ text-align: center; color: #969696; line-height: 24px}