@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{font-family:Tahoma, Arial, Helvetica, sans-serif; color:#232424; padding:0; margin:0; list-style:none;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; float:left;}
.jbob{ width:100%; height:30px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin30{ width:100%; height:30px; float:left;}
.bmin40{ width:100%; height:40px; float:left;}
.bmin60{ width:100%; height:60px; float:left;}
.bmin2{ width:100%; height:20px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bmin4{ width:100%; height:5px; float:left;}
.bmin5{ width:100%; height:2px; float:left;}
.bline{ width:100%; height:1px; float:left; background:#d4d4d4;}	
.bline2{ width:100%; height:1px; float:left; background:#d2d2d2;}
.bline3{ width:100%; height:1px; float:left; background:#000;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.bmd{ width:1130px; }
.bmd2{ width:900px; }
.md{ width:1230px;}
.symd{ width:1240px;}
.sysmd{ width:1340px;}
.cmd{ width:1200px;}
.whmd{ width:1270px;}
.cpmd{ width:1000px; }
.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
.bg{ background:#f3f5f7;}
.cbg{ background:#FFF; padding:0px 50px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c8c9c9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 15px #c8c9c9;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 15px #c8c9c9;/*兼容safari或chrome*/
box-shadow:0px 2px 15px #c8c9c9;/*兼容opera或ie9*/
}

/*-- 语言切换 --*/
.cen{ position:absolute; top:5px; right:20px;}
.cen a{ color:#89898a; display:inline-block; font-size:12px; padding:0px 10px; height:25px; text-align:center;
line-height:25px; background:#e3e3e3;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cen a:hover{ background:#6dc84b; color:#FFF;}

/*--头部--*/
.top{ width:100%; height:auto; float:left; background:#f8f7f7; border-bottom:1px solid #d2d2d2;}
.hel{ width:50%; height:35px; float:left;}
.telbox,.mailbox{ padding:0px 10px; height:35px; border-left:1px solid #edecec; border-right:1px solid #edecec; list-style:35px; font-size:14px; color:#9f9f9f; float:left; padding-top:10px;}
.telbox i,.mailbox i{ float:left; color:#e60012; padding-right:8px; font-size:18px;}
.mailbox{ border-left:0;}
.mailbox a{ color:#9f9f9f; }
.mailbox a:hover{ color:#000;}

.her{ width:auto; height:35px; float:right;}
.searchbox{ width:auto; height:35px; float:left; border-left:1px solid #edecec; border-right:1px solid #edecec; padding:0px 10px;}
.searchbox img{ float:left;  margin-top:9px;}
.cn{ width:auto; float:left; line-height:35px; font-size:12px; padding:0px 10px; border-right:1px solid #edecec;}
.cn i{ padding-left:5px;}
.cn a{ color:#9f9f9f; }
.cn a:hover{ color:#000;}
.en{ width:auto; float:left; line-height:35px; font-size:12px; padding:0px 10px; border-right:1px solid #edecec;}
.en i{ padding-left:5px;}
.en a{ color:#9f9f9f; }
.en a:hover{ color:#000;}
.header{ width:100%; height:auto; float:left;}
.logo{ width:auto; float:left;}

.searchlogo{ width:100%; height:auto; float:left; text-align:center; position:relative; margin-top:11%;}
.searchlogo img{ max-width:100%;}
.searchlogo span{ right:20%; top:0%; max-width:100%; position:absolute; cursor:pointer;}
.searchlogo span img{ width:20px;}
.search-show{ width:100%; height:100%; position:fixed; background:#CCC; border:0; top:0; display:none;left:0px; z-index:99999;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity:0.98; opacity:0.98;
}
#search_input1{outline:none;height:50px; width:40%; border:1px solid #FFF; line-height:50px;float:left;color:#000; font-size:14px; margin-top:4%; margin-left:28%;padding:0 5px; background:#FFFs;
filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_input2{ float:left; width:80px; height:50px; padding:5px 20px; outline:none; margin-top:4%; margin-left:5px; cursor:pointer; background:#e60012;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- navbox --*/
nav{}
.logo{ width:20%; height:auto; float:left;}
.logo img{ max-width:100%;}

.navbox{ width:auto; height:auto; float:right; z-index:9999;}
.navbox ul li{ float:left; list-style:none; height:108px; line-height:108px; margin-left:10px; position:relative;}
.navbox ul li i{ width:10%; height:3px; background:#e60012; position:absolute; top:0; left:45%; visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.navbox ul li a{ display:block; line-height:108px; font-size:14px; padding:0px 20px; color:#252525; height:auto;}
.navbox ul li a:hover{ color:#e60012; }
.navbox ul li:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; width:96%; left:2%;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;width:96%; left:2%;}
#choose{ color:#e60012; }

/*-- banner --*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.ban-line{ width:100%; height:4px; float:left; background:#acacac; overflow:hidden;}
.ban-line span{ width:100%; height:4px; float:left; background:#e60012;}
.in-img{width:100%; height:510px; float:left; overflow:hidden; position:absolute; z-index:2; text-align:center; top:38%;}
.in-img img{ max-width:48%;}
.in-box{ width:100%; height:510px; float:left; overflow:hidden; position:relative; z-index:1;}
.in-box span{ width:100%; height:100%; float:left; background-size:cover; background-position: center center;
-webkit-animation: banner_one 5s ease-in-out;
-moz-animation: banner_one 5s ease-in-out;
-o-animation: banner_one 5s ease-in-out;
animation: banner_one 5s ease-in-out;
}

@-webkit-keyframes banner_one{
  0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes sky_background {
  0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sky_background {
   0% {
    -webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
    transform: scale(1.10);
  }
  100% { 
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
    transform: scale(1);
  }
}


/*--呼吸灯--*/
.log1{
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 2000ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-moz-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 2000ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 2000ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}
@-webkit-keyframes breathe {
0% { opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0;}
}
@-moz-keyframes breathe {
0% { opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes breathe {
0% { opacity: 0;}
50% { opacity: 1;}
100% { opacity: 0;}
}

/*-- 首页1 --*/
.syone{ width:100%; height:auto; float:left; padding:50px 0px; background:#e60012; position:relative;}
.syls{ position:absolute; left:0; top:22%;}
.syo-box{ width:100%; height:auto; float:left; text-align:center; position:relative; cursor:pointer; font-size:12px;}
.syo-box span{ border:1px solid #FFF; display:inline-block;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syo-box p{ width:100%; height:auto; float:left; text-align:center; padding:8px 0px; font-size:12px; color:#FFF;}
#yy{font-size:12px;}
.popover{max-width:350px; padding:15px; font-size:12px;}

.syoner-onem i{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#FFF;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity: 0.5;   
opacity: 0.5;
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.syoner-onem:hover i{
background:#6dc84b;
filter:alpha(opacity=1);   
-moz-opacity:1;   
-khtml-opacity: 1;   
opacity: 1; 
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}
.syoner-onem span{ width:100%; height:auto; color:#313131; font-size:12px; text-align:center; line-height:50px; position:absolute; left:0; bottom:0;}
.syoner-onem:hover span{ color:#FFF;}
.syoner-onem:hover b{ position:absolute; width:94%; height:88%; left:3%; top:8px; border:1px solid #FFF;}

.syone-btn{ width:100%; height:auto; float:left; text-align:center;}
.syone-btn a{ display:inline-block; background:#eeeeee; width:145px; height:45px; line-height:45px; margin-top:60px;
text-align:center; font-size:12px; color:#444444;
-moz-border-radius: 35px; /* Firefox */
-webkit-border-radius: 35px; /* Safari 和 Chrome */
border-radius: 35px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syone-btn:hover a{background:#6dc84b; color:#FFF; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}


/*-- 首页2--*/
#sybg{background:#f3f3f3;}
.sytwo{ width:100%; height:auto; float:left; padding-top:60px;}
.sytl{ width:40%; float:left; padding-right:5%; position:relative;}
.sytl-img{ width:100%; float:left; height:500px; background-image:url(../img/images/page/sytwo01.jpg); background-size:cover; margin-top:40px; z-index:1; position:relative;}
.sytl-red{ position:absolute; top:150px; right:10px; width:100px; height:300px; background:#e60012;}

.sytr{ width:60%; height:auto; float:left; position:relative; z-index:2;}
.sytr-t{ width:100%; height:auto; float:left;}
.sytr-t img{ max-width:100%;}
.sytr-info{ width:90%; height:auto; float:left; color:#242424; font-size:12px; color:#000; line-height:33px; padding-left:40px; margin-top:30px;}
.sytr-btn{ width:100%; height:auto; padding-left:45px; margin-top:50px; float:left;}
.sytr-btn a{ width:140px; height:40px; float:left; position:relative; color:#e60012; font-size:12px;}
.sytr-btn a span{ position:relative; z-index:1; width:100%; line-height:40px; text-align:center; display:block;}
.sytr-btn a .i1{ position:absolute; top:0; left:0; width:100%; height:2px; background:#e60012;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}
.sytr-btn a .i2{ position:absolute; bottom:0; left:0; width:100%; height:2px; background:#e60012;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;
}
.sytr-btn a:hover .i1{ height:100%;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.sytr-btn a:hover .i2{ height:100%;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.sytr-btn a:hover{ color:#FFF;}

.sytwobg{ position:absolute; bottom:0; right:0;}
.sytwobg img{ max-width:100%;}

/*-- 首页3 --*/
.sythree{ width:100%; height:auto; float:left; padding:80px 0px;}
.syte-up-img{ width:100%; height:400px; float:left; background-size:cover; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; position:relative; overflow:hidden; background-position: right center;}
.syte-d-img{ width:100%; height:auto; float:left; margin-top:12px;}
.syte-dl-img{ width:49.2%; height:260px; float:left; background-size:cover; margin-right:0.8%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; position:relative; overflow:hidden; background-position: right center;}
.syte-dr-img{ width:49.2%; height:260px; float:left; background-size:cover; margin-left:0.8%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; position:relative; overflow:hidden;}

.syte-r-t{ width:100%; height:auto; float:left;}
.syte-t-l{ width:50%; height:1px; background:#000; float:left; margin-right:8%; margin-top:20px;}
.syte-t-r{ width:42%; height:auto; float:left;}
.syte-t-r .p1{ width:100%; height:auto; float:left; font-size:36px; color:#000;}
.syte-t-r .p1 span{ color:#e60012;}
.syte-t-r .p2{ width:100%; height:auto; float:left; font-size:14px; color:#303030;}
.syte-t-r .p3{ float:right; padding:20px 10px 30px;}
.syte-r-img{ width:100%; height:530px; float:left; background-size:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; position:relative; overflow:hidden;}

.tename{ width:100%; height:auto; position:absolute; top:47%; left:0;}
.te-c{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#FFF; padding:2px 0px;}
.te-e{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#FFF; padding:2px 0px; position:relative; 
visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.syte-up-img:hover,.syte-dl-img:hover,.syte-dr-img:hover,.syte-r-img:hover{
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#545756,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 25px #545756;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 25px #545756;/*兼容safari或chrome*/
box-shadow: 0px 0px 25px #545756;/*兼容opera或ie9*/
}
.syte-up-img span,.syte-dl-img span,.syte-dr-img span,.syte-r-img span{ width:100%; height:100%; background:#000; visibility:hidden; position:absolute; top:-100%; left:0;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; 
}

.syte-up-img:hover span,.syte-dl-img:hover span,.syte-dr-img:hover span,.syte-r-img:hover span{visibility:visible; top:0%;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity:0.5;   
opacity:0.5; 
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;  
}

.syte-up-img:hover .te-e,.syte-dl-img:hover .te-e,.syte-dr-img:hover .te-e,.syte-r-img:hover .te-e{visibility:visible;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1; 
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syte-up-img:hover .te-e p,.syte-dl-img:hover .te-e p,.syte-dr-img:hover .te-e p,.syte-r-img:hover .te-e p{ position:relative; z-index:1;}
.syte-up-img:hover a,.syte-dl-img:hover a,.syte-dr-img:hover a,.syte-r-img:hover a{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}

.syte-up-img:hover .te-e i{ width:16%; height:3px; background:#e60012; position:absolute; top:48%; left:42%;}
.syte-dl-img:hover .te-e i{ width:56%; height:3px; background:#e60012; position:absolute; top:48%; left:22%;}
.syte-dr-img:hover .te-e i{ width:56%; height:3px; background:#e60012; position:absolute; top:48%; left:22%;}
.syte-r-img:hover .te-e i{ width:56%; height:3px; background:#e60012; position:absolute; top:48%; left:22%;}

/*-- 首页搜索 --*/
.absearch{ width:100%; height:auto; background:#252525; float:left; padding:70px 0px; position:relative; z-index:1;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#3a3c3b,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 8px #3a3c3b;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 8px #3a3c3b;/*兼容safari或chrome*/
box-shadow:0px 5px 8px #3a3c3b;/*兼容opera或ie9*/
}
.absearchL{ width:65%; height:auto; float:left; color:#FFF; font-size:14px;}
.absearchL .p1{ font-size:24px; padding:10px 0px; font-weight:600;}
.absearchR{ width:35%; height:auto; float:left; margin-top:20px;}
.absearch_box{ width:100%; height:40px; float:left; background:#3a3c3b;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#202020,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 25px 1px #202020;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 25px 1px #202020;/*兼容safari或chrome*/
box-shadow:0px 2px 25px 1px #202020;/*兼容opera或ie9*/
}
.absearch_box .sb1{ width:85%; height:40px; float:left;}
.absearch_box .sb2{ width:15%; height:40px; float:left; background:#3f3f3f; text-align:center; overflow:hidden;}
#search_input5{outline:none;height:40px; width:100%; border:0px solid #CCC; line-height:30px;float:left;color:#000; font-size:12px;
padding:0 20px; background-color:#2c2c2c;}
#search_input6{ display:inline-block; width:40px; height:40px; outline:none; }

/*--　首页解决方案　--*/
.syscbox{ width:100%; height:750px; float:left; background:url(../img/images/page/syfbg.jpg) no-repeat; position:relative;z-index:1;
background-size:cover;
background-attachment: fixed;
background-position:center center;
}
.syscbox p{ width:100%; height:auto; float:left; color:#FFF; line-height:50px; text-align:center;}
.syscbox .p1{ font-size:52px; margin-top:22%;}
.syscbox .p1 span{ color:#e60012;}
.syscbox .p2{ font-size:52px; margin-top:40px; letter-spacing:2px;}
.syscbox .p3{ font-size:22px;}

/*--　猜你喜欢　--*/
.sygbox{ width:100%; height:auto; float:left;}
.syg-t{ width:100%; height:auto; float:left; text-align:center;}
.syg-t .p1{ padding:0px 10px; line-height:24px; background:#e60012; display:inline-block; font-size:16px; color:#FFF;
letter-spacing:2px;}
.syg-t .p2{ width:100%; padding:10px; font-size:30px; line-height:35px; float:left; color:#010101;}
#syg{ font-weight:600; }
.syg-t .p2 span{ color:#e60012;} 
.syg-t .p3{ width:100%; float:left; margin-top:10px; text-align:center;}
.syg-info{ width:100%; height:auto; float:left;}
.sygone{ width:100%; height:auto; float:left; margin-top:30px;}
.syg-img{ width:100%; height:auto; float:left; border:1px solid #c6c6c6; overflow:hidden;}
.syg-img img{ width:100%; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
.sygone:hover .syg-img{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e60012,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 10x 0px #e60012;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 10px 0px #e60012;/*兼容safari或chrome*/
box-shadow:0px 0px 10px 0px #e60012;/*兼容opera或ie9*/
}
.sygone:hover .syg-img img{
transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;
transform: scale(1.04);-webkit-transform: scale(1.04);-moz-transform: scale(1.04);
}
.syg-name{ width:100%; height:50px; float:left; padding:0px 5px; font-size:16px; color:#616161; line-height:20px;}
.syg-name table{ width:100%; height:100%; float:left;}

/*-- 导航loc --*/
.locbox{ width:100%; height:auto; float:left; margin-top:15px; padding:10px 0px;}
.locbox i{ display:inline-block; font-size:18px; padding:0px 8px;}
.locbox a{ display:inline-block; font-size:14px; color:#545454;}
.locbox a:hover{color:#05a2f4;}
.locbox a.on{ color:#05a2f4;}

/*-- 关于我们 --*/
.about{ width:100%; height:auto; float:left;}
.about1{ width:100%; height:auto; float:left;}
.abnav{ width:100%; height:auto; float:left; background:#FFF; text-align:center;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e9e9e9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 8px 0px #e9e9e9;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 8px 0px #e9e9e9;/*兼容safari或chrome*/
box-shadow:0px 0px 8px 0px #e9e9e9;/*兼容opera或ie9*/
}
.abnavm{ display:inline-block;}
.abnav a{ float:left; height:50px; line-height:20px; padding:15px 25px; font-size:14px; color:#767676; position:relative;}
#al{ float:left; height:50px; background:#f2f2f2; width:1px; padding:0; margin:0 2px;}
#cho{ color:#e60012;}
.abnav a i{position:absolute; bottom:-2px; left:0; width:100%; height:3px; visibility:hidden; background:#e60012; 
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
#cho i{
visibility:visible;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1;
}
.abnav a:hover i{
visibility:visible;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.abinfo{ width:100%; float:left; padding:30px 0px;}
.abL{ width:42%; float:left;}
.abLm{ width:80%; padding-left:15px; float:left;}
.abLmen{ width:95%}
.abl-t{ width:100%; height:auto; float:left;}
.abl-t img{ max-width:100%;}
.abl-line{ width:40px; height:5px; float:left; background:#e60012; margin-top:40px;}
.abl-namec{ width:100%; height:auto; float:left; font-size:22px; color:#343434; margin-top:30px;}
.ablenc{border-bottom:1px solid #000; line-height:25px; padding-bottom:10px;}
.abl-namee{ width:100%; height:auto; float:left; font-size:12px; color:#343434; padding:15px 0px; border-bottom:1px solid #000; line-height:20px;}
.abl-show{ width:100%; height:auto; float:left; margin-top:35px; font-size:14px; color:#767676; line-height:25px;}
.abl-show-en{ line-height:20px;}

.abR{ width:58%; float:left;}
.abr-img{ width:100%; height:auto; float:left;}
.abr-img img{ width:100%;}
.abr-line{ width:100%; height:1px; float:left; background:#dadada; margin:40px 0px 30px;}
.abr-show{ width:100%; height:auto; float:left; font-size:14px; color:#767676; line-height:25px;}

#h100{ height:100%;}
.about2{ width:100%; height:620px; float:left; background:url(../img/page/ab03bg.jpg) center center no-repeat; background-size:cover;}
.aben{height:730px;}
.ab2-line{ width:10%; height:100%; float:left; background:url(../img/page/abline.png) center center no-repeat;}
.ab2-logo{ width:30%; height:100%; float:left; padding:0px 15px; text-align:center;}
.ab2-logo img{ max-width:100%; margin-top:76%;}
.ab2-info{ width:50%; height:100%; float:left; padding:0px 15px;}
.ab2-info-1{ width:100%; float:left; font-size:26px; color:#231815; margin-top:28%;}
.ab2-info-2{ width:100%; margin-top:35px; float:left;}
.ab2-one{ padding-right:25px; font-size:14px; color:#767676; float:left; line-height:20px;}
.ab2-one i{ width:10px; height:10px; float:left; background:#e60012; margin-right:6px; margin-top:5px;}
.ab2-info-3{ width:90%; height:auto; color:#767676; line-height:25px; margin-top:25px; float:left;}
.abeninfo{ line-height:22px;}

.about3{ width:100%; height:1050px; float:left; background:url(../img/images/about/elsebg.jpg) top center no-repeat; padding-top:40px;}
.a3-one{ width:33.1%; height:auto; float:left; position:relative;}
.a3-one .p1{ width:100%; height:auto; float:left; margin-top:60px; color:#FFF; text-align:center; font-size:20px; line-height:30px;}
.a3-one .p2{ width:100%; padding:0px 15%; margin-top:30px; line-height:25px; font-size:16px; color:#9d9d9d; float:left; text-align:center;}
.a3-one .p3{ width:100%; height:80px; margin-top:65px; float:left; text-align:center}
.a3-one .p3 a{ display:inline-block; width:50px; height:50px;}
#onl{ background:url(../img/images/about/l.png) center center no-repeat;}
#onl:hover{background:url(../img/images/about/lh.png) center center no-repeat;}
#onr{ background:url(../img/images/about/r.png) center center no-repeat;}
#onr:hover{background:url(../img/images/about/rh.png) center center no-repeat;}
.a3-one .p4{ position:absolute; top:100%; left:-20%; width:140%;}
.a3-one .p4 img{ width:100%;}
.a3side{ border:1px solid #e60012;}

.ab-videos{ width:100%; height:500px; float:left; padding:0 15%; margin-top:0px;}
.ab-videos firame{ width:100%; height:auto; float:left;}

/*-- 团队 --*/
.whbox{ width:100%; height:auto; float:left;}
.wh-t{ width:100%; height:auto; float:left;}
.wh-t .p1{ width:100%; height:auto; float:left; text-align:center; font-size:30px; line-height:30px; padding-bottom:10px;}
.wh-t .p2{ width:100%; height:auto; float:left; text-align:center; font-size:18px; line-height:25px;}
.wh-else{ width:100%; height:auto; float:left; text-align:center;}
.wh-else p{ width:100%; height:auto; float:left; line-height:28px;}
.wh-img{ width:100%; height:auto; float:left; background:url(../img/images/culture/bg.jpg) center center no-repeat; background-size:cover; padding:120px 0px 60px; overflow:hidden;}
.wh-one{ width:100%; height:auto; float:left; margin-top:-65px; margin-bottom:90px;}
.wh-two{ width:100%; height:auto; float:left; margin-bottom:25px;}
.wh-one img,.wh-two img{ width:100%;}
.wname{ position:absolute; left:-150px; top:-70px; text-align:left;}
.ws{ width:100%; height:auto; float:left; font-size:26px; color:#FFF;}
.ws-line{ width:20px; height:2px; float:left; background:#e21912;}
.ws-img{ float:left; width:100%;}
.ws-img img{ max-width:100%;}

.whboxs{ width:100%; height:auto; float:left; padding:60px 0px; background:#eeeeee;}
.ws1{ width:100%; height:auto; float:left;}
.ws2{ width:100%; height:auto; float:left; padding:25px 60px; font-size:15px; line-height:25px; color:#000;}
.ws3{ width:100%; height:auto; float:left; text-align:right;}

.whboxss{ width:100%; height:580px; float:left;}
.wwl{ width:55%; float:left; height:100%; background:url(../img/page/tuan2.jpg) right center no-repeat #d3d3d3; background-size:cover;}
.wwr{ width:45%; float:left; height:100%; background:#d3d3d3;}
.wwrm{ width:60%; float:left; float:left; padding:0px 30px; text-align:center; margin-top:50px;}
.wwrm .p1{ width:100%; height:auto; float:left; font-size:36px; color:#000; line-height:35px;}
.wwrm .p2{ width:100%; height:auto; float:left; font-size:22px; color:#000; line-height:35px;}
.wss-img{ width:100%; height:auto; float:left; text-align:center; padding:30px 0px; }
.wss-img img{ max-width:100%;}
.wss-else{ width:100%; height:auto; float:left; font-size:15px; line-height:30px; color:#000;}

.honor{ width:100%; float:left; padding:30px 0px;}

/*-- 产品中心 --*/
.sortbox{ width:100%; height:auto; float:left; background:#ebebeb;}
.sort{ width:100%; height:260px; float:left; margin-top:30px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sort-img{ width:65%; height:100%; float:left; background-size:cover;}
.sortr{ width:35%; height:100%; float:left; padding:0px 4.5%; background:#FFF;}
.sort-name{ width:100%; height:auto; font-size:20px; color:#4e4e4e; margin-top:60px; float:left; border-bottom:1px dashed #c9c9c9; text-align:center; line-height:22px; padding-bottom:10px;}
.sort-more{ width:100%; height:auto; float:left; margin-top:65px; text-align:center;}
.sort-more a{ display:inline-block; width:80px; height:30px; line-height:30px; border:1px solid #c9c9c9; background:#f4f4f4; font-size:14px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#231815;}
.sort-more a:hover{ background:#231815; border:1px solid #231815;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#FFF;}
.sort:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bcbcbc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:5px 5px 8px #bcbcbc;/*兼容firefox*/
-webkit-box-shadow:5px 5px 8px #bcbcbc;/*兼容safari或chrome*/
box-shadow:5px 5px 8px #bcbcbc;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sortr:hover .sort-img{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);
}
.sortbb{ width:100%; height:auto; float:left;  background:#ebebeb;}
.sortbbL{ width:50%; height:390px; float:left; background-image:url(../img/images/page/cpbgl.jpg); background-size:cover; background-position:right center;}
.sortbbR{ width:50%; height:390px; float:left; background-image:url(../img/images/page/cpbgr.jpg); background-size:cover;}

/*-- 内页 --*/
.pro-t{ width:100%; height:auto; float:left; padding:35px 0px; text-align:center;}
.plines{ width:120px; height:126px; display:inline-block; vertical-align:top; background:url(../img/page/ss.png) center center repeat-x;}
.pname{ width:124px; height:126px; display:inline-block; margin:0px 10px; background:url(../img/page/k.png); background-size:cover; font-size:20px; color:#000;}
.pname table{ width:100%; height:100%; float:left; text-align:center;}

.psort{ width:100%; height:auto; float:left; text-align:center; position:relative; z-index:2}
.psones{ width:150px; height:50px; display:inline-block; background:#231815; }
.psones .p1{ width:30px; height:50px; float:left; position:relative; overflow:hidden;}
.psones .p1 i{ float:left; padding-left:5px; padding-top:10px;}
.psones .p1 span{ position:absolute; visibility:hidden; top:10px; left:5px; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
}
.psones:hover .p1 span{ visibility:visible; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1; 
}
.psones .p2{ width:90px; height:50px; float:left; font-size:14px; color:#898989;}
#enp{ font-size:12px;}
.psones .p2 table{ width:100%; height:100%; float:left;}
.psones .p3{ width:30px; height:50px; float:left; background:url(../img/page/pjt2.png) center center no-repeat;}
.psones:hover .p3{ background:url(../img/page/pjt1.png) center center no-repeat;}
.psones:hover .p2 table{ color:#FFF;}
.psones:hover{ background:#e71f19;}
#ids .p1 span{ visibility:visible; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1; 
}
#ids .p3{ background:url(../img/page/pjt1.png) center center no-repeat;}
#ids .p2 table{ color:#FFF;}
#ids{ background:#e71f19;}

.pstwobox{ width:100%; height:auto; position:absolute; top:110%; left:0; visibility:hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; background-image:url(../img/images/page/sdf.jpg); background-size:cover; padding:20px 0px;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
}

.psones:hover .pstwobox{ top:95%; visibility:visible; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1;
}

.pstwo{ width:20%; height:55px; float:left; }
.pstwo .ps1{ width:35%; height:100%; float:left; background-size:cover;}
.pstwo .ps2{ width:50%; height:100%; float:left;}
.pstwo .ps2 table{ width:100%; height:100%; float:left; font-size:13px;}
.pstwo .ps3{ width:8%; height:100%; float:left;}
.pstwo>a .ps2{ color:#231815; }
.pstwo>a:hover .ps2{color:#e71f19; }
#ps3{ background:url(../img/page/pjt3.png) center center no-repeat;}
#idss>a{color:#e71f19;}

.psthbox{width:100%; height:auto; position:absolute; top:100%; left:0; visibility:hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; border:1px solid #d0d0d0; background:#FFF; padding:10px;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
}

.pstwo:hover .psthbox{ top:50%; visibility:visible; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1;
}

.psth{ padding:15px; float:left; font-size:13px; color:#898989; border-bottom:1px dashed #898989; margin-right:2px;}
.psth a{ color:#898989; }
.psth a:hover{ color:#e71f19; }
#idt{color:#e71f19;}

.psearch{ width:100%; height:auto; float:left; padding-top:32px; padding-bottom:25px; text-align:center;}
.psname{ width:auto; display:inline-block; height:35px; line-height:35px; color:#231815; font-size:14px; vertical-align:top;}
.psform{ width:auto; display:inline-block; border:1px solid #c9c9c9;}
#search_input3{ outline:none; height:35px; width:320px; border:0px solid #CCC; line-height:35px; color:#000; font-size:12px;padding:0 5px; background-color:transparent; float:left;}
#search_input4{ width:35px; height:35px; outline:none; float:left;}

.sortban{ width:100%; height:auto; float:left;}
.sortban img{ width:100%;}

.cpbox{ width:100%; height:auto; float:left;}
.cpone{ width:100%; height:auto; float:left; border:1px solid #898989; margin-top:25px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpimg{ width:100%; height:auto; float:left;}
.cpimg img{ width:100%;}
.cpname{ width:100%; height:65px; float:left; font-size:13px; color:#020202; background:#d0d0d0 url(../img/page/wang.png); transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpname table{ width:100%; height:100%; float:left; text-align:center;}
.cpone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#a8a8a8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 8px #a8a8a8;/*兼容firefox*/
-webkit-box-shadow:0px 0px 8px #a8a8a8;/*兼容safari或chrome*/
box-shadow:0px 0px 8px #a8a8a8;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.cpone:hover .cpname{ background:#e60012 url(../img/page/wang.png); color:#ffffff; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}


/*-- 详细页 --*/
.products{ width:100%; height:auto; float:left; }
.pinfo{ width:100%; height:auto; float:left; border:1px solid #d6d6d6; overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e6e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:2px 0px 7px #e6e4e4;/*兼容firefox*/
-webkit-box-shadow:2px 0px 7px #e6e4e4;/*兼容safari或chrome*/
box-shadow:2px 0px 7px #e6e4e4;/*兼容opera或ie9*/
}
.pg{ position:absolute; top:-8px; right:5%;}
.ban {width:54%;height:auto;float:left; position:relative; z-index:1; padding-right:5%; }
.banbg{ width:10%; height:auto; position:absolute; right:4%; top:0; background-size:cover; z-index:1;}
.banl{ width:100%; height:auto;padding:5px; float:left;}
.t2 {width:100%; float:left;}
.t2 img {width:100%;}
.prev {float:left;cursor:pointer;}
.min_pic {width:54%;height:auto;float:left; padding:10px 0px; margin-top:10px;}
.num {width:90%;height:82px;overflow:hidden;position:relative;float:left;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:82px;height:auto; float:left; margin:0px 8px; text-align:center;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li img {width:80px; height:80px; border:1px solid #d0cfcf;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器*/
}
.num ul li:hover img{border:2px solid #e60012;}
.num ul li a:on img{border:2px solid #e60012;}
.prev_btn1 {width:5%;text-align:center;height:auto;cursor:pointer;float:left; margin-top:30px;}
.next_btn1 {width:5%;text-align:center;height:auto;cursor:pointer;float:left; margin-top:30px;}
.num ul li.on img{border:2px solid #e60012;}

.banr{ width:43%; height:auto; float:right; padding:10px; }
.cpt{ width:100%; height:auto; float:left; padding:22px 0px 10px; line-height:28px; font-size:26px; color:#e60012;}
.cpline{ width:100%; height:1px; background:#c1c1c0; float:left;}
.cpt2{ width:100%; height:auto; min-height:250px; float:left; padding:10px 0px; font-size:16px; color:#313332; line-height:30px;}
.cpshow-t3 {width:100%;float:left; height:auto; color:#313332;line-height:18px;font-size:16px;}
.cpshow-t3 span{line-height:30px;font-size:16px; float:left; width:100%; color:#313332; font-weight:600; padding-top:10px;}
.cpshow-t3 p{ width:100%; height:auto; float:left; font-size:16px; padding-top:10px; line-height:25px;}
.cptel{ width:50%; height:auto; float:left; font-size:15px; padding:8px 0px;}
.cpmail{width:50%; height:auto; float:left; font-size:15px; padding:8px 0px;}
.cptel i,.cpmail i{ margin-right:8px; font-size:18px; }
.cptel em{ font-style:normal;}
.cptel a{color:#313332;}
.cpmail a{color:#313332;}
.cpmail a:hover{color:#e60012;}

.cp-btn{ width:100%; height:auto; float:left; margin-top:5px;}
.cp-btn a{ width:120px; height:35px; float:left; font-size:14px; text-align:center;  position:relative; overflow:hidden; background:#e60012; line-height:35px; color:#FFF;}

/*-- 相同产品 --*/
.samebox{ width:100%; height:auto; float:left; background-image:url(../img/page/cpinfo.jpg); background-size:cover; margin-top:30px; padding:40px 0px;}
.same-t{padding:0 35px; line-height:45px; float:left; background:#e60012; font-size:18px; color:#FFF;}
.same-show{ width:100%; height:auto; float:left;}

/*-- other --*/
.other{ width:100%; height:auto; float:left;}
.other-t{ width:100%; height:auto; float:left; font-size:18px; color:#000000; line-height:22px;}
.other-t .p1{ width:100%; height:auto; float:left;}
.other-t .p2{ width:100%; height:auto; float:left;}

.other-info{ width:100%; height:auto; float:left;}
.other-info .p1{ width:100%; height:auto; float:left; text-align:center; padding:30px;}
.other-info img{ max-width:100%;}

.other-info .p2{ width:50%; height:auto; float:left; text-align:center;}
.other-info .p3{ width:50%; height:auto; float:left; text-align:center;}


/*-- 合作品牌 --*/
#brand{ width:100%; height:auto; float:left;}
.brand-one{ width:100%; height:auto; float:left; padding:58px 0px;}
.bo-t{ width:100%; height:auto; float:left;}
.bo-t .p1{ width:100%; height:auto; float:left; line-height:40px; font-size:30px; color:#000; text-align:center; padding-bottom:10px;}
.bo-t .p2{ width:100%; height:auto; float:left; line-height:25px; font-size:18px; color:#000; text-align:center;}
.bo-show{ width:100%; height:auto; float:left; text-align:center;}
.bh{ width:100%; display:inline-block;}
.bos-one{ width:19%; display:inline-block; margin-top:40px;}
.bos-one img{ border:1px solid #dbdada;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.brand-two{ width:100%; height:600px; float:left; background:url(../img/page/brandbg.jpg) center center no-repeat; background-size:cover; padding-top:50px;}
.bc-t{ width:100%; height:auto; padding:15px 0px; color:#000; line-height:35px; text-align:center; font-size:35px;}
.bo-dw{ width:100%; height:auto; float:left; margin-top:30px;}
.bo-dw img{ width:100%;}

.brand-three{ width:100%; height:auto; float:left; padding:60px 0px;}
.b-th-img{ width:100%; height:auto; float:left; text-align:center; padding-bottom:10px;}
.b-th-img img{ max-width:100%;}
.b-th-table{ width:100%; height:auto; float:left; border:1px solid #a0a0a0; padding:0px 20px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d7d7d7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 6px 6px 2px 3px #d7d7d7;/*兼容firefox*/
-webkit-box-shadow: 6px 6px 2px 3px #d7d7d7;/*兼容safari或chrome*/
box-shadow:6px 6px 2px 3px #d7d7d7;/*兼容opera或ie9*/
}
.b-th-table ul li{ width:25%; float:left; height:50px; font-size:17px; padding:0 15px;}
.b-th-table ul li table{ width:100%; height:100%; float:left;}
.b-th-table ul #bli{ width:100%; height:2px; border-bottom:1px dashed #a0a0a0; float:left;}

/*-- 案例展示 --*/
.casebox{ width:100%; height:auto; float:left; padding:40px 0px;}
.caseone{ width:100%; height:auto; float:left; margin-top:20px;}
.case-img{ width:100%; height:auto; float:left; border:1px solid #e4e4e4; padding:5px; overflow:hidden;}
.case-img img{ width:100%; height:auto; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;} 
.case-img:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);transform: scale(1.08);}
.case-name{ width:100%; height:40px; float:left; text-align:center; font-size:14px;}
.case-name table{ width:100%; height:100%; float:left; color:#000;}

/*-- 新闻 --*/
#news{ width:100%; float:left; }
.newsone{ width:100%; height:330px; float:left; position:relative; background:#f8f8f8;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; margin-bottom:2.5em;}
.newss{ width:65%; height:80%; float:left; padding:6% 3% 3%; background:#FFF; margin-top:2.8%; margin-left:2.5%; position:relative; z-index:1; font-size:14px;}
.newspic{ width:auto; height:330px; overflow:hidden; position:absolute; right:0; top:0;}
.newsone .newspic img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; width:100%;}
.newsone:hover .newspic img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);}
.newss-date{ width:100%; height:30px; line-height:30px; float:left; color:#5f5e5e;}
.newss-date a{color:#5f5e5e; display:block;}
.newss-title{ width:100%; height:30px; line-height:30px; float:left; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#010101;}
.newss-title a{color:#010101; display:block;}
.newss-info{ width:100%; height:auto; line-height:24px; font-size:12px; color:#8d8e8e; float:left;}
.newss-info a{color:#8d8e8e; display:block;}
.newsone:hover{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:6px 6px 1px 2px #000;/*兼容firefox*/
-webkit-box-shadow:6px 6px 1px 2px #000;/*兼容safari或chrome*/
box-shadow:6px 6px 1px 2px #000;/*兼容opera或ie9*/
}

/*-- page --*/
.page{ width:100%;height:auto; float:left;text-align:center;font-size:12px;}
.pagination{text-align:center;width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display: inline-block;color:#353535; height: 23px;line-height: 23px;text-align: center;margin-right: 5px;padding-left: 0;}
.pagination ul li:before{}
.pagination ul li a{color:#FFF; display: block; font-size:15px; line-height:25px; padding:0px 8px;
background:#626262;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a i{ background:none;}
.pagination ul li a i.i1{ float:left; border:0; margin:5px 4px 0px 0px;}
.pagination ul li a i.i2{ float:right; border:0; margin:5px 0px 0px 4px;}
.pagination ul li a:hover{background: #e60012!important; color:#FFF;}
.pagination ul li a.active{background: #e60012!important; color:#FFF;}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:5px 10px; font-size:20px;text-align:center;float:left;color:#333;}
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left;}
.in-newsbox_info span{font-size:14px;color:#333; padding-right:10px;list-style:none;text-align:center; display:inline-block;}
.in-newsbox_content{float:left;font-size:15px;line-height:30px; width:100%;}
.in-newsbox_content img{ max-width:100%}
.pagee{width:100%;float:left; height:auto;}
.pagees{width:100%;float:left; height:auto;}
.pagesl{ width:30%; float:left;}
.pagesl p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px;}
.pagesr p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:16px;padding:5px 10px; display:inline-block; background:#e60012;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagesl a:hover{ color:#FFF; background:#e60012;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:16px;padding:5px 10px; display:inline-block; background:#e60012;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#2e2e2e;}

/*-- 联系我们 --*/
.contact-show{ width:100%; height:auto; float:left; padding:55px 0px;}
.contact-one{ width:26%; height:auto; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center;}
.contact-one p{ width:100%; height:auto; float:left;}
.contact-two{ width:28%; height:auto; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center;}
.contact-three{ width:26%; height:auto; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center;}
.contact-one img,.contact-two img,.contact-three img{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.contact-one:hover img,.contact-two:hover img,.contact-three:hover img{
-webkit-transform: rotateY(360deg);
-moz-transition:rotateY(360deg);
transform: rotateY(360deg) ;
}
.contact-cline{ width:10%; height:105px; float:left; background:url(../img/page/cline.png) center center repeat-y;}

/*-- feedback --*/
#feedback{ width:100%; height:auto; float:left;}
.fd-show{ width:100%; height:auto; float:left;}
.crr-one{ width:100%; height:54px; float:left; background:#f6f6f6; font-size:14px; color:#828282; padding:10px 15px;}
.crr-two{ width:49.5%; height:54px; float:left; background:#f6f6f6; font-size:14px; color:#828282; padding:10px 15px;}
.crr-twos{ width:1%; height:54px; float:left;}
.crr-three{ width:100%; height:auto; float:left; background:#f6f6f6; font-size:14px; color:#828282; padding:10px 15px;}
#input1{height:34px; width:100%; border:0px; background-color:transparent; line-height:34px; float:left; color:#828282; font-size:14px; outline:none;}
#input2{ width:100%; height:270px; font-size:14px; outline:none; overflow:hidden; line-height:30px; float:left;resize:none; border:0px; background-color:transparent;}
.crrbtn{ width:100%; height:auto; float:left; padding:10px 0px 40px; text-align:center;}
#button{ width:180px; height:47px; background:#e60012; display:inline-block; cursor:pointer;font-size:14px; color:#FFF;border:0px solid #0f1624;filter:progid:DXImageTransform.Microsoft.Shadow(color=#a7aaaf,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 7px 10px #a7aaaf;/*兼容firefox*/
-webkit-box-shadow: 0px 7px 10px #a7aaaf;/*兼容safari或chrome*/
box-shadow: 0px 7px 10px #a7aaaf;/*兼容opera或ie9*/
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

#button{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#button:hover{background:#0f1724;	
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 7px 10px #e4e4e4;/*兼容firefox*/
-webkit-box-shadow: 0px 7px 10px #e4e4e4;/*兼容safari或chrome*/
box-shadow: 0px 7px 10px #e4e4e4;/*兼容opera或ie9*/
-webkit-transform: translateY(-5px);
-moz-transition: translateY(-5px);
transform: translateY(-5px);
}

/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative;}
.mapfang{ width:100%; height:510px; float:left;}
.mapfang img{ max-width:100px;}

/*客服*/
/*.qqkefu{position:fixed;right:0;bottom:40%;z-index:888;width:50px;}
.qqkefu ul li{position:relative;float:right;margin-bottom:1px;height:47px;background:#757575;font-size:14px;line-height:47px;opacity:.9;cursor:pointer; list-style:none;}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden;}
.qqkefu ul li:hover{background:#162031;}
.qqkefu ul li.top{position:relative;width:50px;background:#162031 url(../img/page/top_icon.png) no-repeat center;color:#1c1c1c;text-align:center;font-weight:800;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.qqkefu ul li.top:hover{background-color:#162031;}
.qqkefu ul li b{float:left;display:block;overflow:hidden;width:50px;height:47px;}
.qqkefu ul li b.a{background:url(../img/page/czx4.png) no-repeat center center;}
.qqkefu ul li b.b{background:url(../img/page/czx3.png) no-repeat center center;}
.qqkefu ul li b.e{background:url(../img/page/icon_kf_tel.png) no-repeat center center;}
.qqkefu .erweima{position:absolute;top:-103px;left:-134px;float:right;display:none;height:150px;border:1px solid #CCC;background:#FFF;cursor:default!important;}
.qqkefu .erweima p{float:left;width:130px;color:#000;text-align:center;font-size:12px;line-height:20px;}
.qqkefu .erweima p img{margin:10px 10px 0 10px;width:110px;height:110px;}
.qqkefu .kf-tel .erweima{top:-23px;left: -153px;height:70px;text-align:center;}
.qqkefu .kf-tel .erweima p{width: 150px;}
.qqkefu .kf-tel .erweima em{display:inline-block;margin-top:12px;margin-bottom:6px;width:100%;color:#0f1624;font-weight:600;font-size:18px; font-style:normal;}
.qqkefu .kf-tel .erweima em a{color:#0f1624;}*/


/* ~~ 脚注 ~~ */
.footB{ width:100%; height:auto; float:left; background:#151515; }
.footup{ width:100%; height:auto; float:left; background:#1c1c1c; padding:70px 0px 40px;}
.footupl-1{ width:23%; height:auto; float:left;}
.ft1-img{ width:100%; height:auto; float:left;}
.ft1-img img{ max-width:100%;}
.fti-linke{ width:100%; height:auto; float:left; margin-top:8px;}
.fti-linke a{ display:inline-block; padding:2px; width:24px; height:24px;}
#int{ background:url(../img/images/page/INT.png) center center no-repeat;}
#int:hover{ background:url(../img/images/page/INTh.png) center center no-repeat;}
#tw{ background:url(../img/images/page/TW.png) center center no-repeat;}
#tw:hover{ background:url(../img/images/page/TWh.png) center center no-repeat;}
#fb{ background:url(../img/images/page/F.png) center center no-repeat;}
#fb:hover{ background:url(../img/images/page/Fh.png) center center no-repeat;}
#in{ background:url(../img/images/page/IN.png) center center no-repeat;}
#in:hover{ background:url(../img/images/page/INh.png) center center no-repeat;}
#wx{ background:url(../img/images/page/WX.png) center center no-repeat;}
#wx:hover{ background:url(../img/images/page/WXh.png) center center no-repeat;}

.footupl-2{ width:49%; height:auto; float:left; color:#FFF;}
.footupl-2 h1{ width:100%; color:#fbfbfb; font-size:16px; float:left; padding:5px;}
.footupl-2 p{ width:100%; font-size:12px; float:left; padding:5px;}
.footupl-2 p i{ float:left; font-size:12px; padding-right:10px;}

.footupl-3{ width:28%; height:auto; float:left; padding:0 5px;}
.ft3-t{ width:100%; height:auto; float:left; font-size:15px; color:#FFF; padding:5px 0px;}
.ft3-ts{ width:100%; height:auto; float:left; color:#c4c4c4; font-size:12px; padding-bottom:10px;}

.fsearch{ width:100%; height:auto; display:inline-block; background:#e60012; border:0;}
#search_input7{outline:none;height:35px; width:80%; border:0; line-height:35px;float:left;color:#FFF; font-size:12px;  padding:0 10px; background:#444444;}
#search_input7::-webkit-input-placeholder{ color:#c7c7c7;}
#search_input7:-moz-placeholder{color:#c7c7c7;}
#search_input7::-moz-placeholder{color:#c7c7c7;}
#search_input7:-ms-input-placeholder{color:#c7c7c7;}
#search_input8{ float:left; width:50px; height:35px; outline:none; background:#e60012; text-align:center; color:#FFF; border:0;}

.ft3-info{ width:100%; float:left; color:#c4c4c4; font-size:12px;}
.ft3-info span{ width:100%; float:left; text-align:right;}
.ft3-info a{color:#c4c4c4;}

.footd{ width:100%; height:auto; float:left; padding:10px 0px; font-size:12px; color:#ffffff; line-height:30px;}
.fnav{ float:left;}
.fnav a{ color:#FFF; padding-right:40px; display:inline-block; font-size:12px;}
.fnav a:hover{ color:#e60012;}
.fd-img{ float:right;}

/*-- 分享 --*/
.gom{ width:100%; height:auto; float:left; text-align:center;}
.goback{ width:70px; height:40px; display:inline-block;}
.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/gogo.png) no-repeat;
	-webkit-animation: movel 1.3s infinite linear;
    -moz-animation: movel 1.3s infinite linear;
    animation: movel 1.3s infinite linear;
}	

@-webkit-keyframes movel {   
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}

@keyframes movel {
0% { background-position: 50% 90%;}
50% { background-position: 50% 50%;}
100% { background-position: 50% 10%;}
}
.goback .gos a{ display:block; width:100%; height:100%;}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearbox{ width:100%; height:1px; float:left;}

.cnf18{ font-size:16px;}
#cnf38{ font-size:38px;}
.cnf14{ font-size:14px;}