@charset "utf-8";
/* Copyright www.sunfoon.com */
body{ margin:0px; background:#f6f6f6 url(../img/bg.jpg) repeat-x top; font-family:"Microsoft Yahei"; font-size:14px; line-height:180%;}
*{ margin:0px; padding:0px;}
li{ list-style-type:none;}
p{ text-indent:2em;}
h2{ line-height:50px; text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.cen{ margin:20px auto; text-align:center; text-indent:0px;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#cc0000; text-decoration:underline;}
#header{ width:1100px; height:122px; margin:0 auto; background:url(../img/header.jpg) no-repeat;}
#header .left{ width:400px; float:left; margin-top:70px; margin-left:160px; font-size:18px;}
#header .right{ width:180px; float:right; margin-top:32px;}
#header .right b{ display:block; font-size:24px;}
#header .right a{ color:#ff0800;}
#footer{ padding:60px 0 20px 0; background:#0076f1 url(../img/fbg.jpg) no-repeat center top; color:#fff; line-height:30px; text-align:center;}
#footer a{ margin:0 5px; color:#fff;}
#nav{ width:1000px; height:53px; margin:0 auto; margin-bottom:1px;}
#nav a{ width:142px; height:53px; float:left; display:block; color:#fff; line-height:53px; text-align:center;}
#nav a:hover{ background:url(../img/navhover.png) no-repeat center; text-decoration:none;}
#nav .home{ background:url(../img/navhover.png) no-repeat center;}
#flashs{ height:360px; position:relative; overflow:hidden; border-bottom:#cdcdcd 2px solid;}
#flashs .bgitem{ top:0px; position:absolute; z-index:1;}
#flashs .btn{ position:absolute; left:46%; margin-right:-450px; bottom:5px; padding:0px 7px; z-index:7;}
#flashs .btn span{ cursor:pointer; display:inline-block; margin-left:5px; padding:0px 7px; background:#fff; border:#0077f1 1px solid; color:#000;}
#flashs .btn span.cur{ background:#0077f1; color:#fff;}
.w1100{ width:1100px; margin:25px auto; overflow:hidden;}
#left{ width:200px; float:left;}
#left-nav ul{ margin:0px; padding:0px;}
#left-nav li{ height:36px; margin-bottom:5px; background:#0f7ef1; line-height:36px; text-align:center;}
#left-nav a{ display:block; color:#fff;}
#left-nav a:hover{ background:#ffbc01; color:#333; text-decoration:none;}
#right{ width:860px; float:right;}


#right-title{ height:30px; background:url(../img/tbg.jpg) repeat-x bottom;}
#right-title span{ padding-right:10px; display:inline-block; border-bottom:#ffbc03 1px solid; font-size:18px; line-height:29px; float:left;}
#right-title em{ padding-right:10px; display:inline-block; border-bottom:#ffbc03 1px solid; font-size:12px; line-height:29px; float:right;}



.right-txt{ padding:25px;}
.w320{ width:320px;}
.w700{ width:700px;}
#bg{ width:100%; height:341px; background:#0f7ef1;}
.contact{ width:1100px; height:343px; margin:0 auto; top:-1px; position:relative; background:url(../img/conbg.jpg) 0 0 no-repeat;}
.pp-title{ color:#111; font-size:25px; text-align:center; font-weight:bold;}
.pp-title span{ margin-top:10px; display:block; font-size:15px; font-weight:normal;}
.pp{ width:1100px; overflow:hidden;}
.pp ul{ margin:0px; padding:0px;}
.pp li{ width:220px; float:left;}
.pp li span{ display:block; text-align:center;}
.pp li a{ width:172px; height:110px; margin-top:20px; padding:13px 16px; display:block;}
.pp li a .img{ width:172px; height:110px; overflow:hidden; position:relative;}
.pp li .img .bg{ width:100%; height:100%; opacity:0; filter:alpha(opacity=0); left:0; top:0; position:absolute; transition:400ms; background:#666;}
.pp li .img .i5{ opacity:0; filter:alpha(opacity=0); margin:-34px 0 0 -34px; position:absolute; left:10%; top:50%; transition:400ms;}
.pp li .img .i6{ opacity:0; filter:alpha(opacity=0); margin:-16px 0 0 -17px; position:absolute; left:90%; top:50%; transition:400ms;}
.pp li a:hover{ background:url(../img/pp-hover.jpg) no-repeat center;}
.pp li a:hover .bg{ opacity:0.8; filter:alpha(opacity=80);}
.pp li a:hover .i5{ left:50%; opacity:1; filter:alpha(opacity=100);}
.pp li a:hover .i6{ left:50%; opacity:1; filter:alpha(opacity=100);}
.left-con{ width:256px; height:343px; float:left; margin:0 62px 0 42px; overflow:hidden;}
.right-con{ width:740px; height:316px; float:left; margin-top:8px; overflow:hidden;}
.con-title{ height:70px; background:url(../img/ico.jpg) 3px center no-repeat; color:#fff; font:18px/70px "Microsoft Yahei"; text-indent:26px;}
.con-txt{ margin-top:18px; color:#fff; font:14px/36px "Microsoft Yahei";}
.con-txt img{ vertical-align:middle;}
.con-txt a{ color:#fff;}
.about-title{ height:74px; margin-bottom:12px; background:url(../img/about-title.png) no-repeat left center;}
.about-txt{ height:240px; color:#fff; font:14px/30px "Microsoft Yahei";}
.about-txt img{ float:right; margin:6px 0 0 28px;}
.more{ float:right;}
.more a{ color:#fff; font:14px/74px "Microsoft Yahei";}
.more1{ float:right; padding-right:10px;}
.more1{ color:#333; font-size:14px;}
.title{ height:30px; color:#0f7ef1; font-size:18px; line-height:30px;}
.title i{ padding-left:5px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.cpbg{ height:422px; padding:42px 0 20px 0; overflow:hidden; background:url(../img/cpbg.gif) no-repeat;}
.cp{ width:1060px; margin:0 auto;}
.cp ul{ margin:0px; padding:0px;}
.cp li{ width:192px; float:left; margin:0 10px;}
.cp li a{ width:190px; height:150px; display:block; border:#ddd 1px solid;}
.cp li img{ width:190px; height:150px;}
.cp li span{ width:192px; height:35px; margin-bottom:20px; display:block; background:#333; color:#fff; line-height:35px; text-align:center;}
.cp li a:hover{ border:#333 1px solid;}
.product ul{ margin:0px; padding:0px;}
.product li{ width:240px; float:left; margin:0 15px;}
.product li a{ width:240px; height:150px; display:block; border:#ddd 1px solid;}
.product li img{ width:240px; height:150px;}
.product li span{ width:242px; height:35px; margin-bottom:20px; display:block; background:#333; color:#fff; line-height:35px; text-align:center;}
.product li a:hover{ border:#333 1px solid;}
#lx{ width:700px; margin:0 auto; padding-top:250px; padding-left:120px; background:url(../img/lx.jpg) no-repeat;}
.imgright{ float:right; margin-right:120px;}
.news ul{ margin:0px; padding:0px;}
.news li{ width:260px; height:36px; margin:0 30px; float:left; background:url(../img/ico.png) no-repeat left; border-bottom:#c0c0c0 1px solid; font-size:14px; line-height:36px; text-indent:20px;}
#news ul{ margin:0px; padding:0px;}
#news li{ height:36px; margin:0 30px; background:url(../img/ico.png) no-repeat left; border-bottom:#c0c0c0 1px dotted; font-size:14px; line-height:36px; text-indent:20px;}
.page{ clear:both; padding:5px; text-align:center;}
.next{ padding:10px; border:#999 1px dashed; text-align:center; margin-top:10px;}

.next1{ height:30px; line-height:30px; border:#999 1px dotted; text-align:left; margin-top:5px; padding-left:10px;}

.clear{clear: both;}
.clear20{clear: both; height:20px;}
.sunfoon{line-height:200%;}
.sunfoon img{max-width:100%;}