@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:Arial, Helvetica, sans-serif; color:#232424;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; 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:90%; height:2px; float:left; background:#b5b5b5; margin-left:5%;}	
.bline2{ width:100%; height:1px; float:left; background:#cccccc;}
.bline3{ width:100%; height:1px; float:left; background:#000;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1550px;}
.lmd{ width:1200px;}
.fmd{ width:1300px;}

.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr20{ padding:0px 20px;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c8c9c9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 20px #c8c9c9;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 20px #c8c9c9;/*兼容safari或chrome*/
box-shadow:0px 10px 20px #c8c9c9;/*兼容opera或ie9*/
}

/*--头部--*/
#navhid{ width:10000%; height:auto; padding:10px 0px; position:absolute; top:120%; left:-4800%;z-index:99; background:url(../img/page/xds.png);visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; text-align:center;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; display:none;}
.navbox ul li:hover #navhid{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; top:100%; display:block;}
.navmm{ width:12%; height:auto; margin:0 auto; padding:15px; overflow:hidden;}
.navmm .navmmes{ width:20%; }
.navmm a{ display:inline-block; font-size:13px; color:#FFF; padding:0px 10px; width:100%}
.navmm a:hover{color:#f56a2f;}
.navmm a p{ padding:0px;}
.navmm-one{ width:16.3%; height:auto; float:left; padding:0px 5px;}
.navmm-img{ width:100%; height:auto; float:left;}
.navmm-img img{ width:100%; transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.navmm-img:hover img{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
transition:0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.navmm-name{ width:100%; height:50px; line-height:17px; font-size:12px; color:#343434; padding:5px 0px; text-align:center; float:left;}
.navmm-name table{ width:100%; height:100%; float:left;}
.navmm-one:hover .navmm-name{color:#268395;}

.headerbox{ width:100%; height:115px; float:left; position:relative; z-index:998;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ededed,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 15px 38px #ededed;/*兼容firefox*/
-webkit-box-shadow: 0px 15px 38px #ededed;/*兼容safari或chrome*/
box-shadow:0px 15px 38px #ededed;/*兼容opera或ie9*/}
.logo{ width:20%; height:auto; float:left;}
.logo img{ max-width:100%; margin-top:12px;}
.navbox{ padding:0 10px; height:100%; float:right;}
.navbox ul li{ float:left; position:relative; padding:0 10px; margin:0 10px;}
.navbox ul li a{ color:#080808; line-height:115px; display:block; position:relative; z-index:1; font-size:13px;}
.navbox ul li i{ width:0; height:6px; background:#268395; position:absolute; top:95%; left:50%; 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;}
.navbox ul li:hover i{ left:0; width:100%; 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;}
#on i{width:100%; left:0; 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;}

.sedce{ width:auto; height:32px; float:right; margin-top:40px; padding-left:20px; position:relative;}
.scline{ width:2px; height:100%; float:left; background:#8b8b8b;}
.sedce-mail{ width:auto; height:32px; float:left; padding:1px 18px;}
.sedce-mail img{ width:32px;}
.sedce-login{ max-width:120px; height:32px; float:left; font-size:16px; line-height:32px; text-align:center; padding:0 14px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;}
.sedce-login a{ color:#311b1e; display:block;}
.sedce-login a:hover{color:#268395;}
#nav-log{ width:100%; height:auto; position:absolute; top:180%; left:0%;z-index:1; padding-top:10%; 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;}
.nav-log-in{ width:100%; height:auto; float:left; background:url(../img/page/xds.png); padding:20px; overflow:hidden; font-size:14px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.sedce-login:hover #nav-log{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; top:100%;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#nav-log a:hover{ color:#268395;}

.sedce-cen{ width:auto; height:32px; float:left; font-size:16px; padding:0px 20px 0px 14px; line-height:32px; position:relative;}
.sedce-cen a{color:#311b1e; display:block;}
.sedce-cen span{ position:absolute; top:90%; padding:0px 18px; left:0;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;}
.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;}
.sedce-cen i{ position:absolute; right:0; top:20%; font-size:22px;}
.sedce-cen a:hover{ color:#268395;}

/*--搜索--*/
.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;}
.searchbox{ width:auto; height:32px; float:left; padding:4px 18px; cursor:pointer; z-index:2;}
.searchbox img{ width:23px;}
.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:#64859d;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- banner --*/
.bannerbox{ width:100%; height:auto; float:left;}
.inbanner{ width:100%; height:auto; float:left; text-align:center; padding-left:0px; margin-top:-20px;}
.inbanner img{ max-width:100%; }

/*--呼吸灯--*/
.log1{
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 800ms;              /*动画持续时间*/
-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: 800ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 800ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}
@-webkit-keyframes breathe {
0% { opacity: 0.8;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
}
100% { opacity: 1;
transform: scale(1.01);
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
}
}
@-moz-keyframes breathe {
0% { opacity: 0.8;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
}
100% { opacity: 1;
transform: scale(1.01);
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
}
}
@keyframes breathe {
0% { opacity: 0.8;
transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
}
100% { opacity: 1;
transform: scale(1.01);
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
}
}

/*-- sysort --*/
.sysort{ width:100%; height:auto; float:left;}
.sysort-t{ width:100%; height:auto; float:left; font-size:25px; color:#000; font-weight:bold; text-align:center; line-height:40px;}
.sysort-t i{ display:inline-block; padding:0px 25px;}
.sysort-more{ width:100%; height:auto; float:left; text-align:center; padding:10px;}
.sysort-more a{ width:140px; height:40px; line-height:40px; display:inline-block; border:1px solid #268395; text-align:center; font-size:16px; color:#268395; transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;}
.sysort-more a:hover{ background:#268395; color:#FFF; transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;}
.sysort-one{ width:100%; height:auto; float:left; margin-top:20px;}
.sysort-one-img{ width:100%; height:auto; float:left; overflow:hidden;}
.sysort-one-img img{ width:100%;}
.sysort-one-name{ width:100%; height:55px; float:left; font-size:16px; color:#000;}
.sysort-one-name table{ width:100%; height:100%; float:left;}
.sysort-one-img img {transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sysort-one-img:hover img {transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.sysort-one:hover .sysort-one-name{ color:#268395; }

/*-- sycp --*/
.sycp{ width:100%; height:auto; float:left;}
.sycpup{ width:100%; height:475px; float:left; position:relative;}
.sycpt{ width:88%; height:235px; float:right; padding-right:30%; position:relative; z-index:2;}
.sycpt-l{ width:50%; height:100%; float:left; font-size:34px; color:#343434; padding:0px 20px; line-height:36px;}
.sycpt-l table{ width:100%; height:100%; float:left; text-align:center;}
.sycpt-r{ width:50%; height:100%; float:left; color:#8f8f8f; font-size:14px; line-height:17px; padding:0px 20px;}
.sycpt-r a{color:#343434; width:100%; display:block; line-height:40px; font-weight:bold;}
.sycpt-r a i{ padding-left:10px;}
.sycpt-r a:hover{ color:#268395; }
.sycpt-r table{ width:100%; height:100%; float:left;}
.sycpupl{ width:83.3%; height:auto; float:left; position:relative; z-index:1; }
.sycpupl-l{ width:60%; height:auto; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; background:#FFF;}
.sycpupl-r{ width:40%; height:auto; float:left; background:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpupr{ width:30%; height:100%; position:absolute; top:0; right:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.sycpupl-l:hover .sycpdl-info span i,.sycpupl-r:hover .sycpdl-info span i{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; left:0;}
.sycpupl-l:hover,.sycpupl-r:hover{ background:#252525; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpupl-l:hover .sycpdl-info h1,.sycpupl-r:hover .sycpdl-info h1{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpupl-l:hover .sycpdl-info p,.sycpupl-r:hover .sycpdl-info p{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpupl-l:hover .sycpdl-info a,.sycpupl-r:hover .sycpdl-info a{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpupl-l:hover .sycpdl-info a i,.sycpupl-r:hover .sycpdl-info a i{ margin-left:10px; color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.sycpdown{ width:100%; height:auto; float:left;}
.sycpdl{ width:50%; height:auto; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl-info{ width:40%; height:auto; float:left; margin-top:50px; padding-left:8%; }
.sycpdl-info span{ position:relative; float:left; width:100%; }
.sycpdl-info span img{ max-width:100%;}
.sycpdl-info span i{ position:absolute; top:0; left:20%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;}
.sycpdl-info h1{ font-size:16px; color:#010101; padding-top:10px; line-height:20px; width:100%; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl-info p{font-size:16px; color:#010101; padding-bottom:10px; line-height:20px; width:100%; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl-info a{ width:100%; height:auto; float:left; padding:10px 0px; color:#010101; font-size:15px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl-info a i{ padding:0px 10px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl:hover .sycpdl-info span i{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; left:0;}
.sycpdl:hover{ background:#252525; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl:hover .sycpdl-info h1{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl:hover .sycpdl-info p{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl:hover .sycpdl-info a{ color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl:hover .sycpdl-info a i{ margin-left:10px; color:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sycpdl-img{ width:60%; height:240px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.sycpdl-img a{ width:100%; height:100%; float:left;}

/*-- syab --*/
.syab{ width:100%; height:auto; float:left; background:url(../img/page/shi.jpg) center top no-repeat; background-size:100%;}
.syabinfo{ width:45%; height:auto; float:right; margin-top:37%; padding:10px;}
.syab-t{ width:100%; height:auto; float:left;}
.syab-t h1{ font-size:28px; color:#268395; padding-bottom:2px;}
.syab-t p{ font-size:22px; color:#8c8c8c; line-height:30px;}

.syab-best{ width:100%; height:auto; float:left; margin-top:20px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syab-best span{ width:120px; height:120px; float:left; border:1px solid #d6d6d6; text-align:center; line-height:120px; cursor:pointer;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syabbg{ color:#FFF; background:#268395; border:1px solid #268395;}
.syab-best span:hover{ color:#FFF; background:#268395; border:1px solid #268395; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.syab-best i{ padding:0px 20px; font-size:14px; float:left; line-height:120px;}
.syab-else{ width:75%; height:auto; float:left; color:#282828; font-size:16px; line-height:34px; margin-top:15px;}
.syab-else a{color:#282828; display:block;}
.syab-else a span{ color:#939393; }
.syab-else a:hover{ color:#268395; }
.syab-else a:hover span{ color:#242424;}

.sycp{ width:100%; height:auto; float:left;}
.sycpup{ width:100%; height:auto; float:left;}
.sycpdown{ width:100%; height:auto; float:left;}
.sycpdl{ width:50%; height:auto; float:left;}
.sycpdr{ width:50%; height:auto; float:left;}

/*-- locbox --*/
.locbox{ width:100%; height:auto; padding:60px 0px; float:left; color:#545454; line-height:30px; font-size:17px;}
.locbox i{ display:inline-block; font-size:14px; padding:0px 8px;}
.locbox a{ display:inline-block; color:#545454;}
.locbox a:hover{color:#268395;}
.locbox span{ display:inline-block; padding-right:8px;}
#i{font-size:16px;}

/*-- login --*/
.login{ width:100%; height:auto; float:left;}
.lgbox{ width:100%; height:auto; float:left; padding:50px 100px; background-image:url(../img/page/sa.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2eff8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 0px 60px 8px #e2eff8;/*兼容firefox*/
-webkit-box-shadow: 0px 0px 60px 8px #e2eff8;/*兼容safari或chrome*/
box-shadow:0px 0px 60px 8px #e2eff8;/*兼容opera或ie9*/
}
.login-t{ width:100%; height:auto; float:left; font-size:16px; line-height:34px; color:#808080; padding:10px 0px; font-weight:600;}
.login-p{ width:100%; height:auto; float:left; font-size:14px; color:#808080; line-height:20px;}

.lgl-box{ width:50%; height:auto; float:left; color:#808080; padding-right:10px;}
.lgl-t{ width:100%; height:auto; float:left; font-size:16px; line-height:25px; font-weight:600; padding:10px 0px;}
.lgl-p{ width:100%; height:auto; float:left; font-size:14px; line-height:25px; padding-bottom:10px;}
.lgform{ width:100%; height:auto; float:left;}
.cheakone{ width:100%; height:auto; float:left; padding:10px 0px;}
.cheakone span{ font-size:12px; font-weight:600; margin-top:8px; margin-left:5px; float:left;}
.cheakone b{ min-width:80px; font-size:14px; color:#808080; float:left; line-height:34px; padding-right:10px; font-weight:normal;}
#inputxcode{height:34px; width:100px; border:2px solid #dcdcdc; line-height:30px; float:left; outline:none; padding:0px 5px}
#inputx{height:34px; width:220px; border:2px solid #dcdcdc; line-height:30px; float:left; outline:none; padding:0px 5px}
#inputxpw{height:34px; width:220px; border:2px solid #dcdcdc; line-height:30px; float:left; outline:none; padding:0px 5px}
#inputxpws{height:34px; width:220px; border:2px solid #dcdcdc; line-height:30px; float:left; outline:none; padding:0px 5px}
#pic{height:34px; width:100%; border:2px solid #dcdcdc; line-height:30px; float:left; outline:none; padding:0px 5px; margin-bottom:5px;}
.cheakbtn{ width:100%; height:auto; float:left; padding:10px 0px;}
#buttonx{ padding:0px 20px; height:36px; float:left;cursor:pointer; font-size:18px; color:#FFF; border:0; line-height:32px; outline:none;-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 和 Chrome */
border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: -moz-linear-gradient(top, #008fbb, #00090c); 
background: -webkit-gradient(linear,top,from(#008fbb),to(#00090c));
background: -webkit-linear-gradient(top, #008fbb, #00090c);
background: -o-linear-gradient(top, #008fbb, #00090c);
}
#buttonx{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
#buttonx:hover{background:#00090c;
-webkit-transform: translateY(-3px);
-moz-transition: translateY(-3px);
transform: translateY(-3px);
}
.warm-p{ width:100%; height:auto; float:left; padding:10px 0; font-size:14px; color:#0000f9; font-weight:600;}
.warm-p a{ color:#0000f9;}
.warm-p a:hover{ color:#F00;}

.lgr-box{ width:50%; height:auto; float:left; color:#808080; padding-left:50px; border-left:1px solid #e5e5e5;}
.lgr-t{ width:100%; height:auto; float:left; font-size:16px; line-height:25px; font-weight:600; padding:10px 0px;}
.cheak-t{ width:100%; height:auto; float:left; font-size:14px;}
.cheak-t i{ color:#0000f9;}
.cheakx{ width:100%; height:auto; float:left;}
.cheakx input{ cursor:pointer; margin-top:10px;}
.cheakone i{color:#0000f9;}

.cheak-ts{ width:100%; height:auto; float:left; font-size:16px; font-weight:600; color:#808080;}
.cheak-ts i{ color:#0000f9; font-weight:lighter;}
.cheakones{width:100%; height:auto; float:left; padding:10px 0px; color:#0000f9}
.cheakones span{ font-size:12px; font-weight:600;}
.cheaktwo{ width:100%; height:auto; font-size:16px; color:#808080; font-weight:600;}
.cheaktwo a{color:#808080;}
.cheaktwo a:hover{ color:#29b3dd;}
.cheaktwo i{ color:#0000f9; font-weight:lighter;}
.cheak-line{ width:100%; height:1px; float:left; background:#aaaaaa; margin:15px 0px;}
.cheaktwo-p{ width:100%; height:auto; font-size:14px; color:#808080;}

/*-- 注册产品 --*/
.repd{ padding:50px 27%;}
.regpone{ width:100%; height:auto; float:left; margin-top:20px;}
.regp-t{ width:100%; height:auto; float:left; font-size:14px; color:#808080; padding-bottom:10px;}
.regp-t a{ color:#808080;}
.regp-t i{ color:#0000f9;}
#inputxs{height:34px; width:100%; border:2px solid #dcdcdc; line-height:30px; float:left; outline:none; padding:0px 5px}
#uploadFile{ display:none;}
.regp-input{ width:100%; height:auto; float:left;}
.regp-input span{font-size:12px; font-weight:600;}
.regp-input select{ height:35px; width:50%; float:left; outline:none; border:2px solid #dcdcdc; }
#pro_country{ width:100%; color:rgb(255, 0, 0); float:left;}

.fileinputxs{position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer}

/*-- 产品索赔 --*/
.login-t-reg{width:100%; height:auto; float:left; font-size:20px; line-height:25px; font-weight:600; padding:10px 0px; color:#080808;}
.regp-input textarea{ width:100%; height:140px; float:left; border:2px solid #dcdcdc; resize:none;}

/*--取回密码--*/
.pwbox{ width:100%; height:auto; float:left; display:none;}

/*-- 关于我们 --*/
.aboutbox{ width:100%; height:auto; float:left;}
.about{ width:100%; height:auto; float:left;}
.about-t{ width:100%; height:auto; float:left; text-align:center; color:#181617; padding:15px 0px 8px; font-size:44px; margin-top:40px;}
.about-t span{ font-size:24px; list-style:25px; padding-top:10px; display:inline-block;}
.about-t .line{ width:155px; height:2px; display:inline-block; background:#268395;}
.about-info{ width:100%; height:auto; float:left; font-size:15px; color:#6d6e70; line-height:25px; margin-top:30px; padding:0 20px;}
.about-img{ width:100%; height:auto; float:left; margin-top:30px;}
.about-img img{ width:100%;}
.qtbox{ width:100%; height:auto; float:left;}
.qt-t{ width:100%; height:auto; float:left; font-size:44px; color:#181617; text-align:center; padding:10px 0px; margin-top:20px; line-height:25px;}
.qt-t .line{ width:155px; height:2px; display:inline-block; background:#268395;}
.qt-infoshow{ width:100%; float:left; margin-top:30px; position:relative;}
.qtlogo{ position:absolute; width:100%; left:0; top:45%; text-align:center;}
.qtlogo span{ display:inline-block; width:190px; height:190px; background:#FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.qtlogo span img{ max-width:100%; margin-top:65px;}
.qt1{ width:50%; height:auto; float:left; padding-right:12px; padding-bottom:12px;}
.qt1-img{ width:100%; height:auto; float:left;}
.qt1-img img{ width:100%;}
.qt1-info{ width:100%; height:230px; float:left; background:#f5f5f5; text-align:center;}
.qt1-t{ width:100%; height:auto; float:left; margin-top:40px; font-size:26px; color:#6d6e70; font-weight:600; line-height:48px;}
.qt1-show{ width:100%; height:130px; float:left; padding:0px 10%; line-height:26px;}
.qt1-show table{ width:100%; height:100%; float:left; font-size:15px; color:#6d6e70; text-align:left;}

.qt2{ width:50%; height:auto; float:left; padding-left:12px; padding-bottom:12px;}
.qt3{ width:50%; height:auto; float:left; padding-right:12px; padding-top:12px;}
.qt4{ width:50%; height:auto; float:left; padding-left:12px; padding-top:12px;}

.qt-else{ width:100%; height:auto; float:left; margin-top:24px;}
.qt-else-img{ width:100%; height:auto; float:left;}
.qt-else-img img{ width:100%;}
.qt-else-info{ width:100%; height:230px; float:left; background:#f5f5f5; text-align:center; font-size:26px; color:#6d6e70; font-weight:600; line-height:48px;}
.qt-else-info table{ width:100%; height:100%; float:left;}

/*-- 产品中心 --*/
.products{ width:100%; height:auto; float:left; margin-top:-20px;}
.sortone{ width:100%; height:auto; float:left; border:1px solid #cbcbcb; margin-bottom:30px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d0dae1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 5px 5px 20px #d0dae1;/*兼容firefox*/
-webkit-box-shadow: 5px 5px 20px #d0dae1;/*兼容safari或chrome*/
box-shadow:5px 5px 20px #d0dae1;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.sort-img{ width:100%; height:auto; float:left; overflow:hidden; position:relative;}
.sort-img > img{ width:100%;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sort-img span{ width:100%; height:100%; position:absolute; top:100%; left:0; background:#000; 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;}
.sort-img i{ position:absolute; bottom:7%; right:0%; 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;}
.sortone:hover .sort-img span{ top:0%; visibility:visible; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortone:hover .sort-img i{ right:7%; 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;}
.sortone:hover .sort-img > img {transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.sort-name{ width:100%; height:auto; float:left;}
.sort-name table{ width:100%; height:55px; float:left; text-align:center; color:#64859d; font-size:16px;}

.proL{ width:25%; min-height:950px; float:left; border:1px solid #d2d2d2; padding:20px 25px;}
.psearch{ width:100%; height:42px; float:left; background:#64859d; border:1px solid #e4e4e4;}
#search_input4{outline:none;height:30px; width:80%; border:0px solid #CCC; line-height:30px;float:right;color:#000; font-size:12px; margin-top:5px;padding:0 5px; background:#FFF; margin-right:5px;}
#search_input3{ float:left; width:25px; height:25px; outline:none; margin-top:8px; margin-left:9px; cursor:pointer}
.prol-nav{ width:100%; height:auto; float:left;}
.prol-nav ul li{ width:100%; height:auto; float:left; padding:15px 0px; line-height:25px; font-size:15px; border-bottom:1px solid #bfbfbf;}
.prol-nav ul li>a{ color:#747474; display:block;}
.prol-nav ul li>a span{ width:10px; height:10px; float:left; background:#64859d; margin-right:10px; margin-top:7px;}

.prol-nav ul li i{ width:20px; height:20px; background:url(../img/page/l.png) center center no-repeat; float:right;}
.prol-nav ul li > a{}
.prol-nav ul li a:hover{ color:#64859d;}
.prol-nav ul li a:hover i{}
.prol-nav ul li .dqian{}
.prol-nav ul li .xz{ color:#64859d;}
.prol-nav ul .xz i{ background:url(../img/page/d.png) center center no-repeat;}
.er{ display:none; }
.prol-nav ul li .er li{ padding:5px 0px 0px; border-bottom:0px solid #bfbfbf; line-height:20px;}
.prol-nav ul li .er li a{ width:100%; height:auto; float:left; padding-left:14%; font-size:14px;}
.er li a span{}
.er .e_li a{}
.er li a:hover,.er li .sen_x{}
.er .e_li a:hover{}
#choice{color:#64859d;}
#choice i{background:url(../img/page/d.png) center center no-repeat;}

.proR{ width:75%; height:auto; float:left;}
.pro-t{ width:100%; height:275px; float:left; padding:0px 35px;}
.pro-t-img{ width:70%; height:100%; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.pro-t-info{ width:30%; height:100%; float:left; background:#000; padding:0 22px; overflow:hidden;}
.pro-t-info table{ width:100%; height:100%; float:left; font-size:11px; color:#dddddd; line-height:18px; text-align:center;}

.cponebox{ width:100%; padding:0px 15px; float:left;}
.cpone{ width:100%; height:auto; float:left; border:1px solid #909090; margin-top:40px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.cler-mt{ margin-top:0; margin-bottom:30px;}
.cpone-img{ width:100%; height:auto; float:left; overflow:hidden;}
.cpone-img img{ width:100%; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.cpone-img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.cpone-line{ width:80%; height:1px; background:#c9c9c9; float:left; margin-left:10%;}
.cpone-name{ width:100%; height:50px; float:left;}
.cpone-name table{ width:100%; height:100%; float:left; text-align:center; font-size:16px; color:#64859d;}

.cpone:hover{border:1px solid #dbdbdb;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cbddec,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 40px #cbddec;/*兼容firefox*/
-webkit-box-shadow:0px 0px 40px #cbddec;/*兼容safari或chrome*/
box-shadow:0px 0px 40px #cbddec;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.pinfo{ width:100%; height:auto; float:left; }
.ban {width:53%;height:auto;float:left; position:relative; 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:100%;height:auto;float:left; padding:10px 0px;}
.num {width:90%;height:92px;overflow:hidden;position:relative;float:left;}
.num ul {position:absolute;left:0;top:0;}
.num ul li {width:112px;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:112px; height:90px; 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 #64859d;}
.num ul li a:on img{border:2px solid #64859d;}
.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 #64859d;}

.banr{ width:42%; height:auto; float:right; padding-left:5px;}
.cpt{ width:100%; height:auto; float:left; padding:10px 0px; line-height:30px; font-size:25px; color:#64859d;}
.cpline{ width:100%; height:1px; background:#aaaaaa; float:left;}
.cpt2{ width:100%; height:auto; height:auto; float:left; padding:10px 0px; font-size:14px; color:#313332; line-height:30px;}
.cpshow-t3 {width:100%;float:left; height:auto; color:#313332;line-height:18px;font-size:14px; }
.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:15px; padding-top:10px;}
.cptel{ width:50%; height:auto; float:left; font-size:15px; padding:15px 0px;}
.cpmail{width:50%; height:auto; float:left; font-size:15px; padding:15px 0px;}
.cptel i,.cpmail i{ margin-right:8px; font-size:18px;}
.cptel a{color:#313332;}
.cpmail a{color:#313332;}
.cpmail a:hover{color:#64859d;}
.cptcolor{ width:100%; height:auto; float:left;}
.cptcolor a{ width:70px; height:auto; float:left; border:1px solid #CCC; margin:5px; overflow:hidden;}
.cptcolor a img{ width:100%;}
.cptcolor a:hover{border:1px solid #64859d;}

/*-- 相同产品 --*/
.samebox{ width:100%; height:auto; float:left; margin-top:50px;}
.same-t{ padding:10px 20px; font-size:14px; float:left; background:#64859d; line-height:30px; color:#FFF; font-weight:600;}
.same-show{ width:100%; height:auto; float:left;}

/*-- 下载 --*/
.download{ width:100%; height:auto; float:left; text-align:center;}
.ddone{ width:100%; height:auto; display:inline-block; padding:10px; position:relative;}
.ddimg{ width:100%; height:auto;float:left; transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s; overflow:hidden;}
.ddimg img{ width:100%;}
.ddimg:hover{transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e4e4e4,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 15px #e4e4e4;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 15px #e4e4e4;/*兼容safari或chrome*/
box-shadow:0px 2px 15px #e4e4e4;/*兼容opera或ie9*/
}
.ddname{ width:100%; float:left; height:30px; color:#000; line-height:30px; font-size:12px; padding-bottom:10px; text-align:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.dd-btn{ width:100%; height:38px; border:1px solid #d8dde6; float:left; background:#eaedef; line-height:36px; margin-top:15px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.dd-btn i{ width:36px; height:100%; float:right; border-left:1px solid #d8dde6;}
.dd-btn a{ color:#000;}
.ddimg img {transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ddimg:hover img {transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03);}
.dd-btn:hover{ background:#d8dde6;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

/*--下载登录--*/
.dlshow{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; display:none; background:#CCC;filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity:0.98; opacity:0.98;}
.indlshow{ width:100%; height:auto; margin-top:12%; float:left; text-align:center;}

/*-- 会员登录 --*/
.loginL{ width:450px; height:auto; display:inline-block; background:#FFF; padding:30px 15px; position:relative;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.loginL span{ top:10px; right:20px; position:absolute;}
.loginL span img{ width:10px; cursor:pointer;}
.log-t{ width:100%; height:50px; line-height:50px; float:left; text-align:center; font-weight:600; font-size:18px;}
.log-one{ width:100%; height:auto; float:left; padding:5px 0px; }
.log-one input{ width:80%; height:40px; padding:5px; display:inline-block; border:1px solid #d2d2d2; 
outline:none; font-size:14px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#adadad,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 1px 1px 2px #adadad;/*兼容firefox*/
-webkit-box-shadow: 1px 1px 2px #adadad;/*兼容safari或chrome*/
box-shadow:1px 1px 2px #adadad;/*兼容opera或ie9*/
}
.log-btn{ width:100%; height:auto; float:left; padding:2px 0px; line-height:20px; font-size:14px;}
.log-btn input{ width:80%; height:40px; margin-top:5px; display:inline-block; border:0; color:#FFF;outline:none;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: -moz-linear-gradient(top, #008fbb, #00090c); 
background: -webkit-gradient(linear,top,from(#008fbb),to(#00090c));
background: -webkit-linear-gradient(top, #008fbb, #00090c);
background: -o-linear-gradient(top, #008fbb, #00090c);
}
.log-btn:hover input{background:#000;border-bottom:3px solid #000;}
.loginL p{ font-size:14px; width:100%; line-height:18px; padding:2px 0px; float:left;}
.loginL a{ color:#64859d;}

/*-- --*/
.ccc{ width:100%; height:auto; float:left;}
.ccc a{ font-size:15px; color:#000; line-height:22px;}
.ccc a:hover{ color:#337ab7;}

/*-- 新闻 --*/
.innews-nav{ width:auto; position:absolute; top:0px; right:10px; font-weight:600;}
.innews-nav a{ display:inline-block; font-size:15px; color:#545454; line-height:30px;}
.innews-nav i{ display:inline-block; width:12px; text-align:center; margin-right:5px;}
#innews{ color:#268395; }
.newsbox{ width:100%; height:auto; float:left;}
.newsone{ width:100%; height:240px; float:left; margin-bottom:50px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; padding:10px; background:#FFF; position:relative; overflow:hidden;}
.newsone .vbg{ background:#a2bdcd; position:absolute; left:0%; top:0%; width:0%; height:100%; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility:hidden;}
.newsone:hover .vbg{ width:100%; height:100%; left:0%; top:0%; transition: 1s;-webkit-transition: 1s;-moz-transition: 1s; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible;}
.newsdate{ width:10%; height:100%; float:left; position:relative; z-index:1; color:#333;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.nd-y{ width:100%; height:auto; float:left; margin-top:40%; font-size:26px; line-height:42px; text-align:center;}
.nd-d{ width:100%; height:auto; float:left; font-size:14px; line-height:22px; text-align:center;}
.nd-m{ width:100%; height:auto; float:left; text-align:center; font-size:38px; line-height:40px; padding:10px 0px;}
.nd-m span{ font-size:18px; line-height:20px; margin-top:18px; display:inline-block; padding-left:5px;}
.newsimg{ width:33%; height:100%; float:left; background-position:center center; background-repeat:no-repeat; position:relative; background-size:100% 100%; z-index:1;}
.newsshow{ width:57%; height:100%; float:left; position:relative; z-index:1; padding:14px 5px 0px 17px;}
.news-t{ width:100%; height:30px; float:left; font-size:15px; color:#9bb7c7; line-height:30px; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-weight:bold;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-info{ width:100%; height:auto; line-height:25px; font-size:15px; float:left; color:#6d6e70; margin-top:15px;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.news-btn{ width:100%; height:auto; float:left; margin-top:20px;}
.news-btn a{ display:inline-block; font-weight:bold; color:#9bb7c7; font-size:16px; width:auto; padding:0px 10px; line-height:40px; border:1px solid #e8e8e8; text-align:center; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.newsone .newsimg{
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
}
.newsone:hover .newsimg{
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
}
.newsone:hover .newsdate{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-t{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-info{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-btn a{ color:#FFF; border:1px solid #FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}

.page{ width:100%;height:auto; float:left;text-align:center;font-size:13px;}
.pagination{text-align:center;width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display: inline-block;text-align:center;}
.pagination ul li:before{}
.pagination ul li a{display:inline-block; padding:2px 10px; font-size:12px; margin:0 2px; background:#f8f8f8; color:#0e0e0e; -moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a:hover{ background:#a2bdcd; color:#FFF;}
.pagination ul li a.active{ background:#a2bdcd; 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:13px;color:#333; padding-right:10px;list-style:none;text-align:center; display:inline-block;}
.in-newsbox_content{float:left;font-size:16px;line-height:30px; width:100%;}
.in-newsbox_content img{ max-width:100%}

.pnpage{ width:100%; height:auto; float:left; padding:5px 0px; }
.pnpage .p1{ width:50%; height:auto; float:left; font-size:14px; line-height:25px; padding:10px 0px;}
.pnpage .p2{ width:50%; height:auto; float:left; font-size:14px; line-height:25px; padding:10px 0px; text-align:right;}
.pnpage a{ color:#333; text-decoration:none;}
.pnpage span{ padding-right:10px;}
.pnpage a:hover{color:#a2bdcd;}

/*faq*/
.faqbox{ width:100%; height:auto; float:left; margin-top:-40px;}
.faq-t{ width:100%; height:auto; float:left; padding:10px 0px; font-size:20px; color:#000; font-weight:bolder; line-height:30px}
.faq-info{ width:100%; height:auto; float:left; padding:10px 0px; font-size:14px; color:#000; line-height:25px;}

/*-- 在线商城 --*/
.mallbox{ padding:15px 10px 70px 10px; margin:0 auto; position:relative;overflow:hidden;}
.mall-main{ width:100%; height:180px; position:absolute; top:23px; left:0; text-align:center;}
.mall-pic{width:74%; height:100%; background:#000; display:inline-block;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
.mallbox:hover .mall-pic{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.mallbox .malle{ width:38%; height:auto; top:8%; left:31.5%; position:absolute;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.mallbox:hover .malle{top:12%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

/*-- 网站地图 --*/
.urlbox{ width:100%; height:auto; float:left; padding:5px 0px; text-align:left;}
.urlbox a{color:#333; line-height:20px; font-size:16px;}
.urlbox:hover>a{color:#268395;}
.urlbox i{ float:left; height:10px; padding-right:10px; margin-top:4px; color:#268395;}
.urlpl{ padding-left:20px;}

.urlbox ul li{ float:left; list-style:none; float:left; padding:5px 0px; width:100%; }
.urlbox ul li a{font-size:15px; line-height:20px; color:#333;} 
.urlbox ul li:hover>a{color:#268395; }

/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float:left;}
.cont-t{ width:100%; height:auto; float:left; text-align:center;}
.cont-t h1{ font-size:44px; color:#181617; padding-bottom:5px;}
.cont-t p{ font-size:16px; color:#6d6e70;}
.cont-info{ width:100%; height:auto; float:left;}
.cont-info-one{ width:100%; float:left; padding:10px;}
.cont-info-one a{ color:#6d6e70;}
#mr5{ margin:0 3.5%;}
.coo-t1{ width:100%; height:auto; float:left; color:#268395; font-size:25px; font-weight:bold; padding-bottom:10px;}
.coo-t1-t{ width:100%; height:auto; float:left; color:#6d6e70; font-size:16px; color:#6d6e70; font-weight:bold;}
.coo-t1-info{ width:100%; height:auto; float:left; border-bottom:1px solid #a0a0a0; padding:18px 0px; font-size:16px; color:#6d6e70; line-height:25px;}
.coo-t1-info span{ font-size:20px; color:#6d6e70; font-weight:600; padding-right:10%}
.coo-t1-ico{ width:100%; height:auto; float:left; border-bottom:1px solid #a0a0a0; padding:18px 0px;}
.coo-t1-ico img{ width:26px;}

.cont-else{ width:100%; height:auto; float:left; background:#f5f5f5; padding:50px 0px; text-align:center;}
.contw{ width:600px;}
.cont-else h1{ color:#000; font-size:30px; font-weight:bold; padding:10px 0px 20px; line-height:25px;}
.cont-else p{ color:#757575; font-size:18px; line-height:31px;}

.feedback{ width:100%; height:auto; float:left;}
.feedl{ width:50%; height:auto; float:left; padding:0px 30px;}
.feedl-t{ width:100%; height:auto; float:left;}
.feedl-t h1{ color:#268395; font-size:30px; font-weight:bold; padding:10px 0px 20px; line-height:25px;}
.feedl-t p{ color:#757575; font-size:18px; line-height:31px;}
.feedl-info{ width:100%; height:auto; float:left;}
.feedl-one{ width:100%; height:auto; float:left;}
.feedl-name{ width:100%; height:auto; float:left; font-size:14px; color:#7d7d7d; line-height:30px; padding:5px 0px;}
.feedl-name span{ color:#ff0000; padding-right:2px;}
.feedl-input{ width:100%; height:auto; float:left; border:1px solid #cccccc; background:#deeaf0;padding:0px 10px;}

#input1{height:40px; width:100%; border:0px solid #9c9a97; background-color:transparent;line-height:40px;float:left;color:#000; font-size:14px; outline:none;}
#input2{ border:0px solid #b3b3b3; color:#000; float:left;resize:none;width:100%; height:100px; font-size:14px; background-color:transparent; outline:none; overflow:hidden; line-height:30px;}
.fdbtn{ width:100%; height:auto; float:left; margin-top:13px;}
#button{ width:140px; height:30px; background:#deeaf0;float:left;cursor:pointer;
font-size:14px;color:#737373;border:0px solid #268395;
-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:#268395; color:#FFF;
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);
}
.feedr{ width:50%; height:auto; float:left; padding:0px 30px;}
.feedr-bor{ width:100%; height:auto; float:left; margin-top:50px; border:1px dashed #c7c7c7; padding:5px;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.map{ width:100%; height:auto; float:left; padding:5px;}
.map iframe{ width:100%; height:440px; float:left;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*客服*/
/*.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;}*/

/* ~~ 脚注 ~~ */
.ewmxs{ position:fixed; right:5px; bottom:40%; width:110px; z-index:999999999999;}
.ewmxs img{ width:100%;}
.footB{ width:100%; height:auto; float:left; background:#000; position:relative;}
.footup{ width:100%; height:auto; float:left;}
.footnav{ width:100%; height:auto; padding:40px 0px; float:left; line-height:35px; text-align:center; margin-top:65px;}
.footnav a{ display:inline-block; margin:0 1.5%; color:#FFF; font-size:18px;}
.footnav a:hover{ color:#f46f36;}
.footup-info{ width:100%; height:auto; float:left; color:#FFF;}
.footup-l{ width:35%; height:auto; float:left;}
.footup-l-t{ width:100%; height:auto; float:left; font-size:20px; line-height:20px; margin-top:15px;}
.footup-l-t i{ padding-right:10px; float:left;}
.footup-l-t span{ padding-top:7px; float:left;}
.footup-l-t i img{ max-width:100%;}
.footup-l-show{ width:75%; height:auto; float:left; margin-top:30px; line-height:20px; font-size:14px;}
.footup-r{ width:65%; height:auto; float:left;}
.footup-r-show{ width:100%; height:auto; float:left; margin-top:30px;}
.footup-r-show a{ color:#FFF;}
.footup-r-one{ width:100%; height:auto; float:left; padding-right:0%; color:#FFF; font-size:12px; line-height:21px;}
.footup-r-one2{width:32%; height:auto; float:left; padding-right:2%; color:#FFF; font-size:12px; line-height:21px;}
.footup-r-one3{ width:43%; height:auto; float:left; padding-right:2%; color:#FFF; font-size:12px; line-height:21px;}
.footdown{ width:100%; height:auto; float:left; line-height:25px; font-size:14px; color:#FFF; padding:20px 0px; text-align:center; background:#282828;} 
.footdown a{ color:#FFF; display:inline-block;}
.footdown span{ padding:0px 20px 0px 0px;}

/*-- 分享 --*/
#bds_fbook{ background:url(../img/page/f.png)left center no-repeat;}
#bds_fbook:hover{ background:url(../img/page/fh.png)left center no-repeat;}
#bds_twi{ background:url(../img/page/tw.png)left center no-repeat;}
#bds_twi:hover{ background:url(../img/page/twh.png)left center no-repeat;}
#bds_linkedin{ background:url(../img/page/in.png)left center no-repeat;}
#bds_linkedin:hover{ background:url(../img/page/inh.png)left center no-repeat;}
#bds_weixin{ background:url(../img/page/wechat.png)left center no-repeat;}
#bds_weixin:hover{ background:url(../img/page/wechath.png)left center no-repeat;}
#bds_tsina{ background:url(../img/page/weibo.png)left center no-repeat;}
#bds_tsina:hover{ background:url(../img/page/weiboh.png)left center no-repeat;}

.gom{ width:100%; height:auto; float:left; text-align:center; position:absolute; top:-65px; left:0;}
.goback{ width:120px; height:120px; display:inline-block; background:#FFF; padding:35px 30px 20px; cursor:pointer;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#6f6f6f,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 2px 1px 3px #6f6f6f;/*兼容firefox*/
-webkit-box-shadow: 2px 1px 3px #6f6f6f;/*兼容safari或chrome*/
box-shadow: 2px 1px 3px #6f6f6f;/*兼容opera或ie9*/
}
.goback img{ width:100%;}

/*.goback .gos{
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:1; position:relative;
	background:url(../img/page/dsj.png) no-repeat;
	-webkit-animation: movel 1.6s infinite linear;
    -moz-animation: movel 1.6s infinite linear;
    animation: movel 1.6s infinite linear;
}	

@-webkit-keyframes movel {   
0% { background-position: 50% 60%;}
50% { background-position: 50% 80%;}
100% { background-position: 50% 60%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 60%;}
50% { background-position: 50% 80%;}
100% { background-position: 50% 60%;}
}

@keyframes movel {
0% { background-position: 50% 60%;}
50% { background-position: 50% 80%;}
100% { background-position: 50% 60%;}
}
.goback .gos a{ display:block; width:100%; height:100%;}
*/

/* 上传 */
.fcup-button {
	cursor:pointer;
	display: inline-block;
	font-size: 16px;
	color: #fff !important;
	text-decoration: none !important;
	padding: 10px 40px;
	line-height: 1;
	overflow: hidden;
	position: relative;
	box-shadow: 0 1px 1px #ccc;
	border-radius: 2px;
	background-color: #268395;
	background-image: -webkit-linear-gradient(top, #268395, #268395);
	background-image: -moz-linear-gradient(top, #268395, #268395);
	background-image: linear-gradient(top, #268395, #268395);
}
.fcup-button .tz-bar {
	background-color: #51b7e6;
	height: 3px;
	bottom: 0;
	left: 0;
	width: 0;
	position: absolute;
	z-index: 1;
	border-radius: 0 0 2px 2px;
	-webkit-transition: width 0.5s, height 0.5s;
	-moz-transition: width 0.5s, height 0.5s;
	transition: width 0.5s, height 0.5s;
	cursor:pointer;
}
.fcup-button.in-fcup, .fcup-button.finished {
	color: transparent !important;
}
.fcup-button.in-fcup:after, .fcup-button.finished:after {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	padding-top: inherit;
	color: #fff !important;
	left: 0;
}
.fcup-button.in-fcup:after {
	content: attr(data-loading);
}
.fcup-button.finished:after {
	content: attr(data-finished);
}
.fcup-button .tz-bar.background-horizontal {
	height: 100%;
	border-radius: 2px;
}
.fcup-button .tz-bar.background-vertical {
	height: 0;
	top: 0;
	width: 100%;
	border-radius: 2px;
}

/* ~~ 其它浮动/清除类 ~~ */
.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;}

