@font-face{font-family:Family;src:url("../fonts/AvenirNextLTPro-Regular.otf");src:url("../fonts/AvenirNextLTPro-Regular.ttf");src:url("../fonts/avenirnextltpro-regular.ttf")}

*{margin:0;padding:0;-webkit-touch-callout:none}

body{font-size:12px;font-family:"Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体, Arial, sans-serif;color:#5c5c5c}

a,body{color:#5c5c5c}

a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

a,a:focus,a:hover{text-decoration:none}

h1,h2,h3,h4,h5,h6,li,ul{margin:0}

li,ul{list-style:none}

img{-ms-interpolation-mode:bicubic;max-width:100%;-webkit-touch-callout:none}

p,big,small{display:block;margin:0}

.left{float:left}

.right{float:right}

.clearfix{display:block;*zoom:1}

.clear{ clear:both;}

.erweima{padding:5% 0}

.clearfix:after{content:"";display:block;height:0;isibility:hidden;clear:both}

.clear-right{margin-right:0 !important}

.clear-left{margin-left:0 !important;padding-left:0 !important}

.container{width:100%;max-width:1530px;margin:0 auto;padding:0 15px}

.m-container{width:100%;padding-left:5%;padding-right:5%}

h1,h2,h3{font-size:12px}

em{font-style:normal}

p{display:block}

.en{font-family:Family,Tahoma,Geneva,sans-serif}

.li-first{margin-left:30px}

.header-div{ float:left; width:100%; height:108px;}

.header{border-bottom:1px solid #e6e6e6;width:100%; position:relative;overflow:hidden;}

.header .logo{ margin-left:10%; height:108px;}

.header .header-container{padding:0 20px}

.header .header-right{border-left:1px solid #e6e6e6}

.header .header-right ul{float:left}

.header .header-right li{float:left;line-height:103px;font-size:16px}

.header .header-right li a{ float:left; width:100%; height:100%;}

.header .header-right .nav-l li{margin-right:30px}

.header .nav-r li{margin-right:13px}

.header .nav-r li.shop img{ height:66px;}

.public-footer{ overflow:hidden;}

.footer .footer-border{border-top:1px solid #e6e6e6}

.footer li{margin-top:3%;float:left;border-right:1px solid #e6e6e6; width:17.5%; padding-right:3%;margin-right:3%; min-height:240px;}

.footer li dl{ width:100%; float:left;}

.footer li dl.dl1,.footer li dl.dl2{ width:50%; float:left;}

.footer li .p{margin-bottom:38px;font-size:20px; display:block}

.footer li dd{font-size:15px}

.footer li dt,.footer li dd{color:#7e7e7e}

.footer .footer-6{border:none; margin-right:0; width:auto; padding-right:0}

.footer .footer-1,.footer .footer-5{ width:11%;}

.footer .footer-contact{margin-top:4%;margin-bottom:10%}

.footer .footer-contact .footer-con-p1{font-size:15px}

.footer .footer-contact .footer-con-p2{font-size:14px;text-align:right}

.footer .footer-contact .footer-con-p2 a{color:#179245;text-decoration:underline}

.footer .footer-contact p{padding-top:2%;color:#7e7e7e}

.footer .footer-contact a:hover{color:#0e4d1e}





.navigation{ display:none;position:fixed; top:0; z-index:99;height:100%;overflow:hidden;width:100%;}

.navigation .navigation-bg{background:url(../images/bg.png) repeat; position:absolute; top:0; height:100%; width:100%; left:0;}

.navigation .item{ background:#fff;font-size:22px;max-width:475px; padding-left:5%;width:100%; height:100%; position:absolute; right:-100%; top:0;-moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-overflow-scrolling: touch!important;overflow-y: auto;}

.navigation .item .closes{ margin-bottom:10%;}

.navigation ul li{ display:block; color:#797979; margin-bottom:5%;}

.navigation ul li a{color:#797979;}

.navigation .lan{ margin:15% 0; display:block}

.navigation .lan li.en{ font-weight:bold}

.navigation .shop a{ margin-right:10px;}

.navigation .addthis_toolbox{ margin:15% 0 25% 0;}



.modal .modal-header{ border-bottom:none;}

.modal{text-align:center; width:100%; height:100%;}

.modal .modal-content{ width:100%; height:100%; position:absolute;margin:0 auto; left:0; right:0;top:50%;margin-top:-275px;max-width:800px; max-height:500px;}

.modal .modal-content video{ width:100%; height:100%; max-height:480px;}


.pic-scale{-webkit-transition:opacity .55s,-webkit-transform .55s;transition:opacity .55s,transform .55s;-webkit-transform:scale(1);transform:scale(1)}





.contact{ padding-top:2.5%}

.contact-contaienr{position:relative}

.contact-left{width:50%;background-color:#fafafa; position:relative}

.contact-left form p{margin:0 auto;padding:20% 0 7% 0; text-align:center;}

.contact-left .biaodan li{margin:0 auto}

.contact-left .biaodan span{padding:5% 0;display:block;margin:0 auto;width:245px;text-align:center}

.contact-left .biaodan .tijiao{margin:0 auto;margin-bottom:16.4%;display:block;text-align:center;background-color:#25377c;color:#fff;border:none}

.contact-right{padding:19% 0;width:50%;right:15px;height:100%;background-color:#fafafa}

.contact-right img{display:block;margin:0 auto}

.contact-right p{color:#25377c;width:100%;text-align:center}



.contact-left .biaodan{ padding-top:2px; padding-left:2px;}

.contact-left form p{font-size:25px}

.contact-left .biaodan li{max-width:426px; width:100%;}

.contact-left .biaodan .input-tel,.contact-left .biaodan .input-name,.contact-left .biaodan .input-area{ width:100%;max-width:426px; line-height:63px;font-size:18px; padding:0 5%;margin-top:-1px;}

.contact-left .biaodan span{font-size:15px}

.contact-left .biaodan .tijiao{display:block}

.contact-left .tijiao{max-width:425px;line-height:75px;font-size:25px; display:block; width:100%;}

.contact-right{position:absolute}

.contact-right p{font-size:30px}













/*PUBLIC*/

.pro-box span{font-size:25px}

.pro-box font{font-size:16px}

.pro-show .pro-show-detail{float:left}

.pro-show p{margin:5% 0 0 8%;font-size:12px;text-align:left;color:#909090;min-height:51px;}

.pro-show .position-box{position:relative;overflow:hidden}

.pro-show .position-box .pro-box{position:absolute;bottom:10%;left:7%; z-index:2}

.pro-show .position-box .pro-box span{color:#fff}

.pro-show .position-box .pro-box font{color:#fff}

.pro-show-detail font{text-transform:uppercase}

.pro-show-detail a:hover .pic-scale{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pro-show-detail a:hover .position-box .bg{ opacity:1;}

.pro-show-detail .position-box .bg{ position:absolute; top:0; left:0; opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;height:100%; z-index:1;width:100%; background:#727070;}



.pro-fix{ position:fixed; display:none;top:0; left:0; width:100%; height:100%; z-index:888; background:#fff; overflow-y:auto;}

.pro-fix big{ display:block;font-size:25px; text-transform:uppercase; margin:5% 0 2.5% 0;}

.pro-fix .closes{ position:absolute; top:0; right:-55px;}

.pro-fix .pro-show-detail{ margin-bottom:1%;}

.pro-fix .pro-show{ padding-bottom:10%;}





.pro-pic ul li{width:48.8%;float:left; margin-bottom:1%;margin-right:1%;}

.pro-pic ul li img{ display:block;}

.pro-pic ul li.r{ margin-right:0;}





.revealOnScroll{ opacity:0;}


input,textarea,select{outline:none} 
.public-header{z-index:2; background:#fff;position: fixed; top:0; left:0; width:100%;}
.search{ position: absolute; top:0; width:100%; display:none;height:100%; z-index:1}
.search .bg{ position: fixed; top:0; width:100%;height:100%; background:url(../images/bg.png) repeat; z-index:1}
.search .search-c .closess{ position:absolute; right:30px; top:140px;}
.search .search-c .closess img{ width:30px;}
.search .search-c{ display:none;position:absolute; top:0; left:0; width:100%; z-index:2;background:#fff; padding-top:200px; padding-bottom:50px;}
.search .search-c .p1{ font-size:30px;}
.search .search-c .form{ position:relative; margin:2.5% 0;}
.search .search-c .submit{ position:absolute; top:15px; right:0; border:0; width:30px; height:30px;background:url(../images/submit.png) repeat; background-size:contain}
.search .search-c .text{ border-bottom:solid 1px #ccc; font-size:20px; padding:15px 0; border-top:0;border-left:0;border-right:0; display:block; width:100%;}
.search .search-c .container{-webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.search.on .search-c .container{-webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1;opacity:1;}


@media (max-width:1366px){

.revealOnScroll{ opacity:1;}

}

@media (max-width:1280px){

.footer .footer-3{ border-right:0;}	

.footer li{ width:30.33% !important;}

.footer .footer-4{ clear:both;}

}

@media (max-width:1024px){

.pro-pic ul li{width:48.8%;}



.contact-left .biaodan li{margin:0 auto;max-width:326px}

.contact-left .biaodan .input-tel,.contact-left .biaodan .input-name,.contact-left .biaodan .input-area{line-height:53px;font-size:16px;}

.contact-left .biaodan span{font-size:15px}

.contact-left .tijiao{max-width:325px; line-height:65px;font-size:20px}

.contact-right img{width:70%}

.contact-right p{font-size:25px}


.list-bg .list-bg-box,.pro-view-bg{ background-size:cover !important}

}

@media (max-width:1023px){

.header .header-right .nav-l{display:none}

.header .header-right{ border-left:none;}

.header .nav-r li.shop{ display:none}

.header .nav-r li.menu,.header .nav-r li.lan-click,.header .nav-r li.search-click{ display:block !important; margin-right:0; position:absolute; top:5px;width:24px; height:100%;}

.header .nav-r li.menu{ background:url(../images/menu.jpg) no-repeat center;right:15px;}
.header .nav-r li.lan-click{background:url(../images/earth.jpg) no-repeat center;right:50px;}
.header .nav-r li.search-click{background:url(../images/sousuo.jpg) no-repeat center;right:85px;}

.header .nav-r li img{ display:none;}

}


@media (min-width:900px){

.pro-show-detail{width:32.33%;margin:0 0.5% 5% 0.5%}

}

@media (max-width:960px){

.pro-show p{ min-height:68px;}

}



@media (max-width:899px){

.pro-show-detail{width:48%;margin:0 1% 5% 1%}

}



@media (max-width:768px){

.footer .footer-border{ padding-top:5%; padding-bottom:10%;}

.footer .footer-contact .footer-con-p2{ float:left; text-align:left; margin-top:5%;}

.navigation .item{ padding-left: 10%; font-size:20px;}

.pro-fix big{ margin:12.5% 0 5% 0;}

.pro-fix .pro-show-detail{ margin-bottom:2%;}



.footer .footer-3{ padding-right:0; margin-right:0;}



.pro-box span{font-size:20px}

.pro-box font{font-size:15px}



.contact-left{padding-top:1px;margin-top: -1px;}	

.contact-left .biaodan{ width:80%; margin:0 auto;}

.contact-right img{ margin-top:10%;}



.modal .modal-content{ top:40%;width:auto; height:auto; max-height:none; max-width:none; margin:0 auto;}

}

@media screen and (min-width:481px) and (max-width:767px){

.contact-left{width:100%}

.contact-left form p{font-size:20px;padding-top:15%;}

.contact-left .biaodan span{font-size:12px}

.contact-right{width:100%;clear:both;position:static; padding:25% 0;}

.contact-right img{ margin-top:0}

.pro-show p{min-height:85px;}

}



@media (max-width:480px){

.header-div{ height:49px}

.header .header-left{ width:40%;}
.header .logo{ height:auto;}

.footer .footer-6{ border-bottom:none !important}

.footer li{ width:100% !important; margin-top:5%; min-height: inherit; padding-bottom:0 !important; border-right: none !important; border-bottom:1px solid #e6e6e6 !important; padding-right:0 !important; margin-right:0 !important}

.footer .footer-3,.footer .footer-1,.footer .footer-5{ border-right:1px solid #e6e6e6; padding-right:5%; margin-right:5%;}	

.footer .footer-2,.footer .footer-4,.footer .footer-6{ border-right:0 !important; padding-right:0; margin-right:0;}	

.footer li .p{ font-size:18px; margin-bottom:5%;}

.footer li dd{ font-size:13px;}

.footer .footer-contact .footer-con-p2{ font-size:13px;}

.navigation .item{font-size:16px;}

.navigation .item .closes img,.pro-fix .closes img{ width:40px;}

.navigation .item .shop img{ height:65px;}

.erweima{ margin:10% 0}

.footer .footer-4{ clear: none;}

.search .search-c { padding-top:150px;}

.search .search-c .closess{ top:100px; right:20px;}
.search .search-c .closess img{ width:20px;}
.search .search-c .p1{ font-size:20px;}
.search .search-c .text{ font-size:14px;}
.search .search-c .submit{ width:20px; height:20px;}


.pro-show-detail{width:99%}

.pro-show p{ min-height:inherit;}

.pro-box span{font-size:22px}

.pro-box font{font-size:14px}

.pro-fix big{ margin:20% 0 5% 0; font-size:22px;}

}

@media screen and (min-width:310px) and (max-width:480px){

.header .logo{ margin-left:0;}

.contact-left{width:100%}

.contact-left form p{font-size:16px; padding-top:15%;}

.contact-left .biaodan .input-tel,.contact-left .biaodan .input-name,.contact-left .biaodan .input-area{line-height:40px;font-size:14px;}

.contact-left .biaodan span{font-size:12px}

.contact-left .tijiao{line-height:50px;font-size:16px}

.contact-right{width:100%; position:static; padding:35% 0}

.contact-right img{ margin-top:0}

.contact-right p{font-size:16px}



.pro-pic ul li{ margin-bottom:2% !important;}

.pro-pic ul li{width:100%; margin-left:0 !important; margin-right:0 !important; }

}



@media (max-width:320px){

.footer li .p{ font-size:15px;}

.pro-box span{font-size:20px}

.pro-box font{font-size:13px}

}