@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; padding:0; margin:0; list-style:none;}
body > section{ padding:0px;}
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; background:#c6c6c6; float:left; margin:15px 0px;}	
.bline2{ width:100%; height:1px; float:left; background:#cecece;}
.bline3{ width:100%; height:1px; float:left;}	
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1600px; }
.xmd{ width:1300px;}
.fmd{ width:1500px;}
.posr{ position:relative; z-index:1;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr3{ padding:3px;}
.plr5{ padding:0px 5px;}
.plra5{ padding:10px 5px;}
.plra15{ padding:25px 15px;}
.plras15{ padding:15px;}
.plr60{ padding:10px 60px;}
.plra50{ padding:50px 15px;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.bg{ background:#f1faff;}
.cbg{ background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#efefef,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 10px 35px #efefef;/*兼容firefox*/
-webkit-box-shadow: 0px 10px 35px #efefef;/*兼容safari或chrome*/
box-shadow:0px 10px 35px #efefef;/*兼容opera或ie9*/
}
.ctc{
background: linear-gradient(bottom, #f2f1f1, #fafafa);
background: -ms-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -webkit-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -moz-linear-gradient(bottom, #f2f1f1, #fafafa);
}

/*--　浮动 --*/
/*#fixnav{position:fixed;
-webkit-animation:searchTop .5s ease-in-out;
-moz-animation:searchTop .5s ease-in-out;
animation:searchTop .5s ease-in-out
}
-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}*/

/*-- 全屏 --*/
/*.fullscreen{ width:100%; height:100vh; float:left; background:#2b2b2b;}
#hero{ }
.liban{ width:100%; height:100%; background-color:#2b2b2b; background-position:center center; background-repeat:no-repeat; }*/
/*-- 轮播 --*/
.bannerbox{ width:100%; height:800px; background:#eaeaea; float:left; }
.inban{ width:100%; height: auto; background: #242424; float: left;}
.inban i{width:100%; height: 300px; float: left; background-repeat: no-repeat; background-size:cover; background-position: center center;}

.vtitle svg{position: absolute; top:0; left:0; width: 100%; height: 100%; }
.stitle{
stroke-dasharray:100;
stroke-dashoffset:100;
-webkit-animation: sdd 2s linear forwards;
-moz-animation: sdd 2s linear forwards;
-o-animation: sdd 2s linear forwards;
animation: sdd 2s linear forwards;
 }	
@-webkit-keyframes sdd {
96%{fill-opacity:1; fill:#FFF; }
100% {stroke-dashoffset:0; fill-opacity:1;fill:#FFF; stroke-width:0.2}
}
@-moz-keyframes sdd {
96%{fill-opacity:1; fill:#FFF;}
100% {stroke-dashoffset:0; fill-opacity:1;fill:#FFF; stroke-width:0.2}
}
@keyframes sdd {
96%{fill-opacity:1; fill:#FFF;}
100% {stroke-dashoffset:0; fill-opacity:1;fill:#FFF; stroke-width:0.2}
}


/*-- 头部 --*/
.syheader{ width: 100%; height:auto; float: left; position: relative; }
.topmian{ width: 100%; height: 170px; background: #2169a7; float: left; }
.headerline{ width: 100%; height: 5px; background: #ff7b7b; float: left;}
.vmian{ width: 100%; height:auto; position: absolute; top: 0; left: 0;}
.vabox{ width: 100%; height:175px; float: left; background-image: url('../img/images/page/titlebg.png'); 
background-position: top center; background-repeat: no-repeat; }
.vtop{ width: 100%; height: auto; float: left; position: relative; }
.cen{ width:auto; height: auto; position: absolute; left: 0; top: 15px; }
.cen i{ width: 33px; height: 33px; float: left; background: url('../img/page/world.png') center center no-repeat;}
.cen a{ float: left; width: auto; line-height: 33px; font-size: 15px; color: #FFF; padding: 0px 10px; position: relative; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.cen a:hover{ color: #ff7b7b; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#fbright:before{ content:""; position: absolute; right: 0; top: 10px; width: 1px; height:14px; background-color: #939393; }
.vtitle{ width: 100%; height:auto; float:left; margin-top: 30px; text-align: center;}
.vtitle h1{ font-size: 50px; color: #FFF; line-height: 50px; font-weight:bold; position: relative; width: 500px; height: 50px; display: inline-block;}
.vlogo{ position: absolute; right: 0; top: 25px; }
.vlogo img{ width:315px; }

.navbox{ width:100%; height:50px; float:left; text-align:center; position: relative; margin-top: 15px;}
.navbox ul{ display:inline-block; }
.navbox ul li{ float:left; padding:0px 65px;}
.navbox ul li a{ display:block; line-height:50px; font-size:16px; font-weight: bold; color:#FFF; position:relative; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.navbox.cnnav ul li a{ font-weight:normal;}
.navbox ul li i{ width:10%; height:3px; background:#FFF; position:absolute; bottom:0%; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.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:90%; left:5%;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}

.searchv{ position: absolute; right: 200px; top: 10px; cursor:pointer; }
.searchv i{ width:36px; height:36px; float:left; text-align:center;}
.searchv img{ max-width:100%;}
.search-show{ width:230px; height:45px; position:absolute; background:#FFF; border:2px solid #000; top:55px; display:none; left:-190px; z-index:9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
#search_input1{ outline:none; height:43px; width:198px; border:0px solid #CCC; line-height:43px; float:left; color:#000; font-size:13px; margin-top:0;
padding:0px 10px; background-color:transparent;}
#search_input2{ float:left; width:22px; height:22px; outline:none; margin-top:10px;}

/*-- syone --*/
.syone{ width:100%; height:auto; float:left; padding-top:60px; position:relative; z-index:1;}
.syone-at{ width:100%; height:auto; float:left; padding:25px 15px;}
.syone-at h1{ width:100%; height:auto; float:left; line-height:45px; font-size:30px; font-weight:bold; }
.syone-at h1 span{ position:relative;}
.syone-at h1 span:before{ content:""; position:absolute; right:-15px; top:0; width:10px; height:10px; border:2px solid #2271b3;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syone-at p{ width:100%; height:auto; float:left; font-size:20px; line-height:30px;}
.syone-b{ width:100%; height:auto; float:left; position:relative;}
.syone-b i{ width:68%; height:auto;  float:left; overflow:hidden;}
.syone-b i img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syone-b i img:hover{
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syone-bbox{ width:45%; height:auto; background:#FFF; position:absolute; right:0; bottom:0; padding:15px 40px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#b8b8b8,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:-4px 2px 8px #b8b8b8;/*兼容firefox*/
-webkit-box-shadow:-4px 2px 8px #b8b8b8;/*兼容safari或chrome*/
box-shadow:-4px 2px 8px #b8b8b8;/*兼容opera或ie9*/
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.syone-bbox h1{ width:100%; height:auto; float:left; font-size:30px; font-style:italic; color:#000; font-weight:bold; padding:15px 0px;}
.syone-bbox p{ width:100%; height:auto; float:left; font-size:15px; color:#797979; line-height:22px;}
.syone-bbox a{ width:200px; height:40px; background:#ff7b7b; line-height:40px; color:#FFF; text-align:center; font-size:14px; margin-top:35px; float:left; }

.syone-c{ width:100%; height:auto; float:left; margin-top:40px; }
.syone-c .col5{ width:41.3%; float:left; padding:18px;}
.syone-c .col7{ width:58.7%; float:left; padding:18px;}
.syone-cbox{ width:100%; height:auto; float:left; position:relative;}
.syone-cbox i{ width:100%; height:auto; float:left; overflow:hidden;}
.syone-cbox i img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syone-cbox i img:hover{
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.syone-ccb{ width:85%; height:auto; background:#FFF; position:absolute; left:0; bottom:-90px; padding:30px 20px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ececec,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:-4px 2px 8px #ececec;/*兼容firefox*/
-webkit-box-shadow:-4px 2px 8px #ececec;/*兼容safari或chrome*/
box-shadow:-4px 2px 8px #ececec;/*兼容opera或ie9*/
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.syone-ccb h1{ width:100%; height:auto; float:left; font-size:30px; font-style:italic; color:#000; font-weight:bold; padding:5px 0px 15px;}
.syone-ccb p{ width:100%; height:auto; float:left; font-size:15px; color:#797979; line-height:22px;}
.syone-ccb a{ width:200px; height:40px; background:#005387; line-height:40px; color:#FFF; text-align:center; font-size:14px; margin-top:25px; float:left; }
#syone-ccb{ width:80%; left:auto; right:0; padding:30px 50px;}

/*-- sytwo --*/
.sytwo{ width:100%; height:auto; float:left; position:relative; padding:230px 0px 150px;}
.sytwo-words{ width:100%; height:auto; position:absolute; left:0; top:200px; text-align:center; font-size:100px; color:#e0ecf4; line-height:110px; font-weight:bold;}
.sytwo-a{ width:100%; height:auto; float:left; position:relative; z-index:1; text-align:center;}
.sytwo-a p{ width:100%; height:auto; float:left; font-size:20px; color:#000; line-height:28px; padding:0px 22%; text-align:center;}
.sytwo-a a{ width:260px; height:50px; display:inline-block; background:#ff7b7b; position:relative; margin-top:55px; overflow:hidden;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.sytwo-a a span{ font-size:14px; color:#FFF; line-height:50px;}
.sytwo-a a i{ width:36px; height:36px; border:1px solid #FFF; background:url(../img/page/v.png) center center no-repeat; position:absolute; right:18px; top:7px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.sytwo-a a:hover{ background:#000; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

/*-- syth --*/
.syth{ width:100%; height:auto; float:left; padding:0px 0px 60px; }
.syth-t{ width:100%; height:auto; float:left; position:relative; padding-bottom:80px}
.syth-t h1{ font-size:28px; color:#000; float:left; position:relative; z-index:1; padding:0 8%; }
.syth-t p{ position:absolute; top:-90px; left:0; text-align:center; width:100%; color:#e0ecf4; font-size:240px; font-weight:bold;}
.sythall{ width:100%; height:auto; float:left;}

/*
.syth-a{ width:470px; min-height:580px; display:inline-block; background:#e6e6e6; position:relative;}
.syth-a i{ width:110%; position:absolute; left:-2%; top:-110px;}
.syth-a i img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-a h1{ width:100%; height:auto; float:left; margin-top:370px; font-size:25px; color:#b9bec0; line-height:30px; padding:5px 0px; font-weight:bold;}
.syth-a p{ width:100%; height:auto; float:left; font-size:25px; color:#b9bec0; line-height:30px; padding:5px 0px; font-weight:bold;}
.syth-a a{ width:210px; height:45px; display:inline-block; background:#FFF; position:relative; margin-top:45px; overflow:hidden; font-size:16px; }
*/
.syth-a{ width:470px; height:auto; padding-bottom: 30px; display:inline-block; background:#e6e6e6; position:relative; }
.syth-a i{ width:100%; float: left; overflow: hidden; }
.syth-a i img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-a h1{ width:100%; height:auto; float:left; margin-top:20px; font-size:25px; color:#b9bec0; line-height:30px; padding:5px 0px; font-weight:bold;}
.syth-a p{ width:100%; height:auto; float:left; font-size:25px; color:#b9bec0; line-height:30px; padding:5px 0px; font-weight:bold;}
.syth-a a{ width:210px; height:45px; display:inline-block; background:#FFF; position:relative; margin-top:45px; overflow:hidden; font-size:16px; color:#bbbfc2; line-height:45px;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari 和 Chrome */
border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.syth-a i img:hover{
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.gallery-cell.is-selected .syth-a{ background:#005387;}
.gallery-cell.is-selected .syth-a h1{ color:#207fdc;}
.gallery-cell.is-selected .syth-a p{ color:#FFF;}
.gallery-cell.is-selected .syth-a a{ color:#207fdc;}
.syth-a a:hover{ background:#ff7b7b; color:#FFF;}
.gallery-cell.is-selected .syth-a a:hover{ background:#ff7b7b; color:#FFF;}

/*-- 导航loc --*/
.locbox{ width:100%; height:auto; float:left; padding:15px 0px; position:relative; z-index:1;}
.locbox ul li{ float:left; padding-right:2px; line-height:30px; color:#616161; font-size:13px;}
.locbox ul li i{ font-size:14px; padding:0px 7px; color:#616161;}
.locbox a{ display:inline-block; color:#616161; font-size:15px;}
.locbox a:hover{ color:#2169a7; }
#loc{color:#2169a7; }

/*-- about --*/
.about{ width:100%; height: auto; float: left;}
.abone{ width:100%; height: auto; float: left; padding: 30px 0px;}
.abone-a{ width:100%; height: auto; float: left;}
.abone-a h1{ width:30%; height: auto; float: left; font-size: 28px; line-height: 36px; padding-left: 5%; }
.abone-a p{ width:70%; height: auto; float: left; font-size: 16px; line-height: 30px;}

.abone-b{ width:100%; height: auto; float: left; padding-top: 90px;}
.abone-b i{ width:50%; height: auto; float: left;}
.abone-b i img{ width:100%;}
.abone-b p{width:50%; height: auto; float: left; padding-left: 4%;font-size: 16px; line-height: 30px;}

.abtwo{ width:100%; height: auto; float: left; padding: 130px 0px 100px; color: #141414;}
.abtwo-a{ width:100%; height: auto; float: left; padding-left: 5%;}
.abtwo-a h1{ width: 100%; height: auto; float: left; font-size: 28px; line-height: 36px;}
.abtwo-a p{width:100%; height: auto; float: left; font-size: 16px; line-height: 30px; padding: 50px 0px;}

.abtwo-b{ width:100%; height: auto; float: left; padding: 30px 0px;}
.abtwo-b i{ width:50%; height: 550px; float: left; background-color: #000; background-size:cover; background-position: center; background-repeat: no-repeat;}
.abtwo-b p{ width: 50%; height: 275px; float: left;  background:#FFF; display: table;}
.abtwo-b p span{ width: 50%; height: 100%; display: table-cell; vertical-align: middle; padding: 0px 10%; font-size: 16px; line-height: 30px;}
.abtwo-b p:last-child{ background: #dbdbdb; }

/*-- 产品中心 --*/
.products{ width:100%; height: auto; float: left; }
.pro-t{ width:100%; height: auto; float: left; position: relative;}
.pro-t h1{ width: 100%; height: auto; float: left; font-size: 70px; line-height: 100px; color:#000 ; }
.pro-t p{ width: 80%; height: auto; float: left; font-size: 16px; line-height: 25px; color:#000 ; padding: 15px 0px; }
.pro-t h1.cnpro-t{font-size: 36px; }

.sortnav{ width:100%; height: auto; float: left; padding:50px 0px 100px; }
.sortnav i{ width:100%; height: auto; float: left; background: #FFF; overflow: hidden;}
.sortnav i img{ width:100%; transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
.sortnav p{ width:100%; height: 60px;; float: left; display: table; text-align: center; background: #000;}
.sortnav p span{ display: table-cell; vertical-align: middle; font-size:20px; color: #FFF; font-style: italic; font-weight: 600; }

.sortnav i img:hover{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

/*-- 产品内页 --*/
.prosearch{ width:280px; height:auto; float:left; border: 1px solid #b5b5b5; background: #FFF;}
.prosearch .psearch{ margin-top:0px; }
#search_input3{ outline:none; height:40px; width:75%; border:0px solid #CCC; line-height:40px; float:left; color:#000; font-size:15px; 
padding:0px 10px; background-color:transparent;}
#search_input4{ float:right; width:50px; margin-top: 8px; height:24px; border: 0; outline:none; background: url(../img/page/cpsearchx.png) center center no-repeat;}

.insortnav{ width:100%; height: auto; float: left; padding: 50px 0px;}
.insortnav ul{ width:100%; height: auto; float: left;}
.insortnav ul li{ width:19%; height: auto; float: left; display: table; margin-right: 1%; background: #FFF;}
.insortnav ul li a{ width: 100%; height:60px; display: table-cell; border: 1px solid #b5b5b5; vertical-align:middle; font-size: 16px; color: #000; padding: 0px 20px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}

.insortnav ul li a:hover{ background:#2169a7; color: #FFF; border: 1px solid #2169a7; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
#onsort{ background:#2169a7; color: #FFF; border: 1px solid #2169a7; }

#probox i{ width:100%; height: auto; float: left; background: #FFF; overflow: hidden;}
#probox i img{ width:100%; transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
#probox p{ width:100%; height: 45px;; float: left; display: table; text-align: center; background: #000;}
#probox p span{ display: table-cell; vertical-align: middle; font-size:17px; color: #FFF; font-style: italic; font-weight: 600; }

#probox i img:hover{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.probox{ width:100%; height:auto; float:left; padding-bottom: 100px;}
.cpbox{ width:100%; height:auto; float:left;}
.cpone{ width:100%; height:auto; float:left; border:1px solid #b5b5b5; background:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }
.cpone i{ width:100%; height:auto; float:left; background:#FFF; overflow: hidden; }
.cpone i img{ width:100%;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; }
.cpname{ width:100%; height:auto; display: table; float: left; border-top:1px solid #b5b5b5; }
.cpname h1{ width:100%; height: 100px; padding: 15px 30px; font-size:17px; color:#000; vertical-align: middle; display: table-cell; line-height: 25px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpname h1 span{ font-weight:600;}

.cpone:hover{ background:#005387;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cee2f1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 13px 3px #cee2f1;/*兼容firefox*/
-webkit-box-shadow:0px 5px 13px 3px #cee2f1;/*兼容safari或chrome*/
box-shadow:0px 5px 13px 3px #cee2f1;/*兼容opera或ie9*/
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.cpone:hover .cpname h1{ color:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}

.cpone:hover i img{
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}


/*-- page --*/
.page{ width:100%;height:auto; float:left; text-align:center; font-size:12px; padding:30px 0px 0px;}
.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:8px;padding-left: 0;}
.pagination ul li:before{}
.pagination ul li a{ color:#808080; display:inline-block; vertical-align:top; font-size:19px; padding:6px 14px; border:2px solid #f1faff; position: relative;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.pagination ul li a i{ background:none; float:left; font-style:normal;}
.pagination ul li a i.i1{ float:left; border:0; margin:5px 4px 6px 0px;}
.pagination ul li a i.i2{ float:right; border:0; margin:5px 0px 6px 4px;}
.pagination ul li a:hover{ border:2px solid #005387; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.pagination ul li a.active{ border:2px solid #005387; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}

#prev:before{ content: ""; position: absolute; left: -5px; top: 12px; width:10px; height: 10px;  border: 2px solid #005387;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#next:before{ content: ""; position: absolute; right: -5px; top: 12px; width:10px; height: 10px;  border: 2px solid #005387;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#prev:hover,#next:hover{ border:2px solid #f1faff;}
#prev:hover:before,#next:hover:before{ background: #005387; }

/*-- 详细页 --*/
.inpro{ width:100%; height: auto; float: left;}
.inpro-a{ width:100%; height: auto; float: left; padding: 10px 0px; position: relative; }
.upback i{ width:30px; height: 30px; float: left;}
.upback p{ float:left; font-size: 14px; color:#242424; }
.upback a:hover p{ color:#2169a7;}
.upback a:hover #cback{ fill:#ff7b7b; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.upback i svg{ width:25px; height: 25px;}
.inprosearch{ width:280px; height:auto; position: absolute; right: 0; top:0; border: 1px solid #b5b5b5; background: #FFF;}

.inpro-b{ width:100%; height: auto; float: left; padding: 30px 0px; position: relative; }
.ban {width:55%; height:auto; float:left; position:relative;}
.t2{ width:100%; height:auto; position:relative; float:left; padding-left:160px; padding-right: 30px; }
.t2:before{ content:""; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #bbd4e8;}
.prev {float:left;cursor:pointer;}
.min_pic {width:150px; height:600px; position:absolute; left:0; top:0; z-index:1;}
.num { width:140px; height:100%; position:relative; float:left; overflow:hidden; margin-left:5px;}
.num ul { position:absolute; left:0; top:0; }
.num ul li {width:140px; height:140px; text-align:center; margin:0px 0px 13px; list-style:none; border:2px solid #e4e4e4; background: #FFF;}
.num ul li img {width:136px;}
.num ul li:hover { border:2px solid #2169a7; }
.num ul li a:on { border:2px solid #2169a7;}
.num ul li.on{border:2px solid #2169a7; }

.infoshow{ width:45%; height: auto; float: left; padding-left: 15px; position: relative;}
.inshow-a{ width:100%; height: auto; float: left; background: #2169a7;}
.cpn ul li{ float: left; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpn ul li a{ padding: 15px 25px; float: left;}
.cpn ul li svg{ width:32px; height: 32px; display: inline-block;}
.cpn ul li:hover{ background: #ff7b7b; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.incpname{ width:auto; height:auto; float: right; margin-right: 7%;}
.incpname h1{ font-size: 22px; color: #FFF; font-weight: 600; padding:15px; line-height: 38px;}

.inshow-b{ width:100%; height: auto; float: left; padding-top: 20px;}
.inshow-b ul li{ width:100%; height: auto; float: left; border-bottom: 1px solid #a6d4fb; padding: 10px 15px; line-height: 25px; font-size: 20px; color: #353535; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ padding:5px 8px; border-top:0; border-bottom: 2px solid #000; }
.inshow-b table{ border: 0px; }

.samebox{ width:100%; height: auto; float: left; padding: 80px 0px;}
.same-t{ width:100%; height: auto; float: left; text-align: center; padding: 60px 0px; background-color: #2169a7; }
.same-t h1{font-size:38px; line-height: 50px; color: #FFF;}
.same-all{ width:100%; height: auto; float: left; padding: 40px 0px;}


/*-- download --*/
.download{ width:100%; height: auto; float: left; text-align: center; padding:50px 0px 100px;}
.ddone{ width:auto; height:auto; display: inline-block; position: relative; margin: 0px 30px; }
.ddone>i{ width:100%; height: auto; float: left; overflow: hidden;}
.ddone>i img{ width: 100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ddone .ddbg{ width:100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; visibility: hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0; 
opacity:0; 
transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.ddshow{ width:100%; height: 100%; position: absolute; left: 0; top: 10%; z-index: 1; text-align: center; visibility: hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0; 
opacity:0; 
transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ddshow ul li{ width: 60%; height: auto; display: inline-block; padding: 50px 0px; position: relative;}
.ddshow ul li:first-child:before{ content: ""; width: 100%; height: 2px; background: #FFF; position: absolute; left: 0; bottom: 0;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity:0.5; 
opacity:0.5; 
}
.ddshow ul li i{ width:100%; height: auto; float: left; text-align: center;}
.ddshow ul li i img{ max-width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ddshow ul li p{ width:100%; height: auto; float: left; font-size: 20px; line-height: 22px; padding: 25px 0px 0px; text-align: center; color: #FFF;}

.ddone:hover>i img{
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.ddone:hover .ddbg{
visibility:visible;
filter:alpha(opacity=50);   
-moz-opacity:0.5;   
-khtml-opacity:0.5; 
opacity:0.5; 
transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.ddone:hover .ddshow{
visibility:visible;
filter:alpha(opacity=100);   
-moz-opacity:1;   
-khtml-opacity:1; 
opacity:1; 
transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.ddone:hover .ddshow a:hover p{text-decoration: underline; transition: 0.6; -webkit-transition: 0.6s;-moz-transition: 0.6s;}


/*-- contact --*/
.contact{ width:100%; height: auto; float: left;}
.conta{ width:100%; height:auto; float: left; padding: 40px 0px;}
.conta ul li{ width:100%; height: auto; float: left; padding: 20px 10px; text-align: center;}
.conta ul li i{  display: block;}
.conta ul li i img{ max-width: 100%;}
.conta ul li p{ font-size:25px; color: #242424; line-height: 43px;}
.conta ul li p span{ color: #2169a7;}

.contb{ width:100%; height: auto; float: left;}
.contb-l{ width:50%; height: auto; float:left; padding-right: 35px;}
.contb-l i{float:left;}
.contb-l i img{ width:100%;}

.contb-r{ width:50%; height: auto; float: left;}
.contb-rt{ width:100%; height: auto; float: left; }
.contb-rt h1{ font-size: 30px; line-height: 50px; font-weight: 600; color: #0f0f0f;}


/*-- feedbox --*/
.feedback{ width:100%; height:auto; float:left; padding-top: 20px; padding-bottom: 60px; }

.feedbx{ width:100%; height:auto; float:left; padding-bottom:8px;}
#input1{ width:100%; height:50px; border:0; line-height:50px; float:left; color:#000; font-size:13px; outline:none; padding:0px 10px;}
.feedbx textarea{ float:left; resize:none; width:100%; height:100px; line-height:50px; padding:0px 10px; font-size:13px; color:#000; outline:none; border:0;}
.crrbtn{ width:100%; height:auto; float:left; margin-top:21px;}
#button{ width:210px; height:40px; float: left; line-height: 42px; outline: none; cursor:pointer; font-size:13px; border:0; color:#FFF; overflow: hidden;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(left, #2e87d4, #ff7b7b);
background: -ms-linear-gradient(left, #2e87d4, #ff7b7b);
background: -webkit-linear-gradient(left, #2e87d4, #ff7b7b);
background: -moz-linear-gradient(left, #2e87d4, #ff7b7b);
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#button:hover{ 
background: linear-gradient(left, #2e87d4, #2e87d4);
background: -ms-linear-gradient(left, #2e87d4, #2e87d4);
background: -webkit-linear-gradient(left, #2e87d4, #2e87d4);
background: -moz-linear-gradient(left, #2e87d4, #2e87d4);
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}

.feedbx input::-webkit-input-placeholder{ opacity:1; color:#c0c0c0;}
.feedbx input:-moz-placeholder{opacity:1; color:#c0c0c0;}
.feedbx input::-moz-placeholder{opacity:1; color:#c0c0c0;}
.feedbx input:-ms-input-placeholder{opacity:1; color:#c0c0c0;}
.feedbx textarea::-webkit-input-placeholder{opacity:1; color:#c0c0c0;}
.feedbx textarea::-moz-placeholder{opacity:1; color:#c0c0c0;}
.feedbx textarea::-moz-placeholder{opacity:1; color:#c0c0c0;}
.feedbx textarea:-ms-input-placeholder{opacity:1; color:#c0c0c0;}


/*-- 地图 --*/
.mapB{ width:100%; height:auto; padding-top:40px; background:#FFF; float:left;}
.mapbox{ width:100%; height:390px; float:left; }
#container{ width:100%; height:100%; float:left;}

/*-- foot --*/
.footB{ width:100%; height:auto; float:left; }
.footb-line{ width:100%; height:4px; float:left; background:#ff7b7b;}
.footb-up{ width:100%; min-height:278px; float:left; background:#005387;}
.footb-a{ width:31%; height:auto; float:left; padding:45px 5px 5px;  }
.footb-a i{ width:100%; height:auto; float:left;}
.footb-a i img{ max-width:100%;}
.footb-a p{ width:310px; height:auto; float:left; font-size:13px; color:#FFF; line-height:22px; margin-top:28px}

.footb-b{ width:28%; height:auto; float:left; padding:5px;}
.footb-b h1{ width:100%; height:auto; float:left; font-size:18px; color:#FFF; line-height:25px; font-weight:bold; margin-top:60px; padding-bottom:18px;}
.footb-b ul li{ width:100%; height:auto; float:left; padding:0px 3px;}
.footb-b ul li i{ float:left; width:28px; height:30px;}
.footb-b ul li span{ width:80%; float:left; font-size:14px; color:#b0b6c5; line-height:20px; padding:5px 0px;}
#fadd{ background:url(../img/page/fadd.png) center left no-repeat;}
#ftel{ background:url(../img/page/ftel.png) center left no-repeat;}
#fmail{ background:url(../img/page/fmail.png) center left no-repeat;}
#ffax{ background:url(../img/page/ffax.png) center left no-repeat;}

.footb-c{ width:26%; height:auto; float:left; padding:5px;}
.footb-c h1{ width:100%; height:auto; float:left; font-size:18px; color:#FFF; line-height:25px; font-weight:bold; margin-top:60px; padding-bottom:18px;}
.footb-c ul{ width:40%; height:auto; float:left;}
.footb-c ul li{ width:100%; height:auto; float:left; padding:5px 0px 5px 15px; position:relative; }
.footb-c ul li:before{ content:""; position:absolute; left:0; top:17px; width:6px; height:1px; background:#b0b6c5; 
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
.footb-c ul li:after{ content:""; position:absolute; left:0; top:13px; width:6px; height:1px; background:#b0b6c5; 
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.footb-c ul li a{float:left; font-size:14px; color:#b0b6c5; line-height:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.footb-c ul li a:hover{ color:#FFF; text-decoration:underline; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.footb-c ul li:hover:before,.footb-c ul li:hover:after{ background:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

.footb-d{ width:15%; height:auto; float:left; padding-top:70px; }
.footb-d i{ width:100%; height:auto; float:left; text-align:center;}
.footb-d i img{ max-width:100%;}
.footb-d p{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; padding:18px 0px; color:#b0b6c5; text-align:center;}

.footdown{ width:100%; height:auto; float:left; background:#132334; padding:20px 0px; line-height:20px; font-size:15px; color:#b0b6c5; text-align:center; position:relative; }
.footdown span{ padding:0px 10px;}
.footdown a{ color:#b0b6c5; }
#topcontrol{ z-index: 10;}

/* ~~ 脚注 ~~ */
@-webkit-keyframes movel {   
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

@-moz-keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

@keyframes movel {
0% { background-position: 50% 30%;}
50% { background-position: 50% 70%;}
100% { background-position: 50% 30%;}
}

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

.pon{
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 1500ms;              /*动画持续时间*/
-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: 1500ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 1500ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@-moz-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}

/*-- 左侧 --*/
.footside{position:fixed!important; width:60px; height:auto; right:0; top:45%; z-index:100;}
.footside ul li{ width:60px; height:60px; float:left; position:relative; margin-top:1px; list-style:none; background:#333333; color:#FFF;}
.footside ul li .sidetop{ width:60px; height:60px; display:inline-block; background:#333333; transition:all 0.3s;}
.footside ul li .sidetop:hover{ background:#0193de; opacity:1; filter:Alpha(opacity=100);}
.footside ul li img{ float:left; }
.footside ul li a{ position:absolute; width:60px; height:60px; top:0; right:0; background:#333333; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; line-height:60px; color:#FFF; font-size:17px;}
.footside ul li a span{ display:none;}
.footside ul li a span img{ width:100%;}
.footside ul li img{ max-width:100%; float:left;}
#cmail:hover a{ width:155px; background:#0193de; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; overflow:hidden;}
#cmail:hover a span{ display:block;}

/*-- --*/
.furight{ position:fixed; right:0; top:35%; width:150px; height:auto; z-index:999999; background:#FFF;
-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=#dddcdc,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 1px 2px 0px #dddcdc;/*兼容firefox*/
-webkit-box-shadow:0px 1px 2px 0px #dddcdc;/*兼容safari或chrome*/
box-shadow:0px 1px 2px 0px #dddcdc;/*兼容opera或ie9*/
}
.furight img{ max-width:100%;}
.furight span{ width:100%; float:left; font-size:13px; color:#FFF; background:#0193de; cursor:pointer; height:35px; padding-right:5px;}
.furight span p{ float:left; line-height:35px; padding-left:10px; letter-spacing:1px;}
.furight span img{ float:right; margin-top:5px;}
.qqline{ width:100%; height:auto; float:left; margin-top:5px; padding:2px 5px 2px 15px;}
.qqline i img{ width:30px;}
.qqline i{ padding-right:10px;}
.qqline a{ color:#000; display:block;}
.qqline a:hover{ color:#0193de;}