@charset "utf-8";
/*powered by:杭州翰臣科技有限公司 邱爽*/
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
/**{ margin:0; padding:0; cursor:url("ico.ico"), pointer !important;}*/
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
.text,textarea,select{ outline:none; font-family:微软雅黑; color:#666; font-size:12px; width:100%;}
.ul_lf li,.ul_js li{ position:relative;}
::-webkit-scrollbar{ width:8px;}
::-webkit-scrollbar-thumb{ background:#ccc;}
::-webkit-scrollbar-track{ background:#fff;}
@font-face
{
font-family:Fontsstyle;
src: url("HelveticaNeueLTPro-Bd.ttf")/*tpa=http://www.tofine.com/fonts/HelveticaNeueLTPro-Bd.ttf*/,
     url("HelveticaNeueLTPro-Bd.eot")/*tpa=http://www.tofine.com/fonts/HelveticaNeueLTPro-Bd.eot*/,
	 url("HelveticaNeueLTPro-Bd.svg")/*tpa=http://www.tofine.com/fonts/HelveticaNeueLTPro-Bd.svg*/,
	 url("HelveticaNeueLTPro-Bd.woff")/*tpa=http://www.tofine.com/fonts/HelveticaNeueLTPro-Bd.woff*/;
}
.moblie_exhi,
.BMap_mask,
.BMap_stdMpZoom,
.BMap_stdMpPan,
.BMap_cpyCtrl,
.BMap_scaleTxt,
.BMap_scaleCtrl,
.BMap_omCtrl,
.anchorBL,
#ascrail2000-hr{ display:none !important;}
.a_txt,.nav_ipad,.moblie_head{ display:none;}
.div_scroll{ overflow:auto;}
.div_js{ position:relative; opacity:0;}
/*-webkit-filter: blur(0px); filter: blur(0px);*/
/*active*/
/* 公用样式 */
.box{ width:1200px; margin:0 auto;}
.foot{ background:#e5e5e5; position:relative; z-index:100; padding-top:5%;}
.foot_top .div1 img{height: 100%;}
.foot_top .div2{ margin-left:70px;}
.foot_top .div2 .p1 a{ color:#adadad; font-size:16px;}
.foot_top .div2 .p1 a:hover{ color:#009cac;}
.foot_top .div2 .p1 span{ margin-left:15px; margin-right:15px; color:#adadad}
.foot_top .div2 .p2{ margin-top:20px;}
.foot_top .div2 .p2 a{ display:inline-block; width:30px; height:30px; margin-right:10px;}
.foot_top .div2 .p2 .a1{ background:url("../img/1_76.png")/*tpa=http://www.tofine.com/images/1_76.png*/ center no-repeat;}
.foot_top .div2 .p2 .a2{ background:url("../img/1_77.png")/*tpa=http://www.tofine.com/images/1_77.png*/ center no-repeat;}
.foot_top .div2 .p2 .a3{ background:url("../img/1_78.png")/*tpa=http://www.tofine.com/images/1_78.png*/ center no-repeat;}
.foot_top .div3 .p2{ margin-top:20px;}
.foot_bottom{ margin-top:5%; border-top:1px solid #ccc; height:36px; line-height:36px; background:#dbdbdb; color:#666;}
.foot_bottom .lf a{ color:#b2b2b2;}
.foot_bottom .lf a:hover{ color:#009cac;}
.foot_bottom .lf a.beian{ color: #666; padding: 0 5px;}
.foot_bottom .lf a.beian:hover{ color:#009cac;}
.foot_bottom .lf span{ color:#b2b2b2; margin-right:15px; margin-left:15px;}
.foot_bottom .rg a{ color:#666;}
.foot_bottom .rg a:hover{ color:#009cac;}
.foot1{ display:none;}
.a_txt1{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:10001; left:0px; top:0px;}
.a_txt1 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.a_txt1 .div2{ position:absolute; width:1200px; height:639px; top:50%; left:50%; margin-top:-320px; margin-left:-600px; filter:alpha(opacity=0); opacity:0;}
.a_txt1 .div2 .p1{ float:left; width:1100px; height:619px; padding:10px; background:#fff;}
.a_txt1 .div2 .p2{ float:right;}
.a_txt1 .div2 .p2 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.a_txt1 .div2 .p2 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.box{ width:auto; padding-left:5%; padding-right:5%;}
	.moblie_head{ display:block; height:44px; background:#009cac; position:fixed; top:0px; left:0px; width:100%; z-index:9999;}
	.moblie_head .lf{ padding-top:7px; padding-left:3%;}
	.moblie_head .rg{ padding-top:10px; padding-right:5%;}
	.moblie_head .rg img{ height:20px;}
	.heg{ height:44px;}
	.a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:10000;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%; background:#0b0d19; position:relative; z-index:101;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.a_txt .div3 ul li .a_js2{ background:url("+.png")/*tpa=http://www.tofine.com/images/+.png*/ 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .a_js2_on{ background:url("-.jpg")/*tpa=http://www.tofine.com/images/-.jpg*/ 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .a_txt2 a{ height:40px; line-height:40px; font-size:14px;}
	.a_txt .div4{ position:absolute; bottom:0px; left:5%; bottom:2.5%; color:#fff; font-size:0.38rem; line-height:0.7rem; z-index:100;}
	.a_txt .div4 img{ width:3rem;}
	.a_txt .div_language{ position:absolute; bottom:0px; left:5%; bottom:30%; color:#fff; font-size:0.38rem; line-height:0.7rem; z-index:100;}
	.a_txt .div_language a{ margin: 0 0.3rem; color: #fff;}
	.a_txt1 .div2{ width:90%; top:35%; left:5%; height:auto; margin-top:0; margin-left:0;}
	.a_txt1 .div2 .p1{ float:none; width:90%; padding:5%; height:auto;}
	.a_txt1 .div2 .p2{ float:none; position:absolute; top:-30px; right:0px;}
	.a_txt1 .div2 .p2 img{ width:25px;}
	.foot{ display:none;}
	.foot1{ display:block; background:#dbdbdb; border-top:1px solid #ccc; text-align:center; color:#666; font-size:0.34rem; padding-top:3%; padding-bottom:3%;}
	.foot1 a{ color:#666}
}
/* 公用样式 End */

/* Index */
.index_head{ position:fixed; top:0px; left:-230px; background:url("../img/1_01.png")/*tpa=http://www.tofine.com/images/1_01.png*/ right top no-repeat; width:230px; height:452px; z-index:1000;}
.index_head .div1{ padding-left:25px; padding-top:65px; position:relative; z-index:100;}
.index_head .div1 img{height: 100%;}
.index_head .div2{ margin-top:40px; padding-left:36px; width:70px; position:relative; height:18px; overflow:hidden; padding-right:20px; z-index:100;}
.index_head .div2 .a1{ display:block; position:relative; z-index:100; -webkit-transition: all .0s; -moz-transition: all .0s; transition: all .0s;}
.index_head .div2 .a1 .lf{ width:22px;}
.index_head .div2 .a1 .lf div{ height:3px; line-height:3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.index_head .div2 .a1 .lf .p2{ position:relative; left:-3px; margin-top:3px;}
.index_head .div2 .a1 .lf .p3{ position:relative; left:-6px; margin-top:3px;}
.index_head .div2 .a1 .rg{ position:relative; left:0px; color:#fff; text-transform:uppercase; line-height:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.index_head .div2:hover .a1 .lf .p2,.index_head .div2:hover .a1 .lf .p3{ left:0px;}
.index_head .div2:hover .a1 .rg{ left:5px;}
.index_head .div2 .a2{ display:block; position:relative; top:0px; left:0px; -webkit-transition: all .0s; -moz-transition: all .0s; transition: all .0s;}
.index_head .div2 .a2 .lf{ width:22px; height:18px;}
.index_head .div2 .a2 .lf img{ vertical-align:top}
.index_head .div2 .a2 .rg{ position:relative; left:0px; color:#fff; text-transform:uppercase; line-height:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.index_head .div2:hover .a2 .rg{ left:5px;}
.index_head .div3{ position:absolute; top:200px; height:225px; filter:alpha(opacity=0); opacity:0; left:-200px; width:100%; z-index:150;}
.index_head .div3 .li1{ width:235px;}
.index_head .div3 .li2{ width:210px;}
.index_head .div3 .li3{ width:186px;}
.index_head .div3 .li4{ width:162px;}
.index_head .div3 .li5{ width:138px;}
.index_head .div3 li .p1 a{ display:block; line-height:45px; padding-left:36px; color:#fff; font-size:16px; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.index_head .div3 li .p2{ display:none; background:#ffb800; width:320px; position:fixed; top:-210px; left:95px; z-index:100; height:1420px; transform:rotate(28deg);-ms-transform:rotate(28deg);-moz-transform:rotate(28deg);-webkit-transform:rotate(28deg); -o-transform:rotate(28deg)}
.index_head .div3 li .p2 .div_rotate{ padding-top:260px; -webkit-transform:rotate(0deg); padding-left:26px;}
.index_head .div3 .li3 .p2 .div_rotate{ padding-top:350px;}
.index_head .div3 .li4 .p2 .div_rotate{ padding-top:470px;}
.index_head .div3 .li5 .p2 .div_rotate{ padding-top:530px;}
.index_head .div3 li .p2 .pp1{ border-bottom:1px solid #b28000; width:305px; padding-bottom:10px; -webkit-transform:rotate(-28deg);}
.index_head .div3 li .p2 .pp1 a{ display:block; color:#333; font-size:18px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; position:relative; left:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} 
.index_head .div3 li .p2 .pp1 a span{ margin-right:10px; margin-left:10px;}
.index_head .div3 li .p2 .pp1 a strong{ font-size:18px; font-family:微软雅黑;}
.index_head .div3 li .p2 .pp2{ margin-top:20px;}
.index_head .div3 li .p2 .pp2 a{ font-family:Arial, Helvetica, sans-serif; display:block; line-height:45px; -webkit-transform:rotate(-28deg); color:#333; font-size:12px; text-transform:uppercase; position:relative; left:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.index_head .div3 li .p2 .pp2 a strong{ font-size:16px; font-weight:normal; font-family:微软雅黑;}
.index_head .div3 li .p2 .pp2 a span{ margin-left:10px; margin-right:10px;}
.index_head .div3 li .p2 .pp2 a:hover,.index_head .div3 li .p2 .pp1 a:hover{ left:-5px; color:#009cac;}
.index_head .div3 li:hover .p1{ background:#ffb800; color:#333;}
.index_head .div3 li:hover .p2{ display:block;}
.index_head .div4{ margin-top:67px; padding-left:20px; position:relative; z-index:100;}
.index_head .div4 a{ /*display:block; background:url(../images/1_03.png) center no-repeat; width:40px; height:40px;*/ color:#fff; font-size:14px;}
.index_head .div4 a:hover{/* background:url(../images/1_03a.png) center no-repeat;*/ text-decoration:underline;}
.index_head .div4 span{ color:#fff; margin-left:7px; margin-right:7px;}
.banner{ position:fixed; top:0px; left:0px; overflow:hidden; width:100%; overflow:hidden;}
.moblie_banner{ display:none; position:relative; overflow:hidden; width:100%; height:100%;}
.banner .slides { width:100%; position:relative;z-index:1;}
.banner .slides li { width:100%; height:auto; position:relative;}
.banner .slides li img{ width:100%; height:auto}
.banner .slides li .div1{ width:16.14%; position:absolute; left:46.77%; top:3.66%; z-index:10;}
.banner .slides li .div1 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div1 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div1:hover  .p2{ opacity:1;}
.banner .slides li .div2{ width:13.95%; position:absolute; left:66.77%; top:5.68%; z-index:10;}
.banner .slides li .div2 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div2 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div2:hover  .p2{ opacity:1;}
.banner .slides li .div3{ width:15.31%; position:absolute; left:75.72%; top:16.1%; z-index:10;}
.banner .slides li .div3 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div3 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div3:hover  .p2{ opacity:1;}
.banner .slides li .div4{ width:12.7%; position:absolute; left:56.35%; top:24.08%; z-index:10;}
.banner .slides li .div4 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div4 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div4:hover  .p2{ opacity:1;}
.banner .slides li .div5{ width:11.71%; position:absolute; left:41.06%; top:38.16%; z-index:10;}
.banner .slides li .div5 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div5 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div5:hover  .p2{ opacity:1;}
.banner .slides li .div6{ width:14.11%; position:absolute; left:83.48%; top:34%; z-index:10;}
.banner .slides li .div6 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div6 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div6:hover  .p2{ opacity:1;}
.banner .slides li .div7{ width:9.21%; position:absolute; left:50.26%; top:45.78%; z-index:10;}
.banner .slides li .div7 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div7 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div7:hover  .p2{ opacity:1;}
.banner .slides li .div8{ width:10.98%; position:absolute; left:63.9%; top:62.2%; z-index:10;}
.banner .slides li .div8 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div8 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div8:hover  .p2{ opacity:1;}
.banner .slides li .div9{ width:14.11%; position:absolute; left:80.31%; top:50.94%; z-index:10;}
.banner .slides li .div9 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div9 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div9:hover  .p2{ opacity:1;}
.banner .slides li .div10{ width:16.66%; position:absolute; left:16.56%; top:17.15%; z-index:10;}
.banner .slides li .div10 .p1{ position:absolute; top:0px; left:0px; width:100%;}
.banner .slides li .div10 .p2{ position:absolute; top:0px; left:0px; width:100%; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.banner .slides li .div10:hover  .p2{ opacity:1;}
.banner .flex-control-nav { position:absolute; bottom:5%; z-index:99;width:100%; text-align:center; left:0px;padding-left: 0px;} 
.banner .flex-control-nav li { display:inline-block; width:12px; height:12px; margin:0 8px;}
.banner .flex-control-nav li span { display:none;}
.banner .flex-control-nav li a { width:12px; height:12px; cursor:pointer; background:#fff; display:block; border-radius:100%;}
.banner .flex-control-nav li a.flex-active { background:#ffb800}
.banner .flex-direction-nav{ display:none;}
.div_title{ text-align:center; color:#333; top:100px;}
/*.div_title .div_div1{ font-size:30px; line-height:32px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}*/
.div_title .div_div1{ font-size:70px; line-height:72px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;font-weight:600;color:#009cac;}
.div_title .div_div2{ font-size:18px; text-transform:uppercase; margin-top:10px; font-family:Arial, Helvetica, sans-serif; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

body.productsinfo .div_title{ text-align: left !important;}

.index_box{ background:#fff; position:relative; z-index:100; min-width:1200px; padding-bottom:5%;}
.ss{ background:url("../img/1_18.jpg")/*tpa=http://www.tofine.com/images/1_18.jpg*/ repeat; padding-top:5%; padding-bottom:3%;}
.ss .div1{ left:-150px;}
.ss .div1{ padding-left:14.5%; padding-right:14.5%;}
.ss .div1 ul li{ float:left; width:18.4%; margin-right:2%;}
.ss .div1 ul li .p1 img{ width:100%;}
.ss .div1 ul li .p2{ font-size:18px; color:#333; margin-top:5px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss .div1 ul li .p3{ font-size:14px; color:#555; line-height:28px; height:56px; overflow:hidden; margin-top:8px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss .div1 ul li .p4{ background:url("../img/1_19.png")/*tpa=http://www.tofine.com/images/1_19.png*/ center top no-repeat; padding-top:25px; text-align:center; filter:alpha(opacity=0); opacity:0; color:#ffb800; margin-top:5%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss .div1 ul li:hover .p4{ opacity:1;}
.ss .div1 ul li:hover .p2,.dd .div1 ul li:hover .p3{ color:#009cac}
.ss .div2{ padding-left:7%; padding-right:7%; left:150px; margin-top:2%;}
.ss .div2 ul li{ float:left; width:15.16%; margin-right:1.8%;}
.dd{ background:#fff; padding-top:5%; padding-bottom:2%;}

.dd .div_title{ color:#333;}
.ff{ overflow:hidden;}
.ff ul li{ float:left; width:25%; background:#000; position:relative; overflow:hidden;}
.ff ul .li1{ background:#049a9a; top:150px;}
.ff ul .li2{ background:#004280; top:150px;}
.ff ul .li3{ background:#ea7c14; top:150px;}
.ff ul .li4{ background:#3c64a5; top:150px;}
.ff ul li .pad{ padding:10%; display:block;}
.ff ul li .pad .div1 img{ width:208px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul li .pad .div1 span{color: #fff;font-weight: 600;font-size: 18px;}
.ff ul li .pad .div2{ font-size:30px; color:#fff; line-height:40px; margin-top:5%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul li .pad .div3{ margin-top:8%;}
.ff ul li .pad .div3 img{ width:100%;background-color:#ffffff;}
.ff ul li .pad .div4{ width:112px; text-align:center; height:50px; line-height:50px; color:#fff; font-size:14px; font-weight:bold; margin:0 auto; margin-top:8%; background:#048080; border:1px solid #fff; border-radius:50px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul .li2 .pad .div4{ background:#002b54; border:1px solid #808f9e;}
.ff ul .li3 .pad .div4{ background:#d16f13; border:1px solid #e6b281;}
.ff ul .li4 .pad .div4{ background:#32558c; border:1px solid #98abcb;}
.ff ul li .pad .div5{ background:rgba(255,255,255,0.9); position:absolute; bottom:-100%; padding:10% 8%; width:84%; filter:alpha(opacity=0); opacity:0; left:0px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
.ff ul li .pad .div5 .p1 img{ width:108px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul li .pad .div5 .p2{ color:#333; font-size:24px; line-height:26px; margin-top:5%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul li .pad .div5 .p3{ margin-top:10%; color:#333; font-size:18px; line-height:36px; height:216px; overflow:hidden; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul li .pad .div5 .p4{ background:#004280; width:154px; height:44px; line-height:44px; color:#fff; font-size:16px; border-radius:2px; text-align:center; margin-top:10%; text-align:center; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff ul li .pad .div5 .p4 span{ background:url("../img/1_33.png")/*tpa=http://www.tofine.com/images/1_33.png*/ center right no-repeat; font-weight:bold; padding-right:22px;}
.ff ul li .pad .div5 .p4:hover{ background:#002c55}
.ff ul li:hover .pad .div5{ bottom:0px; opacity:1;}
.gg{ background:url("../img/1_34.jpg")/*tpa=http://www.tofine.com/images/1_34.jpg*/ center top no-repeat; padding-top:5%; padding-bottom:8%;}
.gg .div1{ margin-top:3%; text-align:center; color:#555; font-size:16px; line-height:32px; top:100px;}
.gg .div2{ margin-top:8%; height:550px; position:relative;}
.gg .div2 .p1{ position:absolute; top:39px; left:-20px; width:251px; height:179px; overflow:hidden; z-index:15;}
.gg .div2 .p1 img{ position:relative; bottom:-100%;}
.gg .div2 .p2{ position:absolute; top:0px; right:-52px; width:252px; height:219px; overflow:hidden;}
.gg .div2 .p2 img{ position:relative; bottom:-100%;}
.gg .div2 .p3{ position:absolute; top:199px; left:204px; width:0px; overflow:hidden; z-index:20;}
.gg .div2 .p3 img{ width:792px;}
.gg .div2 .p4 a{ display:block; color:#009cac; position:absolute; z-index:20; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.gg .div2 .p4 a:hover .pp1,.gg .div2 .p4 a:hover .pp2{ color:#ffb800}
.gg .div2 .p4 .pp1{ font-weight:bold; font-size:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.gg .div2 .p4 .pp2{ font-size:14px; margin-top:2px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.gg .div2 .p4 .a1{ background:url("../img/1_38.png")/*tpa=http://www.tofine.com/images/1_38.png*/ center left no-repeat; left:0px; top:344px; padding-left:90px; height:62px; padding-top:18px;}
.gg .div2 .p4 .a2{ background:url("../img/1_39.png")/*tpa=http://www.tofine.com/images/1_39.png*/ top center no-repeat; left:152px; top:170px; padding-top:90px; text-align:center; width: 90px;}
.gg .div2 .p4 .a3{ background:url("../img/1_40.png")/*tpa=http://www.tofine.com/images/1_40.png*/ top right no-repeat; left:127px; top:470px; padding-right:90px; padding-top:18px; height:62px; text-align:right;}
.gg .div2 .p4 .a4{ background:url("../img/1_41.png")/*tpa=http://www.tofine.com/images/1_41.png*/ top left no-repeat; left:376px; top:170px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a5{ background:url("../img/1_42.png")/*tpa=http://www.tofine.com/images/1_42.png*/ top left no-repeat; left:376px; top:364px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a6{ background:url("../img/1_43.png")/*tpa=http://www.tofine.com/images/1_43.png*/ top left no-repeat; left:546px; top:450px; padding-top:90px; text-align:center;}
.gg .div2 .p4 .a7{ background:url("../img/1_44.png")/*tpa=http://www.tofine.com/images/1_44.png*/ top right no-repeat; left:688px; top:255px; padding-right:90px; padding-top:18px; height:62px; text-align:right;}
.gg .div2 .p4 .a8{ background:url("../img/1_45.png")/*tpa=http://www.tofine.com/images/1_45.png*/ top left no-repeat; left:742px; top:450px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a9{ background:url("../img/1_46.png")/*tpa=http://www.tofine.com/images/1_46.png*/ top center no-repeat; left:868px; top:170px; padding-top:90px; text-align:center; width:90px;}
.gg .div2 .p4 .a10{ background:url("../img/1_47.png")/*tpa=http://www.tofine.com/images/1_47.png*/ top left no-repeat; left:1044px; top:365px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a1:hover{ background:url("../img/1_38a.png")/*tpa=http://www.tofine.com/images/1_38a.png*/ center left no-repeat;}
.gg .div2 .p4 .a2:hover{ background:url("../img/1_39a.png")/*tpa=http://www.tofine.com/images/1_39a.png*/ top center no-repeat;}
.gg .div2 .p4 .a3:hover{ background:url("../img/1_40a.png")/*tpa=http://www.tofine.com/images/1_40a.png*/ top right no-repeat;}
.gg .div2 .p4 .a4:hover{ background:url("../img/1_41a.png")/*tpa=http://www.tofine.com/images/1_41a.png*/ top left no-repeat;}
.gg .div2 .p4 .a5:hover{ background:url("../img/1_42a.png")/*tpa=http://www.tofine.com/images/1_42a.png*/ top left no-repeat;}
.gg .div2 .p4 .a6:hover{ background:url("../img/1_43a.png")/*tpa=http://www.tofine.com/images/1_43a.png*/ top left no-repeat;}
.gg .div2 .p4 .a7:hover{ background:url("../img/1_44a.png")/*tpa=http://www.tofine.com/images/1_44a.png*/ top right no-repeat;}
.gg .div2 .p4 .a8:hover{ background:url("../img/1_45a.png")/*tpa=http://www.tofine.com/images/1_45a.png*/ top left no-repeat;}
.gg .div2 .p4 .a9:hover{ background:url("../img/1_46a.png")/*tpa=http://www.tofine.com/images/1_46a.png*/ top center no-repeat;}
.gg .div2 .p4 .a10:hover{ background:url("../img/1_47a.png")/*tpa=http://www.tofine.com/images/1_47a.png*/ top left no-repeat;}
.gg .div2 .p5{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p5 .img{ position:absolute; right:0px animation:myfirst 6s linear 4s infinite; -moz-animation:myfirst 6s linear 4s infinite; -webkit-animation:myfirst 6s linear 4s infinite; -o-animation:myfirst 6s linear 4s infinite;}
.gg .div2 .p6{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p6 .img{ position:absolute; right:0px animation:myfirst 6s linear 5.5s infinite; -moz-animation:myfirst 5s linear 5.5s infinite; -webkit-animation:myfirst 6s linear 5.5s infinite; -o-animation:myfirst 5.5s linear 6s infinite;}
.gg .div2 .p7{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p7 .img{ position:absolute; right:0px animation:myfirst 6s linear 7s infinite; -moz-animation:myfirst 6s linear 7s infinite; -webkit-animation:myfirst 6s linear 7s infinite; -o-animation:myfirst 6s linear 7s infinite;}
.gg .div2 .p8{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p8 .img{ position:absolute; right:0px animation:myfirst 6s linear 8.5s infinite; -moz-animation:myfirst 6s linear 8.5s infinite; -webkit-animation:myfirst 6s linear 8.5s infinite; -o-animation:myfirst 6s linear 8.5s infinite;}
@keyframes myfirst
{
	0%{ opacity:1; right:0px; bottom:0px}
	10%{ opacity:1; right:0px; bottom:100px;} 
	80% { opacity:1; right:1050px; bottom:100px;}
	100%{ opacity:0; right:1050px; bottom:0px;}
}
.gg .div3{ display:none;}
.gg .div3 img{ width:100%;}
.hh{ position:relative; overflow:hidden;}
.hh1{ position:relative;}
.hh1 img{ width:100%; height:100%}
.hh2{ position:absolute; width:50%; top:0%; left:0%; cursor:pointer; overflow:hidden;}
.hh2 .img_bg{ width:100%; height:100%}
.hh2 .div1{ position:absolute; top:15%; left:20%; width:60%; z-index:100; color:#fff; z-index:10;}
.hh2 .div1 .div_title{ text-align:left; color:#fff;}
.hh2 .div1 .p1{ font-size:14px; line-height:26px; margin-top:8%; margin-bottom:8%; height:130px; overflow:hidden;}
.hh2 .div1 .p2{ background:rgba(255,255,255,0.4); border-radius:5px; width:154px; height:45px; text-align:center; line-height:45px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh2 .div1 .p2 a{ display:block; font-size:14px; color:#fff; font-weight:bold;}
.hh2 .div1 .p2 a span{ background:url("../img/10_17.png")/*tpa=http://www.tofine.com/images/10_17.png*/ center right no-repeat; padding-right:25px; }
.hh2 .div1:hover .p2{ background:rgba(222,222,222,0.4)}
.hh2 .div1 .p3{ background:url("../img/10_18.jpg")/*tpa=http://www.tofine.com/images/10_18.jpg*/ left bottom no-repeat; font-size:20px; font-weight:bold; color:#ffb800; height:0px; overflow:hidden; margin-top:2.8%;}
.hh2 .div2{ left:0px; bottom:-100%; position:absolute; padding-top:1.9%; padding-bottom:1.9%; background:rgba(0,0,0,0.4); overflow:hidden; z-index:10; padding-left:3%; padding-right:3%;}
.hh2 .div2 .slides { width:100%; position:relative;z-index:1;}
.hh2 .div2 .slides li a{ display:block; float:left; width:18%; margin-left:1%; margin-right:1%;}
.hh2 .div2 .slides li a img{ width:100%; border:1px solid #000; border-radius:3px;} 
.hh2 .div2 .flex-control-nav { display:none;} 
.hh2 .div2 .flex-direction-nav .flex-prev{ position:absolute; left:1.5%; top:50%; margin-top:-15px; width:18px; height:32px; background:url("../img/10_24a.png")/*tpa=http://www.tofine.com/images/10_24a.png*/ center no-repeat; z-index:10;}
.hh2 .div2 .flex-direction-nav .flex-prev:hover{ background:url("../img/10_24.png")/*tpa=http://www.tofine.com/images/10_24.png*/ center no-repeat}
.hh2 .div2 .flex-direction-nav .flex-next{ position:absolute; right:1.5%; top:50%; margin-top:-15px; width:18px; height:32px; background:url("../img/10_25a.png")/*tpa=http://www.tofine.com/images/10_25a.png*/ center no-repeat; z-index:10;}
.hh2 .div2 .flex-direction-nav .flex-next:hover{ background:url("../img/10_25.png")/*tpa=http://www.tofine.com/images/10_25.png*/ center no-repeat}
.hh2 .div3{ top:-45px; right:-45px; position:absolute; z-index:10; filter:alpha(opacity=0); opacity:0;}
.hh2 .div3 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.hh2 .div3 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hh2 .div4{ background:url("../img/10_16.jpg")/*tpa=http://www.tofine.com/images/10_16.jpg*/ bottom right no-repeat; position:absolute; width:100%; height:100%; bottom:0px; left:0px; opacity:0.3; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh2:hover .div4{ opacity:1;}
.hh2 .div5{ background:#fff; position:absolute; width:100%; height:100%; z-index:100; top:0px; left:0px;}
.hh2 .a1{ position:absolute; width:0%; height:0%; top:0px; left:0px; z-index:1000; display:block;}
.hh3{ position:absolute; width:50%; top:0%; right:0%; cursor:pointer; overflow:hidden;}
.hh3 .img_bg{ width:100%; height:100%}
.hh3 .div1{ position:absolute; top:28%; left:5%; right:5%; width:90%; z-index:101;}
.hh3 .div1 .p1{ text-align:center;}
.hh3 .div1 .p2{ text-align:center; margin-top:5%;}
.hh3 .div1 .p2 a{ padding-bottom:8px; margin-left:3%; margin-right:3%; font-size:16px; color:#fff; background:url("../img/10_30.png")/*tpa=http://www.tofine.com/images/10_30.png*/ center bottom no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh3 .div1 .p2 a:hover{ background:url("../img/10_29.jpg")/*tpa=http://www.tofine.com/images/10_29.jpg*/ center bottom no-repeat; color:#ffb800;}
.hh3 .div2{ filter:alpha(opacity=0); opacity:0; position:absolute; bottom:5%; left:10%; color:#fff; width:40%; z-index:100;}
.hh3 .div2 .p1{ font-size:24px; line-height:26px;}
.hh3 .div2 .p2{ font-size:48px; font-family:Arial, Helvetica, sans-serif; margin-top:5%; line-height:50px;}
.hh3 .div2 .p3{ font-size:16px; background:url("../img/10_31.jpg")/*tpa=http://www.tofine.com/images/10_31.jpg*/ bottom left no-repeat; padding-bottom:30px; margin-top:5%; line-height:26px;}
.hh3 .div3{ top:-45px; right:-45px; position:absolute; z-index:10; filter:alpha(opacity=0); opacity:0;}
.hh3 .div3 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.hh3 .div3 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hh3 .div4{ background:url("../img/10_26.jpg")/*tpa=http://www.tofine.com/images/10_26.jpg*/ bottom left no-repeat; position:absolute; width:100%; height:100%; bottom:0px; left:0px; opacity:0.3; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh3:hover .div4{ opacity:1;}
.hh3 .div5{ background:#fff; position:absolute; width:100%; height:100%; z-index:100; top:0px; left:0px;}
.hh3 .a1{ position:absolute; width:0px; height:0px; z-index:1000; display:block;}
.hh4{ position:absolute; width:50%; bottom:0%; left:0%; cursor:pointer; overflow:hidden;}
.hh4 .img_bg{ width:100%; height:100%}
.hh4 .div1{ position:absolute; top:15%; left:0%; width:100%; z-index:100; color:#555; z-index:10; height:100%;}
.hh4 .div1 a{ display:block; position:absolute; top:0px; left:0px; overflow:hidden; width:0%; height:0%;}
.hh4 .div1 .div_title{ color:#333;}
.hh4 .div1 .p1{ font-size:14px; line-height:26px; margin-top:4%; margin-bottom:4%; height:78px; overflow:hidden; text-align:center;}
.hh4 .div1 .p2{ margin:0 auto; background:rgba(0,156,172,0.8); border-radius:5px; width:154px; height:45px; text-align:center; line-height:45px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh4 .div1 .p2 a{ display:block; font-size:14px; color:#fff; font-weight:bold;}
.hh4 .div1 .p2 a span{ background:url("../img/10_17.png")/*tpa=http://www.tofine.com/images/10_17.png*/ center right no-repeat; padding-right:25px; }
.hh4 .div1 .p2:hover{ background:rgba(0,156,172,1)}
.hh4 .div3{ top:-45px; right:-45px; position:absolute; z-index:10; filter:alpha(opacity=0); opacity:0;}
.hh4 .div3 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.hh4 .div3 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hh4 .div4{ background:url("../img/10_27.jpg")/*tpa=http://www.tofine.com/images/10_27.jpg*/ top right no-repeat; position:absolute; width:100%; height:100%; bottom:0px; left:0px; opacity:0.5; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh4:hover .div4{ opacity:1;}
.hh4 .div5{ background:#fff; position:absolute; width:100%; height:100%; z-index:100; top:0px; left:0px;}
.hh5{ position:absolute; width:50%; bottom:0%; right:0%; cursor:pointer; overflow:hidden;}
.hh5 .img_bg{ width:100%; height:100%}
.hh5 .div1{ position:absolute; width:100%; text-align:center; z-index:10; top:10%; left:0px; height:80%;}
.hh5 .div1 img{ height:100%; position:relative; top:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.hh5:hover .div1 img{ top:-15px;}
.hh5 .div1 a{ display:block; position:absolute; width:0%; height:0%; z-index:15; top:0px; left:0px;}
.hh5 .div3{ top:-45px; right:-45px; position:absolute; z-index:100; filter:alpha(opacity=0); opacity:0;}
.hh5 .div3 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.hh5 .div3 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.hh5 .div5{ background:#fff; position:absolute; width:100%; height:100%; z-index:100; top:0px; left:0px;}
.hh6{ position:absolute; width:33.85%; top:47.15%; left:18.75%;z-index:10;}
.hh6 img{ width:100%;}
.jj{ background:#009cac; padding-top:5%;}
.jj .div_title{ color:#fff;}
.jj .div1{ margin-top:3%;}
.jj .div1 ul li{ float:left; width:50%;}
.jj .div1 ul .li1{ background:#fff;}
.jj .div1 ul .li2{ background:#ffff;}
.jj .div1 ul li a{ display:block; position:relative;}
.jj .div1 ul .li1 .lf{ background:#1f9bbe;}
.jj .div1 ul .li2 .lf{ background:#3c64a5;}
.jj .div1 ul li .lf{ width:50%; left:0%; position:absolute; height:100%; overflow:hidden; z-index:100;}
.jj .div1 ul li .lf .pad{ padding:10%; margin-top:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div1 ul li .lf .p1{ color:#fff; font-size:24px; line-height:30px; height:60px; padding-top:10%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div1 ul li .lf .p2{ color:#f5f5f5; margin-top:5%; font-size:14px; line-height:26px; overflow:hidden; height:78px; text-align:justify; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div1 ul li .lf .p3{ position:absolute; bottom:10%; right:10%; background:url("../img/1_54.png")/*tpa=http://www.tofine.com/images/1_54.png*/ center left no-repeat; padding-left:23px; color:#fff;}
.jj .div1 ul li .lf .p4{ position:absolute; top:0px; font-size:300px; line-height:220px; left:-70px; color:#fff; filter:alpha(opacity=4); opacity:0.04; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div1 ul li .lf .p5{ position:absolute; top:5%; right:5%;}
.jj .div1 ul li .rg{ width:50%; position:relative; overflow:hidden;}
.jj .div1 ul li .rg .p1{ position:relative; left:-100%; overflow:hidden;}
.jj .div1 ul li .rg .p1 img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.jj .div1 ul li .rg .p2{ position:absolute; top:50%; left:0px; margin-top:-12px;}
.jj .div1 ul li:hover .lf .pad{ margin-top:-20px;}
.jj .div1 ul li:hover .rg .p1 img{ width:100%; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.jj .div2 ul li{ float:left; width:50%;}
.jj .div2 ul .li1{ background:#fff;}
.jj .div2 ul .li2{ background:#fff;}
.jj .div2 ul li a{ display:block; position:relative;}
.jj .div2 ul li .rg{ width:50%; position:absolute; height:100%; overflow:hidden; z-index:100; right:0%;}
.jj .div2 ul .li1 .rg{ background:#0e558d;}
.jj .div2 ul .li2 .rg{ background:#4286f5;}
.jj .div2 ul li .rg .pad{ padding:10%; margin-top:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div2 ul li .rg .p1{ color:#fff; font-size:24px; line-height:30px; height:60px; padding-top:10%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div2 ul li .rg .p2{ color:#f5f5f5; margin-top:5%; font-size:14px; line-height:26px; overflow:hidden; height:78px; text-align:justify; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div2 ul li .rg .p3{ position:absolute; bottom:10%; right:10%; background:url("../img/1_54.png")/*tpa=http://www.tofine.com/images/1_54.png*/ center left no-repeat; padding-left:23px; color:#fff;}
.jj .div2 ul li .rg .p4{ position:absolute; top:0px; font-size:300px; line-height:220px; left:-70px; color:#fff; filter:alpha(opacity=4); opacity:0.04; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.jj .div2 ul li .rg .p5{ position:absolute; top:5%; right:5%;}
.jj .div2 ul li .lf{ width:50%; position:relative; overflow:hidden;}
.jj .div2 ul li .lf .p1{ position:relative; overflow:hidden; right:-100%;}
.jj .div2 ul li .lf .p1 img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.jj .div2 ul li .lf .p2{ position:absolute; top:50%; right:0px; margin-top:-12px;}
.jj .div2 ul li:hover .rg .pad{ margin-top:-20px;}
.jj .div2 ul li:hover .lf .p1 img{ width:100%; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.kk{ margin-top:5%;}
.kk .div1{ margin-top:3%;}
.kk .div1 ul li{ float:left; width:14.285%; background:#e5e5e5; position:relative; overflow:hidden;}
.kk .div1 ul .li1{ background:#f5f5f5;}
.kk .div1 ul li .p1 img{ width:100%;}
.kk .div1 ul li .p2{ position:absolute; background:#009999; width:90%; height:100%; text-align:center; left:0px; bottom:-100%; padding-left:5%; padding-right:5%; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.kk .div1 ul li .p2 .pp1{ font-size:18px; padding-top:15%;}
.kk .div1 ul li .p2 .pp2{ margin-top:1%; height:22px;}
@media screen and (max-width: 1366px) and (min-width:1280px){
	.kk .div1 ul li .p2 .pp2{ line-height: 1.2;}
}
.kk .div1 ul li:hover .p2{ bottom:0px;}

.div_rg{ position:fixed; top:50%; margin-top:-215px; right:0px; z-index:1000;}
.div_rg .a1{ background:#ffb700; position:relative; display:block; margin-bottom:2px; width:80px; height:70px; right:-145px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_rg .a1:hover{ right:-135px;}
.div_rg .a2{ background:#ffb700; position:relative; display:block; width:215px; right:-145px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_rg .a1 img{ width: 70px; height: 70px;}

.div_rg .a2 .rg{ width:130px; padding-left:0px; padding-right:15px; color:#fff; line-height:70px; font-weight:bold; font-size:18px;}
.div_rg .a2:hover{ right:0px;}
.div_rg_body .div_rg{ display:none;}
.div_rg_body .div_rg1{ display:block; margin-top:-179px;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 中屏幕的尺寸 */
	.div_title .div_div1{ font-size:24px; line-height:26px;}
	.div_title .div_div2{ font-size:16px; text-transform:uppercase; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
	.ss .div1 ul li .p2{ font-size:13px; color:#333; margin-top:2px;}
	.ss .div1 ul li .p3{ font-size:12px; color:#555; line-height:24px; height:48px; overflow:hidden; margin-top:3px;}
	.ss .div2{ margin-top:1%;}
	.ss ul li .pad .div1 img{ width:150px;}
	.ff ul li .pad .div2{ font-size:20px; color:#fff; line-height:30px; margin-top:5%;}
	.ff ul li .pad .div4{ width:80px; height:30px; line-height:30px; border-radius:30px; font-size:12px;}
	.ff ul li .pad .div5{ padding:8%;}
	.ff ul li .pad .div5 .p1 img{ width:70px;}
	.ff ul li .pad .div5 .p2{ font-size:18px; line-height:24px; margin-top:3%;}
	.ff ul li .pad .div5 .p3{ margin-top:8%; font-size:14px; line-height:26px; height:156px;}
	.ff ul li .pad .div5 .p4{ width:120px; height:36px; line-height:36px; font-size:12px;}
	.jj .div1 ul li .lf .pad{ padding:8% 5%;}
	.jj .div1 ul li .lf .p1{ font-size:16px; line-height:22px; height:22px;}
	.jj .div1 ul li .lf .p2{ margin-top:5%; font-size:12px; line-height:22px; height:66px; text-align:justify;}
	.jj .div1 ul li .lf .p3{ bottom:5%; right:5%;}
	.jj .div1 ul li .lf .p4{ font-size:200px; line-height:150px; left:-55px;}
	.jj .div1 ul li .lf .p5{ top:5%; right:5%;}
	.jj .div1 ul li .lf .p5 img{ width:15px;}
	.jj .div1 ul li .rg{ width:50%;}
	.jj .div1 ul li .rg .p2{ top:50%; left:0px; margin-top:-12px;}
	.jj .div1 ul li:hover .lf .pad{ margin-top:-15px;}
	.hh2 .div1{ top:12%;}
	.hh2 .div1 .p1{ margin-top:5%; margin-bottom:7%;}
	.hh2 .div1 .p2{ width:120px; height:35px; line-height:35px;}
	.hh3 .div1 .p2 a{ font-size:12px;}
	.hh3 .div2{ width:50%;}
	.hh3 .div2 .p1{ font-size:18px; line-height:22px;}
	.hh3 .div2 .p2{ font-size:36px; line-height:38px;}
	.hh3 .div2 .p3{ font-size:14px; line-height:26px;}
	.hh4 .div1 .p2{ width:120px; height:35px; line-height:35px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
    .div_rg{ display:none;}
    .div_rg_body .div_rg1{ display:none;}
    .index_head{ display:none;}
    .heg{ height:44px;}
    .banner{ display:none;}
    .moblie_banner{ display:block; position:relative; overflow:hidden; width:100%; height:100%;}
    .moblie_banner .slides { width:100%; position:relative;z-index:1;}
    .moblie_banner .slides li { width:100%; height:auto;}
    .moblie_banner .slides li img{ width:100%; height:auto}
    .moblie_banner .flex-control-nav { position:absolute; bottom:5%; z-index:99;width:100%; text-align:center; left:0px;padding-left: 0px;} 
    .moblie_banner .flex-control-nav li { display:inline-block; width:50px; height:3px; margin:0 5px;}
    .moblie_banner .flex-control-nav li span { display:none;}
    .moblie_banner .flex-control-nav li a { width:50px; height:3px; cursor:pointer; background:#fff; display:block;}
    .moblie_banner .flex-control-nav li a.flex-active { background:#fecf17}
    .moblie_banner .flex-direction-nav{ display:none;}
    /*.div_title .div_div1{ font-size:0.5rem; line-height:0.52rem;}*/
    .div_title .div_div1{ font-size:0.8rem; line-height:0.82rem;}
    .div_title .div_div2{ font-size:0.34rem; line-height:0.36rem;}
    .index_box{ min-width:320px; padding-bottom:8%; margin-top:0px !important;}
    .ss{ padding-bottom:3%; padding-top:8%;}
    .ss .div1{ left:-150px;}
    .ss .div1{ padding-left:5%; padding-right:5%;}
    .ss .div1 ul li{ float:left; width:47.5%; margin-right:0%; margin-bottom:5%;}
    .ss .div1 ul li:nth-child(2n){ float:right;}
    .ss .div1 ul li .p2{ font-size:0.42rem; margin-top:3%;}
    .ss .div1 ul li .p3{ font-size:0.34rem; line-height:0.6rem; height:1.2rem; margin-top:3%;}
    .ss .div1 ul li .p4{ display:none;}
    .ss .div2{ margin-top:5%; padding-left:5%; padding-right:5%; left:150px;}
    .ss .div2 ul li{ float:left; width:47.5%; margin-right:0%;}
    .ss .div2 ul li:nth-child(2n){ float:right;}
    .dd{ padding-top:8%; padding-bottom:5%;}
    .ff ul li{ width:50%;}
    .ff ul li .pad{ padding:5%; display:block;}
    .ff ul li .pad .div1 img{ width:4.08rem;}
    .ff ul li .pad .div1 span{color: #fff;font-weight: 600;font-size: 12px;}
    /*.ff ul li .pad .div2{ font-size:0.5rem; color:#fff; line-height:0.7rem;}*/
    .ff ul li .pad .div2{ font-size:0.3rem; color:#fff; line-height:0.7rem;}
    .ff ul li .pad .div3{ margin-top:8%;}
    .ff ul li .pad .div3 img{ width:100%;}
    .ff ul li .pad .div4{height: 35px;line-height:35px;}
    .ff ul li .pad .div5{ display:none;}
    .gg{ background:url("../img/1_34.jpg")/*tpa=http://www.tofine.com/images/1_34.jpg*/ center top no-repeat; padding-top:8%; padding-bottom:8%;}
    .gg .div1{ margin-top:3%; text-align:center; color:#555; font-size:0.34rem; line-height:0.6rem; top:100px;}
    .gg .div2{ display:none;}
    .gg .div3{ display:block;}
    .hh{ display:none;}
    .jj{ background:#009cac; padding-top:8%; padding-bottom:0%;}
    .jj .div_title{ color:#fff;}
    .jj .div1{ margin-top:5%; padding-left:5%; padding-right:5%;}
    .jj .div1 ul li{ float:left; width:100%; margin-bottom:5%;}
    .jj .div1 ul li .lf{ width:100%; left:0%; position:relative; height:100%; overflow:hidden; z-index:100;}
    .jj .div1 ul li .lf .pad{ padding:5%;}
    .jj .div1 ul li .lf .p1{ font-size:0.42rem; line-height:0.7rem; height:auto; padding-top:0px;}
    .jj .div1 ul li .lf .p2{ font-size:0.34rem; line-height:0.6rem; height:1.8rem; margin-top:3%;}
    .jj .div1 ul li .lf .p3{ position:relative; bottom:0%; right:0%; margin-top:3%;}
    .jj .div1 ul li .lf .p4{ font-size:3.2rem; line-height:3.22rem; left:-1rem;}
    .jj .div1 ul li .lf .p5{ display:none;}
    .jj .div1 ul li .rg{ width:100%;}
    .jj .div1 ul li .rg .p1 img{ width:100%;}
    .jj .div1 ul li .rg .p2{ display:none;}
    .jj .div2{ padding-left:5%; padding-right:5%;}
    .jj .div2 ul li{ float:left; width:100%; margin-bottom:5%;}
    .jj .div2 ul li .rg{ width:100%; position:relative;}
    .jj .div2 ul li .rg .pad{ padding:5%;}
    .jj .div2 ul li .rg .p1{ font-size:0.42rem; line-height:0.7rem; height:auto; padding-top:0px;}
    .jj .div2 ul li .rg .p2{ font-size:0.34rem; line-height:0.6rem; height:1.8rem; margin-top:3%;}
    .jj .div2 ul li .rg .p3{ position:relative; bottom:0%; right:0%; margin-top:3%;}
    .jj .div2 ul li .rg .p4{ font-size:3.2rem; line-height:3.22rem; left:-1rem;}
    .jj .div2 ul li .rg .p5{ display:none;}
    .jj .div2 ul li .lf{ width:100%;}
    .jj .div2 ul li .lf .p1 img{ width:100%;}
    .jj .div2 ul li .lf .p2{ display:none;}
    .kk{ margin-top:8%; padding-left:5%; padding-right:5%;}
    .kk .div1{ margin-top:0%;}
    .kk .div1 ul li{ float:left; width:32.5%; margin-top:5%;}
    /*.kk .div1 ul .li1{ float:right;}*/
    .kk .div1 ul li .p1 img{ width:100%;}
    .kk .div1 ul li .p2{ display:none;}
}
/* Index End */

/* Main */
#aaaa1{ display:block; position:relative; top:-50px;}
.main_banner{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.main_banner_moblie{ display:none}
.main_banner_moblie img{ width:100%;}
.main_box{ min-width:1200px;}
.div_abo .lf{ width:50%; position:relative; left:-100%;}
.div_abo .rg{ width:50%; position:relative; right:-100%;}
.div_abo .lf .div1{ position:absolute; left:25%; width:65%;}
.div_abo .rg .div1{ position:absolute; right:25%; width:65%;}
.div_abo .div1{ color:#fff;}
.div_abo .div1 .p1{ font-size:30px; line-height:32px; padding-top:15%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo .div1 .p2{ font-size:17px; margin-top:1.5%; text-transform:uppercase; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo .div1 .p3{ font-size:14px; margin-top:5%; line-height:28px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo .div2 img{ width:100%;}
.div_abo1{ background:url("../img/10_01.jpg")/*tpa=http://www.tofine.com/images/10_01.jpg*/ center top no-repeat; width:1920px; padding-top:5%; padding-bottom:5%; position:relative; left:50%; margin-left:-960px;}
.div_abo1 .div1{ position:relative; width:100%; margin-top:3%; top:150px;}
.div_abo1 .div1 #timeline{ width:100%; height: 580px; position: relative;}
.div_abo1 .div1 #timeline .p1{ width:564px; height:564px; margin:0 auto; background:url("../img/10_02.png")/*tpa=http://www.tofine.com/images/10_02.png*/ center no-repeat; position:relative; z-index:10;}
.div_abo1 .div1 #timeline .pad{ width:350px; height:450px; margin:0 auto; overflow:hidden;}
.div_abo1 .div1 #timeline .p1 #issues{ width:350px; height:450px;}	
.div_abo1 .div1 #timeline .p1 #issues li{width: 350px; height: 450px; float:left; position:relative; top:97px;}
.div_abo1 .div1 #timeline .p1 #issues li .pp1{ position:absolute; left:100px;  background:url("../img/10_04.png")/*tpa=http://www.tofine.com/images/10_04.png*/ center no-repeat; width:156px; height:156px; line-height:156px; text-align:center; font-size:30px; color:#fff; z-index:10;}
.div_abo1 .div1 #timeline .p1 #issues li .pp2{ position:absolute; left:0px; top:100px; border:4px solid #009cac; width:182px; height:215px;}
.div_abo1 .div1 #timeline .p1 #issues li .pp3{ position:absolute; left:220px; top:160px; font-size:14px; line-height:26px; width:133px; color:#666;}
.div_abo1 .div1 #timeline .p2{ background:url("../img/10_09.jpg")/*tpa=http://www.tofine.com/images/10_09.jpg*/ center 37px repeat-x; position:absolute; top:100px; width:100%; left:0px; transform:rotate(-7deg);-ms-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg);}
.div_abo1 .div1 #timeline .p2 #dates{ overflow: hidden;}
.div_abo1 .div1 #timeline .p2 #dates li{ float: left; font-size: 14px; text-align:center;}
.div_abo1 .div1 #timeline .p2 #dates a{ display:block; float:left; width: 298px; background:url("../img/10_07.png")/*tpa=http://www.tofine.com/images/10_07.png*/ center bottom no-repeat; padding-bottom:25px; transform:rotate(7deg);-ms-transform:rotate(7deg);-moz-transform:rotate(7deg);-webkit-transform:rotate(7deg); -o-transform:rotate(7deg); color:#333;}
.div_abo1 .div1 #prev{ position:absolute; top:180px; left:360px; background:url("../img/10_05.png")/*tpa=http://www.tofine.com/images/10_05.png*/ center no-repeat; width:170px; height:310px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo1 .div1 #next{ position:absolute; top:180px; right:360px; background:url("../img/10_06.png")/*tpa=http://www.tofine.com/images/10_06.png*/ center no-repeat; width:170px; height:310px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo1 .div2{ display:none; top:150px; }
.div_abo2{ background:url("../img/2_05.jpg")/*tpa=http://www.tofine.com/images/2_05.jpg*/ top center no-repeat; padding-top:5%; padding-bottom:5%;}
.div_abo2 .div_title{ color:#fff; margin-bottom:4%;}
.div_abo2 .lf{ width:380px; color:#fff; left:-150px;}
.div_abo2 .lf .div1{ font-size:16px; background:url("../img/2_06.jpg")/*tpa=http://www.tofine.com/images/2_06.jpg*/ left top no-repeat; padding-top:11px;}
.div_abo2 .lf .div2{ font-size:14px; line-height:26px; margin-top:5%;}
.div_abo2 .lf .div3{ font-size:16px; margin-top:8%;}
.div_abo2 .lf .div4{ font-size:14px; margin-top:3%; text-align:justify; line-height:26px; height:312px; overflow-y:scroll; padding-right:40px;}
.div_abo2 .lf ::-webkit-scrollbar{ width:5px;}
.div_abo2 .lf ::-webkit-scrollbar-thumb{ background:#004482;}
.div_abo2 .lf ::-webkit-scrollbar-track{ background:#fff;}
.div_abo2 .rg{ width:706px; right:-150px;}
.div_abo2 .rg img{ width:706px;}
.div_abo3{ background:#f6f6f6; padding-top:5%; padding-bottom:5%;}
.div_abo3 .div1{ margin-top:5%; background:url("../img/2_08.png")/*tpa=http://www.tofine.com/images/2_08.png*/ center top no-repeat; height:542px; position:relative; top:150px;}
.div_abo3 .div1 .p1{ position:absolute; top:0px; left:0px; margin-top:80px; width:315px; left:50px;}
.div_abo3 .div1 .p2{ position:absolute; top:0px; right:0px; margin-top:200px; text-align:right; right:50px;}
.div_abo3 .div1 .p3{ position:absolute; top:0px; left:0px; margin-top:400px; left:50px;}
.div_abo3 .div1 .p4{ display:none;}
.div_abo3 .div1 .pp1{ font-weight:bold; font-size:20px; color:#23b5c4;}
.div_abo3 .div1 .pp2{ color:#333; font-size:14px; line-height:24px; margin-top:4%; text-align:justify; max-width: 300px;}
.div_abo3 .div2{ margin-top:5%; top:50px;}
.div_abo3 .div2 .p1{ font-weight:bold; font-size:20px; color:#23b5c4;}
.div_abo3 .div2 .p2{ color:#333; font-size:14px; line-height:24px; margin-top:1%; text-align:justify;}
.div_abo3 .div3{ margin-top:7%; color:#fff; position:relative;}
.div_abo3 .div3 .lf{ background:#37b7f3; width:465px; padding:40px 50px; padding-right:135px; position:relative; left:-150px;}
.div_abo3 .div3 .lf .p1{ font-size:20px; font-weight:bold; background:url("../img/2_09.jpg")/*tpa=http://www.tofine.com/images/2_09.jpg*/ left bottom no-repeat; padding-bottom:20px;}
.div_abo3 .div3 .lf .p2{ font-size:14px; line-height:26px; margin-top:15px; height:182px; overflow-y:scroll; padding-right:30px;}
.div_abo3 .div3 .lf ::-webkit-scrollbar{ width:5px;}
.div_abo3 .div3 .lf ::-webkit-scrollbar-thumb{ background:#004482;}
.div_abo3 .div3 .lf ::-webkit-scrollbar-track{ background:#fff;}
.div_abo3 .div3 .rg{ background:#1877bb; position:absolute; top:-40px; right:-150px; padding:40px 50px; width:550px;}
.div_abo3 .div3 .rg .p1{ font-size:20px; font-weight:bold; background:url("../img/2_09.jpg")/*tpa=http://www.tofine.com/images/2_09.jpg*/ left bottom no-repeat; padding-bottom:20px;}
.div_abo3 .div3 .rg .p2{ font-size:14px; line-height:26px; margin-top:15px; height:182px; overflow-y:scroll; padding-right:30px;}
.div_abo3 .div3 .rg ::-webkit-scrollbar{ width:5px;}
.div_abo3 .div3 .rg ::-webkit-scrollbar-thumb{ background:#004482;}
.div_abo3 .div3 .rg ::-webkit-scrollbar-track{ background:#fff;}
.div_abo4{ background:url("../img/2_10.jpg")/*tpa=http://www.tofine.com/images/2_10.jpg*/ top center no-repeat; padding-top:8%;}
.div_abo4 .div1{ background:#fff; padding-top:3%; padding-bottom:0%; width:80%; margin:0 auto;}
.div_abo5{ margin-top:3%; top:150px;}
.div_abo5 .div1{ margin-top:0px;}
.div_abo5 .div1 ul li a{ width:400px; display:block; float:left; background:#e5e5e5; position:relative; overflow:hidden;}
.div_abo5 .div1 ul li .a1{ background:#f5f5f5;}
.div_abo5 .div1 ul li a .p1 img{ width:100%;}
.div_abo5 .div1 ul li a .p2{ position:absolute; background:#009999; width:90%; height:100%; text-align:center; left:0px; bottom:-100%; padding-left:5%; padding-right:5%; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo5 .div1 ul li a .p2 .pp1{ font-size:18px; padding-top:10%;}
.div_abo5 .div1 ul li a .p2 .pp2{ margin-top:1%; height:22px;}
.div_abo5 .div1 ul li a:hover .p2{ bottom:0px;}
.div_abo5 .div1 .flex-control-nav { position:relative; z-index:99; width:100%; text-align:center; left:0px; margin-top:40px;} 
.div_abo5 .div1 .flex-control-nav li { display:inline-block; width:12px; height:12px; margin:0 7px;}
.div_abo5 .div1 .flex-control-nav li span { display:none;}
.div_abo5 .div1 .flex-control-nav li a { width:12px; height:12px; cursor:pointer; background:#009cab; display:block; border-radius:100%;}
.div_abo5 .div1 .flex-control-nav li a.flex-active { background:#ffb800}
.div_abo5 .div2{ display:none;}
.div_abo6{ margin-top:5%; background:url("../img/2_11.jpg")/*tpa=http://www.tofine.com/images/2_11.jpg*/ top center no-repeat; padding-top:5%; padding-bottom:5%;}
.div_abo6 .div_title{ color:#fff;}
.div_abo6 .div1{ margin-top:5%;}
.div_abo6 .div1 .lf{ width:497px; position:relative; left:-150px;}
.div_abo6 .div1 .lf .p1{ overflow:hidden;}
.div_abo6 .div1 .lf .p1 img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_abo6 .div1 .lf:hover .p1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.div_abo6 .div1 .lf .p2{ background:rgba(0,0,0,.7); height:80px; position:absolute; bottom:0px; width:100%; color:#fff;}
.div_abo6 .div1 .lf .p2 .pp1{ padding:3%; width:74%; float:left;}
.div_abo6 .div1 .lf .p2 .pp1 .ppp1{ font-size:16px;}
.div_abo6 .div1 .lf .p2 .pp1 .ppp2{ margin-top:4px;}
.div_abo6 .div1 .lf .p2 .pp2{ width:20%; text-align:center; color:#fff; font-size:14px; float:right; background:#009cac; line-height:80px;}
.div_abo6 .div1 .rg{ padding-right:34px; overflow-y:scroll; height:370px; width:642px; padding-left:10px; right:-150px;}
.div_abo6 .div1 .rg ul li{ background:#23b5c4; height:110px; margin-bottom:20px;}
.div_abo6 .div1 .rg ul li .p1{ padding:5%; float:left; color:#fff; width:70%;}
.div_abo6 .div1 .rg ul li .p1 .pp1{ font-size:16px;}
.div_abo6 .div1 .rg ul li .p1 .pp2{ margin-top:2%;}
.div_abo6 .div1 .rg ul li .p2{ width:20%; text-align:center; background:#009cac; line-height:110px; float:right; color:#fff;} 
.div_abo6 .div1 ::-webkit-scrollbar{ width:5px;}
.div_abo6 .div1 ::-webkit-scrollbar-thumb{ background:#004482;}
.div_abo6 .div1 ::-webkit-scrollbar-track{ background:#fff;}
.div_abo6 .div2{ margin-top:4%; text-align:center; top:50px;}
.div_abo6 .div2 a{ display:inline-block; width:125px; height:40px; line-height:40px; color:#fff; background:#ffb800; text-align:center; font-size:14px;}
.div_abo6 .div2 a:hover{ background:#d89c00}
.div_abo7{ background:url("../img/2_13.jpg")/*tpa=http://www.tofine.com/images/2_13.jpg*/ center top no-repeat;}
.div_abo7 .lf{ padding-top:100px; width:460px; padding-right:30px; left:-150px;}
.div_abo7 .lf ul{ overflow-y:scroll; height:396px; padding-right:5%}
.div_abo7 .lf ul li{ background:url("../img/2_14.png")/*tpa=http://www.tofine.com/images/2_14.png*/ left 8px no-repeat; padding-left:24px; color:#fff; font-size:14px; line-height:26px; cursor: pointer;}
.div_abo7 .lf ul li a{ color: #fff; cursor: pointer; opacity: 0.6;}
.div_abo7 .lf ul li a:hover{ opacity: 1;}
.div_abo7 .lf ::-webkit-scrollbar{ width:5px;}
.div_abo7 .lf ::-webkit-scrollbar-thumb{ background:#004482;}
.div_abo7 .lf ::-webkit-scrollbar-track{ background:#fff;}
.div_abo7 .rg{ width:578px; padding-right:22px;}
.div_abo7 .rg .p1{ float:left; width:289px; height:ffb800; height:289px; width:289px; background:#ffb800; text-align:center; color:#fff; left:20px;}
.div_abo7 .rg .p1 .pp1{ display:none;}
.div_abo7 .rg .p1 .div_title{ color:#fff; padding-top:115px;}
.div_abo7 .rg .p2{ float:right; left:20px;}
.div_abo7 .rg .p3{ float:left; left:20px;}
.div_abo7 .rg .p4{ float:right; left:20px;}
.div_top{ padding-top:2%; padding-bottom:2%; text-align:right; top:150px;}
.div_top a{ display:inline-block; width:50px; height:50px; background:url("../img/2_19.jpg")/*tpa=http://www.tofine.com/images/2_19.jpg*/ center no-repeat;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 小屏幕的尺寸 */
	.div_abo .lf .div1{ left:20%; width:75%;}
	.div_abo .rg .div1{ right:20%; width:75%;}
	.div_abo .div1 .p1{ font-size:24px; line-height:32px; padding-top:10%;}
	.div_abo .div1 .p2{ font-size:14px;}
	.div_abo .div1 .p3{ font-size:12px; margin-top:4%; line-height:24px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.main_banner{ display:none;}
	.main_banner_moblie{ display:block;}
	.main_box{ min-width:320px;}
	.div_abo .lf{ width:100%; background:url("../img/2_02.jpg")/*tpa=http://www.tofine.com/images/2_02.jpg*/ center top no-repeat; padding-bottom:5%;}
	.div_abo .rg{ width:100%; background:url("../img/2_03.jpg")/*tpa=http://www.tofine.com/images/2_03.jpg*/ center top no-repeat; padding-bottom:5%;}
	.div_abo .lf .div1{ position:relative; left:5%; width:90%;}
	.div_abo .rg .div1{ position:relative; left:5%; width:90%;}
	.div_abo .div1{ color:#fff;}
	.div_abo .div1 .p1{ font-size:0.5rem; line-height:0.7rem; padding-top:5%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.div_abo .div1 .p2{ font-size:0.34rem; margin-top:0.8%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.div_abo .div1 .p3{ font-size:0.34rem; margin-top:3%; line-height:0.6rem; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.div_abo .div2{ display:none;}
	.div_abo1{ width:100%; left:0%; margin-left:0px;}
	.div_abo1 .div1{ display:none;}
	.div_abo1 .div2{ display:block;}
	.div_abo1 .div2{ position:relative; margin-top:5%; width:100%;}
	.div_abo1 .div2 .slides { z-index:1; overflow:hidden;}
	.div_abo1 .div2 .slides li a{ display:block; position:relative;}
	.div_abo1 .div2 .slides li .pp1{ width:100%;}
	.div_abo1 .div2 .slides li .pp1 img{ width:100%;}
	.div_abo1 .div2 .slides li .pp2{ position:absolute; left:37%; top:16%; width:27%; text-align:center; color:#fff; font-size:0.5rem; text-align:center; z-index:10;}
	.div_abo1 .div2 .slides li .pp2 .ppp1{ position:absolute; top:50%; font-size:0.5rem; margin-top:-0.25rem; z-index:10; width:100%; text-align:center;}
	.div_abo1 .div2 .slides li .pp2 .ppp2{ width:100%;}
	.div_abo1 .div2 .slides li .pp2 .ppp2 img{ width:100%;}
	.div_abo1 .div2 .slides li .pp3{ border:2px solid #009cac; width:35%; position:absolute; top:32%; left:18%;}
	.div_abo1 .div2 .slides li .pp3 img{ width:100%; height: auto;} 	
	.div_abo1 .div2 .slides li .pp4{ position:absolute; top:42%; color:#666; font-size:0.34rem; line-height:0.6rem; width:30%; left:57%;}
	.div_abo1 .div2 .flex-control-nav { display:none;} 
	.div_abo1 .div2 .flex-direction-nav .flex-prev{ position:absolute; left:0px; top:50%; margin-top:-15px; width:17px; height:31px; background:url("../img/10_05.png")/*tpa=http://www.tofine.com/images/10_05.png*/ no-repeat; z-index:10;}
	.div_abo1 .div2 .flex-direction-nav .flex-next{ position:absolute; right:0px; top:50%; margin-top:-15px; width:17px; height:31px; background:url("../img/10_06.png")/*tpa=http://www.tofine.com/images/10_06.png*/ no-repeat; z-index:10;}
	.div_abo2{ padding-top:8%; padding-bottom:8%;}
	.div_abo2 .div_title{ margin-bottom:5%;}
	.div_abo2 .lf{ width:100%;padding-bottom:8%;}
	.div_abo2 .lf .div1{ font-size:0.42rem; padding-top:11px;}
	.div_abo2 .lf .div2{ font-size:0.34rem; line-height:0.6rem; margin-top:3%;}
	.div_abo2 .lf .div3{ font-size:0.42rem; margin-top:5%;}
	.div_abo2 .lf .div4{ font-size:0.34rem; text-align:justify; line-height:0.6rem; padding-right:5%; height:5.3rem;}
	.div_abo2 .rg{ width:100%;}
	.div_abo2 .rg img{ width:100%;}
	.div_abo3{ padding-top:8%; padding-bottom:8%;}
	.div_abo3 .div1{ margin-top:5%; background:none; height:auto; position:relative; top:150px;}
	.div_abo3 .div1 .p1{ position:relative; margin-top:5%; width:100%;}
	.div_abo3 .div1 .p2{ position:relative; margin-top:5%; text-align:left;}
	.div_abo3 .div1 .p3{ position:relative; margin-top:5%;}
	.div_abo3 .div1 .p4{ display:block;}
	.div_abo3 .div1 .p4 img{ width:100%;}
	.div_abo3 .div1 .pp1{ font-size:0.42rem;}
	.div_abo3 .div1 .pp2{ font-size:0.34rem; line-height:0.6rem; margin-top:3%;}
	.div_abo3 .div2{ margin-top:5%; top:50px;}
	.div_abo3 .div2 .p1{ font-size:0.42rem;}
	.div_abo3 .div2 .p2{ font-size:0.34rem; line-height:0.6rem; margin-top:3%;}
	.div_abo3 .div3{ margin-top:5%; color:#fff; position:relative;}
	.div_abo3 .div3 .lf{ width:90%; padding:5%;}
	.div_abo3 .div3 .lf .p1{ font-size:0.42rem; line-height:0.6rem; padding-bottom:0.25rem;}
	.div_abo3 .div3 .lf .p2{ font-size:0.34rem; line-height:0.6rem; margin-top:3%; padding-right:0%; height:auto; overflow:auto}
	.div_abo3 .div3 .rg{ position:relative; top:0px; padding:5%; width:90%;}
	.div_abo3 .div3 .rg .p1{ font-size:0.42rem; line-height:0.6rem; padding-bottom:0.25rem;}
	.div_abo3 .div3 .rg .p2{ font-size:0.34rem; line-height:0.6rem; margin-top:3%; padding-right:0%; height:auto; overflow:auto}	
	.div_abo5{ padding-left:5%; padding-right:5%; margin-top:0%;}
	.div_abo5 .div1{ display:none;}
	.div_abo5 .div2{ display:block; overflow:hidden;}
	.div_abo5 .div2{ margin-top:0px;}
	.div_abo5 .div2 ul li a{ width:47.5%; display:block; float:left; background:#e5e5e5; position:relative; overflow:hidden; margin-top:5%;}
	.div_abo5 .div2 ul li .a1{ float:right;}
	.div_abo5 .div2 ul li a .p1 img{ width:100%;}
	.div_abo5 .div2 ul li a .p2{ display:none;}
	.div_abo5 .div2 .flex-control-nav{ display:none;}
	.div_abo6{ margin-top:8%; background:url("../img/2_11.jpg")/*tpa=http://www.tofine.com/images/2_11.jpg*/ top center no-repeat; padding-top:8%; padding-bottom:8%;}
	.div_abo6 .div1 .lf{ width:100%;}
	.div_abo6 .div1 .lf .p2{ background:rgba(0,0,0,.7); height:1.5rem; overflow:hidden;}
	.div_abo6 .div1 .lf .p2 .pp1{ padding:3% 5%; width:70%; float:left;}
	.div_abo6 .div1 .lf .p2 .pp1 .ppp1{ font-size:0.42rem}
	.div_abo6 .div1 .lf .p2 .pp1 .ppp2{ margin-top:2%; font-size:0.34rem;}
	.div_abo6 .div1 .lf .p2 .pp2{ width:20%; text-align:center; color:#fff; font-size:0.34rem; float:right; line-height:1.5rem;}
	.div_abo6 .div1 .rg{ margin-top:5%; overflow-y:scroll; height:4.5rem; width:95%; padding-left:0px; padding-right:5%;}
	.div_abo6 .div1 .rg ul li{ background:#23b5c4; height:2rem; margin-bottom:0.5rem;}
	.div_abo6 .div1 .rg ul li .p1{ padding:5%; float:left; color:#fff; width:65%;}
	.div_abo6 .div1 .rg ul li .p1 .pp1{ font-size:0.42rem; line-height:0.6rem;}
	.div_abo6 .div1 .rg ul li .p1 .pp2{ display:none;}
	.div_abo6 .div1 .rg ul li .p2{ width:25%; text-align:center; background:#009cac; line-height:2rem; float:right; color:#fff;} 
	.div_abo6 .div2{ margin-top:8%;}
	.div_abo7{ background:url("../img/2_13.jpg")/*tpa=http://www.tofine.com/images/2_13.jpg*/ left top no-repeat; padding-bottom:8%;}
	.div_abo7 .lf{ padding-top:5%; width:100%; left:-150px;}
	.div_abo7 .lf ul{ overflow-y:scroll; height:3rem;}
	.div_abo7 .lf ul li{ background:url("../img/2_14.png")/*tpa=http://www.tofine.com/images/2_14.png*/ left 8px no-repeat; padding-left:24px; color:#fff; font-size:14px; line-height:26px;}
	.div_abo7 .lf ::-webkit-scrollbar{ width:5px;}
	.div_abo7 .lf ::-webkit-scrollbar-thumb{ background:#004482;}
	.div_abo7 .lf ::-webkit-scrollbar-track{ background:#fff;}
	.div_abo7 .rg{ width:100%; padding-right:0px; padding-top:5%;}
	.div_abo7 .rg .p1{ float:left; width:50%; height:auto;}
	.div_abo7 .rg .p1 .pp1{ display:block;}
	.div_abo7 .rg .p1 .pp1 img{ width:100%;}
	.div_abo7 .rg .p1 .div_title{ top:0px; left:0px; padding-top:40%; position:absolute; width:100%;}
	.div_abo7 .rg .p2{ width:50%;}
	.div_abo7 .rg .p2 img{ width:100%}
	.div_abo7 .rg .p3{ width:50%;}
	.div_abo7 .rg .p3 img{ width:100%}
	.div_abo7 .rg .p4{ width:50%;}
	.div_abo7 .rg .p4 img{ width:100%}
	.div_top{ padding-top:5%; padding-bottom:5%; text-align:center;}
	.div_top a{ display:inline-block; width:50px; height:50px; background:url("../img/2_19.jpg")/*tpa=http://www.tofine.com/images/2_19.jpg*/ center no-repeat;}
}

.div_solu{ margin-top:5%; margin-bottom:5%;} 
.div_solu .div1{ text-align:center; margin-top:2%; top:50px;}
.div_solu .div1 a{ display:inline-block; font-size:16px; padding-left:1.1%; margin-left:0.1%; margin-right:0.1%; padding-right:1.1%; height:40px; line-height:40px; color:#333;}
.div_solu .div1 .on{ background:#009cac; color:#fff; border-radius:2px;}
.div_solu .div1 a.subClass{height:30px; line-height:30px;border-radius:5px;margin-left:0.4%; margin-right:0.4%;padding:0 0.6%;}
.div_solu .div1 .on1{background:#009cac; color:#fff; }
.div_solu .div1 a:hover{ background:#009cac; color:#fff;}
.div_solu .div2{ margin-top:3%; margin-left:2%; margin-right:2%; position:relative;}
.div_solu .div2 .lf{ width:56.66%; left:-100%; overflow:hidden;}
.div_solu .div2 .lf img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_solu .div2 .lf:hover img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.div_solu .div2 .rg{ width:43.34%; position:absolute; right:0px; top:50%; margin-top:-220px; z-index:100; right:-100%;}
.div_solu .div2 .rg ul li{ height:110px; overflow:hidden; position:relative; left:0px; background:#27b6c5; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_solu .div2 .rg ul li a{ display:block;}
.div_solu .div2 .rg ul .li{ background:#009cac;}
.div_solu .div2 .rg ul li .p1{ width:15%; float:left; line-height:110px; border-right:1px solid #1fa3b1; color:#fff; position:relative;}
.div_solu .div2 .rg ul li .p1 .span1{ font-size:14px; display:block; text-align:center; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_solu .div2 .rg ul li .p1 .span2{ position:absolute; left:0px; top:0px; width:100%; text-align:center; opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_solu .div2 .rg ul li .p2{ float:right; padding-left:7%; width:77%; line-height:110px; color:#fff; font-size:20px; font-weight:bold;}
.div_solu .div2 .rg ul li:hover{ background:#fff; left:-20px;}
.div_solu .div2 .rg ul li:hover .p1 .span1{ opacity:0;}
.div_solu .div2 .rg ul li:hover .p1 .span2{ opacity:1;}
.div_solu .div2 .rg ul li:hover .p2{ color:#333}
.div_solu1{ top:150px;}
.div_solu1 .div1{ height:359px; background:url("../img/3_04.jpg")/*tpa=http://www.tofine.com/images/3_04.jpg*/ center top no-repeat;}
.div_solu1 .div2{ display:none;}
.div_solu1 .div2 img{ width:100%;}
.div_solu2{ margin-top:5%;}
.div_solu2 .div1{ text-align:center; font-size:40px; line-height:42px; top:150px;}
.div_solu2 .div2{ width:900px; margin:0 auto; margin-top:3%; color:#666666; font-size:14px; line-height:26px; top:150px;}
.div_solu3{ margin-top:3%; margin-bottom:5%; font-size:14px; line-height:26px; color:#666; top:150px; filter:alpha(opacity=0); opacity:0; position:relative;}
.div_solu3 img{ display:inline-block; text-align:center;}
.div_solu3 h1{ margin-top:2%; border-top:1px solid #ddd; padding-top:2%; font-size:20px; line-height:26px; margin-bottom:0.5%; color:#333;}
.div_solu3 h2{ font-size:16px; color:#333;}
/*.div_solu3 .div1{ text-align:center; top:50px;}
.div_solu3 .div1 a,.div_solu3 .div1:hover .on{ display:inline-block; color:#333; margin-left:10px; margin-right:10px; width:116px; font-size:14px; background:url(../images/3_08.jpg) center bottom no-repeat; padding-bottom:10px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_solu3 .div1 .on,.div_solu3 .div1 a:hover{ background:url(../images/3_07.jpg) center bottom no-repeat; color:#009cac;}
.div_solu3 .div2{ background:url(../images/3_06.jpg) center top no-repeat; padding-top:5%; padding-bottom:5%; color:#fff; position:relative; z-index:100;}
.div_solu3 .div2 .p1{ font-size:22px; left:150px;}
.div_solu3 .div2 .p2{ width:780px; margin-top:3%; font-size:14px; line-height:26px; left:150px; text-align:justify;}
.div_solu4{ background:#009cac; padding-top:5%; padding-bottom:5%;}
.div_solu4 .div_title{ color:#fff;}
.div_solu4 ul{ margin-top:3%;}
.div_solu4 ul li{ position:relative; left:0px; border-bottom:1px solid #d8d9da; font-size:14px; padding-top:25px; padding-bottom:25px; padding-left:95px; color:#666666; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_solu4 ul .li1{ background:url(../images/3_09.png) 30px 20px no-repeat #fff; left:150px;}
.div_solu4 ul .li2{ background:url(../images/3_10.png) 30px 20px no-repeat #fff; left:-150px;}
.div_solu4 ul .li3{ background:url(../images/3_11.png) 30px 20px no-repeat #fff; left:150px;}
.div_solu4 ul .li4{ background:url(../images/3_12.png) 30px 20px no-repeat #fff; left:-150px;}
.div_solu4 ul .li5{ background:url(../images/3_13.png) 35px 20px no-repeat #fff; left:150px;}
.div_solu4 ul .li6{ background:url(../images/3_14.png) 32px 20px no-repeat #fff; left:-150px;}
.div_solu4 ul li:hover{ left:-20px; color:#fff;}
.div_solu4 ul .li1:hover{ background:url(../images/3_09a.png) 30px 20px no-repeat #ffb800;}
.div_solu4 ul .li2:hover{ background:url(../images/3_10a.png) 30px 20px no-repeat #ffb800;}
.div_solu4 ul .li3:hover{ background:url(../images/3_11a.png) 30px 20px no-repeat #ffb800;}
.div_solu4 ul .li4:hover{ background:url(../images/3_12a.png) 30px 20px no-repeat #ffb800;}
.div_solu4 ul .li5:hover{ background:url(../images/3_13a.png) 35px 20px no-repeat #ffb800;}
.div_solu4 ul .li6:hover{ background:url(../images/3_14a.png) 32px 20px no-repeat #ffb800;}
.div_solu5{ margin-top:5%;}
.div_solu5 ul{ margin-top:3%;}
.div_solu5 ul li{ float:left; width:270px; margin-right:65px; margin-left:65px; font-size:14px; top:150px;}
.div_solu5 ul li .div1{ text-align:center;}
.div_solu5 ul li .div2{ margin-top:5%; color:#666666; font-size:14px; line-height:26px;}
.div_solu6{ background:url(../images/3_18.jpg) center top no-repeat; padding-top:4%; padding-bottom:4%; margin-top:5%; color:#fff;}
.div_solu6 .div1{ text-align:center; font-size:40px; line-height:42px; top:50px;}
.div_solu6 .div2{ margin-top:2%; font-size:14px; line-height:26px; padding-left:150px; padding-right:150px; top:50px;}
.div_solu7{ margin-top:0px; top:50px;}
.div_solu8{ background: #00c2e0; padding: 60px 0; margin-top: 60px;}
.div_solu8 h1{ text-align: center; color: #fff;}
.div_solu8 ul{ padding-bottom: 60px;}
.div_solu8 ul li{ width: 200px; float: left; text-align: center; color: #fff;}
.div_solu8 p.solu_details{ color: #fff;}
p.solu_details{ width: 800px; text-align: center; margin: 30px auto;}
ul.solu_list4 li{ width: 300px; margin: 0; padding: 0; float: left; text-align: center;}
ul.solu_list5{ padding-bottom: 40px;}
ul.solu_list5 li{ width: 240px; margin: 0; padding: 0; float: left; text-align: center;} 

.div_solu5 h2,
.div_solu8 h2{ width: 800px; margin: auto; position: relative; text-indent: 20px;}
.div_solu8 h2{ color: #fff;}
.div_solu5 h2 span,
.div_solu8 h2 span{ width: 10px; height: 10px; display: block; background: #888; position: absolute; top: 6px;}
.div_solu8 h2 span{ background: #fff;}*/





@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_solu{ margin-top:8%;}
	.div_solu .div1 a{ display:inline-block; font-size:0.34rem; padding-left:1.2%; margin-left:0.2%; margin-right:0.2%; padding-right:1.2%; height:0.8rem; line-height:0.8rem; margin-bottom:2%;}
	.div_solu .div2{ margin-top:3%; margin-left:5%; margin-right:5%; position:relative;}
	.div_solu .div2 .lf{ width:100%;}
	.div_solu .div2 .rg{ width:100%; position:relative; top:0%; margin-top:0%;}
	.div_solu .div2 .rg ul li{ height:1.5rem;}
	.div_solu .div2 .rg ul li .p1{ width:20%; line-height:1.5rem;}
	.div_solu .div2 .rg ul li .p1 .span1{ font-size:0.34rem;}
	.div_solu .div2 .rg ul li .p1 .span2 img{ width:50%}
	.div_solu .div2 .rg ul li .p2{ width:70%; line-height:1.5rem; color:#fff; font-size:0.36rem; font-weight:bold;}
	.div_solu1{ margin-top:5%; top:150px;}
	.div_solu1 .div1{ display:none;}
	.div_solu1 .div2{ display:block;}
	.div_solu1 .div2 img{ width:100%;}
	.div_solu2{ margin-top:8%;}
	.div_solu2 .div1{ text-align:center; font-size:0.6rem; line-height:0.8rem;}
	.div_solu2 .div2{ width:auto; font-size:0.34rem; line-height:0.6rem;}
	.div_solu3{ margin-top:5%; margin-bottom:8%; font-size:0.36rem; line-height:0.6rem;}
	.div_solu3 img{ width:100%; height: auto;}
	.div_solu3 h1{ margin-top:5%; border-top:1px solid #ddd; padding-top:5%; font-size:0.48rem; line-height:0.6rem; margin-bottom:2.5%; }
	.div_solu3 h2{ font-size:0.42rem; line-height:0.6rem;}
	/*.div_solu3 .div1 a,.div_solu3 .div1:hover .on{ margin-left:0.2rem; margin-right:0.2rem; width:1.8rem; font-size:0.34rem; }
	.div_solu3 .div2{ background:#3076dd; padding-top:8%; padding-bottom:8%; color:#fff; position:relative;}
	.div_solu3 .div2 .p1{ font-size:0.55rem;}
	.div_solu3 .div2 .p2{ width:auto; font-size:0.34rem; line-height:0.6rem;}
	.div_solu4{ padding-top:8%; padding-bottom:8%;}
	.div_solu4 ul{ margin-top:5%;}
	.div_solu4 ul li{ font-size:0.34rem; line-height:0.6rem; padding-right:5%; padding-left:85px;}
	.div_solu5{ margin-top:8%;}
	.div_solu5 ul{ margin-top:0%;}
	.div_solu5 ul li{ width:100%; margin-right:0px; margin-left:0px; top:150px; margin-top:5%;}
	.div_solu5 ul li .div1{ text-align:center;}
	.div_solu5 ul li .div2{ font-size:0.34rem; line-height:0.6rem;}
	.div_solu6{ background:#00c1de; padding-top:8%; padding-bottom:8%; margin-top:8%;}
	.div_solu6 .div1{ text-align:center; font-size:0.55rem; line-height:0.8rem; top:50px;}
	.div_solu6 .div2{ margin-top:5%; font-size:0.34rem; line-height:0.6rem; padding-left:0px; padding-right:0px; top:50px;}
	.div_solu7{ margin-top:0px;}*/
}

.div_pro{ height:113px; background:#fefefe;}
.div_pro ul li{ float:left; width:50%;}
.div_pro ul li a{ display:block; padding-left:255px; height:113px;}
.div_pro ul li .a1{ background:url("../img/4_02.png")/*tpa=http://www.tofine.com/images/4_02.png*/ 200px center no-repeat #fefefe;}
.div_pro ul li .a2{ background:url("../img/4_03.png")/*tpa=http://www.tofine.com/images/4_03.png*/ 200px center no-repeat #fefefe;}
.div_pro ul .on .a1,.div_pro ul li:hover .a1{ background:url("../img/4_02a.png")/*tpa=http://www.tofine.com/images/4_02a.png*/ 200px center no-repeat #e4e4e6;}
.div_pro ul .on .a2,.div_pro ul li:hover .a2{ background:url("../img/4_03a.png")/*tpa=http://www.tofine.com/images/4_03a.png*/ 200px center no-repeat #e4e4e6;}
.div_pro ul li .div1{ font-size:18px; color:#333; padding-top:35px;}
.div_pro ul li .div2{ font-size:14px; color:#666;}
.div_pro1{ background:url("../img/4_04.jpg")/*tpa=http://www.tofine.com/images/4_04.jpg*/ center top no-repeat; padding-top:5%; padding-bottom:5%;}
.div_pro1 .div_title{ color:#fff; margin-bottom:20px;}
.div_pro1 .lf{ background:#03919f; width:279px; left:-150px;}
.div_pro1 .lf .div2{height:400px;overflow-y:auto;}
.div_pro1 .lf .div2 a{ display:block; height:98px; line-height:98px; border-bottom:1px solid #fff; text-align:center; font-size:16px; color:#fff;}
.div_pro1 .lf .div2 a:hover,.div_pro1 .div2 .on{ background:#f4be57}
.div_pro1 .rg{ width:775px; color:#fff; right:-150px;}
.div_pro1 .rg .div1{ font-size:24px; line-height:26px; padding-top:35px;}
.div_pro1 .rg .div2{ margin-top:3%; font-size:14px; line-height:26px; height:286px; overflow:hidden; text-align:justify;} 
.div_pro1 .rg .div3{ text-align:right; border-bottom:1px solid #7fa3e3; padding-bottom:20px; margin-top:20px;}
.div_pro1 .rg .div3 a{ display:inline-block; width:100px; height:32px; line-height:32px; background:#ffb800; text-align:center; color:#fff; font-size:14px;}
.div_pro1 .rg .div3 a:hover{ background:#e5a500}
.div_pro2{ background:#f0f0f0; padding-top:5%; padding-bottom:5%;}
.div_pro2 .div1{ margin-top:3%; position:relative; top:150px;}
.div_pro2 .div1 .slides { width:100%; position:relative; z-index:1;}
.div_pro2 .div1 .slides li{ width:100%; height:auto;}
.div_pro2 .div1 .slides li a{ width:25%; height:auto; display:block; float:left; position:relative;}
.div_pro2 .div1 .slides li a .p1 img{ width:100%;}
.div_pro2 .div1 .slides li a .p2{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.4); text-align:center; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro2 .div1 .slides li a .p2 .pp1{ font-size:18px; background:url("../img/4_12.jpg")/*tpa=http://www.tofine.com/images/4_12.jpg*/ center bottom no-repeat; padding-bottom:20px; padding-top:180px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.div_pro2 .div1 .slides li a .p2 .pp2{ font-size:14px; line-height:26px; margin-top:26px; padding-left:10%; padding-right:10%; filter:alpha(opacity=0); opacity:0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro2 .div1 .slides li a:hover .p2{ background:rgba(0,156,172,.8);}
.div_pro2 .div1 .slides li a:hover .p2 .pp1{ padding-top:120px;}
.div_pro2 .div1 .slides li a:hover .p2 .pp2{ opacity:1;}
.div_pro2 .div1 .flex-control-nav { position:absolute; bottom:5%; z-index:99;width:100%; text-align:center; left:0px; display:none;} 
.div_pro2 .div1 .flex-control-nav li { display:inline-block; width:84px; height:3px; margin:0 5px;}
.div_pro2 .div1 .flex-control-nav li span { display:none;}
.div_pro2 .div1 .flex-control-nav li a { width:84px; height:3px; cursor:pointer; background:#fff; display:block;}
.div_pro2 .div1 .flex-control-nav li a.flex-active { background:#fecf17}
.div_pro2 .div1 .flex-direction-nav .flex-prev{ position:absolute; left:0px; bottom:0px; background:url("../img/4_10.png")/*tpa=http://www.tofine.com/images/4_10.png*/ no-repeat; width:49px; height:400px; z-index:100; cursor:pointer;}
.div_pro2 .div1 .flex-direction-nav .flex-next{ position:absolute; right:0px; bottom:0px; background:url("../img/4_11.png")/*tpa=http://www.tofine.com/images/4_11.png*/ no-repeat; width:49px; height:400px; z-index:100; cursor:pointer;}
.div_pro2 .div2{ display:none;}
.div_pro2 .div3{ padding:45px; background:#fff; margin-top:5%; top:150px;} 
.div_pro2 .div3 .slides { width:100%; position:relative;}
.div_pro2 .div3 .slides li{ width:100%;}
.div_pro2 .div3 .slides li a{ display:block; height:63px; line-height:63px; background:url("../img/4_13.png")/*tpa=http://www.tofine.com/images/4_13.png*/ 97% center no-repeat #009cac; padding-left:50px; margin-bottom:10px; font-size:14px; color:#fff;}
.div_pro2 .div3 .slides li a:hover{ background:url("../img/4_13.png")/*tpa=http://www.tofine.com/images/4_13.png*/ 97% center no-repeat #ffb800;}
.div_pro2 .div3 .flex-control-nav { position:relative; text-align:center; margin-top:2%} 
.div_pro2 .div3 .flex-control-nav li { display:inline-block; width:8px; height:8px; margin:0 5px;}
.div_pro2 .div3 .flex-control-nav li span { display:none;}
.div_pro2 .div3 .flex-control-nav li a { width:8px; height:8px; cursor:pointer; background:url("../img/4_14.png")/*tpa=http://www.tofine.com/images/4_14.png*/ center no-repeat;; display:inline-block;}
.div_pro2 .div3 .flex-control-nav li a.flex-active { background:url("../img/4_14a.png")/*tpa=http://www.tofine.com/images/4_14a.png*/ center no-repeat;}
.div_pro2 .div3 .flex-direction-nav{ display:block;}
.div_pro3{ margin-top:5%;}
.div_pro3 .div1{ text-align:center; font-size:40px; line-height:42px; color:#333; top:150px;}
.div_pro3 .div2{ text-align:left; font-size:14px; line-height:26px; color:#666; margin-top:3%; top:150px;}
.div_pro4{ margin-top:5%;}
.div_pro4 .div1{ text-align:center; top:50px; top:150px;}
.div_pro4 .div1 a,.div_pro4 .div1:hover .on{ display:inline-block; color:#333; margin-left:10px; margin-right:10px; width:116px; font-size:14px; background:url("../img/3_08.jpg")/*tpa=http://www.tofine.com/images/3_08.jpg*/ center bottom no-repeat; padding-bottom:10px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro4 .div1 .on,.div_pro4 .div1 a:hover{ background:url("../img/3_07.jpg")/*tpa=http://www.tofine.com/images/3_07.jpg*/ center bottom no-repeat; color:#009cac;}
.div_pro4 .div2{ background:url("../img/4_15.jpg")/*tpa=http://www.tofine.com/images/4_15.jpg*/ center top no-repeat; padding-top:5%; padding-bottom:5%; position:relative; z-index:100;}
.div_pro4 .div2 .div_title{ color:#fff; margin-bottom:5%;}
.div_pro4 .div2 .lf{ width:542px; color:#fff; font-size:14px; line-height:28px; left:-150px; text-align:justify;}
.div_pro4 .div2 .rg{ width:568px; right:-150px;}
.div_pro5{ padding-top:5%; background:#e4e4e6; padding-bottom:5%;}
.div_pro5 .div1{ position:relative; width:1019px; margin:0 auto; margin-top:3%;}
.div_pro5 .div1 .slides { position:relative; z-index:1; overflow:hidden;}
.div_pro5 .div1 .slides li{ width:100%; height:auto;}
.div_pro5 .div1 .slides li a{ float:left; width:319px; margin-right:31px; display:block; height:auto;}
.div_pro5 .div1 .slides li a .p1{ width:315px; border:2px solid #c9c9c9; height:195px; overflow:hidden; position:relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro5 .div1 .slides li a .p1 img{ width:315px; height:195px;}
.div_pro5 .div1 .slides li a .p2{ margin-top:10px; position:relative; color:#333; font-size:14px; line-height:26px; text-align:justify}
.div_pro5 .div1 .slides li a:hover .p1{ border:2px solid #ffb800;}
.div_pro5 .div1 .flex-control-nav { position:relative; text-align:center;} 
.div_pro5 .div1 .flex-control-nav li { display:inline-block; width:8px; height:8px; margin:0 5px;}
.div_pro5 .div1 .flex-control-nav li span { display:none;}
.div_pro5 .div1 .flex-control-nav li a { width:8px; height:8px; cursor:pointer; display:inline-block; background:url("../img/4_14.png")/*tpa=http://www.tofine.com/images/4_14.png*/ center no-repeat;}
.div_pro5 .div1 .flex-control-nav li a.flex-active {  background:url("../img/4_14a.png")/*tpa=http://www.tofine.com/images/4_14a.png*/ center no-repeat;}
.div_pro5 .div1 .flex-direction-nav .flex-prev{ position:absolute; left:-50px; top:90px; background:url("../img/4_20.png")/*tpa=http://www.tofine.com/images/4_20.png*/ no-repeat; width:19px; height:34px; z-index:100; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro5 .div1 .flex-direction-nav .flex-prev:hover{ left:-60px;}
.div_pro5 .div1 .flex-direction-nav .flex-next{ position:absolute; right:-50px; top:90px;; background:url("../img/4_21.png")/*tpa=http://www.tofine.com/images/4_21.png*/ no-repeat; width:19px; height:34px; z-index:100; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro5 .div1 .flex-direction-nav .flex-next:hover{ right:-60px;}
.div_pro5 .div2{ display:none;}
.div_pro5 .text{ color:#333; font-size:14px; line-height:28px; text-align:justify; margin-top: 30px;}
.div_pro6{ margin-top:5%;}
.div_pro6 .div1{ margin-top:5%; border:1px solid #eaeaea; box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); padding:50px; position:relative; }
.div_pro6 .div1 .lf{ width:488px; line-height:26px; font-size:14px; color:#333; text-align:justify;}
.div_pro6 .div1 .p1{ position:absolute; top:27px; right:25px; margin-top:-28px; margin-right:-20px;}
.div_pro7{ background:url("../img/4_23.png")/*tpa=http://www.tofine.com/images/4_23.png*/ center top no-repeat; margin-top:5%; padding-top:6%; padding-bottom:6%;}
.div_pro7 .box{ position:relative;}
.div_pro7 .div1{ position:absolute; top:0px; left:-150px; background:url("../img/4_25.jpg")/*tpa=http://www.tofine.com/images/4_25.jpg*/ center left no-repeat; padding-left:27px;}
.div_pro7 .div1 span{ border-bottom:1px solid #84ccd6; padding-bottom:16px; display:block; width:200px; color:#fff; font-size:22px; padding-top:15px;}
.div_pro7 .div2{ text-align:center; top:150px;}
.div_pro7 .div3{ position:absolute; top:0px; left:-150px; padding-top:280px; margin-left:27px; width:250px; text-align:center; color:#fff; font-size:14px; line-height:26px; border-bottom:1px solid #85ced8; padding-bottom:20px;}
.div_pro7 .div4{ position:absolute; top:0px; right:-150px; padding-top:280px; margin-right:27px; width:250px; text-align:center; color:#fff; font-size:14px; line-height:26px; border-bottom:1px solid #85ced8; padding-bottom:20px;}
.div_pro8{ margin-top:5%;}
.div_pro8 .div1{ margin-top:5%; border:1px solid #f5f5f5;box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.1); top:150px; padding-bottom:3%; }
.div_pro8 .div1 .lf{ padding-left:173px; padding-top:43px; width:224px;}
.div_pro8 .div1 .lf .slides li .p1 img{ width:100%;}
.div_pro8 .div1 .lf .slides li .p2{ text-align:center; margin-top:5%;}
.div_pro8 .div1 .flex-control-nav { position:relative; text-align:center; margin-top:20px;} 
.div_pro8 .div1 .flex-control-nav li { display:inline-block; width:8px; height:8px; margin:0 5px;}
.div_pro8 .div1 .flex-control-nav li span { display:none;}
.div_pro8 .div1 .flex-control-nav li a { width:8px; height:8px; cursor:pointer; display:inline-block; background:url("../img/4_14.png")/*tpa=http://www.tofine.com/images/4_14.png*/ center no-repeat;}
.div_pro8 .div1 .flex-control-nav li a.flex-active {  background:url("../img/4_14a.png")/*tpa=http://www.tofine.com/images/4_14a.png*/ center no-repeat;}
.div_pro8 .div1 .rg{ width:450px; padding-right:160px; padding-top:70px; color:#4c4c4c; font-size:14px; line-height:26px; text-align:justify;}
.div_pro9{ margin-top:5%;}
.div_pro9 .div1{ background:url("../img/4_27.jpg")/*tpa=http://www.tofine.com/images/4_27.jpg*/ center bottom no-repeat; height:526px; margin-top:5%;}
.div_pro9 .div1 .box{ position:relative; height:526px;}
.div_pro9 .div1 .p1{ position:absolute; bottom:0px; left:0px; width:83px; text-align:center;}
.div_pro9 .div1 .p1 .pp2{ color:#ffb800; margin-top:5px;}
.div_pro9 .div1 .p1 .pp3{ margin-top:25px}
.div_pro9 .div1 .p2{ position:absolute; bottom:0px; left:0px; margin-left:194px; width:65px; text-align:center;}
.div_pro9 .div1 .p2 .pp2{ color:#ffb800; margin-top:5px;}
.div_pro9 .div1 .p2 .pp3{ margin-top:25px}
.div_pro9 .div1 .p3{ position:absolute; bottom:0px; left:0px; margin-left:400px; width:129px; text-align:center;}
.div_pro9 .div1 .p3 .pp2{ color:#ffb800; margin-top:5px;}
.div_pro9 .div1 .p3 .pp3{ margin-top:25px}
.div_pro9 .div1 .p4{ position:absolute; bottom:0px; left:0px; margin-left:664px; width:79px; text-align:center;}
.div_pro9 .div1 .p4 .pp2{ color:#ffb800; margin-top:5px;}
.div_pro9 .div1 .p4 .pp3{ margin-top:25px}
.div_pro9 .div1 .p5{ position:absolute; bottom:0px; left:0px; margin-left:952px; width:250px; text-align:center;}
.div_pro9 .div1 .p5 .pp1{ float:left; color:#ffb800; margin-top:5px; width:50px;}
.div_pro9 .div1 .p5 .pp2{ float:right; margin-top:25px; width:200px; color:#5c5c5c; font-size:14px; line-height:26px; text-align:justify; position:relative; top:-150px;}
.div_pro9 .div2{ display:none;}
.div_pro10{ margin-top:5%; margin-bottom:5%;}
.div_pro10 .div1{ width:830px; margin:0 auto; left:150px;}
.div_pro10 .div1 ul li{ margin-top:5%;}
.div_pro10 .div1 ul li .lf{ width:49px;}
.div_pro10 .div1 ul li .rg{ width:720px; color:#808080; font-size:20px; line-height:32px; padding-top:0px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	body.productsinfo h1{ font-size: 0.5rem !important; line-height: 0.52rem;}
	
	
	.div_pro{ height:1.2rem;}
	.div_pro .box{ padding-left:0px; padding-right:0px;}
	.div_pro ul li a{ padding-left:0.9rem; height:1.2rem;}
	.div_pro ul li .a1{ background:url("../img/4_02.png")/*tpa=http://www.tofine.com/images/4_02.png*/ 5% center no-repeat #fefefe; background-size:0.5rem;}
	.div_pro ul li .a2{ background:url("../img/4_03.png")/*tpa=http://www.tofine.com/images/4_03.png*/ 5% center no-repeat #fefefe; background-size:0.5rem;}
	.div_pro ul .on .a1,.div_pro ul li:hover .a1{ background:url("../img/4_02a.png")/*tpa=http://www.tofine.com/images/4_02a.png*/ 5% center no-repeat #e4e4e6; background-size:0.5rem;}
	.div_pro ul .on .a2,.div_pro ul li:hover .a2{ background:url("../img/4_03a.png")/*tpa=http://www.tofine.com/images/4_03a.png*/ 5% center no-repeat #e4e4e6; background-size:0.5rem;}
	.div_pro ul li .div1{ font-size:0.36rem; line-height:0.4rem; padding-top:0.18rem;}
	.div_pro ul li .div2{ font-size:0.24rem; line-height:0.3rem; margin-top:0.1rem;}
	.div_pro1{ background:#4c8df3; padding-top:8%; padding-bottom:8%;}
	.div_pro1 .div_title{ margin-bottom:5%;}
	.div_pro1 .lf{ background:#03919f; width:100%; left:-150px;}
	.div_pro1 .lf .div1{ display:none;}
	.div_pro1 .lf .div2{height:auto;}
	.div_pro1 .lf .div2{ overflow:hidden;}
	.div_pro1 .lf .div2 a{ float:left; display:block; height:1.2rem; line-height:1.2rem; width:25%; border-bottom:1px solid #fff; font-size:0.34rem; color:#fff;}
	.div_pro1 .rg{ width:100%;}
	.div_pro1 .rg .div1{ font-size:0.42rem; line-height:0.6rem; padding-top:5%;}
	.div_pro1 .rg .div2{ margin-top:5%; font-size:0.34rem; line-height:0.6rem; height:auto;}
	.div_pro1 .rg .div3{ text-align:center; border-bottom:1px solid #7fa3e3; margin-top:5%; padding-bottom:5%;}
	.div_pro1 .rg .div3 a{ font-size:0.34rem;}
	.div_pro2 .div1{ display:none;}
	.div_pro2 .div2{ display:block; top:150px;}	
	.div_pro2 .div2{ margin-top:5%; position:relative;}
	.div_pro2 .div2 .slides { width:100%; position:relative; z-index:1;}
	.div_pro2 .div2 .slides li{ width:100%; height:auto;}
	.div_pro2 .div2 .slides li a{ width:90%; margin-left:5%; margin-right:5%; height:auto; display:block; float:left; position:relative;}
	.div_pro2 .div2 .slides li a .p1 img{ width:100%;}
	.div_pro2 .div2 .slides li a .p2{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,.4); text-align:center; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.div_pro2 .div2 .slides li a .p2 .pp1{ font-size:0.55rem; background:url("../img/4_12.jpg")/*tpa=http://www.tofine.com/images/4_12.jpg*/ center bottom no-repeat; padding-bottom:5%; padding-top:35%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.div_pro2 .div2 .slides li a .p2 .pp2{ font-size:0.34rem; line-height:0.6rem; margin-top:5%; padding-left:10%; padding-right:10%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.div_pro2 .div2 .flex-control-nav { display:none;} 
	.div_pro2 .div2 .flex-direction-nav { display:none;} 
	.div_pro2 .div3{ padding:5%; background:#fff; margin-top:5%;}
	.div_pro2 .div3 .slides li a{ height:1.4rem; line-height:1.4rem; background:url("../img/4_13.png")/*tpa=http://www.tofine.com/images/4_13.png*/ 95% center no-repeat #009cac; background-size:0.25rem; padding-left:5%; margin-bottom:2%; font-size:0.34rem; color:#fff;}	
	.div_pro3{ margin-top:8%;}
	.div_pro3 img{ width: 100%; height: auto;}
	.div_pro3 .div1{ font-size:0.55rem; line-height:0.6rem;}
	.div_pro3 .div2{ font-size:0.34rem; line-height:0.6rem; margin-top:5%}
	.div_pro3 .div2 img{ width: 100%; height: auto;}
	.div_pro4 .div1 a,.div_pro4 .div1:hover .on{ margin-left:0.1rem; margin-right:0.1rem; width:2rem; font-size:0.34rem; padding-bottom:10px; margin-top:2%;}
	.div_pro4 .div2{ background:#0eb1c3; padding-top:8%; padding-bottom:8%;}
	.div_pro4 .div2 .div_title{ color:#fff; margin-bottom:5%;}
	.div_pro4 .div2 .lf{ width:100% !important; color:#fff; font-size:0.34rem; line-height:0.6rem; padding-top:0%;}
	.div_pro4 .div2 .rg{ width:100% !important; margin-top:5%}
	.div_pro4 .div2 .rg img{ width:100%; height: auto;}
	.div_pro5{ padding-top:8%;}
	.div_pro5 .div1{ display:none;}
	.div_pro5 .div2{ display:block; margin-top:5%; top:150px;}
	.div_pro5 .div2 .slides { position:relative; z-index:1; overflow:hidden;}
	.div_pro5 .div2 .slides li{ width:100%; height:auto;}
	.div_pro5 .div2 .slides li a{ float:left; width:100%; display:block; height:auto;}
	.div_pro5 .div2 .slides li a .p1{ border:2px solid #c9c9c9; overflow:hidden;}
	.div_pro5 .div2 .slides li a .p1 img{ width:100%;}
	.div_pro5 .div2 .slides li a .p2{ margin-top:10px; position:relative; color:#333; font-size:0.34rem; line-height:0.6rem; text-align:justify}
	.div_pro5 .div2 .flex-control-nav { position:relative; text-align:center;} 
	.div_pro5 .div2 .flex-control-nav li { display:inline-block; width:8px; height:8px; margin:0 5px;}
	.div_pro5 .div2 .flex-control-nav li span { display:none;}
	.div_pro5 .div2 .flex-control-nav li a { width:8px; height:8px; cursor:pointer; display:inline-block; background:url("../img/4_14.png")/*tpa=http://www.tofine.com/images/4_14.png*/ center no-repeat;}
	.div_pro5 .div2 .flex-control-nav li a.flex-active {  background:url("../img/4_14a.png")/*tpa=http://www.tofine.com/images/4_14a.png*/ center no-repeat;}
	.div_pro5 .div2 .flex-direction-nav .flex-prev{ position:absolute; left:-50px; top:90px; background:url("../img/4_20.png")/*tpa=http://www.tofine.com/images/4_20.png*/ no-repeat; width:19px; height:34px; z-index:100; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.div_pro5 .div2 .flex-direction-nav .flex-prev:hover{ left:-60px;}
	.div_pro5 .div2 .flex-direction-nav .flex-next{ position:absolute; right:-50px; top:90px;; background:url("../img/4_21.png")/*tpa=http://www.tofine.com/images/4_21.png*/ no-repeat; width:19px; height:34px; z-index:100; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.div_pro5 .div2 .flex-direction-nav .flex-next:hover{ right:-60px;}
	.div_pro5 .text{ width:100% !important; color:#333; font-size:0.34rem; line-height:0.6rem; padding-top:0%;}
	.div_pro6{ margin-top:8%;}
	.div_pro6 .div1{ margin-top:5%; padding:5%; position:relative;}
	.div_pro6 .div1 .lf{ width:100%; line-height:0.6rem; font-size:0.34rem;}
	.div_pro6 .div1 .p1{ position:relative; top:0px; right:0px; margin-top:0px; margin-right:0px;}
	.div_pro6 .div1 .p1 img{ width:100%; height: auto;}	
	.div_pro7{ margin-top:8%; padding-top:8%; padding-bottom:8%;}
	.div_pro7 .div1{ position:relative; top:0px; left:0px; background:url("../img/4_25.jpg")/*tpa=http://www.tofine.com/images/4_25.jpg*/ center left no-repeat; padding-left:0.5rem;}
	.div_pro7 .div1 span{ border-bottom:1px solid #84ccd6; display:block; width:100%; font-size:0.43rem; padding-top:0.1rem; padding-bottom:0.2rem;}
	.div_pro7 .div2{ margin-top:5%}
	.div_pro7 .div2 img{ width:100%;}
	.div_pro7 .div3{ position:relative; top:0px; left:0px; padding-top:5%; margin-left:0px; width:100%; text-align:left; font-size:0.34rem; line-height:0.6rem; padding-bottom:20px;}
	.div_pro7 .div4{ position:relative; top:0px; right:0px; padding-top:5%; margin-right:0px; width:100%; text-align:left; font-size:0.34rem; line-height:0.6rem; padding-bottom:20px;}	
	.div_pro8{ margin-top:8%;}
	.div_pro8 .div1{ margin-top:5%; padding:5%;}
	.div_pro8 .div1 .lf{ padding-left:0px; padding-top:0px; width:224px; margin:0 auto; float:none;}
	.div_pro8 .div1 .flex-control-nav { margin-top:5%;}
	.div_pro8 .div1 .rg{ width:100%; padding-right:0px; padding-top:5%; color:#4c4c4c; font-size:0.34rem; line-height:0.6rem;}
	.div_pro9{ margin-top:8%;}
	.div_pro9 .div1{ display:none;}
	.div_pro9 .div2{ display:block; margin-top:5%; top:150px;}
	.div_pro9 .div2 img{ width:100%}
	.div_pro10{ margin-top:8%; margin-bottom:5%;}
	.div_pro10 .div1{ width:100%; margin:0 auto; left:150px;}
	.div_pro10 .div1 ul li{ margin-top:5%;}
	.div_pro10 .div1 ul li .lf{ width:10%;}
	.div_pro10 .div1 ul li .lf img{ width:100%}
	.div_pro10 .div1 ul li .rg{ width:85%; color:#808080; font-size:0.34rem; line-height:0.6rem;}
}

.div_str{ margin-top:5%;}
.div_str .div1{ margin-top:3%;}
.div_str .div1 .lf{ background:url("../img/5_04.jpg")/*tpa=http://www.tofine.com/images/5_04.jpg*/ center no-repeat #53c3cf; width:570px; height:302px; left:-150px; text-align:justify;}
.div_str .div1 .rg{ background:url("../img/5_05.jpg")/*tpa=http://www.tofine.com/images/5_05.jpg*/ center no-repeat #53cf9d; width:570px; height:302px; right:-150px; text-align:justify;}
.div_str .div1 .p1{ padding-top:60px; text-align:center;}
.div_str .div1 .p2{ padding-left:100px; padding-right:100px; font-size:14px; color:#fff; line-height:26px; margin-top:20px;}
.div_str .div2{ position:relative; overflow:hidden; width:100%; height:100%; margin-top:3%; top:150px;}
.div_str .div2 .slides { width:100%; position:relative;z-index:1; overflow:hidden;}
.div_str .div2 .slides li { width:100%; height:auto; overflow:hidden;}
.div_str .div2 .slides li a{ display:block; float:left; width:380px; margin-right:30px;}
.div_str .div2 .slides li img{ width:100%; height:auto}
.div_str .div2 .flex-control-nav { text-align:center; margin-top:2%;} 
.div_str .div2 .flex-control-nav li { display:inline-block; width:10px; height:10px; margin:0 5px;}
.div_str .div2 .flex-control-nav li span { display:none;}
.div_str .div2 .flex-control-nav li a { width:10px; height:10px; cursor:pointer; background:#009cab; display:block; border-radius:100%;}
.div_str .div2 .flex-control-nav li a.flex-active { background:#fe7c06}
.div_str .div2 .flex-direction-nav{ display:none;}
.div_str .div3{ display:none;}
.div_str .div3{ position:relative; overflow:hidden; width:100%; height:100%; margin-top:5%; top:150px;}
.div_str .div3 .slides { width:100%; position:relative;z-index:1; overflow:hidden;}
.div_str .div3 .slides li { width:100%; height:auto; overflow:hidden;}
.div_str .div3 .slides li a{ display:block; float:left; width:100%;}
.div_str .div3 .slides li img{ width:100%; height:auto}
.div_str .div3 .flex-control-nav { position:absolute; bottom:5%; text-align:center; width:100%; z-index:100;} 
.div_str .div3 .flex-control-nav li { display:inline-block; width:10px; height:10px; margin:0 5px;}
.div_str .div3 .flex-control-nav li span { display:none;}
.div_str .div3 .flex-control-nav li a { width:10px; height:10px; cursor:pointer; background:#fff; display:block; border-radius:100%;}
.div_str .div3 .flex-control-nav li a.flex-active { background:#fe7c06}
.div_str .div3 .flex-direction-nav{ display:none;}

.div_str1{ background:url("../img/5_06.jpg")/*tpa=http://www.tofine.com/images/5_06.jpg*/ center top no-repeat; padding-top:5%; margin-top:5%; padding-bottom:5%;}
.div_str1 .div_title{ color:#fff;}
.div_str1 .div1{ margin-top:5%; background:url("../img/5_07.png")/*tpa=http://www.tofine.com/images/5_07.png*/ center top no-repeat; height:421px; top:150px;}
.div_str1 .div1 .p1{ padding-left:199px; padding-top:38px; color:#fff; width:492px; text-align:justify; font-size:14px; line-height:26px;}
.div_str2{ background:url("../img/5_08.jpg")/*tpa=http://www.tofine.com/images/5_08.jpg*/ center top no-repeat; padding-top:5%; padding-bottom:5%;}
.div_str2 .div_title{ color:#fff;}
.div_str2 .div1{ color:#fff; font-size:24px; padding-bottom:25px; border-bottom:1px solid #b9d2d4; font-weight:bold; margin-top:3%;}
.div_str2 .div2 ul li{ float:left; width:330px; margin-right:104px; float:left; height:53px; line-height:53px; background:url("../img/5_11.jpg")/*tpa=http://www.tofine.com/images/5_11.jpg*/ right bottom repeat-x; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_str2 .div2 ul li:hover{ background:url("../img/5_11.jpg")/*tpa=http://www.tofine.com/images/5_11.jpg*/ left bottom no-repeat;}
.div_str2 .div2 ul li .lf{ width:80%; font-size:14px;}
.div_str2 .div2 ul li .lf a{ color:#fff; background:url("../img/5_12.png")/*tpa=http://www.tofine.com/images/5_12.png*/ center left no-repeat; padding-left:12px;}
.div_str2 .div2 ul li .rg{ width:20%; text-align:right;}
.div_str2 .div2 ul li .rg .a1{ background:url("../img/5_09.png")/*tpa=http://www.tofine.com/images/5_09.png*/ center no-repeat; display:inline-block; width:17px; height:13px;}
.div_str2 .div2 ul li .rg .a2{ background:url("../img/5_10.png")/*tpa=http://www.tofine.com/images/5_10.png*/ center no-repeat; display:inline-block; width:13px; height:13px; margin-left:10px;}
.div_str2 .div3{ margin-top:3%; left:150px;}
.div_str2 .div3 ul li{ float:left; width:326px; padding:20px; background:#fff; margin-right:51px;}
.div_str2 .div3 ul li .p1{ position:relative; overflow:hidden;}
.div_str2 .div3 ul li .p1 .pp1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_str2 .div3 ul li:hover .p1 .pp1 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}
.div_str2 .div3 ul li .p1 .pp2{ position:absolute; bottom:-40px; left:0px; background:rgba(0,0,0,.6); width:326px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_str2 .div3 ul li:hover .p1 .pp2{ bottom:0px;}
.div_str2 .div3 ul li .p2{ margin-top:3%;}
.div_str2 .div3 ul li .p2 .lf a{ color:#181818; font-size:14px;}
.div_str2 .div3 ul li .p2 .rg a{ background:url("../img/5_16.png")/*tpa=http://www.tofine.com/images/5_16.png*/ center right no-repeat; padding-right:22px; color:#666666}
.div_str2 .div1a{ left:150px;}
.div_str2 .div1b{ left:-150px;}
.div_str2 .div1c{ left:150px;}
.div_str2 .div1d{ left:-150px;}
.div_str2 .div1e{ left:150px;}
.div_str2 .div1f{ left:-150px;}
.page{ margin-top:5%; text-align:center;}
.page a{ display:inline-block; padding-left:10px; padding-right:10px; height:30px; line-height:30px; background:#fff; color:#333333; font-size:14px; margin-left:5px; margin-right:5px;} 
.page a:hover,.page .on{ background:#ffb800; color:#fff;}
.page span{ color:#fff; margin-left:5px; font-size:12px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_str{ margin-top:8%;}
	.div_str .box{ width:100%; padding-left:0px; padding-right:0px;}
	.div_str .div1{ margin-top:5%;}
	.div_str .div1 .lf{ background:url("../img/5_04.jpg")/*tpa=http://www.tofine.com/images/5_04.jpg*/ center no-repeat #53c3cf; width:100%; height:auto; left:-150px;}
	.div_str .div1 .rg{ background:url("../img/5_05.jpg")/*tpa=http://www.tofine.com/images/5_05.jpg*/ center no-repeat #53cf9d; width:100%; height:auto; right:-150px;}
	.div_str .div1 .p1{ padding-top:10%; text-align:center;}
	.div_str .div1 .p1 img{ width:50px;}
	.div_str .div1 .p2{ padding-left:10%; padding-right:10%; font-size:0.34rem; color:#fff; line-height:0.6rem; margin-top:3%; padding-bottom:10%;}
	
	.div_str .div2{ display:none;}
	.div_str .div3{ display:block;}
	
	.div_str1{ background:#009cac; padding-top:8%; margin-top:0%; padding-bottom:8%;}
	.div_str1 .div1{ margin-top:5%; background:none; height:auto;}
	.div_str1 .div1 .p1{ padding-left:0px; padding-top:0px; width:100%; font-size:0.34rem; line-height:0.6rem;}	
	.div_str2{ background:#5fbdbd; padding-top:8%; padding-bottom:8%;}
	.div_str2 .div1{ color:#fff; font-size:0.45rem; padding-bottom:0.4rem; margin-top:8%;}
	.div_str2 .div2 ul li{ width:100%; margin-right:0px; float:left; height:1.2rem; line-height:1.2rem;}
	.div_str2 .div2 ul li:hover{ background:url("../img/5_11.jpg")/*tpa=http://www.tofine.com/images/5_11.jpg*/ left bottom no-repeat;}
	.div_str2 .div2 ul li .lf{ width:80%; font-size:0.34rem;}
	.page a{ padding-left:0.15rem; padding-right:0.15rem; height:0.6rem; line-height:0.6rem; font-size:0.34rem;}
	.div_str2 .div3{ margin-top:0%;}
	.div_str2 .div3 ul li{ width:90%; padding:5%; margin-right:0px; margin-top:5%;}
	.div_str2 .div3 ul li .p1 .pp1 img{ width:100%;}
	.div_str2 .div3 ul li .p1 .pp2{ bottom:0px; width:100%; height:1rem; line-height:1rem; font-size:0.34rem;}
	.div_str2 .div3 ul li .p2 .lf a{ color:#181818; font-size:0.34rem;}
	.div_str2 .div3 ul li .p2 .rg a{ background:url("../img/5_16.png")/*tpa=http://www.tofine.com/images/5_16.png*/ center right no-repeat; padding-right:22px; color:#666666}
}
.div_news{ margin-top:5%; margin-bottom:5%;}
.div_news ul{ margin-top:3%; top:150px;}
.div_news ul li{ float:left; width:340px; padding:22px; border:1px solid #e8e8e8; margin-right:21px; margin-top:2%;}
.div_news ul li .div1{ background:url("../img/6_15.jpg")/*tpa=http://www.tofine.com/images/6_15.jpg*/ center left no-repeat; padding-left:21px; font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.div_news ul li .div2{ overflow:hidden; margin-top:3%;}
.div_news ul li .div2 img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.div_news ul li .div3{ margin-top:3%; color:#333; font-size:15px;}
.div_news ul li .div4{ margin-top:3%; color:#666; font-size:14px; line-height:26px; overflow:hidden; height:52px;}
.div_news ul li .div5{ margin-top:3%;}
.div_news ul li .div5 span{ background:url("../img/6_14.jpg")/*tpa=http://www.tofine.com/images/6_14.jpg*/ center right no-repeat; padding-right:18px; color:#999; font-size:14px;}
.div_news ul li:hover .div2 img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07);}

.title{ margin-top:5%; font-size:20px; font-weight:bold; color:#333; text-align:center; top:150px;}
.time{ margin-top:2%; color:#999; border-bottom:1px solid #dcdcdc; padding-bottom:15px; font-size:14px; top:150px;} 
.txt{ margin-top:30px; color:#666666; font-size:14px; line-height:26px; text-align:justify; top:150px;}
.txt img{ max-width:1200px;}
.back{ margin-top:5%; margin-bottom:5%; top:150px;} 
.back .lf a{ display:block; color:#666666; font-size:14px;}
.back .lf a:hover{ color:#009cac}
.back .rg a{ display:inline-block; width:126px; height:40px; line-height:40px; color:#fff; text-align:center; background:#009cac; font-size:14px;}
.back .rg a:hover{ background:#01717c}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_news{ margin-top:8%; margin-bottom:5%;}
	.div_news ul{ margin-top:0%; top:150px;}
	.div_news ul li{ float:left; width:90%; padding:5%; border:1px solid #e8e8e8; margin-right:0px; margin-top:5%;}
	.div_news ul li .div1{ font-size:0.34rem;}
	.div_news ul li .div3{ font-size:0.42rem;}
	.div_news ul li .div4{ font-size:0.34rem; line-height:0.6rem; height:auto;}
	.div_news ul li .div5 span{ font-size:0.34rem;}	
	.title{ margin-top:5%; font-size:0.48rem;}
	.time{ margin-top:2%; color:#999; border-bottom:1px solid #dcdcdc; padding-bottom:2%; font-size:0.22rem;}
	.txt{ margin-top:5%; font-size:0.34rem; line-height:0.6rem;}
	.txt img{ max-width:100%; width:100%;}
	.back{ margin-top:5%; margin-bottom:5%;} 
	.back .lf a{ font-size:0.34rem;}
	.back .rg{ width:100%; text-align:center; margin-top:3%;}
	.back .rg a{ width:126px; height:40px; line-height:40px; color:#fff; text-align:center; background:#009cac; font-size:14px;}
	.back .rg a:hover{ background:#01717c}
}
.div_cont{ margin-top:5%;}
.div_cont .div1{ background:url("../img/7_02.jpg")/*tpa=http://www.tofine.com/images/7_02.jpg*/ center top no-repeat; padding-top:5%; text-align:center; padding-bottom:5%; margin-top:3%; top:50px;}
.div_cont .div1 .p1{ color:#fff; font-size:36px; line-height:38px; top:150px;}
.div_cont .div1 .p2{ color:#fff; font-size:24px; line-height:26px; text-transform:uppercase; margin-top:2%; font-family:Arial, Helvetica, sans-serif; top:150px;} 
.div_cont .div1 .p3{ margin-top:3%; top:150px;}
.div_cont .div1 .p3 a{ display:inline-block; background:#ffb800; width:154px; height:44px; line-height:44px; border-radius:3px;}
.div_cont .div1 .p3 a span{ background:url("../img/7_03.png")/*tpa=http://www.tofine.com/images/7_03.png*/ center right no-repeat; padding-right:30px; font-size:16px; color:#fff;} 
.div_cont .div1 .p3 a:hover{ background:#dc9f01;}
.div_cont .div1 .p4{ margin-top:3%; top:150px;}
.div_cont .div1 .p4 a{ display:inline-block; width:126px; height:42px; line-height:42px; border:1px solid #ffb800; margin-left:18px; margin-right:18px; border-radius:3px; font-size:16px; color:#fff;}
.div_cont .div1 .p4 a:hover{ background:#ffb800;}
.div_cont1{ background:url("../img/7_04.jpg")/*tpa=http://www.tofine.com/images/7_04.jpg*/ top center no-repeat; padding-top:5%; padding-bottom:5%; position:relative; z-index:100;}
.div_cont1 .div_title{ color:#fff;}
.div_cont1 .div1{ margin-top:3%;}
.div_cont1 .div1 .lf{ width:206px; background:url("../img/7_10.jpg")/*tpa=http://www.tofine.com/images/7_10.jpg*/ top right repeat-y; left:-150px;}
.div_cont1 .div1 .lf a{ display:block; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; text-align:right; padding-right:45px; background:url("../img/7_09a.png")/*tpa=http://www.tofine.com/images/7_09a.png*/ center no-repeat;}
.div_cont1 .div1 .lf .on,.div_cont1 .div1 .lf a:hover{ background:url("../img/7_09.png")/*tpa=http://www.tofine.com/images/7_09.png*/ center no-repeat; color:#ffe399}
.div_cont1 .div1 .rg{ width:945px; color:#fff; right:-150px;}
.div_cont1 .div1 .rg .p1{ float:left; width:400px; padding-top:40px;}
.div_cont1 .div1 .rg .p1 .pp1{ font-size:24px; line-height:26px;}
.div_cont1 .div1 .rg .p1 .pp2{ background:url("../img/7_11.png")/*tpa=http://www.tofine.com/images/7_11.png*/ left 1px no-repeat; padding-left:24px; margin-top:3%; margin-bottom:8%; font-size:14px;}
.div_cont1 .div1 .rg .p1 .pp3{ background:url("../img/7_05.png")/*tpa=http://www.tofine.com/images/7_05.png*/ left 1px no-repeat; padding-left:24px; margin-top:5%; font-size:14px;}
.div_cont1 .div1 .rg .p2{ float:right; width:500px; padding-top:75px;}
.div_cont1 .div1 .rg .p2{ line-height:26px; font-size:14px;}
.div_cont1 .div1 .rg .p2 img{ margin-right:10px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_cont{ margin-top:8%;}
	.div_cont .div1{ margin-top:5%; padding-top:8%; padding-bottom:8%;}
	.div_cont .div1 .p1{ font-size:0.48rem; line-height:0.6rem;}
	.div_cont .div1 .p2{ font-size:0.38rem; line-height:0.5rem;} 
	.div_cont .div1 .p3{ margin-top:5%;}
	.div_cont .div1 .p3 a{ width:3.5rem; height:1rem; line-height:1rem;}
	.div_cont .div1 .p3 a span{ background:url("../img/7_03.png")/*tpa=http://www.tofine.com/images/7_03.png*/ center right no-repeat; font-size:0.34rem;} 
	.div_cont .div1 .p4{ margin-top:5%;}
	.div_cont .div1 .p4 a{ width:3rem; height:1rem; line-height:1rem; margin-left:0.3rem; margin-right:0.3rem; font-size:0.34rem;}
	.div_cont1{ padding-top:8%; padding-bottom:8%;}
	.div_cont1 .div1{ margin-top:5%;}
	.div_cont1 .div1 .lf{ width:100%; background:none; border-bottom:1px solid #fff; padding-bottom:2%;}
	.div_cont1 .div1 .lf a{ display:block; float:left; height:1rem; line-height:1rem; font-size:0.34rem; text-align:left; padding-right:0px; background:none; padding-left:0.2rem; padding-right:0.2rem}
	.div_cont1 .div1 .rg{ width:100%; color:#fff;}
	.div_cont1 .div1 .rg .p1{ float:left; width:100%; padding-top:5%;}
	.div_cont1 .div1 .rg .p1 .pp1{ font-size:0.5rem; line-height:0.8rem;}
	.div_cont1 .div1 .rg .p1 .pp2{ font-size:0.34rem; margin-bottom:5%;}
	.div_cont1 .div1 .rg .p2{ width:100%; padding-top:0px;}
	.div_cont1 .div1 .rg .p2{ line-height:0.6rem; font-size:0.34rem;}
	.div_cont1 .div1 .rg .p2 img{ margin-right:10px;}
}


.body_rec1{ background:#f7f7f7}
.head{ position:fixed; top:0px; left:0px; width:100%; z-index:9999; box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); background:#fff; height:80px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.logo{ width:72px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav{ float:left; margin-left:30px;}
.nav a,.nav:hover .on{ display:block; line-height:79px; height:79px; float:left; text-align:center; width:72px; font-size:14px; color:#333; background:url("../img/8_02.jpg")/*tpa=http://www.tofine.com/images/8_02.jpg*/ bottom center no-repeat; margin-left:30px;}
.nav a:hover,.nav .on,.nav:hover .on:hover{ background:url("../img/8_03.jpg")/*tpa=http://www.tofine.com/images/8_03.jpg*/ bottom center no-repeat; color:#00a5a8}
.heg1{ height:80px;}
.div_rec{ position:absolute; width:100%; height:100%; top:0px; left:0px;}
.div_rec .pad{ position:absolute; height:530px; top:50%; margin-top:-205px; left:50%; margin-left:-600px; width:1200px;}
.div_rec .div1{ width:558px; border:2px solid #ffb800; margin:0 auto; top:150px; -webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;}
.div_rec .div1 .lf{ padding-left:18px; height:45px; line-height:45px; padding-right:18px; width:421px;}
.div_rec .div1 .lf .text{ border:0px; background:none; font-size:14px; color:#fff; line-height:45px; height:45px;}
.div_rec .div1 .rg a{ display:block; text-align:center; color:#fff; width:97px; height:45px; background:#ffb800; text-align:center; line-height:45px; font-size:14px; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_rec .div1:hover{ border:2px solid #d59a01;}
.div_rec .div1:hover .rg a{ background:#d59a01}
.div_rec .div2{ width:558px; color:#fff; margin:0 auto; margin-top:10px; font-size:14px; top:150px;}
.div_rec .div2 a{ color:#fff; margin-right:15px;}
.div_rec .div2 a:hover{ text-decoration:underline;}
.div_rec .div3{ background:rgba(255,255,255,0.9); margin-top:50px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:1200px; top:150px;}
.div_rec .div3 ul li{ width:299px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; float:left; text-align:center; padding-bottom:47px;}
.div_rec .div3 ul li .p1{ padding-top:47px;}
.div_rec .div3 ul li .p2{ margin-top:16px; color:#333; font-size:14px;}
.div_rec .div5{ background:rgba(255,255,255,0.9); margin-top:50px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:1200px; top:150px; margin-bottom:50px; text-align:center; top:150px;}
.div_rec .div5 ul .li{ background:#eee;} 
.div_rec .div5 ul li .p1{ width:75px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.div_rec .div5 ul li .p2{ width:79px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.div_rec .div5 ul li .p3{ width:236px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.div_rec .div5 ul li .p4{ width:304px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.div_rec .div5 ul li .p5{ width:167px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.div_rec .div5 ul li .p6{ width:166px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.div_rec .div5 ul li .p7{ width:166px; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}

.div_rec1{ position:relative; margin-top:4%; margin-bottom: 4%;}
.div_rec1 .div1 .lf .text{ color:#999;}
.div_rec1 .div2{ color:#666666;}
.div_rec1 .div2 a{ color:#666;}
.div_rec1 .div2 a:hover{ color:#009cac;}
.div_rec1 .div4{ margin-top:3%; top:150px;}
.div_rec1 .div4 ul li{ background:#f6f6f6; height:45px; line-height:45px; font-size:14px; position:relative; left:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_rec1 .div4 ul .li{ background:#009cac; color:#fff;}
.div_rec1 .div4 ul .li1{ background:#fff}
.div_rec1 .div4 ul li .p1{ padding-left:3%; width:22%;}
.div_rec1 .div4 ul li .p2{ padding-left:3%; width:22%;}
.div_rec1 .div4 ul li .p3{ padding-left:3%; width:22%;}
.div_rec1 .div4 ul li .p4{ padding-left:3%; width:22%; text-align:center;}
.div_rec1 .div4 ul li a{ color:#666;}
.div_rec1 .div4 ul li a .p1{ color:#009cac}
.div_rec1 .div4 ul li:hover{ left:-15px;}
.div_rec1 .div4 ul .li:hover{ left:0px;}
.div_rec1 .div6 ul .li{ background:#ffb800;}
.div_rec1 .div6 ul li a .p1{ color:#ffb800}
.div_rec2 .div1{ margin-top:4%; background:#fff; padding:40px; top:150px;}
.div_rec2 .div1 .lf .p1{ color:#333; font-size:22px;}
.div_rec2 .div1 .lf .p2{ margin-top:10px;}
.div_rec2 .div1 .lf .p3{ color:#999999; font-size:14px; margin-top:15px;}
.div_rec2 .div1 .rg{ padding-top:25px; color:#009cac; font-size:22px;}
.div_rec2 .div2{ margin-top:1%; margin-bottom: 5%; background:#fff; padding:40px; color:#666; line-height:26px; font-size:14px; top:150px;}
.div_rec2 .div2 .p2{ text-align:right; margin-top:20px;}
.div_rec2 .div2 .p2 a{ display:inline-block; width:126px; height:40px; text-align:center; color:#fff; font-size:14px; background:#009cac; line-height:40px;}
.div_rec2 .div2 .p2 a:hover{ background:#006e79}

.moblie_rg{ display:none;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.head{ height:44px;}
	.logo{ width:auto; height:44px;}
	.logo img{ height:44px;}
	.nav{ float:right; margin-left:0%; width:80%; text-align:right;}
	.nav a,.nav:hover .on{ display:inline-block; float:none; line-height:44px; height:44px; font-size:0.34rem; margin-left:10%; width:auto;}
	.heg1{ height:44px;}
	.div_rec .pad{ position:relative; height:auto; top:0%; margin-top:0px; left:5%; margin-left:0px; width:90%; padding-bottom:5%;}
	.div_rec .div1{ width:100%; border:2px solid #ffb800; margin-top:8%;}
	.div_rec .div1 .lf{ padding-left:5%; padding-right:5%; width:70%;}
	.div_rec .div1 .lf .text{ font-size:0.34rem;}
	.div_rec .div1 .rg{ width:20%;}
	.div_rec .div1 .rg a{ width:100%; font-size:0.34rem;}
	.div_rec .div2{ width:100%; margin-top:2%; font-size:0.34rem;}
	.div_rec .div3{ background:rgba(255,255,255,0.9); margin-top:5%; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:auto;}
	.div_rec .div3 ul li{ width:49.5%; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; float:left; text-align:center; padding-top:5%; padding-bottom:5%;}
	.div_rec .div3 ul li .p1{ padding-top:0%;}
	.div_rec .div3 ul li .p1 img{ width:20%;}
	.div_rec .div3 ul li .p2{ margin-top:2%; color:#333; font-size:0.34rem;}
	.div_rec .div5{ margin-top:5%; background:rgba(255,255,255,0.9); width:100%; margin-bottom:5%; font-size:0.34rem;}
	.div_rec .div5 ul li .p1{ display:none;}
	.div_rec .div5 ul li .p2{ width:19%; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
	.div_rec .div5 ul li .p3{ display:none;}
	.div_rec .div5 ul li .p4{ width:39.9%; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
	.div_rec .div5 ul li .p5{ width:39.9%; height:60px; line-height:60px; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
	.div_rec .div5 ul li .p6{ display:none;}
	.div_rec .div5 ul li .p7{ display:none;}
	.div_rec1{ position:relative; margin-top:8%;}
	.div_rec1 .div4{ top:150px; margin-top:5%;}
	.div_rec1 .div4 ul li .p1{ padding-left:5%; width:45%;}
	.div_rec1 .div4 ul li .p2{ display:none;}
	.div_rec1 .div4 ul li .p3{ padding-left:5%; width:45%; text-align:center;}
	.div_rec1 .div4 ul li .p4{ display:none;}
	.div_rec1 .div4 ul li a{ color:#666;}
	.div_rec1 .div4 ul li a .p1{ color:#009cac}
	.div_rec1 .div4 ul li:hover{ left:-15px;}
	.div_rec1 .div4 ul .li:hover{ left:0px;}
	.div_rec2 .div1{ margin-top:5%; padding:5%;}
	.div_rec2 .div1 .lf{ width:100%}
	.div_rec2 .div1 .lf .p1{ color:#333; font-size:0.55rem;}
	.div_rec2 .div1 .lf .p2{ margin-top:3%;}
	.div_rec2 .div1 .lf .p3{ font-size:0.34rem; margin-top:2%;}
	.div_rec2 .div1 .rg{ width:100%; padding-top:3%; font-size:0.55rem;}
	.div_rec2 .div2{ margin-top:5%; padding:5%; font-size:0.34rem; line-height:0.6rem; top:150px;}
	.div_rec2 .div2 .p2{ text-align:right; margin-top:3%;}
	.div_rec2 .div2 .p2 a{ width:3rem; height:1rem; line-height:1rem; font-size:0.34rem; }
	
	
	.moblie_rg{ display:block; position:fixed; bottom:10px; right:10px; z-index:1000;}	
	.moblie_rg a{ display:block; margin-top:10px;}
	.moblie_rg a img{ width:1.4rem;}
	
	
	.div_rg_body .moblie_rg{ display:none;}
	.div_rg_body .div_block{ display:block;}
	
}

.body_rec{ background:url("../img/8_04.jpg")/*tpa=http://www.tofine.com/images/8_04.jpg*/ fixed center no-repeat;}
.body_cam{ background:url("../img/9_01.jpg")/*tpa=http://www.tofine.com/images/9_01.jpg*/ fixed center no-repeat;}

.rec_bg{ display:none;}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.body_rec{ background:none;}
	.body_cam{ background:none;}
	
	.rec_bg{ display:block; width:100%; position:fixed; height:100%; overflow:hidden;}
	.rec_bg img{ position:fixed; top:-80px; left:50%; width:1920px; margin-left:-960px;}
}

.index_head.activestyle{
	left: -230px !important;
	-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}


.index_head.activestyle1{
	left: 0px !important;
	-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);
}
/* Main End */




/* Main End */ 


/* -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; 背景渐隐 */
/* -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放 */
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); */
/* -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */
/* -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); 高斯模糊 */

/* 009cac */