@charset "utf-8";
/* CSS Document */

header,main,.foot{width:1200px; margin:auto}
@font-face {
      font-family: 'fontello';
      src: url('font/fontello.eot?59627038');
      src: url('font/fontello.eot?59627038#iefix') format('embedded-opentype'),
           url('font/fontello.woff?59627038') format('woff'),
           url('font/fontello.ttf?59627038') format('truetype'),
           url('font/fontello.svg?59627038#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.s2,.mycart2,.login2,.morbox{font-family: "fontello";}
@font-face{font-family: 'CALIST';src: url('CALIST.TTF'); font-weight: normal; font-style: normal;}

.head{height:120px;padding:30px 0;}
.logo{ float:left;width:180px;}
.logo img{width:100%;}
.searchbox{width:580px; position:absolute; left:50%;margin-left:-240px; margin-top:5px;}
.s1{width:100%;height:50px;border:2px solid #11a2a2;border-radius:5px;padding:0 20px;font-size:14px;}
.s2{width:80px;height:50px;border:2px solid #11a2a2;border-top-right-radius:5px;border-bottom-right-radius:5px; background:#11a2a2; position:absolute;right:0;top:0;color:#fff;font-size:28px; cursor:pointer;}
.s2{}
.AD{width:100%;height:343px; background:url(../images/banner/banner.jpg) no-repeat center 0;}
.AD2{ text-align:center; background:#004399}

.mycart{ float:right;margin-left:50px; position:relative; text-align:center}
.mycart2:after{ content:'\f291'; font-size:28px; line-height:30px; color:#ddd;}
.mycartQ{width:26px;height:26px; text-align:center; color:#fff; line-height:20px;border-radius:20px;font-size:12px; position:absolute;right:-12px;top:-5px; display:block; background:#ddd; font-style:normal;border:3px solid #fff;}
.login{ float:right; text-align:center;}
.login2:after{ content:'\f2be'; font-size:30px; line-height:30px;color:#ddd }

.text{font-size:12px; color:#999; line-height:20px;}
.login:hover .login2:after,.login:hover  .text,.mycart:hover .mycart2:after,.mycart:hover .text{ color:#4f73d7; cursor:pointer}
.mycart:hover .mycartQ,.redQ{ background:#f00}

.namecas{padding:0 5px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img1{width:76%;height:200px; max-width:300px;overflow:hidden; display:table; margin:auto}
.img2{ display:table-cell; vertical-align:middle; text-align:center}
.img2 img{max-width:100%; max-height:200px;}
.homeh2{font-size:28px; font-weight:bold; text-align:center; margin-top:50px;}
.abouttext{border-top:2px solid #86a5c3;border-bottom:2px solid #30458b;margin-top:50px;padding:20px 0; position:relative}
.about1{ background:url(../images/aboutus.jpg) no-repeat;padding-left:600px;height:282px;font-size:14px; line-height:30px}
.about1 div{ margin-top:15px;}
.about1 a{ margin-top:10px;font-size:14px; display:block; font-weight:bold;}
.abouttext h2{ text-align:left}
.about2{margin-top:50px; line-height:40px;font-size:16px;}
.about2 a:link{ color:#333;}
.about2 a:hover{ text-decoration:underline}
.about2 a:visited{ color:#333;}

.catalogw{ width:100%; background-color:#f8f9fb; height:250px; display:inline-block;}
.catalog{ width:1200px; margin:0 auto; padding-top:50px;}
.catalog div{width:16%;  float: left; text-align: center;}
.catalog div a{ display: block; color: #333; font-size:16px;}
.catalog .ca{width:100px;height:100px;border-radius:100px; text-align:center; display:block; background-color:#fff; margin:auto;margin-bottom:20px; overflow:hidden;}
.catalog .ca span{ background:url(../images/catalog.png) no-repeat ; display:inline-block; width:100px;height:100px;}
.ca1 span{background-position:-11px 7px!important;}
.ca2 span{background-position:-196px 7px!important;}
.ca3 span{background-position:-290px 7px!important;}
.ca4 span{background-position:-102px 7px!important;}
.ca5 span{background-position:-382px 7px!important;}
.ca6 span{background-position:-474px 7px!important;}
.catalog a:hover{color:#03488b !important;}
.catalog .ca:hover{  background: linear-gradient(-45deg, #014185, #1caba7) ;}
.catalog .ca1:hover span{background-position:-11px -75px!important;}
.catalog .ca2:hover span{background-position:-196px -75px!important;}
.catalog .ca3:hover span{background-position:-290px -75px!important;}
.catalog .ca4:hover span{background-position:-102px -75px!important;}
.catalog .ca5:hover span{background-position:-382px -75px!important;}
.catalog .ca6:hover span{background-position:-474px -75px!important;}
.ppbox{ width:100%; display:inline-block;}
.pplist{ width:23.5%; float:left; height:374px; border:1px solid #ccdae8; border-radius: 5px; padding:20px; margin-right:2%; margin-top:30px; box-sizing: border-box;}
.pplist:hover{    box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.pplist:nth-child(4){margin-right:0%; }
.pplist:nth-child(8){margin-right:0%; }
.pplist a{ display:block;}
.ppimg{ height:200px; border-bottom:1px solid #eee; position:relative; }
.ppimg img{ max-width:90%; max-height:180px;position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.ppt{ text-align:center; font-weight:bold; margin-top:30px; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:16px;}
.ppc{ color:#666; text-align:center; margin-top:10px;}
.ppa{ width:calc(100% + 40px); height:40px; line-height:40px; text-align:center; display:block; margin-top:30px; background-color:#e4ebf2; color:#11a2a2 !important; font-size:16px;  position:relative; left:-20px;} 
.ppa:hover{ background-color:#11a2a2; color:#fff !important;}
.tel span{ display:inline-block!important; width:80%!important; line-height:30px; color:#333 !important;}
.corporate{ font-weight:bold; margin-top:15px;}
.corporate:before,.tel:before,.email:before,.skype:before,.address:before,.whatsapp:before{ content:'\e81d';font-size:24px;font-family: "fontello"; margin-right:20px; color:#01458e; font-weight:normal; float:left;}
.tel:before{content:'\e83a';}
.email:before{content:'\e801';}
.skype:before{content:'\f17e';}
.address:before{content:'\e87e';}
.whatsapp:before{ content:'\f232'}

.link{ float:right; position:absolute;right:0;bottom:50px;}
.facebook:after,.linkedin:after,.twitter:after,.share:after{font-size:36px;font-family: "fontello"; margin-left:15px; color:#4f73d7;}
.facebook:after{ content:'\f301'}
.linkedin:after{ content:'\f312'}
.twitter:after{ content:'\f304';font-size:42px;}
.share:after{ content:'\f1e1';font-size:42px;}
.foot{ text-align:center ; color:#888;font-size:12px;padding:50px 0}
.foot2{ margin-bottom:10px}
.foot2 a{padding:0 14px;border-right:1px solid #ccc;}
.foot2 a:last-child{ border:none;}
.a0{ position:relative}
.morbox{ display:none;padding:30px; background:#fff; box-shadow:0 0 8px #333; position:absolute;right:0;min-width:300px; text-align:left; border-radius:5px;}
.a0:hover .morbox{ display:block;}
.morbox:after{content:'\e850'; font-size:20px; color:#f00; position:absolute;top:-5px;right:20px;}
a.a1,a.a2{width:100%; display:block;background:#4f73d7;padding:6px 0; color:#fff; font-size:16px;border:none;border-radius:20px;border:1px solid #4f73d7; text-align:center;margin:12px 0;}
a.a2{ background:#fff; color:#4f73d7;}
a.a1:hover,a.a2:hover{cursor:pointer; box-shadow:0 0 6px #4f73d7}
.login .morbox{right:-80px;}

.cartp{width:300px;}
.cartp td{padding:12px 0}
.cartp img{width:80px;height:80px;}
.cartp .imgtd{width:110px;}
.cartp .pronametd{max-width:200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.request{ float:right; margin-top:5px;}
.request2{ background:#11a2a2;padding:15px 40px; color:#fff; font-size:16px;border:none;border-radius:5px;}
.request2:hover{cursor:pointer; box-shadow:0 0 10px #11a2a2}
@media (max-width:1200px){
header,main,.foot{width:96%; margin:auto}
.searchbox{width:50%; margin-left:-25%}
	}
@media (max-width:1000px){
	.about1{padding:0; background:none; height:auto}
	.searchbox{width:45%; margin-left:-25%}
	}
@media (max-width:800px){
header,main,.foot{width:96%; margin:auto}
.head{ position:relative; padding:10px 0;height:105px;}
.logo{ float:left;width:88px;height:22px; margin:0}
.logo img{}
.searchbox{width:100%; margin:0; position:relative; left:0; top:10px; clear:both;}
.headR{ float:right;margin-bottom:10px;padding-right:15px;}
.headR .text,.request{ display:none}
.AD{width:96%; margin:auto;height:170px;}
.AD2 img{width:100%;height:auto}
.catalog{padding:50px 0}
.catalog a{width:33%;margin-bottom:20px;}

.ppbox{margin-top:20px}
.abouttext{margin-top:20px;padding:30px 0}
.about2{margin-top:20px;}
.link{ position:relative; float:none; text-align:center; bottom:auto; margin-top:20px;}
	}
@media (max-width:600px){
.AD{ display:none}	
.catalog{padding:20px 0}
.catalog a:before{width:80px;height:80px; background-size:480px 80px ;}
.catalog a:nth-of-type(2):before{ background-position:-80px 0!important;}
.catalog a:nth-of-type(3):before{ background-position:-160px 0!important;}
.catalog a:nth-of-type(4):before{ background-position:-240px 0!important;}
.catalog a:nth-of-type(5):before{ background-position:-320px 0!important;}
.catalog a:nth-of-type(6):before{ background-position:-400px 0!important;}
.s1{ font-size:16px;}
.ppbox a{width:50%}
.ppbox{height:auto; overflow:hidden}
	}