@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:1430px; }
.maxmd{ width:1920px;}
.plr0{ padding:0px}
.plr5{ padding:0px 8px;}
.plra15{ padding:15px;}
.plra30{ padding:12px 30px;}
.plras30{ padding:30px;}
.posr{ position:relative; z-index:1;}
.posa{ position:absolute;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.bg{ background:#efefef;}
.bg2{ background:#FFF;}
.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}}*/

/*-- 头部 --*/
.headerbox{ width:100%; height:130px; float:left; position:relative; z-index:10;}
.logo{ width:32%; height:auto; float:left; margin-top:35px;}
.logo a{ display:block;}
.navbox{ width:68%; height:auto; float:left; padding-right:20px;}
.navbox ul{ text-align:right; margin-top:40px;}
.navbox ul li{ padding:0px 20px 20px; height:auto; display:inline-table;}
.navbox ul li a{ position:relative; color:#3a3a3a; display:table-cell; height:70px; vertical-align:middle; text-align:center; font-size:14.5px; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.navbox ul li a i{ width:10%; height:1px; background:#098785; 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;}
.navbox ul li i:before{ content:""; position:absolute; left:35%; bottom:0; width:10px;}
.navbox ul li a:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s; width:100%; left:0%;}
.navbox ul li:hover a{ color:#00a7a4; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
#choose a{ color:#00a7a4; }
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:100%; left:0;}
.navbox.ennav ul li a{ font-weight:600;}

/*-- TOP二级 --*/
.b-abnav,.b-newsnav,.b-ctnav,.b-opnav,.b-jonav,.b-cpnav{ width:100%; height:auto; position:absolute; left:0%; top:99%; display:none; background:#f0f0f0; z-index:21; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.b-lnav{ width:50%; height:auto; float:left; padding:60px 0px 50px 10%;}
.b-lnav h1{ width:100%; height:auto; float:left; font-size:19px; color:#000; font-weight:bold; padding-bottom:20px;}
.b-lnav ul li{ width:45%; height:auto; float:left; padding:12px; position:relative;}
.b-lnav ul li:before{ content:""; position:absolute; left:0; top:22px; background:#000; width:4px; height:4px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.b-lnav ul li a{ display:block; color:#4f4f4f; font-size:15px; line-height:25px; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.b-lnav ul li a:hover{ color:#00a7a4; text-decoration:underline; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.b-rnav{ width:50%; height:auto; float:left; padding:30px 30px 50px;}
.b-rnav img{ max-width:100%;}


/*-- 搜索 --*/
.searchbox{ width:25px; height:25px; cursor:pointer; position:absolute; top:63px; right:0; background:#c0a986;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.searchbox img{ max-width:100%;}
.search-show{ width:230px; height:45px; position:absolute; background:#FFF; border:1px solid #000; top:67px; display:none; left:-200px; z-index:99;
-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:14px; margin-top:0;
padding:0 5px; background-color:transparent;}
#search_input2{ float:left; width:24px; height:24px; outline:none; margin-top:9px;}

/*-- 语言 --*/
.language{ width:auto; cursor:pointer; position:absolute; top:10px; right:25px;}
.language i{ width:25px; height:25px; float:left;}
.language i img{ width:auto;}
.language span{ float:left; line-height:25px; font-size:14px; color:#595959; padding:0px 5px;}
.language .lgbox{ height:auto; position:absolute; right:0px; top:150%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;}
.language .lgbox.enlg{ width:80px;}
.language .lgbox a{ width:100%; padding:3px 7px 3px 33px; background:#9c9c9c; float:left; text-align:center; line-height:25px; font-size:14px; color:#FFF; position:relative; transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.language:hover .lgbox{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; top:100%; transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;}
.language .lgbox a:hover{ color:#FFF; background:#3ac3c9; transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;}
#enlang{ background:url(../img/page/en.png) center center no-repeat; background-size:20px; position:absolute; left:3px; top:3px; width:25px; height:25px;}
#cnlang{ background:url(../img/page/cn.png) center center no-repeat; background-size:20px; position:absolute; left:3px; top:3px; width:25px; height:25px;}


/*-- banner --*/
.bannerbox{ width:100%; min-height:400px; background:#f8f8f8; float:left; }

/*-- 内页banner --*/
.inbanner{ width:100%; height:auto; float:left;  position:relative;}
.inban{ width:100%; height:100%; float:left; background:#00ceb5; position:relative;}
.inban i{ width:100%; height:auto; float:left;}
.inban i img{ width:100%; }
.inban h1{ width:100%; height:auto; position:absolute; z-index:1; top:35%; left:0; text-align:center; font-size:54px; color:#098785; font-weight:600; letter-spacing:2px; }
.inban span{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;}
.inbax{ width:100%; height:65px; position:absolute; left:0; bottom:0;}
.inbg{ width:100%; height:100%; position:absolute; left:0; top:0;
background: linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -ms-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -webkit-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -moz-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;
}
.innav{float:left;}
.innav ul li{ float:left;}
.innav ul li a{ padding:20px 20px 20px 10px; float:left; color:#FFF; font-size:15px; line-height:25px; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.innav ul li a i{ width:30px; height:25px; float:left; background:url(../img/images/page/iconav.png) center center no-repeat; 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;}
.innav ul li a span{ float:left;}

.innav ul li a:hover{ background:#FFF; color:#000; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
.innav ul li a:hover i{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:0.6s; -webkit-transition:0.6s; -moz-transition:0.6s;}
#innav a{ background:#FFF; color:#000;}
#innav a i{ display:inline-block; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.innav ul li.ggnav a{ background:#FFF; color:#000;}
.innav ul li.ggnav a i{ display:inline-block; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*-- 导航loc --*/
.locbox{ position:absolute; right:0; top:20px;}
.locbox ul li{ float:left; padding-right:4px; color:#FFF; font-size:14px; line-height:30px;}
.locbox ul li img{ vertical-align:top;}
.locbox a{ float:left; color:#FFF; font-size:14px; line-height:30px; }
.locbox a:hover{ text-decoration:underline; color:#f4f4f4; }
#cploc{ left:15px;}

/*-- syone --*/
.syone{ width:100%; height:auto; float:left; padding-top:80px; }
.syone-t{ width:100%; height:auto; float:left; text-align:center;}
.syone-t h1{ width:100%; height:auto; float:left; font-size:21px; color:#666666; line-height:30px; letter-spacing:2px;}
.syone-t h1.en{ letter-spacing:0px; }
.syone-t p{ width:100%; height:auto; float:left; font-size:38px; color:#000000; font-weight:bold; line-height:50px; letter-spacing:2px;}
.syone-t p.en{ letter-spacing:0px; text-transform:uppercase; line-height:20px;}

.syonem{ width:100%; height:auto; float:left; padding:55px 0px;}
.sycpm{ width:100%; height:auto; float:left; position:relative; overflow:hidden; background:#f0f0f0;}
.sycpm i{ width:100%; height:auto; float:left;}
.sycpm i img{ width:100%; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; }
.sycpm:hover i img{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.sycpm h1{ width:100%; height:50px; float:left; font-size:18px; color:#000; display:table;}
.sycpm h1 b{ width:100%; height:100%; vertical-align:middle; font-weight:600; text-align:center; display:table-cell;}
.sycpm h4{ width:100%; height:auto; float:left; text-align:center; padding-bottom:35px;}
.sycpm h4 em{ width:125px; height:auto; line-height:32px; display:inline-block; font-style:normal; font-size:14px; color:#FFF;
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(left bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(left bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(left bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(left bottom, #00ddb7, #007bae);
}
.sycpm span{ width:100%; height:100%; position:absolute; left:0; top:0; background:#009f9c; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s;}
.sycpm h2{ position:absolute; top:45%; left:0; width:100%; height:auto; font-size:18px; color:#FFF; text-align:center; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.sycpm h3{ position:absolute; top:50%; left:0; width:100%; height:30px; text-align:center; background:url(../img/page/lll.png) center center no-repeat; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.sycpm:hover span{ visibility:visible; filter:alpha(opacity=58); -moz-opacity:0.58 -khtml-opacity:0.58; opacity:0.58; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s;}
.sycpm:hover h2{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s;}
.sycpm:hover h3{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s;}

.syone-btn{ width:100%; height:auto; float:left; padding:15px 0px 70px; text-align:center;}
.syone-btn a{ width:180px; height:60px; display:inline-block; text-align:center; font-size:14px; color:#000; line-height:60px; background:#f0f0f0;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.syone-btn a:hover{ color:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}	
.syone-btn a span{ position:relative; padding-right:25px;}
.syone-btn a span:before{ content:""; position:absolute; right:-7px; top:10px; width:15px; height:1px; background:#000; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone-btn a span:after{ content:""; position:absolute; right:0px; top:3px; width:1px; height:15px; background:#000; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syone-btn a:hover span:before, .syone-btn a:hover span:after{ background:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}

/*-- sytwo --*/
.sytwo{ width:100%; height:auto; float:left; text-align:center; padding:0px;}
.sytwom{ display:inline-block; padding:0px; vertical-align:top;}
.sytwom img{ max-width:100%;}

/*-- syth --*/
.syth{ width:100%; height:auto; float:left; padding:80px 0px 70px; overflow:hidden;}
.syth-t{ width:100%; height:auto; float:left; text-align:center;}
.syth-t h1{ width:100%; height:auto; float:left; font-size:21px; color:#666666; line-height:30px; letter-spacing:2px;}
.syth-t p{ width:100%; height:auto; float:left; font-size:38px; color:#000000; font-weight:bold; line-height:50px; letter-spacing:2px;}
.syth-t h1.en{letter-spacing:0px; line-height:20px;}
.syth-t p.en{letter-spacing:0px; text-transform:uppercase;}

.sythm{ width:100%; height:auto; float:left; padding:45px 0px;}
.syth-a{ width:100%; height:400px; float:left; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#00b2af;
padding-left:40px;}
.syth-a p{ width:100%; height:auto; float:left; margin-top:135px; line-height:35px; font-size:19px; color:#FFF;}
.syth-a h1{ width:100%; height:auto; float:left; line-height:45px; font-size:36px; color:#FFF;}
.syth-a a{ width:190px; height:45px; float:left; background:#FFF; font-size:18px; color:#474747; line-height:45px; padding-left:40px; position:relative; 
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; margin-top:60px;}
.syth-a a i{ width:1px; height:17px; background:#000; position:absolute; left:20px; top:15px;
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 */
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.syth-a a i:before{ content:""; position:absolute; left:0px; top:1px; width:6px; height:1px; background:#000;
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 */
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.syth-a a i:after{ content:""; position:absolute; left:-4px; top:1px; width:6px; height:1px; background:#000;
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 */
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}

.syth-a a:hover{ color:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s; }	
.syth-a a:hover i:before, .syth-a a:hover i:after,.syth-a a:hover i{ background:#FFF; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}

/*-- syfo --*/
.syfo{ width:100%; height:auto; float:left; background-color:#23438f; background-position:center; background-size:cover; background-attachment:fixed;}
.syfox{ width:100%; height:auto; float:left;}
.syfoup{ width:100%; height:auto; float:left; padding-top:75px;}
.syfol{ width:50%; height:auto; float:left; color:#FFF; padding-top:25px;}
.syfol h1{ width:100%; height:auto; float:left; font-size:72px; line-height:70px;}
.syfol p{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; font-weight:600; padding:10px 0px;}

.syfor{ width:50%; height:auto; float:left; color:#FFF; padding-top:10px;}
.syfor h1{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; font-weight:600; }
.syfor p{ width:100%; height:auto; float:left; font-size:14px; line-height:25px; padding:10px 0px;}
.syfor a{ width:220px; height:32px; float:left; border:2px solid #FFF; margin-top:30px; color:#FFF; text-align:center; line-height:25px;}
.syfor a span{ position:relative; padding-right:30px;}
.syfor a span:before{ content:""; position:absolute; right:0px; top:7px; width:10px; height:2px; background:#FFF;
transform:rotate(35deg);
-ms-transform:rotate(35deg); 	/* IE 9 */
-moz-transform:rotate(35deg); 	/* Firefox */
-webkit-transform:rotate(35deg); /* Safari 和 Chrome */
-o-transform:rotate(35deg); 	/* Opera */
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.syfor a span:after{ content:""; position:absolute; right:0px; top:13px; width:10px; height:2px; background:#FFF;
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 */
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}

.syfodown{ width:100%; height:auto; float:left; margin-top:85px;}
.syfo-a{ width:370px; height:200px; float:left; position:relative; padding:40px 30px 0px;}
.syfo-a i{ width:100%; height:auto; float:left; position:relative; z-index:1; font-size:40px; color:#FFF; font-weight:bolder; font-style:normal; }
.syfo-a h1{ width:100%; height:auto; float:left; position:relative; z-index:1; font-size:16px; color:#FFF; padding:5px 0px;}
.syfo-a p{ width:100%; height:auto; float:left; position:relative; z-index:1; font-size:13px; color:#FFF; padding:5px 0px; line-height:20px; }
.syfo-a.enfoa{ padding:10px 30px 0px;}
.syfo-a.enfoa p{ line-height:16px; }

.syfo-a.a1 span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#041e47; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syfo-a.a2 span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#0d345f; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.syfo-a.a3 span{ position:absolute; left:0; top:0; width:100%; height:100%; background:#0078a5; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
.syfo-a.a1:hover span,.syfo-a.a2:hover span,.syfo-a.a3:hover span{
background: linear-gradient(left bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(left bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(left bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(left bottom, #00ddb7, #007bae);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}


.syfoy{ width:100%; height:auto; float:left; position:relative; margin-top:50px;}
.syfoy .md{ background:#FFF; padding-top:45px; padding-bottom:75px; position:relative; z-index:1; border:1px solid #e3e3e3; border-left:0px; border-right:0;}
.syfoy-t{ width:100%; height:auto; float:left; }
.syfoy-t h1{ float:left; color:#023377; font-size:46px; line-height:50px;}
.syfoy-t p{ float:left; font-size:16px; color:#0d345f; line-height:20px; padding:30px 15px 0px; font-weight:600;}
.syfoy-a{ width:20%; height:auto; float:left; padding-top:45px; position:relative; cursor:pointer;}
.syfoy-a i{ float:left; padding-left:20px;}
.syfoy-a i img{ max-width:100%; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syfoy-a p{ width:100%; height:auto; float:left; font-size:14px; color:#343434; line-height:22px; padding:5px 20px 10px; display:table; }
.syfoy-a p span{ width:100%; height:60px; display:table-cell; vertical-align:top;}
.syfoy-a:before{ content:""; position:absolute; left:0; top:50px; width:1px; height:120px; background:#d5d5d5; }
.syfoy-a.nobor:before{ display:none; }
.syfobg{ width:93%; height:100%; position:absolute; left:0; top:0; background:#FFF; border:1px solid #e3e3e3;}
.syfoy-a:hover img{
transform:translateY(-6px) scale(1.05);
-ms-transform:translateY(-6px) scale(1.05);
-moz-transform:translateY(-6px) scale(1.05);
-webkit-transform:translateY(-6px) scale(1.05);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}


/*-- syfv --*/
.syfv{ width:100%; height:auto; float:left; padding:80px 0px;}
.syfv-t{ width:100%; height:auto; float:left; text-align:center;}
.syfv-t h1{ width:100%; height:auto; float:left; font-size:21px; color:#666666; line-height:30px; letter-spacing:2px;}
.syfv-t p{ width:100%; height:auto; float:left; font-size:38px; color:#000000; font-weight:bold; line-height:50px; letter-spacing:2px;}
.syfv-t h1.en{letter-spacing:0px; line-height:20px;}
.syfv-t p.en{letter-spacing:0px; text-transform:uppercase;}

.syfvm{ width:100%; height:auto; float:left; padding:37px 0px;}
.syfvl{ width:100%; height:auto; float:left; background:#eeeeee; padding:28px 48px 48px;}
.syfvl .slide i{ width:100%; height:auto; float:left; padding:5px;}
.syfvl .slide img{ width:100%; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.syfvl .slide img:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
/*.syfvr{ width:50%; height:325px; float:left; background:#00c2b4; background-size:cover; background-position:center; background-repeat:no-repeat;}*/
.syfv .bx-wrapper .bx-prev {
  left:-48px;
  background:url(../img/page/syfvl.jpg) center center no-repeat;
}
.syfv .bx-wrapper .bx-next {
  right:-48px;
  background:url(../img/page/syfvr.jpg) center center no-repeat;
}
.syfv .bx-wrapper .bx-prev:hover {
  background:url(../img/page/syfvlh.jpg) center center no-repeat;
}
.syfv .bx-wrapper .bx-next:hover {
  background:url(../img/page/syfvrh.jpg) center center no-repeat;
}
.syfv .bx-wrapper .bx-controls-direction a { margin-top:-20px; width: 35px; height: 50px;}
.syfv .bx-wrapper .bx-pager.bx-default-pager a {
background: #FFF;
display: block;
width: 10px;
height: 10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfv .bx-wrapper .bx-pager { display:block; }
.syfv .bx-wrapper .bx-pager.bx-default-pager a:hover,
.syfv .bx-wrapper .bx-pager.bx-default-pager a.active { background: #009f9c;}

/*-- 产品中心 --*/
.products{ width:100%; height:auto; float:left;}
.pross-t{ width:100%; height:auto; float:left; padding-top:65px;}
.pross-t h1{ width:100%; height:auto; float:left; font-size:35px; color:#303030; line-height:45px; text-align:center; }
.prosearch{ width:100%; height:auto; float:left; text-align:center; padding:25px 0px;}
.cpsearch{ width:540px; height:56px; display:inline-block; border:1px solid #a0a0a0; background-color:#FFF; overflow:hidden;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.cpsearch .p1{ width:87%; height:54px; float:left; background-color:#FFF; overflow:hidden;}
.cpsearch .p2{ width:13%; height:54px; float:right; text-align:center; overflow:hidden; cursor:pointer; }
#search_inputp1{outline:none; height:54px; width:100%; border:0px solid #CCC; line-height:54px; float:left; color:#aeaeae; font-size:16px; padding:0 20px; background:#FFF;}
#search_inputp2{ display:inline-block; width:100%; height:100%; outline:none; cursor:pointer; background-image:url(../img/page/incpsearch.png); background-color:#FFF; 
background-position:center center; background-repeat:no-repeat; background-size:34px; border:0; }

.probox{ width:100%; height:auto; float:left; padding-top:10px;}
.proL{ width:18%; height:auto; float:left;}
.prolt{ width:100%; height:auto; float:left; font-size:20px; color:#000; line-height:40px; font-weight:bold;}
.pronav{ width:100%; height:auto; float:left; padding-bottom:50px;}
.proone{ width:100%; height:auto; float:left; border:1px solid #c5c5c5; margin:8px 0px; padding:20px;}
.proone h1{ width:100%; height:auto; float:left; font-size:16px; color:#333333; line-height:20px; padding:5px 0px;}
.proone ul li{ width:100%; height:auto; float:left; border:1px solid #c5c5c5; margin:8px 0px;}
.proone ul li a{ display:block; color:#6d6d6d; font-size:14px; padding:15px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.proone ul li:hover{ border:1px solid #FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; }
.proone ul li:hover a{ color:#FFF; 
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
background: linear-gradient(75deg, #00ddb7, #007bae);
background: -ms-linear-gradient(75deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(75deg, #00ddb7, #007bae);
background: -moz-linear-gradient(75deg, #00ddb7, #007bae);
}
#proone{ border:1px solid #FFF; }
#proone a{ color:#FFF;
background: linear-gradient(75deg, #00ddb7, #007bae);
background: -ms-linear-gradient(75deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(75deg, #00ddb7, #007bae);
background: -moz-linear-gradient(75deg, #00ddb7, #007bae);
}

.proR{ width:82%; height:auto; float:left; padding:30px 0px 0px 4%;}
.cpone{ width:100%; height:auto; float:left; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cpimg{ width:100%; height:auto; float:left; background:#CCC;}
.cpimg i{ width:100%; height:auto; float:left; overflow:hidden;}
.cpimg img{ width:100%; -webkit-transition: 0.6s; -moz-transition: 0.6s; transition: 0.6s; }
.cpone:hover .cpimg img{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.cpname{ width:100%; height:auto; float:left; border:1px solid #e9e9e9; border-top:0px; padding:10px 20px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;	}
.cpname .cp1{ width:100%; height:45px; float:left; display:table;}
.cpname .cp1 p{ width:100%; height:100%; display:table-cell; font-size:17px; color:#2f2f2f; vertical-align:middle; border-bottom:1px solid #e9e9e9; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpname .cp2{ width:100%; height:45px; float:left; display:table; padding-right:30px; position:relative;}
.cpname .cp2 p{ width:100%; height:100%; display:table-cell; font-size:14px; color:#777777; vertical-align:middle; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpname .cp2 i{ width:17px; height:1px; background:#7f7f7f; position:absolute; right:0px; top:22px; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpname .cp2 i:before{ content:""; position:absolute; right:0px; top:-2px; width:6px; height:1px; background:#7f7f7f;
transform:rotate(35deg);
-ms-transform:rotate(35deg); 	/* IE 9 */
-moz-transform:rotate(35deg); 	/* Firefox */
-webkit-transform:rotate(35deg); /* Safari 和 Chrome */
-o-transform:rotate(35deg); 	/* Opera */
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.cpname .cp2 i:after{ content:""; position:absolute; right:0px; top:2px; width:6px; height:1px; background:#7f7f7f;
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 */
-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;
}
.cpone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cce6e3,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 10px #cce6e3;/*兼容firefox*/
-webkit-box-shadow:0px 0px 10px #cce6e3;/*兼容safari或chrome*/
box-shadow:0px 0px 10px #cce6e3;/*兼容opera或ie9*/
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;

transform:translateY(-6px);
-ms-transform:translateY(-6px);
-moz-transform:translateY(-6px);
-webkit-transform:translateY(-6px);
transform:translateY(-6px)	
}
.cpone:hover .cpname{ border:1px solid #71d9c7; border-top:0px;
background: linear-gradient(75deg, #00ddb7, #007bae);
background: -ms-linear-gradient(75deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(75deg, #00ddb7, #007bae);
background: -moz-linear-gradient(75deg, #00ddb7, #007bae);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;	
}
.cpone:hover .cpname .cp1 p{ color:#FFF; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpone:hover .cpname .cp2 p{ color:#FFF; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpone:hover .cpname .cp2 i{ background:#FFF; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpone:hover .cpname .cp2 i:before{ background:#FFF; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.cpone:hover .cpname .cp2 i:after{ background:#FFF; -webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}

/*-- 产品内页 --*/
.Bcplocbox{ width:100%; height:auto; float:left; background:#efe7dd;}
.cplocbox{ width:100%; height:auto; float:left; padding:15px 0px;}
.cplocbox ul li{ float:left; padding-right:4px; color:#7f7f7f; font-size:14px; line-height:30px;}
.cplocbox ul li img{ vertical-align:top;}
.cplocbox a{ float:left; color:#7f7f7f; font-size:14px; line-height:30px; }
.cplocbox a:hover{ text-decoration:underline; color:#000; }

.inprobox{ width:100%; height:auto; float:left; background:#efe7dd;}
.inprol{ width:50%; height:auto; float:left; padding-left:50px;}
.ban {width:100%; height:auto; float:left;}
.banbig{ width:100%; height:auto; position:relative; float:left;}
.banbig i{ width:100%; height:100%; float:left;}

.inpror{ width:50%; height:auto; float:left; padding-left:50px;}
.inseh{ width:100%; height:auto; float:left; margin-top:20px;}
.inseh .cpsearch{ width:85%; height:56px; display:inline-block; border:1px solid #a0a0a0; background-color:#FFF; overflow:hidden;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.inproshow{ width:100%; height:auto; float:left; padding:10px 30px 0px 0px;}
.inpro-t{ width:100%; height:auto; float:left; padding:15px 0px;}
.inpro-t h1{ font-size:25px; color:#2a2a2a; line-height:35px; }
.inpro-words{ width:100%; height:auto; float:left; padding:10px 0px; border-top:1px solid #b4b0ab; border-bottom:1px solid #b4b0ab; }
.inpro-words h1{ width:100%; height:auto; float:left; font-size:16px; color:#525252; line-height:22px; padding:10px 13px; position:relative;}
.inpro-words h1:before{ content:""; position:absolute; left:0; top:18px; width:5px; height:5px; background:#00b0a5;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.inpro-words span{ color:#00b0a5; float:left;}
.inpro-words p{ float:left;}
.inpro-words ul li{ min-width:50%; height:auto; float:left; font-size:16px; color:#525252; line-height:22px; padding:10px 13px; position:relative;}
.inpro-words li:before{ content:""; position:absolute; left:0; top:18px; width:5px; height:5px; background:#00b0a5;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.inpro-btn{ width:100%; height:auto; float:left; padding:30px 0px;}
.inpro-btn a{ width:180px; height:45px; float:left; font-size:16px; color:#FFF; line-height:45px; text-align:center;
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
}
.inpro-btn a:hover{ background:#000;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.cp_prev{ position:absolute; left:10px; top:49%; z-index:1; width:39px; height:39px;}
.cp_prev a{ display:inline-block;}
.cp_prev i{ width:39px; height:39px; float:left; background:url(../img/images/news/newsl.png) center center no-repeat;}
.cp_prev i:hover{ background:url(../img/images/news/newslh.png) center center no-repeat;}
.cp_next{ position:absolute; right:10px; top:49%; z-index:1; width:39px; height:39px;}
.cp_next a{ display:inline-block;}
.cp_next i{ width:39px; height:39px; float:left; background:url(../img/images/news/newsr.png) center center no-repeat;}
.cp_next i:hover{ background:url(../img/images/news/newsrh.png) center center no-repeat;}

/*-- 相关产品 --*/
.samebox{ width:100%; height:auto; float:left;}
.same-t{ width:100%; height:auto; float:left; border-bottom:1px solid #c9c9c9;}
.same-t h1{ font-size:25px; color:#000; line-height:75px; width:200px; background:#ffe8c5; text-align:center; float:left;}
.same-t h1.sen{ width:auto; padding:0px 15px;}
.same-t p{ float:right; line-height:40px; color:#404040; font-size:18px; margin-top:20px;}
.same-t p a{ color:#404040; }
.same-t p a:hover{ color:#00adb2; }
.sameshow{ width:100%; height:auto; float:left; padding:20px 0px 80px;}


/*-- 加盟 --*/
.join-a{ width:100%; height:auto; float:left; padding:20px 0px 40px;}
.join-at{ width:100%; height:auto; float:left; background:url(../img/images/join/join-t.jpg) center center no-repeat; padding:50px 0px;}
.join-at h1{ width:100%; height:auto; float:left; color:#343434; font-weight:bold; line-height:50px; font-size:38px; text-align:center; position:relative; padding:15px 0px}
.join-at h1:before{ content:""; position:absolute;  bottom:0; left:47%; width:6%; height:4px; background:#00b0a5;}
.join-at p{ width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#8c8c8c; line-height:25px;}

.join-ashow{ width:100%; height:auto; float:left; padding:0px 10%;}
.join-ashow i{ width:100%; height:auto; float:left; text-align:center; margin-top:10px;}
.join-ashow i img{ max-width:100%;}
.join-ashow h1{ width:100%; height:auto; float:left; display:table;}
.join-ashow h1 span{ width:100%; display:table-cell; text-align:center; vertical-align:middle; height:60px; font-size:18px; color:#393939; font-weight:600;}
.join-ashow p{ width:100%; height:auto; float:left; display:table;}
.join-ashow p span{ width:100%; display:table-cell; text-align:center; vertical-align:top; height:75px; font-size:15px; color:#393939; padding:5px 10px;}
.join-ashow p.enp span{height:100px; line-height:17px;}

.join-b{ width:100%; height:auto; float:left; background-attachment:fixed; background-color:#00cbb5; background-repeat:no-repeat; background-position:center; background-size:cover; padding:20px 0px 70px;}
.join-bt{width:100%; height:auto; float:left; padding:50px 0px;}
.join-bt h1{ width:100%; height:auto; float:left; color:#FFF; font-weight:bold; line-height:50px; font-size:38px; text-align:center; padding:15px 0px}
.join-bt p{ width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#FFF; line-height:25px;}

.join-bshow{ width:100%; height:auto; float:left; text-align:center;}
.join-b-one{ width:165px; height:165px; border:8px solid #FFF; display:inline-table;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.join-b-one p{ display:table-cell; width:100%; height:100%; vertical-align:middle; color:#FFF; font-size:22px; font-weight:600;}

.join-c{ width:100%; height:auto; float:left; padding:40px 0px;}
.join-ct{ width:100%; height:auto; float:left; padding:20px 0px;}
.join-ct h1{ width:100%; height:auto; float:left; color:#343434; font-weight:bold; line-height:50px; font-size:38px; text-align:center; position:relative; padding:15px 0px}
.join-ct h1:before{ content:""; position:absolute;  bottom:0; left:47%; width:6%; height:4px; background:#00b0a5;}
.join-ct p{ width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#8c8c8c; line-height:25px;}
.join-cshow{ width:100%; height:auto; float:left;}
.join-c-one{ width:20%; height:auto; float:left; padding:15px;}
.join-c-one img{ width:100%; }

.join-d{ width:100%; height:auto; float:left; background:#f8f9f9; padding:40px 0px;}
.join-dt{ width:100%; height:auto; float:left; padding:20px 0px;}
.join-dt h1{ width:100%; height:auto; float:left; color:#343434; font-weight:bold; line-height:50px; font-size:38px; text-align:center; position:relative; padding:15px 0px}
.join-dt h1:before{ content:""; position:absolute;  bottom:0; left:47%; width:6%; height:4px; background:#00b0a5;}
.join-dt p{ width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#8c8c8c; line-height:25px;}
.join-dt h2{ width:100%; height:auto; float:left; padding:30px 0px; text-align:center; font-size:18px; color:#343434;}

.join-dshow{ width:100%; height:auto; float:left;}
.join-d-one{ width:100%; height:auto; float:left;}
.join-d-one i{ width:40%; height:auto; float:left;}
.join-d-one i img{ width:100%;}
.join-d-one p{ width:40%; height:auto; float:left; display:table;}
.join-d-one p span{ width:100%; height:210px; vertical-align:middle; font-size:20px; color:#319695; line-height:30px; display:table-cell;}
.join-d-one p.enp{ width:50%;}
.join-d-one p.enp span{font-size:17px; line-height:22px;}

.join-e{ width:100%; height:auto; float:left; padding:60px 0px;}
.join-et{ width:100%; height:auto; float:left; text-align:center; }
.join-et h2{ width:100%; height:auto; float:left; font-size:18px; color:#454545; line-height:25px;}
.join-et h1{ width:100%; height:auto; float:left; font-size:38px; color:#000; line-height:60px; text-align:center; font-weight:bold; letter-spacing:2px;}
.join-et p{ width:100%; height:auto; float:left; text-align:center; font-size:18px; text-align:center; color:#000; line-height:35px; padding:15px 0px;}

.join-ep{ width:100%; height:auto; float:left; padding:25px 10%;}
.jdp-l{ width:50%; height:auto; float:left; padding:20px;}
.jdp-l .p1{ width:100%; height:auto; float:left; font-size:19px; color:#000; line-height:38px; font-weight:600;}
.jo-feedbox{ width:100%; height:auto; float:left;}
.jo-feedbx1{ width:47%; height:auto; float:left; margin-top:20px;}
.jo-feedbx2{ width:6%; height:45px; float:left; margin-top:20px;}
.jo-feedbx3{ width:100%; height:auto; float:left; margin-top:20px;}
.jo-feed-x{ width:100%; height:45px; float:left;}
#jo-input1{ width:100%; height:100%; border:1px solid #aaaaaa; background-color:#f2f2f2; line-height:43px; float:left; color:#000; font-size:14px; outline:none; padding:0px 10px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jo-feed-tx{ width:100%; height:170px; float:left;}
.jo-feed-tx textarea{float:left; resize:none; width:100%; height:100%; padding:5px 10px; font-size:14px; color:#000; outline:none; border:1px solid #aaaaaa; background-color:#f2f2f2;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jo-crrbtn{ width:100%; height:auto; float:left; margin-top:20px;}
#jo-button{ width:100%; height:45px;display:inline-block; cursor:pointer; font-size:14px; color:#FFF;
-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;
background: linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -ms-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -webkit-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -moz-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
}
#jo-button:hover{ background:#000; color:#FFF;}

.jdp-r{ width:50%; height:auto; float:left; padding:20px;}
.jdp-ra{ width:100%; height:auto; float:left;}
.jdp-ra h1{ width:100%; height:auto; float:left; font-size:19px; color:#000; line-height:38px; font-weight:600; padding-bottom:8px;}
.jdp-ra p{ width:100%; height:auto; float:left; font-size:14px; color:#393939; line-height:24px;}
.jdp-rb{ width:100%; height:auto; float:left; margin-top:30px;}
.jdp-rb h1{ width:100%; height:auto; float:left; font-size:16px; color:#333333; line-height:30px; font-weight:600; padding-bottom:8px;}
.jdp-rb p{ width:100%; height:auto; float:left; padding:2px 0px;}
.jdp-rb p i{ width:25px; height:25px; float:left; font-size:14px; line-height:25px; text-align:center; color:#333333; background:#dbdbdb;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.jdp-rb p span{ font-size:14px; color:#333333; line-height:25px; float:left; padding-left:10px;}

/*-- 关于我们 --*/
.about{ width:100%; height:auto; float:left; }
.abone{ width:100%; height:auto; float:left; padding-top:90px;}
.ab-a{ width:100%; height:auto; float:left;}
.ab-al{ width:50%; height:auto; float:left; padding:0px 70px 0px 20px;}
.ab-al i{ width:100%; height:auto; float:left;}
.ab-al i img{ max-width:100%;}
.ab-al h1{ width:100%; height:auto; float:left; font-size:20px; color:#4a4a4a; line-height:25px; padding:10px 0px 60px; font-weight:600;}
.ab-al p{ width:100%; height:auto; float:left; font-size:16px; color:#4a4a4a; line-height:30px;}
.ab-ar{ width:50%; height:auto; float:left;}
.ab-ar img{ width:100%;}

.ab-b{ width:100%; height:auto; float:left; padding:80px 0px 60px;}
.ab-bone{ width:100%; height:auto; float:left; padding:30px 30px 0px; border:1px solid #c9c9c9;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari 和 Chrome */
border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ab-bone i{ width:100%; height:auto; float:left;}
.ab-bone h1{ width:100%; height:auto; float:left; margin-top:30px; line-height:30px; font-size:22px; font-weight:600; color:#000;}
.ab-bone p{ width:100%; height:auto; float:left; line-height:25px; color:#414141; font-size:16px; padding:10px 0px; display:table;}
.ab-bone p span{ display:table-cell; width:100%; height:60px; }

.abbg1{ background:url(../img/images/about/01.jpg) 95% 40% no-repeat;}
.abbg2{ background:url(../img/images/about/02.jpg) 95% 40% no-repeat;}
.abbg3{ background:url(../img/images/about/03.jpg) 95% 40% no-repeat;}
.abbg4{ background:url(../img/images/about/04.jpg) 95% 40% no-repeat;}
.abbg5{ background:url(../img/images/about/05.jpg) 95% 40% no-repeat;}
.abbg6{ background:url(../img/images/about/06.jpg) 95% 40% no-repeat;}

.abtwo{ width:100%; height:auto; float:left; padding:25px 0px;}
.abtwo-a{ width:100%; height:auto; float:left; padding:10px 0px;}
.abtwo-a h2{ width:100%; height:auto; float:left; font-size:21px; color:#6e6e6e; line-height:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.abtwo-a h1{ width:100%; height:auto; float:left; font-size:40px; font-weight:600; color:#000; line-height:50px; padding:10px 0px;}
.abtwo-a p{ width:80%; height:auto; float:left; font-size:16px; color:#6e6e6e; line-height:35px; padding:40px 0px 50px; border-bottom:1px solid #c1c1c1;}
.abtwo-adown{ width:100%; height:auto; float:left; padding:70px 0px;}
.abtwo-adown img{ max-width:100%;}

/*-- 荣誉 --*/
.honor-t{ width:100%; height:auto; float:left;}
.honor-t h1{ width:100%; height:auto; float:left; font-size:36px; color:#000; line-height:40px; text-align:center; margin-top:80px; padding:10px 0px;}
.honor-t p{ width:100%; height:auto; float:left; font-size:18px; color:#4a4a4a; line-height:25px; text-align:center; padding:15px 0px;}
.honor-m{ width:100%; height:auto; float:left; padding:40px 0px;}
.hoone{ width:100%; height:auto; float:left;}
.hoone i{ width:100%; height:auto; float:left;}
.hoone i img{ width:100%;}
.hoone p{ width:100%; height:auto; float:left; display:table;}
.hoone p span{ width:100%; height:60px; display:table-cell; vertical-align:middle; text-align:center; font-size:15px; color:#2c2c2c; }

/*-- page --*/
.page{ width:100%;height:auto; float:left; text-align:center; font-size:12px; padding-bottom:60px;}
.pagination{text-align:center; width:100%;}
.pagination ul{width:100%; height:auto; text-align:center;}
.pagination ul li{display:inline-block; color:#6c6462; height:20px; line-height:20px; text-align:center; margin-right:5px; padding-left: 0;}
.pagination ul li:before{}
.pagination ul li a{ color:#000; display:inline-block; vertical-align:top; font-size:14px;}
.pagination ul li a i{ background:none; float:left; font-style:normal; display:inline-block; width:25px; height:25px; line-height:25px;}
.pagination ul li a:hover i{ color:#FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
}
.pagination ul li a.active i{ color:#FFF;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
}

.pagination ul li a i.i1{ float:left; background:none; font-size:18px;}
.pagination ul li a i.i2{ float:right; background:none; font-size:18px;}
.pagination ul li a:hover i.i1{ background:none; color:#000;}
.pagination ul li a:hover i.i2{ background:none; color:#000;}


/*-- operate --*/
.oph{ height:65px; }
.oph .inbg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.opbox{ width:100%; height:auto; float:left; }
.opsearch{ width:100%; height:auto; float:left; padding:80px 10px 40px;}
.opsearch select{ width:210px; height:45px; float:left; margin-right:20px; border:1px solid #cecece; font-size:17px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.opsearch input{ width:110px; height:45px; display:inline-block; cursor:pointer; font-size:17px; color:#FFF; border:0px; outline:none;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
}
.opsearch input:hover{
background: linear-gradient(bottom, #00b8b3, #00b8b3);
background: -ms-linear-gradient(bottom, #00b8b3, #00b8b3);
background: -webkit-linear-gradient(bottom, #00b8b3, #00b8b3);
background: -moz-linear-gradient(bottom, #00b8b3, #00b8b3);
}

.opall{ width:100%; height:auto; float:left; padding-bottom:80px;}
.opone{ width:100%; height:auto; float:left; border:1px solid #cecece; margin:22px 0px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.opa{ width:30%; height:auto; float:left; padding:20px; display:table; position:relative;}
.opa:before{ content:""; position:absolute; right:0; top:15%; width:1px; height:70%; background:#cecece;}
.opa p{ width:100%; height:110px; display:table-cell; vertical-align:middle; font-size:18px; color:#4f4f4f; }
.opb{ width:30%; height:auto; float:left; padding:20px; display:table; position:relative;}
.opb:before{ content:""; position:absolute; right:0; top:15%; width:1px; height:70%; background:#cecece;}
.opb p{ width:100%; height:110px; display:table-cell; vertical-align:middle; font-size:15px; color:#4f4f4f;}
.opc{ width:20%; height:auto; float:left; padding:20px; display:table; position:relative;}
.opc:before{ content:""; position:absolute; right:0; top:15%; width:1px; height:70%; background:#cecece;}
.opc p{ width:100%; height:110px; display:table-cell; vertical-align:middle; font-size:15px; color:#4f4f4f;}
.opd{width:20%; height:auto; float:left; padding:20px; display:table; }
.opd p{ width:100%; height:110px; display:table-cell; vertical-align:middle; font-size:15px; color:#4f4f4f;}
.opd p i{ width:30px; height:30px; display:inline-block;}
.opd p span{ display:inline-block;}

.opall .page{ padding-bottom:20px;}

.notbox{ width:100%; height:auto; float:left; text-align:center; font-size:18px; padding:50px 0px;}

/*-- news --*/
.news{ width:100%; height:auto; float:left;}

.newstop{ width:100%; height:auto; float:left; padding:60px 0px 30px;}
.news-one{ width:100%; height:auto; float:left;}
.newsl{ width:48%; height:auto; float:left;}
.newsl img{ width:100%;}
.newsr{ width:52%; height:auto; float:left; padding:30px 30px 0px;}
.ns-a{ width:100%; height:auto; float:left; padding:10px 0px;}
.ns-a h1{ font-size:26px; color:#000000; line-height:22px;}
.ns-b{ width:100%; height:auto; float:left; padding:15px 0px;}
.ns-b p{ float:left; padding-right:35px;}
.ns-b p.p2{ padding-right:0;}
.ns-b .p1 i{ width:30px; height:30px; float:left; background:url(../img/images/news/time.jpg) center center no-repeat;}
.ns-b .p2 i{ width:30px; height:30px; float:left; background:url(../img/images/news/look.jpg) center center no-repeat;}
.ns-b p span{ float:left; line-height:30px; font-size:14px; color:#5f5f5f; }
.ns-c{ width:100%; height:auto; float:left; padding:10px 0px 30px; border-bottom:1px solid #aaaaaa;}
.ns-c p{ width:100%; height:auto; float:left; line-height:25px; font-size:14px; color:#5f5f5f; }
.ns-c i{ float:right; font-style:normal; color:#00b0a5; border-bottom:1px solid #00b0a5; line-height:35px; font-size:14px; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.news-one:hover .ns-c i{ color:#000; border-bottom:1px solid #000; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}

.newstop .bx-wrapper .bx-prev { left:51%; background:url(../img/images/news/newsl.png) center center no-repeat; }
.newstop .bx-wrapper .bx-next { left:54.5%; background:url(../img/images/news/newsr.png) center center no-repeat; }
.newstop .bx-wrapper .bx-prev:hover { background:url(../img/images/news/newslh.png) center center no-repeat; }
.newstop .bx-wrapper .bx-next:hover { background:url(../img/images/news/newsrh.png) center center no-repeat; }
.newstop .bx-wrapper .bx-controls-direction a { position: absolute; top:auto; bottom:10px; margin-top:0px; outline: 0; width: 39px; height: 39px;}

.newsban{ width:100%; height:auto; float:left; padding-top:20px;}
.newsone{ width:100%; height:auto; float:left; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.newsimg{ width:100%; height:auto; float:left; background:#00dab6;}
.newsimg img{ width:100%; }
.newsshow{ width:100%; height:auto; float:left; padding:20px; border:1px solid #c2c2c2; border-top:0; position:relative;}
.newsshow h1{ width:100%; height:40px; float:left; font-size:18px; color:#292929; line-height:22px; margin-top:10px;
overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.newsshow h2{ width:100%; height:40px; float:left; font-size:14px; color:#747474; line-height:20px;}
.newsshow p{ float:left; padding:40px 0px 5px;}
.newsshow p i{ width:30px; height:30px; float:left; background:url(../img/images/news/time.jpg) center center no-repeat;}
.newsshow p span{ float:left; line-height:30px; font-size:14px; color:#a1a1a1; }
.newsshow em{ position:absolute; width:95px; height:30px; top:150px; right:20px; text-align:center; font-size:14px; font-style:normal; line-height:30px; color:#FFF; visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;
}
.newsone:hover .newsshow em{ top:130px; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.newsone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#caf1f0,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 5px 25px #caf1f0;/*兼容firefox*/
-webkit-box-shadow:0px 5px 25px #caf1f0;/*兼容safari或chrome*/
box-shadow:0px 5px 25px #caf1f0;/*兼容opera或ie9*/
-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;	
}

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:15px 0px; font-size:26px; text-align:center; float:left; color:#2f2f2f; font-weight:600; margin-top:30px;}
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left; font-size:16px; color:#2f2f2f;}
.in-newsbox_info span{ font-size:16px; color:#FFF; 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%; color:#2f2f2f;}
.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:15px; line-height:20px; padding:5px 0px; color:#2f2f2f;}
.pagesr p{ width:auto; font-size:15px; line-height:20px; padding:5px 0px; color:#2f2f2f;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
}
.pagesl a:hover{ color:#FFF; background:#161616;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:15px; padding:5px 10px; display:inline-block;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(bottom, #00ddb7, #007bae);
background: -ms-linear-gradient(bottom, #00ddb7, #007bae);
background: -webkit-linear-gradient(bottom, #00ddb7, #007bae);
background: -moz-linear-gradient(bottom, #00ddb7, #007bae);
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#161616;}

/*-- 服务中心 --*/
.contact{ width:100%; height:auto; float:left;}
.mapboxs{ width:100%; height:auto; float:left; padding:70px 0px;}
.mapone{ width:100%; height:auto; float:left; background:#e8e8e8; margin:8px 0px;}
.maponel{ width:50%; height:320px; float:left; padding:10px;}
.maponel i{ width:35%; height:100%; float:left; text-align:center; padding-top:70px; }
.maponel i img{ max-width:100%;}
.maponel h1{ width:65%; height:auto; float:left; padding:70px 0px 10px; font-size:22px; color:#000; line-height:30px;}
.maponel p{ width:65%; height:auto; float:left; padding:5px 0px; font-size:14px; color:#000; line-height:22px;}
.maponer{ width:50%; height:320px; float:left;}
#container{ width:100%; height:100%;}
#containers{ width:100%; height:100%;}
.mbg{ background:#d3d3d3; }

/*-- feedback --*/
.feedback{ width:100%; height:auto; float:left; padding-bottom:50px;}
.feed-t{ width:100%; height:auto; float:left; text-align:center; font-size:28px; color:#000000; line-height:40px; padding:30px 0px;}
.feed-show{ width:100%; height:auto; float:left;}

.crr-one{ width:32%; height:46px; float:left; font-size:14px; color:#949494; margin-top:18px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-two{ width:32%; height:46px; float:left; font-size:14px; color:#949494; margin:0 2%; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-three{ width:100%; height:auto; float:left; font-size:14px; color:#949494; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.crr-four{ width:100%; height:46px; float:left; font-size:14px; color:#949494; margin-top:20px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#input1{height:100%; width:100%; border:0px; background-color:#f7f7f7; line-height:46px; float:left; color:#949494; font-size:15px; outline:none; padding:10px 15px;}
#input2{ width:100%; height:130px; font-size:15px; outline:none; overflow:hidden; line-height:30px; float:left;resize:none; border:0px;
background-color:#f7f7f7; padding:10px 15px; color:#949494;}
.crrbtn{ width:100%; height:auto; float:left; padding:50px 0px; text-align:center;}
#button{ width:470px; height:60px; background:#7f7f7f; display:inline-block; cursor:pointer; 
font-size:17px; 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浏览器 */
background: linear-gradient(left, #00ddb7, #007bae);
background: -ms-linear-gradient(left, #00ddb7, #007bae);
background: -webkit-linear-gradient(left, #00ddb7, #007bae);
background: -moz-linear-gradient(left, #00ddb7, #007bae);
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
#button:hover{ background:#000; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; }

/*-- pdf --*/
.cnav{ width:100%; height:auto; float:left; padding:60px 0px 25px; text-align:center;}
.cnav a{ width:250px; padding:15px 0px; margin:20px; display:inline-block; background:#f5f5f5; text-align:center; font-size:16px; color:#7a7a7a; 
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.cnav a:hover{ color:#FFF; 
background: linear-gradient(80deg, #00ddb7, #007bae);
background: -ms-linear-gradient(80deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(80deg, #00ddb7, #007bae);
background: -moz-linear-gradient(80deg, #00ddb7, #007bae);
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.cnav a span{ display:inline-block; line-height:30px; vertical-align:top; padding:0px 10px;}
#con{ color:#FFF;
background: linear-gradient(80deg, #00ddb7, #007bae);
background: -ms-linear-gradient(80deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(80deg, #00ddb7, #007bae);
background: -moz-linear-gradient(80deg, #00ddb7, #007bae);
}
#con #ico-pdf{background:url(../img/images/page/pdficoh.png) center center no-repeat;}
#ico-pdf{ display:inline-block; width:30px; height:30px; background:url(../img/images/page/pdfico.png) center center no-repeat; vertical-align:top;}
.cnav a:hover #ico-pdf{background:url(../img/images/page/pdficoh.png) center center no-repeat;}

#con #ico-video{background:url(../img/images/page/videoicoh.png) center center no-repeat;}
#ico-video{ display:inline-block; width:30px; height:30px; background:url(../img/images/page/videoico.png) center center no-repeat; vertical-align:top;}
.cnav a:hover #ico-video{background:url(../img/images/page/videoicoh.png) center center no-repeat;}

.cpdf{ width:100%; height:auto; float:left;}
.pdfone{ width:100%; height:auto; float:left; border:1px solid #b8b8b8; background:#FFF; padding:10px 30px; position:relative;
-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;
}
.pdfone a{ width:100%; height:auto; float:left; display:table;}
.pdfone a p{ display:table-cell; width:100%; height:60px; padding:0px 20px 0px 60px; vertical-align:middle;  font-size:16px; color:#343434;}
.pdfone a i.i1{ width:45px; height:45px; position:absolute; left:20px; top:17px; background:url(../img/images/page/pdfa.png) center center no-repeat;}
.pdfone a i.i2{ width:45px; height:45px; position:absolute; right:20px; top:17px; background:url(../img/images/page/down.png) center center no-repeat;}
.pdfone:hover{ border:1px solid #37ae9a; background:#37ae9a; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.pdfone:hover a p{ color:#FFF;}
.pdfone:hover a i.i1{ background:url(../img/images/page/pdfah.png) center center no-repeat;}
.pdfone:hover a i.i2{ background:url(../img/images/page/downh.png) center center no-repeat;}

/*-- video --*/
.vone{ width:100%; height:auto; float:left; background:#FFF; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.vone-img{ width:100%; height:auto; float:left; position:relative;}
.vone-img img{ width:100%; }
.vone-img b{ position:absolute; left:0; top:45%; width:100%; height:auto; text-align:center; z-index:1;}
.vone-img b img{ width:51px;}
.vone-name{ width:100%; height:auto; float:left; display:table;}
.vone-name h1{ display:table-cell; text-align:center; vertical-align:middle; width:100%; height:66px; font-size:16px; color:#000; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.vone:hover{
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cdcdcd,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:-2px 5px 5px #cdcdcd;/*兼容firefox*/
-webkit-box-shadow:-2px 5px 5px #cdcdcd;/*兼容safari或chrome*/
box-shadow:-2px 5px 5px #cdcdcd;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.vone:hover .vone-name h1{ color:#FFF; 
background: linear-gradient(80deg, #00ddb7, #007bae);
background: -ms-linear-gradient(80deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(80deg, #00ddb7, #007bae);
background: -moz-linear-gradient(80deg, #00ddb7, #007bae);
 transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.bigvv{ width:100%; height:auto; position:fixed; border:0; top:15%; left:0px; z-index:-1; text-align:center;
visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.bigvvon{ visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; z-index:99999;}
.bigcc{ width:750px; height:570px; display:inline-block; padding:20px;
background: linear-gradient(80deg, #00ddb7, #007bae);
background: -ms-linear-gradient(80deg, #00ddb7, #007bae);
background: -webkit-linear-gradient(80deg, #00ddb7, #007bae);
background: -moz-linear-gradient(80deg, #00ddb7, #007bae);
-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=#616262,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow:0px 0px 15px #616262;/*兼容firefox*/
-webkit-box-shadow:0px 0px 15px #616262;/*兼容safari或chrome*/
box-shadow:0px 0px 15px #616262;/*兼容opera或ie9*/
}
.bigvv iframe{ width:100%; height:490px; display:inline-block;}
.bvc{ width:100%; float:left; text-align:center;}
.bvc span{ width:100%; height:30px; display:inline-block; text-align:right; font-size:16px; color:#FFF; cursor:pointer;}
.bvc span img{ width:25px; cursor:pointer;}

/*-- foot --*/
.footB{ width:100%; height:auto; float:left; 
background: linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -ms-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -webkit-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
background: -moz-linear-gradient(75deg, #00ddb7 35%, #007bae 70%);
}
.footup{ width:100%; height:auto; float:left; padding:25px 8%;}
.footup a{ width:14.2%; height:auto; float:left; line-height:25px; font-size:14px; color:#FFF; position:relative; text-align:center; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.footup a:hover{ color:#f4f4f4; text-decoration:underline; -webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.footup a:before{ content:""; position:absolute; left:-1px; top:5px; width:1px; height:15px; background-color:#FFF;}
.footup a:after{ content:""; position:absolute; right:0; top:5px; width:1px; height:15px; background-color:#FFF;}
.footm{ width:100%; height:auto; float:left; border-top:1px solid #54bdbb; border-bottom:1px solid #54bdbb;}
.footml{ width:26%; min-height:260px; float:left; padding-right:10px; text-align:center; background:url(../img/page/fflll.png) right center  no-repeat;}
.footml i{ width:100%; height:auto; float:left; margin-top:60px;}
.footml i img{ max-width:100%;}
.footml p{ width:100%; height:auto; float:left; padding:10px 0px; font-size:18px; color:#FFF; line-height:20px; letter-spacing:1px;}
.footmm{ width:55%; height:auto; float:left; padding:25px 5%;}
.footmm h1{ width:100%; height:auto; float:left; line-height:50px; font-size:18px; color:#FFF; position:relative; margin-bottom:25px;}
.footmm h1:before{ content:""; position:absolute; left:0; bottom:0; width:65%; height:1px; background:#54bdbb; }
.footmm p{ width:100%; height:auto; float:left; padding:8px 0px;}
.footmm p i{ float:left; padding-right:7px; width:40px;}
.footmm p i img{ max-width:100%; }
.footmm p span{ float:left; font-size:14px; color:#FFF; list-style:25px; width:85%;}
.footmr{ width:19%; height:auto; float:left; padding-top:40px;}
.footmr i{ width:100%; float:left; text-align:center;}
.footmr i img{ max-width:100%;}
.footmr p{ width:100%; height:auto; padding:10px 0px; text-align:center; float:left; font-size:14px; color:#FFF;}


.footdown{ width:100%; height:auto; float:left; padding:23px 0px; line-height:25px; font-size:14px; color:#FFF; text-align:center; position:relative;}
.footdown span{ padding:0px 10px;}
.footdown a{ color:#FFF; }

		
/* ~~ 脚注 ~~ */
@-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;}

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

.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:20px; top:35%; width:80px; height:auto; z-index:101; background:#FFF; padding:10px 0px;
-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 0px 3px 0px #dddcdc;/*兼容firefox*/
-webkit-box-shadow:0px 0px 3px 0px #dddcdc;/*兼容safari或chrome*/
box-shadow:0px 0px 3px 0px #dddcdc;/*兼容opera或ie9*/
}
.furight ul li{ width:100%; height:auto; float:left;}
.furight ul li i{ width:100%; height:auto; float:left; text-align:center; padding:5px 0px;}
.furight ul li i img{ max-width:100%;}
.furight ul li p{ width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#4a4a4a; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; padding:2px 0px 5px;}
.furight ul li a:hover p{ color:#00c1b4; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.furight.fen p{ font-size:12px;}

.furightB, .furightB2, .furightB3{ width:100%; height:100%; position:fixed; z-index:102; display:none;}
.ftB-bg{ width:100%; height:100%; position:absolute; top:0; left:0; background:#000;  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.ftb-show{ width:100%; height:auto; float:left; top:12%; text-align:center; z-index:1; position:relative;}
.ftb-m{ max-width:500px; height:auto; display:inline-block; background:#FFF; border:1px solid #a6a6a6;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ftb-mt{ width:100%; height:auto; float:left; padding:15px; border-bottom:1px solid #a6a6a6;}
.ftb-mt p{ width:80%; float:left; font-size:16px; text-align:left;}
.ftb-mt i{ width:20px; height:20px; float:right; position:relative; cursor:pointer;}
.ftb-mt i:before{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
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 */
}
.ftb-mt i:after{ content:""; width:18px; height:2px; background:#000; position:absolute; right:9px; top:10px; cursor:pointer;
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 */
}
.ftb-in{ width:100%; height:auto; text-align:center; padding:15px; float:left;}
.ftb-in i{ width:100%; height:auto; float:left; padding:15px 20px 5px;}
.ftb-in i img{ max-width:100%;}
.ftb-in p{ font-size:14px; width:100%; height:auto; padding:10px 0px; float:left;}