@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:#e0e0e0;}	
.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;}
.md{ width:1400px;}
.mmd{ width:1200px;}
.smd{ width:850px;}
.cmd{ width:1170px;}
.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
#bg{ background:#f2f2f2; width:100%; float:left;}
.hebg{ background:#393939;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#393939,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 15px #393939;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 15px #393939;/*兼容safari或chrome*/
box-shadow:0px 10px 15px #393939;/*兼容opera或ie9*/
}

/*--头部--*/
.topbox{ width:100%; height:auto; float:left; background:#333333; color:#FFF;}
.topl{ float:left; line-height:54px; color:#FFF; font-size:15px;}
.topr{ float:right; padding:7px 0px; height:54px;}
.topline{ width:30px; float:right; height:40px; background-image:url(../img/page/toplines.png); background-position:center center; background-repeat:no-repeat;}
.toptel{ float:right; height:40px; font-size:15px; line-height:40px;}
.toptel i{ font-size:20px; color:#dcc099; padding-right:10px;}
.topmail{ float:right; height:40px; font-size:15px; line-height:40px;}
.topmail i{ font-size:20px; color:#dcc099; padding-right:10px;}
.topmail a{ color:#FFF;}
.topmail a:hover{ color:#dcc099;}
.sedce-cen{ width:auto; height:40px; font-size:15px; padding:10px 24px; line-height:20px; position:relative; float:right; background:url(../img/page/cend.png) right center no-repeat;}
.sedce-cen a{color:#acacac; display:inline-block;}
.sedce-cen span{ position:absolute; top:90%; padding:5px 18px; left:25px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; visibility:hidden; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; z-index:1; background:#dcc099;}
.sedce-cen:hover span{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background:#d3bd8e; top:100%;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sedce-cen i{ float:left; padding-right:7px; }
.sedce-cen i img{ width:20px;}
.sedce-cen:hover span a{color:#FFF;}
#cen{ float:right; font-size:14px; margin-left:10px; margin-top:5px;}

/*--header--*/
.header{ width:100%; height:145px; float:left; background-image:url(../img/page/navbg.jpg); background-size:cover; background-color:#090808; position:relative;}
.logo{ width:27%; height:150px; float:left;}
.logo img{ max-width:100%; margin-top:40px;}
.navbox{ width:auto; height:auto; float:right; margin-top:50px;}
.navbox ul li{ float:left; height:55px; line-height:55px; position:relative; margin:0px 35px; padding:0px 10px;}
.navbox ul li i{ width:10%; height:4px; background:#dcc099; position:absolute; top:100%; 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:45px; font-size:16px; color:#FFF; height:auto;}
.navbox ul li a:hover{color:#dcc099;}
.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:#dcc099; }
#navbox ul li a{ font-size:21px; }

/*-- 搜索 --*/
.searchbox{  width:30px; height:30px; cursor:pointer; float:right; margin-top:60px; margin-right:25px;}
.searchbox img{ width:100%;}
.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:#878787; 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:#FFF;
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:#dcc099;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

#phonesearch{ width:100%; height:auto; float:left; padding:10px 4%;}
#search_inputx1{outline:none;height:40px; width:80%; border:1px solid #000; line-height:50px; float:left; color:#000; font-size:14px; padding:0 5px; background:#FFF;
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_inputx2{ float:left; width:18%; height:40px; outline:none; cursor:pointer; margin-left:2%; border:0; background:url(../img/page/search.png) center center no-repeat #dcc099;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- 首页one --*/
.syone{ width:100%; height:auto; float:left; padding:120px 0px 95px; }
.syonel{ width:56%; height:auto; float:left;  position:relative; z-index:2;}
.syol-img{ width:68%; height:530px; float:left; background-image:url(../img/images/page/syone01.jpg); background-size:cover; background-position:right center; position:relative;}
.syol-img span{ position:absolute; right:-24%; top:-80px; color:#dcc099; font-size:58px;}
#syol-img span{ right:-40%;}
.syoner{ width:43%; float:left;}
.syor-img{ width:100%; float:left; margin-top:-30px;}
.syor-img img{ max-width:100%;}
.syor-btn{ width:100%; height:auto; float:left; padding-left:50px; margin-top:40px;}
.syor-btn a{ display:inline-block; color:#242424; border:1px solid #242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syor-btn a i{ width:40px; height:40px; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background-image:url(../img/page/sjt.png); background-position:center center; background-repeat:no-repeat; border-right:1px solid #242424;}
.syor-btn a span{ width:155px; height:40px; float:left; text-align:center; line-height:40px; font-size:15px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syor-btn a:hover i{ width:60px; background-color:#242424; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syor-btn a:hover{ background:#dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syor-btn a:hover span{ width:135px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#FFF;}

/*-- sycpbox --*/
.plr20{ padding:0 20px;}
.sycpbox{ width:100%; height:auto; float:left; background:url(../img/page/thbg.jpg); padding:75px 0px 80px;}
.syth-t{ width:100%; height:auto; float:left; text-align:center;}
.syth-t span{ display:inline-block; font-size:40px; background:#000; color:#FFF; font-weight:600; padding:15px 50px; line-height:40px;}
.syth-info{ width:100%; height:auto; float:left;}
.syth-box{ width:100%; height:auto; float:left; background:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; margin-top:50px;}
.syth-img{ width:100%; height:auto; float:left; overflow:hidden;}
.syth-img img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-box:hover .syth-img img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.syth-name{ width:100%; height:65px; float:left; background:#FFF; color:#292d30; font-size:16px;}
.syth-namel{ width:80%; height:100%; float:left; color:#171717; padding:7px 15px;}
.sytn-en{ width:100%; height:25px; line-height:28px; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.sytn-cn{ width:100%; height:25px; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.syth-namer{ width:20%; height:100%; float:left; background:url(../img/page/ssjt.png) center center no-repeat #171717; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-box:hover .syth-namer{ background-color:#dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.syth-btn{ width:100%; height:auto; float:left; margin-top:50px; text-align:center;}
.syth-btn a{ display:inline-block; color:#FFF; border:1px solid #FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-btn a i{ width:40px; height:40px; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background-image:url(../img/page/sjth.png); background-position:center center; background-repeat:no-repeat; border-right:1px solid #FFF;}
.syth-btn a span{ width:155px; height:40px; float:left; text-align:center; line-height:40px; font-size:15px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-btn a:hover i{ width:60px; background-color:#dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-btn a:hover{ background:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; border:1px solid #171717}
.syth-btn a:hover span{ width:135px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#171717;}

/*-- sywhy --*/
.sywhy{ width:100%; height:600px; float:left; color:#FFF; background-image:url(../img/images/page/syss.jpg); background-attachment:fixed; background-size:100%; background-position:center; overflow:hidden;}
.syw-t{ width:100%; height:auto; float:left; font-size:40px; font-weight:bolder; text-align:center; margin-top:40%;}
.syw-info{ width:100%; height:auto; float:left; font-size:24px; line-height:38px; margin-top:20px; text-align:center;}
#syw-t{ font-size:50px;}

/*-- sytb --*/
.sytb{ width:100%; height:auto; float:left; background:#dcc099; padding:100px 0px 70px;}
.sytbone{ width:100%; height:auto; float:left; padding:0px 20px; cursor:pointer;}
.sytb-img{ width:100%; height:auto; float:left; text-align:center;}
.sytb-img i{ display:inline-block; border:1px solid #242424; width:90px; height:90px;
background-repeat:no-repeat; background-position:center;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sytb-info{ width:100%; height:auto; float:left;}
.sytb-info .p1{ width:100%; height:auto; float:left; padding:5px; font-size:20px;}
.sytb-info .p1 table{ width:100%; height:50px; float:left; text-align:center;}
.sytb-info .p2{ width:100%; height:auto; float:left; font-size:13px; line-height:18px; text-align:center; color:#242424;}
.sytbone:hover .sytb-img i{ background-color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; border:1px solid #FFF;
-webkit-transform: scale(0.90);
-moz-transform: scale(0.90);
transform: scale(0.90);
}

/*-- sylike --*/
.sylike{ width:100%; height:auto; float:left; padding:80px 0px 100px; background:#242424;}
.sylike-t{ width:100%; height:auto; float:left; color:#FFF; font-size:48px; text-align:center; letter-spacing:2px;}
.sylike-t span i{ color:#dcc099; font-style:normal; }
.sylike-p{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#959595; line-height:25px; padding:15px 20%;}
.sylike-show{ width:100%; height:auto; float:left; position:relative; margin-top:25px;}
.l-left{ position:absolute; top:42%; left:-70px; z-index:4; cursor:pointer;}
.l-right{ position:absolute; top:42%; right:-70px; z-index:4; cursor:pointer;}
#sylinke{ width:100%; height:auto; float:left;}
#sylinke .slide{widht: 100%; height: auto; overflow: hidden; position: relative;}
#sylinke .slide .img{ position: absolute; transition: width 0.8s,height 0.8s,top 0.8s,left 0.8s,z-index 0.8s;}
#sylinke .slide .img img{
width: calc(100% - 14px);
height: calc(100% - 14px);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 12px #000;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 12px #000;/*兼容safari或chrome*/
box-shadow:0px 0px 12px #000;/*兼容opera或ie9*/
}
#sylinke .img1{
            width: 40%;
            left: 0%;
			top:15%;
            z-index: 1;
        }
#sylinke .slide .img2{
            width: 45%;
            left: 12%;
			top:10%;
            z-index: 2;
        }
#sylinke .slide .img3{
            width: 56%;
            left:22%;
            z-index: 3;
			top:2%;
        }
#sylinke .slide .img4{
            width: 45%;
            left: 43%;
			top:10%;
            z-index: 2;
        }
#sylinke .slide .img5{
            width: 40%;
            left: 60%;
			top:15%;
            z-index: 1;
        }


/*-- sysearchs --*/
.absearch{ width:100%; height:auto; background:#f9f6f1; float:left; padding:70px 0px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bfbfbf,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 5px 8px #bfbfbf;/*兼容firefox*/
-webkit-box-shadow: 0px 5px 8px #bfbfbf;/*兼容safari或chrome*/
box-shadow:0px 5px 8px #bfbfbf;/*兼容opera或ie9*/
}
.absearchL{ width:65%; height:auto; float:left; color:#999999; font-size:16px;}
.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:#dcc099;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e1e1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容safari或chrome*/
box-shadow:0px 2px 25px 1px #e2e1e1;/*兼容opera或ie9*/
}
.absearch_box .sb1{ width:85%; height:40px; float:left;}
.absearch_box .sb2{ width:15%; height:40px; float:left; background:#dcc099; text-align:center; overflow:hidden; cursor:pointer;}
#search_input7{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:#FFF;}
#search_input8{ display:inline-block; width:40px; height:40px; outline:none; cursor:pointer;} 

/*-- 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:auto; 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:350px; 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 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);
  }
}
@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);
  }
}

/*--呼吸灯--*/
@-webkit-keyframes breathe {
0% { opacity: 0.6;}
50% { opacity: 1;}
100% { opacity: 0.6;}
}
@-moz-keyframes breathe {
0% { opacity: 0.6;}
50% { opacity: 1;}
100% { opacity: 0.6;}
}
@keyframes breathe {
0% { opacity: 0.6;}
50% { opacity: 1;}
100% { opacity: 0.6;}
}

#phonesearch{ width:100%; height:auto; float:left; padding:10px 4%;}
#search_inputx1{outline:none;height:40px; width:80%; border:1px solid #000; line-height:50px; float:left; color:#000; font-size:14px; padding:0 5px; background:#FFF;
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_inputx2{ float:left; width:18%; height:40px; outline:none; cursor:pointer; margin-left:2%;
border:0; background:url(../img/page/search.png) center center no-repeat #dcc099;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- 导航loc --*/
.locB{ width:100%; height:auto; float:left; margin:35px 0px;}
.locbox{ width:100%; height:auto; float:left; padding:11px 15px 8px; background:#f2f2f2; font-size:15px; color:#878787; line-height:20px;}
.locbox ul li{ float:left; padding-right:3px;}
.locbox i{ display:inline-block; width:20px; height:20px; background:url(../img/page/ssjt.png) center center no-repeat; background-size:80%;}
.locbox a{ display:inline-block; color:#878787;}
.locbox a:hover{color:#1d76c9;}

/*-- 关于我们 --*/
.abbox{ width:100%; height:auto; float:left; background:#242424; padding:60px 0px 100px;}
.ab-t{ width:100%; height:auto; float:left;}
.ab-t .p1{ width:100%; height:auto; float:left; text-align:center; color:#dcc099; line-height:50px; font-size:40px; letter-spacing:1px; padding:5px 0px; font-weight:600;}
.ab-t .p2{ width:100%; height:auto; float:left; line-height:30px; color:#767676; font-size:15px; text-align:center; padding:10px 0px;}
.abshow{ width:100%; height:auto; float:left; border-top:1px solid #a0a0a0; font-size:16px; color:#fefefe; line-height:28px; padding:25px 0px; margin-top:10px;}
.abp{ width:100%; height:350px; float:left;}
.abp-l{ width:75%; height:auto; float:left;}
.abp-l .p1{ width:100%; height:auto; float:left; margin-top:85px; font-size:30px; color:#dcc099; padding:10px 0px; line-height:35px; letter-spacing:5px;}
.abp-l .p2{ width:70%; height:auto; float:left; font-size:16px; color:#fefefe; line-height:28px; letter-spacing:2px;}
.abp-r{ width:25%; height:100%; float:left; background:#dcc099;}
.abp-r table{ width:100%; height:100%; float:left; text-align:center; color:#FFF; font-size:20px; letter-spacing:1px;}
.abp-r table span{ font-weight:bolder; width:100%; float:left;}
.abimg{ width:100%; height:auto; float:left;}
.abimg-up{ width:100%; height:auto; float:left; text-align:left;}
.abimg-up span{ width:25%; float:left; padding:3px;}
.abimg-up img{ max-width:100%;}
.abimg-down{ width:100%; height:auto; float:left;}
.abimg-down span{ float:right; padding:3px;}
.abimg-down .span2{ }
.abimg-down img{ max-width:100%; }


/*-- 产品分类 --*/
.products{ width:100%; height:auto; float:left; padding-top:55px; background:#242424;}
.sort01{ width:100%; height:auto; float:left; }
.sort-img1{ width:100%; height:590px; float:left; background-size:cover; background-position:center center;}
.sort-name1{ width:100%; height:auto; float:left; padding:0px 40px; background:#FFF;}
.sort-lname1{ width:80%; height:auto; float:left; padding:15px 0px; overflow:hidden;}
.sort-lname1 .p1{ width:100%; height:auto; float:left; font-size:36px; color:#dcc099; line-height:40px; padding:5px 0px;}
.sort-lname1 .p2{ width:100%; height:auto; float:left; color:#242424; font-size:30px; line-height:30px; padding:5px 0px;}
.sort-lname1 .p3{ width:100%; height:auto; float:left; color:#242424; font-size:16px; line-height:23px; padding:10px 0px;}
.sort-rname1{ width:20%; height:auto; float:left; text-align:right;}
.sort-rname1 a{ display:inline-block; margin-top:32%; width:140px; height:40px; line-height:40px; font-size:17px;
border:1px solid #242424; color:#242424; text-align:center; background:#FFF;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sort-rname1 a:hover{ background:#dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; border:1px solid #dcc099; color:#FFF;}
.sort-img1 a{ width:100%; height:100%; float:left;}

.sort02{ width:50%; height:auto; float:left;}
.sort-img2{ width:100%; height:730px; float:left; background-size:cover; background-position:center center;}
.sort-name2{ width:100%; height:410px; float:left; background:#FFF; padding:10% 12% 20px; overflow:hidden;}
.sort-name2 .p1{ width:100%; height:auto; float:left; font-size:36px; color:#dcc099; line-height:40px; padding:5px 0px;}
.sort-name2 .p2{ width:100%; height:auto; float:left; color:#242424; font-size:30px; line-height:30px; padding:5px 0px;}
.sort-name2 .p3{ width:100%; height:auto; float:left; color:#242424; font-size:16px; line-height:23px; padding:10px 0px;}
.sort-btn2{ width:100%; height:auto; float:left; text-align:right;}
.sort-btn2 a{ display:inline-block; margin-top:12px; width:140px; height:40px; line-height:40px; font-size:17px;
border:1px solid #3d3d3d; color:#FFF; text-align:center; background:#3d3d3d;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sort-btn2 a:hover{ background:#dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; border:1px solid #dcc099; color:#FFF;}
.sort-img2 a{ width:100%; height:100%; float:left;}

.sort03{ width:100%; height:auto; float:left;}
.sort-name3{ width:34%; height:600px; float:left; background:#FFF; padding:11% 3% 20px; overflow:hidden;}
.sort-name3 .p1{ width:100%; height:auto; float:left; font-size:36px; color:#dcc099; line-height:40px; padding:5px 0px;}
.sort-name3 .p2{ width:100%; height:auto; float:left; color:#242424; font-size:30px; line-height:30px; padding:5px 0px;}
.sort-name3 .p3{ width:100%; height:auto; float:left; color:#242424; font-size:16px; line-height:23px; padding:10px 0px;}
.sort-btn3{ width:100%; height:auto; float:left; text-align:right; margin-top:5%;}
.sort-btn3 a{ display:inline-block; margin-top:12px; width:140px; height:40px; line-height:40px; font-size:17px;
border:1px solid #3d3d3d; color:#FFF; text-align:center; background:#3d3d3d;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sort-btn3 a:hover{ background:#dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; border:1px solid #dcc099; color:#FFF;}
.sort-img3{ width:66%; height:600px; float:left; background-size:cover; background-position:center center;}
.sort-img3 a{ width:100%; height:100%; float:left;}

/*-- 产品中心 --*/
.productss{ width:100%; height:auto; float:left;}
.sortbox{ width:100%; height:auto; float:left; text-align:center; border:8px solid #FFF; background:#c7c7c7; padding:18px 0px 0px;}
.sortone{ display:inline-block; width:220px; position:relative; text-align:center; padding:0px 20px}
.sortimg{ width:100%; height:auto; float:left; text-align:center;}
.sortimg span{ width:100%;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; text-align:center; float:left;}
.sortimg span img{ max-width:100%;}
.sortname{ width:100%; height:auto; float:left; font-size:14px; color:#333333; text-align:center; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortone:hover .sortname{ color:#d78413; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortname table{ width:100%; height:40px; float:left; line-height:17px;}
.sortline{ width:80px; height:4px; display:inline-block; background:#242424; vertical-align:top;}
.sortwo{ position:absolute; left:0; top:80%; background:#3d3d3d; padding:6px; width:100%; visibility:hidden; overflow:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sortwo ul li{ text-align:left; width:100%; padding:4px 5px; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;  line-height:20px; color:#ffffff; font-size:16px; margin:1px 0px;}
.sortwo ul li i{ width:5px; height:5px; float:left; background:#dcc099; margin:8px 10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sortwo ul li span{ }
.sortwo ul li a{color:#ffffff;}
.sortwo ul li:hover a{color:#3d3d3d;}
.sortwo ul li:hover{ background:#e1e1e1; color:#3d3d3d; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortone:hover .sortwo{ top:95%; visibility:visible; z-index:1;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1;   
opacity:1;
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sortone:hover .sortimg span{ }
.sortwo ul li:hover i{ background:#3d3d3d; }
#choosepoint .sortimg span{ }
#choosepoint2{ background:#e1e1e1; }
#choosepoint2 a{ color:#3d3d3d;}
#choosepoint2 i{ background:#3d3d3d; }

.ppbox{ width:100%; height:auto; float:left; background:#242424; padding:10px 0px 40px;}
.cpone{ width:100%; height:auto; float:left; margin-top:30px; position:relative; border:2px solid #dbdbdb; background:#FFF;
-moz-border-radius: 4px; /* Firefox */
-webkit-border-radius: 4px; /* Safari 和 Chrome */
border-radius: 4px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.cpone i{ position:absolute; top:10px; left:10px; z-index:1;}
.cpimg{ width:100%; height:auto; float:left; overflow:hidden;}
.cpimg img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpname{ width:100%; height:50px; float:left; padding:0px 20px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpname table{ float:left; width:100%; height:50px; border-top:1px solid #c9c9c9; font-size:17px; color:#272a2f; text-align:center;}
.cpone:hover .cpimg img{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transform: scale(1.03);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.cpone:hover{ border:2px solid #fccc8a; background:#fccc8a;}
.cpone:hover .cpname table{ border-top:1px solid #fccc8a; color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cpone a{ display:block; float:left; width:100%; height:100%;}

/*-- 详细页 --*/
.proshow{ width:100%; height:auto; float:left; background:#242424; padding:40px 0px;}
.ban {width:100%; height:auto; overflow:hidden; float:left; background:#f3f3f3; position:relative;}
.t2{ width:54%; height:auto; position:relative; float:left; padding-left:100px;}
.tlogo{ position:absolute; left:120px; top:20px;}
.t2bg{ width:86px; height:100%; position:absolute; right:-1px; top:0; background:url(../img/page/css.png) repeat-y; background-size:cover; z-index:1;}
.prev {float:left;cursor:pointer;}
.min_pic {width:100px; height:510px; padding:20px 0px; position:absolute; left:0; top:0; z-index:1;}
.num { width:100px; height:100%; position:relative; float:left; overflow:hidden;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:80px; height:auto; text-align:center; margin:5px 10px; list-style:none; border:2px solid #FFF; }
.num ul li img {width:100%;}
.num ul li:hover {border:2px solid #cea07e;}
.num ul li a:on {border:2px solid #cea07e;}
.num ul li.on{border:2px solid #cea07e;}
.prev_btn1 {width:100%; text-align:center; height:10%; cursor:pointer; float:left;
background:url(../img/page/cl.png) center center no-repeat;}
.next_btn1 {width:100%; text-align:center; height:10%; cursor:pointer; float:left; background:url(../img/page/cr.png) center center no-repeat;}

.cpinfobox{ width:46%; position:relative; float:left; padding:25px 60px 10px;}
.cpshow-t{ width:100%; height:auto; line-height:30px; float:left; font-size:22px; color:#010101; position:relative;
padding:10px 0px; float:left; font-weight:bold;}
.cpshow-t2{ width:100%; height:auto; line-height:25px; float:left; font-size:17px; color:#616161; padding:8px 0px;}
.cpshow-t2 span{ color:#000;}
.cpshow-t3{ width:100%; min-height:150px; line-height:25px; float:left; font-size:17px; color:#616161; padding:8px 0px;}
.cpshow-t3 span{ color:#000;}
.cpshow-t4 { width:100%; float:left; height:auto; color:#0f1624; line-height:25px; text-align:left;}
.cpshow-t4 span{ font-weight:bold; font-size:15px; float:left; width:100%}
.cpshow-t4 p{ width:100%; height:auto; float:left; font-size:13px;}
.cpshow-t41{width:100%; float:left; height:auto; line-height:30px; text-align:left;}
.cptel{ width:60%; height:auto; float:left; font-size:15px; border:2px solid #e3e4e9; margin-top:10px; padding:0px 10px;  background:url(../img/page/xxv.jpg) center center no-repeat; background-size:cover;}
.cpmail{ width:60%; height:auto; float:left; font-size:15px; border:2px solid #e3e4e9; margin-top:10px; padding:0px 10px;}
.cptel i,.cpmail i{ margin-right:5px;font-size:18px; font-style:normal;}
.cptel a{color:#000;}
.cpmail a{color:#000;}
.cpmail a:hover{color:#dcc099;}

.samebox{ width:100%; height:auto; float:left; margin-top:55px;}
.bigsame-t { width:100%; height:auto; float:left; border-bottom:1px solid #dcc099;}
.same-t{ float:left; background:#dcc099; color:#FFF; padding:10px 15px; font-size:16px; line-height:20px; letter-spacing:1px; font-weight:600; border-bottom:1px solid #dcc099;}
.same-more{ float:right; font-size:14px;}
.same-more a{ color:#dcc099; line-height:30px; margin-top:10px; float:left;}
.same-more a:hover{ color:#FFF;}
.same-info{ width:100%; height:auto; float:left;}
#cpone{ width:100%; float:left;}

/*-- 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:#000; display: block; font-size:14px; line-height:25px; padding:0px 8px;
background:#f8f8f8;
-moz-border-radius: 2px; /* Firefox */
-webkit-border-radius: 2px; /* Safari 和 Chrome */
border-radius: 2px; /* 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: #d3bd8e!important; color:#FFF;}
.pagination ul li a.active{background: #d3bd8e!important; color:#FFF;}


/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:5px 10px; font-size:20px; text-align:center; float:left; color:#e0e0e0;}
.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:#e0e0e0; 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%; color:#e0e0e0;}
.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; color:#e0e0e0;}
.pagesr p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px; color:#e0e0e0;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:15px;padding:5px 10px; display:inline-block; background:#dcc099;
-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:#d3ad77;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:15px;padding:5px 10px; display:inline-block; background:#dcc099;
-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:#d3ad77;}

/*-- 新闻 --*/
.newsbox{ width:100%; height:auto; float:left; background:#242424; padding:20px 0px;}
.newsone{ width:100%; height:auto; float:left; padding:35px 0px;}
.newsimg{ width:100%; height:auto; float:left; position:relative;}
.newspic{ width:100%; height:auto; float:left; overflow:hidden;}
.newsimg img{ width:100%; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; }
.newsdbg{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/page/nbg.png); 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;}
#date{top:70%;}
.newsdate{ position:absolute; top:30px; left:30px; 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;}
.newsdate .p1{ font-size:48px; color:#d3bd8e; line-height:50px; padding-right:10px; float:left;}
.newsdate .p2{ font-size:20px; color:#d7d7d7; line-height:25px; float:left;}

.news-show{ width:100%; height:auto; float:left; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; padding:25px 5% 5px; background:#f6f5f5;}
.news-name{ width:100%; height:50px; overflow:hidden; line-height:25px; color:#393939; font-size:20px;}
.news-line{ width:40px; height:3px; float:left; background:#393939; margin:15px 0px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-info{ width:100%; height:72px; float:left; color:#7a7a7a; line-height:24px; font-size:13px;}
.news-btn{ width:100%; height:40px; float:left; position:relative; z-index:5;}
.news-btn i{ position:absolute; top:0; left:42%; 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;}
.news-btn i img{ max-width:100%;}

.newsone:hover .newspic img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}
.newsone:hover .news-show{ background:#FFF; -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.newsone:hover .news-btn 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; top:15px;}
.newsone:hover .news-line{ width:100%; height:3px; border:1px #FFF solid; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.newsone:hover .newsdbg{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;}
.newsone:hover .newsdate{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;}

/*-- 服务支持 --*/
.serbox{ width:100%; height:auto; float:left; background:#242424; padding:65px 0px;}
.ser-tbox{ width:100%; height:auto; float:left;}
.ser-t{ width:100%; height:114px; float:left; background:url(../img/page/kuang.png) center center no-repeat; background-size:auto 100%; text-align:center; line-height:78px; font-size:40px; letter-spacing:1px; padding:5px 0px; font-weight:600; color:#dcc099;}
.ser-p{ width:100%; height:auto; float:left; line-height:55px; color:#767676; text-align:center; border-bottom:1px solid #a0a0a0; letter-spacing:2px; font-size:14px;}
.ser-show{ width:100%; height:auto; float:left; }
.serone{ width:50%; height:210px; float:left; margin-top:53px; padding-right:35px;}
.sero-img{ width:32%; height:100%; float:left; overflow:hidden;}
.sero-img i{ width:100%; height:100%; float:left; background-size:cover; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.serone:hover .sero-img i{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sero-info{ width:68%; height:100%; float:left; padding-left:20px;}
.sero-info .p1{ width:100%; height:auto; float:left; font-size:22px; color:#e0e0e0; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sero-info .p2{ width:100%; height:125px; float:left; padding:20px 0px; color:#adadad; font-size:13px;}
.sero-info .p2 table{ width:100%; height:100%; float:left;}
.sero-info .p2 table tr td{ vertical-align:top; }
.sero-info .p3{ width:100%; height:auto; float:left;}
.sero-info .p3 a{ width:110px; height:40px; float:left; line-height:40px; text-align:center; border:1px solid #ffffff; font-size:15px; color:#adadad; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari 和 Chrome */
border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.serone:hover .sero-info .p3 a{ background:#dcc099; border:1px solid #dcc099; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#FFF;}


/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float:left; background:#242424;}
.contone{ width:100%; height:auto; float:left; margin:20px 0px;}
.ccbox{ width:100%; height:auto; float:left; border:3px solid #dcc099; }
.contact-one{ width:33.3%; height:185px; float:left; line-height:25px; padding:10px 0px; cursor:pointer; font-size:14px; text-align:center; color:#FFF;}
.cot{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#dcc099; margin-top:40px;}
.cot i{ color:#dbb488; font-size:22px; padding-right:8px;}
.contact-one p{ width:100%; height:auto; float:left;}
.contact-two{ width:33.3%; height:185px; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center; border-left:3px solid #dcc099; border-right:3px solid #dcc099; color:#FFF;}
.contact-two i{ font-size:22px;}
.contact-three{ width:33.3%; height:185px; float:left; line-height:25px; padding:10px; cursor:pointer; font-size:14px; text-align:center; }
.contact-three i{ font-size:18px;}
.contact-three p{ color:#FFF;}
.contact-one i,.contact-two i,.contact-three i{-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.contact-one:hover i,.contact-two:hover i,.contact-three:hover i{
-webkit-transform: rotateX(360deg);
-moz-transition:rotateX(360deg);
transform: rotateX(360deg) ;
}

/*-- feedback --*/
.feedback{ width:100%; height:auto; float:left; background:#242424; padding-top:15px;}
.feedback p{ font-size:15px; color:#949494; width:100%; float:left; line-height:22px; margin-top:5px;}
.fd-show{ width:100%; height:auto; float:left;}
.crr-one{ width:32%; height:54px; float:left; border:2px solid #373737; font-size:14px; color:#8f9394; margin-top:25px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-two{ width:32%; height:54px; float:left; border:2px solid #373737; font-size:14px; color:#8f9394; margin:0 1.8%; margin-top:25px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-three{ width:100%; height:auto; float:left; border:2px solid #373737; font-size:14px; color:#8f9394; margin-top:25px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#input1{height:100%; width:100%; border:0px; background-color:transparent; line-height:34px; float:left; color:#828282; font-size:14px; outline:none; padding:10px 15px;}
#input2{ width:100%; height:180px; font-size:14px; outline:none; overflow:hidden; line-height:30px; float:left;resize:none; border:0px; background-color:transparent; padding:10px 15px;}
.crrbtn{ width:100%; height:auto; float:left; padding:10px 0px; text-align:left;}
#button{ width:130px; height:40px; background:#dcc099; display:inline-block; cursor:pointer;
font-size:14px; color:#FFF; border:0px solid #0f1624;
-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:#d39e54;
-webkit-transform: translateY(-5px);
-moz-transition: translateY(-5px);
transform: translateY(-5px);
}
.crr-one:hover,.crr-two:hover,.crr-three:hover{ border:2px solid #e6e6e6; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; position:relative; background:#242424; padding:40px 0px 70px;}
.mapfang{ width:100%; height:530px; float:left;}
.mapfang img{ max-width:100px;}


/* ~~ 脚注 ~~ */
.footB{ width:100%; height:auto; float:left; background-image:url(../img/page/footbg.jpg); background-position:center center; background-size:cover; background-color:#333333;}
.footup{ width:100%; height:auto; float:left; padding:40px 0px 30px; border-bottom:1px solid #535353;}
.footone{ width:30%; float:left; padding-right:30px;}
.footone .p1{ width:100%; height:auto; float:left;}
.footone .p1 img{ max-width:100%;}
.footone .p2{ width:100%; height:auto; float:left; padding:20px 0px; font-size:15px; color:#ababab; line-height:22px; letter-spacing:3px;}
.footone .p3{ width:100%; height:auto; float:left;}
.footone .p3 a{ color:#FFF; font-size:26px; float:left; padding:0 5px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.footone .p3 a:hover{ color:#dcc099;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}

.foottwo{ width:21%; height:auto; float:left; }
.foott-t{ width:100%; height:auto; float:left;}
.foott-t .p1{ width:100%; height:auto; float:left; font-size:15px; color:#FFF; line-height:30px; padding-bottom:5px;}
.foott-t .p2{ width:30px; height:2px; float:left; background:#dcc099;}
.foott-nav{ width:100%; height:auto; float:left; padding-top:22px;}
.foott-nav a{ font-size:15px; color:#ababab; width:100%; float:left; padding:5px 0px; line-height:20px;}

.footth{ width:49%; height:auto; float:left;}
.footth-show{ width:100%; height:auto; float:left; color:#ababab; line-height:30px; margin-top:22px;}

.footdown{ width:100%; height:auto; float:left; padding:13px 5px; line-height:25px; font-size:12px; color:#767676; text-align:center;}
.footdown span{ padding:12px 5px;}
.footdown a{ color:#767676; }

.gom{ width:100%; height:auto; float:left; z-index:2; position:relative;}
.goback{ width:50px; height:50px; margin:0 auto;}
.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/go.png) no-repeat;
	-webkit-animation: movel 0.9s infinite linear;
    -moz-animation: movel 0.9s infinite linear;
    animation: movel 0.9s infinite linear;
	cursor:pointer;
}	

@-webkit-keyframes movel {
	 from {background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}

@-moz-keyframes movel {
	from {background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}

@keyframes movel {
	from { background-position: 50% 70%; }                                              
       to {background-position: 50% 30%;}
}
.goback .gos a{ display:block; width:100%; height:100%;}


/*-- 分享 --*/
.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;}


/*客服*/
/*-- 右侧 --*/
.footside{position:fixed; width:80px; height:auto; right:0; top:32%; z-index:100;}
.footside ul li{width:80px; height:auto; float:left; position:relative; border-bottom:1px solid #ac0310; list-style:none; background:#bb0413; color:#FFF;}
.footside ul li img{float:left;}
.footside ul li a{ color:#FFF;}
.footside ul li a i{ width:100%; height:auto; float:left; text-align:center; font-size:22px; line-height:22px; padding:14px 0px;}
.footside ul li a span{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:13px; padding:2px 0px 10px; line-height:13px; }
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}
.few{ width:0; height:0; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:absolute; left:0; top:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li:hover{ background:#a50613; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#weixin{ position:relative;}
#weixin:hover .few{ width:150px; height:150px; left:-150px; top:-40px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; padding:10px; background:#FFF;}