﻿
.banner{float: left; width: 100%; min-width:1200px; max-height: 800px;}
.ck-slide { width: 100%; min-width:1200px;max-height: 800px; }
.ck-slide ul.ck-slide-wrapper { max-height: 800px;  }
.ck-slide .ck-prev { background: url(../image/arrow-left.png) no-repeat center center;}
.ck-slide .ck-next { background: url(../image/arrow-right.png) no-repeat center center;}
.ck-slidebox ul {background: none;}

.glassbg{ position:relative;}
.glass{ width: 1200px; margin: 0 auto; height: 480px; padding-top: 40px; }
.glass .info,.glass .picture{display: inline; float: left;}
.glass .info {width: 540px; line-height: 26px; padding-top: 30px;}
.glass .info h2{font-size: 30px; margin: 0 0 40px 0;}
.glass .info .spacer{width:200px; height: 2px; background-color: #e70013;}
.glass .picture{float: right; right:60px; top:0; position:absolute; margin-top:-20px;}

.glass .picture .hoverstyle{width: 22px; height: 22px; position: absolute; left: 0; top: 0; /*border:1px solid #000000;*/ border-radius:11px;
-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.hoverstyle#btnGlass1{left: 14px; top: 423px;}  
.hoverstyle#btnGlass2{left: 57px; top: 260px;}  
.hoverstyle#btnGlass3{left: 276px; top: 151px;}  
.glass .picture .hoverstyle:hover{box-shadow: 0 0 5px 3px #e70013;}

.tooltip-inner { background-color: #e70013; }
.tooltip.right .tooltip-arrow { border-right-color: #e70013; }


.product{ width:100%; height: 785px; background: url(../image/bg_product.jpg) center center no-repeat;-moz-background-size:cover; -webkit-background-size: cover;-o-background-size: cover;background-size: cover; }
.product .optionbg{height:170px;background-color:#fff;filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
.product .option{ float:left;position:relative; left:0; top:-170px; height:170px;  padding:35px 50px; }
.product .option span{ padding-right:80px;}
.product .option a{  display:inline-block; width:120px; color:#ffffff;  text-align:center; margin-right:40px;line-height:35px;}
.product .option a.current{border-bottom:1px solid #ffffff;}
.product .option a:hover,.product .option a:active{ color:#ffffff;}
.product .option a .iconfont{  position:absolute; color:#ffffff; padding-right:10px; margin-top:3px; margin-left:-25px;}

/*.product .plist{ float:left; margin-top:-80px;}
.product .plist ul,.product .plist ul li{display: inline; float: left; list-style:none; margin:0; padding:0;}
.product .plist ul{ width:100%;}
.product .plist ul li{ width:300px; height:250px; margin-right:150px; margin-bottom:30px; color:#908d8b; text-align:center; line-height:24px;}
.product .plist ul li.marginright{margin-right:0;}
.product .plist ul li .iconfont{ font-size:110px; }
.product .plist ul li .ptitle{ font-size:24px;}
.product .plist ul li:hover{color:#ffffff;}
.product .plist ul li.current{color:#ffffff;}*/

.product .plist{  float:left; }
.product .plist ul,.product .plist ul li{display: inline; float: left; list-style:none; margin:0; padding:0;}
.product .plist ul{  width:100%;  margin-top:-120px; padding-top:20px; }
.product .plist ul li{ float:left; width:200px; height:250px; margin-right:50px; margin-bottom:-30px;  text-align:center; line-height:24px;}
.product .plist ul li.marginright{margin-right:0;}
.product .plist ul li a{color:#908d8b; }
.product .plist ul li a:hover .iconfont{font-size:80px;}
.product .plist ul li a:hover .ptitle{font-size:24px;}
.product .plist ul li a:hover .pcontent{font-size:14px;display:block;}
.product .plist ul li .iconstyle{ margin-top:-10px; padding-top:80px; }
.product .plist ul li .iconfont{ font-size:60px;}
.product .plist ul li .ptitle{ font-size:24px; margin-top:20px;}
.product .plist ul li .pcontent{ font-size:14px;margin-top:10px;display:none; }
.product .plist ul li.current a{color:#ffffff; }

.newslist{ width: 1200px; margin: 0 auto; }
.newslist ul,.newslist ul li{padding: 0; margin: 0; list-style: none;}
.newslist ul{ float: left;padding: 20px 0;margin-top: 60px; margin-bottom: 60px;background: url(../image/bg_news.png) center center repeat-y;}
.newslist ul li{ float: left;margin-left: 465px; margin-top: 20px;}
.newslist ul li.evenstyle{ float: right;margin-right: 455px; margin-left: 0; text-align:left;}
.newslist ul li .ntime,.newslist ul li .doted,.newslist ul li .ninfo{display: inline; float: left;}
.newslist ul li.evenstyle .ntime,.newslist ul li.evenstyle .doted,.newslist ul li.evenstyle .ninfo{display: inline; float: right;}
.newslist ul li .ntime{width: 120px;}

.newslist ul li .doted{ margin: 5px 15px 0 10px; position: relative; width: 10px; height: 10px; border-radius:5px; background-color: #a82f2f;}
.newslist ul li.evenstyle .doted{margin: 5px 20px 0 15px;}
.newslist ul li .doted div{width: 18px; height: 18px; position: absolute; left: -4px; top: -4px; /*border:1px solid #000000;*/ border-radius:9px;
-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.newslist ul li .doted div:hover{box-shadow: 0 0 5px 3px #e70013;}

.newslist ul li .ninfo{width: 580px; position: relative;}
.newslist ul li .ninfo a.font-contentgray{color:#7e7e7e;}

.newslist ul li .newslist-arrow{position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 10px; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #f8f8f8;}
.newslist ul li.evenstyle .newslist-arrow{ position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; top: 10px; left: initial; right: 0; margin-top: -5px;  border-width: 5px 0 5px 5px; border-left-color: #f8f8f8;}

.newslist ul li .newslist-inner{ margin: -15px 0 0 5px; padding: 15px 25px; background-color: #f8f8f8; border-radius:5px;}
.newslist ul li.evenstyle .newslist-inner{margin: -15px 5px 0 0;}
.newslist ul li .newslist-inner h2{padding: 0; margin: 0; margin-bottom: 20px;}

.newslist .more{float: right; margin-bottom: 40px;}
.newslist .more span{ padding-right: 5px;}

.prolist{}
.prolist ul,.prolist ul li{padding: 0; margin: 0; list-style: none;}
.prolist ul li{ width: 100%; min-height: 241px;}
.prolist ul li div{display: inline; float: left; width: 50%; position:relative;}
.prolist ul li div.procontent{ text-align: right; padding-right: 70px;  }
.prolist ul li div.procontent1{ text-align: left; padding-left: 70px; }

.prolist ul li div.procontent h2{ font-size: 30px; margin-bottom: 30px;}
.prolist ul li div.procontent div.brand{ float: right; border-bottom: 1px solid #e70013; text-align: right; padding: 5px 0;width:240px; }
.prolist ul li div.procontent div.brand1{float: left;text-align: left;width:300px;}
.prolist ul li div.procontent div.brandlogo{ clear: both; float: right; padding: 5px 0;}
.prolist ul li div.procontent div.brandlogo1{float: left;}
.prolist ul li div.procontent div span.spacer{padding: 0 5px;}

.content{width: 1200px; margin: 0 auto; }
/*.content h2{padding: 0; margin: 0;}
.content h2 span{ padding-left: 10px;}*/
.ccontainer{ position:relative; width: 1200px;}
.ccontainer div{ float:left; display:inline;}
.ccontainer div.iconstyle{ margin-top:-7px;}
.ccontainer div.iconstyle img{ margin-top:10px;}
.ccontainer div.iconstyle .iconfont{ cursor:default; color:#06a67b; font-size:36px;}
.ccontainer div.ctitle{ margin:0 10px; font-size:28px;}
.ccontainer div.cenglish{ margin-top:18px;}
.ccontainer div.morebutton{ position:absolute; right:100px; top:20px;}
.ccontainer div.morebutton .moreicon{ margin-top:-4px;}
.ccontainer div.morebutton a{ float:left; border:1px solid #bbbbbb; padding:5px 10px 5px 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; color:#777777;}
.ccontainer div.morebutton a:hover{ border:1px solid #e2e2e2;background-color:#e2e2e2;color:#777777;}

.storebg{ width: 100%; padding-bottom:40px; background: url(../image/bg_feedback1.png) top center no-repeat; -moz-background-size:contain; -webkit-background-size: contain;-o-background-size: contain;background-size: contain; }
/*.storebg .storelist{width: 1200px; margin: 0 auto; padding-top: 20px; }
.storebg .storelist .slist{display: inline; float: left;width: 340px; margin-right: 20px;}
.storebg .storelist .slist ul,.storebg .storelist .slist ul li{padding: 0; margin: 0; list-style: none;}
.storebg .storelist .slist ul{ margin: 0 0 0 70px; width: 200px;}
.storebg .storelist .slist ul li{width: 100%; position: relative; cursor: pointer; margin-top: 30px;}
.storebg .storelist .slist ul li .stitle{height: 33px; overflow: hidden; border-bottom: 1px solid #c9c9c9; line-height: 30px; }
.storebg .storelist .slist ul li .saddress{height: 35px; overflow: hidden;}
.storebg .storelist .slist ul li .moreinfo{ width: 100%;  height: 124px; padding: 20px 10px; position: absolute; top: 0; left: 0; background-color: #a9afb0; text-align: center;}

.storebg .storelist .mappic{display: inline; float: left; width: 840px; margin-top:50px; position: relative;}

.storebg .storelist .mappic .doted{ left:0; top:0; position: absolute; width: 10px; height: 10px; border-radius:5px; background-color: #a82f2f;}
.storebg .storelist .mappic .doted div{width: 18px; height: 18px; position: absolute; left: -4px; top: -4px;  border-radius:9px;
-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.storebg .storelist .mappic .doted div.method{width: 18px; height: 18px; position: absolute; left: -4px; top: -4px;  border-radius:9px;
-webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);box-shadow: 0 0 5px 3px #e70013;}
.storebg .storelist .mappic .doted div:hover{box-shadow: 0 0 5px 3px #e70013;}*/

.storebg .storelist{width: 1200px; margin: 0 auto;}
.storebg .storelist .slist{display: inline; float: left;width: 257px; margin-right: 20px;}

.storebg .storelist .slist .prev{ position:relative; margin-bottom:28px; cursor:pointer; background-color:#eeeeee; height:38px; width:100%; text-align:center;}
.storebg .storelist .slist .prev:hover,.storebg .storelist .slist .prev:active{background-color:#e2e2e2;}
.storebg .storelist .slist .prev div{ position:absolute; top:-5px; left:113px; }
.storebg .storelist .slist .prev .iconfont{ font-size:30px; color:#b9b9b9;}

.storebg .storelist .slist .next{ position:relative; background-color:#eeeeee;cursor:pointer; height:38px; width:100%; text-align:center;}
.storebg .storelist .slist .next:hover,.storebg .storelist .slist .next:active{background-color:#e2e2e2;}
.storebg .storelist .slist .next div{ position:absolute; top:-2px; left:113px; }
.storebg .storelist .slist .next .iconfont{ font-size:30px; color:#b9b9b9;}

.storebg .storelist .slist ul,.storebg .storelist .slist ul li{padding: 0; margin: 0; list-style: none;}
.storebg .storelist .slist ul{ width: 100%; height:561px; overflow:hidden;}
.storebg .storelist .slist ul li{width: 100%;  height:159px; overflow:hidden; position: relative; cursor: pointer; margin-bottom: 28px;}
.storebg .storelist .slist ul li .moreinfo{width:100%; height:159px;position:absolute; left:0; top:110px;}
.storebg .storelist .slist ul li .backup{ width:100%; height:159px; position:relative; left:0; top:0; background-color:#4C4C4C;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.storebg .storelist .slist ul li .mcontent{position:absolute; left:0; top:0; color:#ffffff; padding:15px; }
.storebg .storelist .slist ul li .mcontent a{ color:#ffffff;  line-height:20px;}
.storebg .storelist .slist ul li .stitle{ height:22px; overflow:hidden;font-size:16px;}
.storebg .storelist .slist ul li .saddress{ margin-top:70px;height:40px;overflow:hidden; line-height:20px; }
.storebg .storelist .slist ul li .scategory{margin-top:10px; height:34px; overflow:hidden;}
.storebg .storelist .slist ul li .scategory span{ padding-right:5px; }

.storebg .storelist .mappic{display: inline; float: right; width: 840px; position: relative;}
.storebg .storelist .mappic .mtitle{}
.storebg .storelist .mappic .iconstyle{display: inline; float: left; margin-top:-8px;}
.storebg .storelist .mappic .mtinfo{display: inline; float: left; color:#494949; font-size:16px;}
.storebg .storelist .mappic .mtinfo span{ padding:0 5px; color:#c71414; font-size:20px;}
.storebg .storelist .mappic .mtinfo span.mtimport{color:#018caa;}
.storebg .storelist .mappic .mtinfotitle{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #d0d0d0; font-size:20px; color:#000000;}
.storebg .storelist .mappic .iconfont{ cursor:default;font-size:30px; color:#b9b9b9;}


.mingyue{width: 1200px; margin: 0 auto; padding-top: 50px;}
.mingyue .myTitle{ float:left;margin-bottom:20px;}
.mingyue .myTitle div{ float:left; display:inline-block;margin-right:15px; line-height:50px;}
.mingyue .mytIcon{ width:50px; }
.mingyue .mytName{ font-size:28px; color:#000000;}
.mingyue .mytEN{font-size:14px; color:#767676; margin-top:8px;}
.mingyue .myContent{float:left;margin:38px 0 100px 0;}
.mingyue .myContent div{float:left; display:inline-block;}

.mingyue .mycItem{ width:360px; padding-left:20px; padding-right:12px; }
.mingyue .mycItem:last-child{ width:330px; padding-right:0; padding-left:0; }
.mingyue .myciSummary{ clear:both; line-height:28px; font-size:14px; color:#313131; margin-top:20px;}
.mingyue .myciName{font-size:30px; color:#000000; font-size:30px; }
.mingyue .myciSpacer{ height:5px; width:50px; background-color:#e60111; float:left; }
.mingyue .mycSpacer{ width:4px; margin:0 32px; background-color:#ffffff;height: 300px;}