/* by Adon , CSS Document */





@font-face {

  font-family: family1;

  src: url("../fonts/SourceHanSansCN-Medium.eot");

  src: local("☺"), url("../fonts/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Medium.svg") format("svg"); }





@font-face {

  font-family: family2;

  src: url("../fonts/sanfranciscodisplay-light-webfont.eot");

  src: local("☺"), url("../fonts/sanfranciscodisplay-light-webfont.woff") format("woff"), url("../fonts/sanfranciscodisplay-light-webfont.ttf") format("truetype"), url("../fonts/sanfranciscodisplay-light-webfont.svg") format("svg"); }





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

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

a,body{color:#1a2225}

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

a:focus,a:hover{text-decoration:none;color:#12547c;}

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

li,ul{list-style:none}

a:focus,input,textarea,select{outline:none} 

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

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

.left{float:left}

.right{float:right}

.clearfix{clear:both}

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

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

.radius{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px;}

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

.sidr-open .sidr-bg{ background:#000; position:fixed; top:0; z-index:999; width:100%; height:100%; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.header{ float:left; width:100%;border-bottom:solid 1px #ededed; }

.header .top{ float:left; width:100%; font-size:13px; color:#a5a5a5; text-transform:uppercase; font-weight:bold;background:#363636; line-height:50px;}

.header .top a{ margin-left:22px;}

.header .navs li{ float:left; font-size:16px; line-height:99px; font-weight:bold; margin-right:55px;}

.header .navs{ margin-left:7.5%;}

.header .search{ position:relative; margin:35px 0; max-width:270px; width:100%;}

.header .search .text{border:0; padding-left:20%; line-height:25px;border-bottom:solid 1px #e9e9e9;font-size:14px; color:#a5a5a5; width:100%;}

.header .search .submit{ position:absolute; left:8px; border:0;top:6px; width:13px; height:13px;background:url(../img/search.png) no-repeat left;}

.header .menu{ display:none; width:30px; margin:35px 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;}

#sidr{ display:none;position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;text-transform:uppercase;height:100%;width:60%;background:#fff;z-index:999;overflow-y:scroll;}

#sidr .menu{ position:absolute; right:5%; top:2.5%;}

#sidr ul{ width:100%; margin-top:15%;}

#sidr ul li { line-height:50px;border-bottom:solid 1px #efefef; display:block;text-indent:10%; font-weight:bold}

#sidr ul li.click{ background:url(../img/d.png) no-repeat 90% 20px;}

#sidr ul li .down{display:none; background:#1a2225; margin:0; text-transform:capitalize;}

#sidr ul li .down li{border-top:solid 1px #6b6b6b; font-size:14px;margin:0; border-bottom:none; font-weight:normal}

#sidr ul li .down li a{color:#fff;}

.footer{ float:left; width:100%; border-bottom:solid 50px #363636;padding:7.5% 0;font-size:16px;font-weight:bold;}

.footer .l { text-transform:uppercase}

.footer .l .p1{ font-size:40px; font-weight:bold;line-height:40px;}

.footer .l .p2{ font-size:25px; font-weight:bold; margin:10px 0 5px 0;}

.footer .l .p3{ font-size:35px;}

.footer .r .p1{ font-size:18px; border-top:solid 5px #1a2225; text-align:right; padding-top:10px;}

.footer .r{ max-width:355px; width:100%; margin-top:110px;}

.footer .ad{border-top:solid 1px #ededed; margin:5% 0; font-size:18px;padding-top:5%;text-transform:uppercase; overflow:hidden;}

.footer .ul li{ float:left; margin-left:35px;}

.footer .by{ text-transform:uppercase;}

.footer .by a{ text-decoration:underline; color:#12547c;}

.title .p1{ font-size:30px;}

.title .p2{ font-size:22px; text-transform:uppercase; max-width:630px; font-weight:bold; line-height:25px; margin-top:15px;}

.title .p3{ font-size:18px; border:solid 1px #f0f0f0; text-align:center; line-height:33px; width:120px; border-radius:15px; position:absolute; right:0; bottom:0;}

.title { position:relative; margin:5% 0;}

.industry{ float:left; width:100%; height:627px; padding-top:7.5%;background:url(../img/industry.jpg) no-repeat center; color:#fff;}

.industry .p{ font-size:30px; padding:0 7.5%;}

.industry .p.en{text-transform:uppercase;font-weight:bold;}

.industry ul{ padding:0 7.5%; margin-top:5%;overflow:hidden;}

.industry ul li{ width:16.5%; border-right:solid 1px #606566; margin-left:-1px;border-left:solid 1px #606566; padding:5% 0;text-align:center;float:left;}

.industry ul li .p1{ font-size:22px; margin-top:15px;}

.industry ul li .p2{ font-size:20px; text-transform:uppercase}

.industry ul li a{ color:#fff;}

.page-title{ float:left; width:100%; margin:5% 0; font-weight:bold}

.page-title p{border-bottom:solid 1px #ededed; padding-bottom:10px; overflow:hidden;}

.page-title span{ font-size:40px;}

.page-title font{ font-size:25px; margin-top:15px;}

.page-nav{ float:left; width:100%; font-weight:bold;margin-bottom:5%;}

.page-nav a{ float:left; margin:0 3% 0 15px; font-size:16px; color:#7e7e7e;}

.page-nav nav{border-bottom:solid 1px #ededed; overflow:hidden;padding:3.5% 0; }

.page-nav a:hover,.page-nav a.on{color:#2a6496;}





.iproducts{ float:left; width:100%}

.iproducts ul li.l1{ margin-left:0}

.iproducts ul li{ float:left; width:25%; border: solid 1px #ededed;background:#fff;padding-top:3%;margin-left:-2px;}

.iproducts ul li:hover{ background:#f3f3f3;}

.iproducts ul li img{ float:right;}

.iproducts .pic{border-top:solid 1px #ededed;padding: 2.5% 0 5% 0; position:relative;}

.iproducts .pic .prev{ position:absolute; left:-80px; top:300px;}
.iproducts .pic .next{ position:absolute; right:-80px; top:300px;}

.iproducts ul li .p2{ font-size:22px; background:url(../img/d.png) no-repeat 95%; border-bottom:solid 1px #e5e5e5; margin:0 5% 3% 5%; padding:0 2.5% 2.5% 2.5%;}

.iproducts ul li .p1{ font-size:18px; text-transform:uppercase; max-width:630px; height:50px;font-weight:bold; line-height:25px; padding:0 45% 0 7.5%;}


.products-fix{ position:fixed; top:0; left:0; width:100%; background:#e9e9e9; height:100%;z-index:999; display:none; overflow-y:scroll}
.products-fix .closes{ position:absolute; right:5%; top:3%;line-height:42px;}
.products-fix .closes font{ position:absolute; top:0; right:20px; font-size:15px;}
.products-fix .cotnaienr{ height:100%; position:relative;}

.iproducts ul li img{ width:80%;}



@media (max-width:1366px){

.iproducts .pic .prev{ display:none}
.iproducts .pic .next{ display:none}


.header .search{ display:none;}

.header .navs{ float:right; margin-left:0}

.header .navs li{ margin-left:55px; margin-right:0}

}

@media (max-width:1024px){

.title .p1{ font-size:26px;}

.title .p2{ font-size:18px; margin-top:10px;}

.title .p3{ font-size:16px;}

.industry .p{ font-size:26px;}

.industry ul li .p1{ font-size:18px;}

.footer .l .p1{ font-size:34px;line-height:35px;}

.footer .l .p2{ font-size:22px;}

.footer .l .p3{ font-size:30px;}

.footer .r .p1{ font-size:16px;}

.footer .r{ margin-top:95px;}

.footer .ul{ float:left; margin:5% 0 0 0;}

.footer .ul li{ margin-left:0; margin-right:35px;}

.page-title span{ font-size:34px;}

.page-title font{ font-size:20px;}

.products-fix{ display:none !important}

.iproducts ul li .p1{ padding-right:5%;}

}

@media (max-width:1023px){

.header .navs{ display:none}

.header .menu{ display:block}

#sidr{ display:block}

}

@media (max-width:960px){

.industry ul li{ width:33.33%;margin:2.5% 0;margin-left:-1px;}

.industry{ height:auto;background-size: cover; padding:10% 0;}

}

@media (max-width:768px){

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

.title .p3{ position:static; margin-top:10px;}

.footer{ font-size:15px; padding:10% 0; margin-top:5%;}

.footer .ad{ font-size:16px;}

.iproducts ul li .p2{ font-size:16px;}

.iproducts ul li .p1{ font-size:13px; height:36px; line-height:normal}

}

@media (max-width:640px){

.industry ul li{ width:50%;}

.footer .r{ margin-top:10%; float:left; text-align:left;}

.footer .r .p1{ text-align:left;}

.footer .by{ float:left; margin:2.5% 0;}

.header .top font{ display:none}

.page-title span{ font-size:28px;}

.page-title font{ font-size:18px; margin-top:10px;}

.page-title{ margin:10% 0;}

.page-nav{ margin-bottom:10%;}

.page-nav nav{padding:5% 0;}

.page-nav a{ font-size:14px;}

.iproducts ul li .p2{ font-size:20px;}

.iproducts ul li .p1{ font-size:15px; line-height:20px;}

.iproducts ul li{ width:100%; padding-top:10%; margin-left:0}

.iproducts ul li img{ width:75%;}

}

@media (max-width:480px){

.title{ margin:10% 0;}

.title .p1{ font-size:20px;}

.title .p2{ font-size:16px; line-height:20px;}

.title .p3{ font-size:14px; width:90px; line-height:28px;}

.industry .p{ font-size:18px;}

.industry ul li .p1{ font-size:15px;}

.industry ul li .p2{ font-size:13px;}

.industry ul li img{ height:55px;}

.industry{ padding:15% 0;}

.industry ul{ margin-top:10%;}

.footer{ font-size:14px;}

.footer .l .p1{ font-size:26px;line-height:30px;}

.footer .l .p2{ font-size:20px;}

.footer .l .p3{ font-size:26px;}

.footer .r .p1{ font-size:14px;}

.footer .ad{ font-size:14px; padding:10% 0; margin-top:10%;}

.footer .ul{ line-height:28px;}

.header .logo img{ height:70px;}

.header .menu img{ height:17px;}

.header .menu{ margin:24px 0;}

.header .top{ line-height:35px;}

.header .top img{ height:12px;}

#sidr{ font-size:14px;}

#sidr ul li .down li{ font-size:13px;}

#sidr .menu img{ height:15px; width:15px;}

.page-title span{ font-size:24px;}

.page-title font{ font-size:16px;}

.iproducts ul{ padding:5% 0 10% 0;}

}

@media (max-width:320px){

.title .p1{ font-size:16px;}

.title .p2{ font-size:15px;}

.title .p3{ font-size:13px;}

.industry .p{ font-size:16px;}

.industry ul li .p1{ font-size:14px;}

.footer{ font-size:13px;}

.page-nav a{ font-size:13px;}

}