@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;  position: relative;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color: #a6a6a6;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}


::-webkit-input-placeholder {/* WebKit browsers */
 color:#a6a6a6;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#a6a6a6;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#a6a6a6;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#a6a6a6;}
@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}

@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia.eot');
    src: url('../fonts/Georgia.eot') format('embedded-opentype'),
         url('../fonts/Georgia.woff2') format('woff2'),
         url('../fonts/Georgia.woff') format('woff'),
         url('../fonts/Georgia.ttf') format('truetype'),
         url('../fonts/Georgia.svg#Georgia') format('svg');
}

/*  head  */
.head {border-top: 5px solid #09F;background: url(../images/hebei.jpg) repeat-x top;}
.het {float: right;color: #09F;text-transform: uppercase;line-height: 31px;}
.het a {color: #09F;}
.het a:hover {color: #333;}
.logo {
	display: block;
	text-align: center;
	width: 290px;
	float: left;
	margin-top: 11px;
}
.logo img {width: 100%;max-width: 290px;max-height: 50px;}
.slogan {display: block;font-size: 24px;font-size: 2.4rem;line-height: 24px;float: left;margin-left: 25px;margin-top: 20px;}
.youxiang {float: right;font-size: 18px;font-size: 1.8rem;line-height: 24px;color: #09F;padding-left: 25px;background: url(../images/hxinfeng.jpg) no-repeat left center;margin-top: 19px;}
.youxiang a {color: #09F;}
.youxiang a:hover{ color:#333;}



/*  dao hang  */
.nav2{
	margin-top:35px;
	background-color: #69F;
}
.daohang {float: left;}
.daohang>li {position: relative;float: left;z-index: 999;margin-left: 12px;}
.daohang>li>a {display: block;line-height:49px;font-size: 16px;font-size: 1.6rem;text-transform: uppercase; color:#fff; padding:0 14px 0 15px;}
.daohang>li:hover>a {
	background-color: #6CF;
}
.dangqiandao {
	background-color: #6CF;
}

.yiji {width: 267px;background: #fff;background: rgba(255,255,255,0.9);padding-top: 5px;padding-bottom: 18px;position: absolute;left: 0px;top:-9999px;z-index: 99999}
.yiji li {position: relative;}
.yiji li a {display: block;font-size: 14px;font-size: 1.4rem;color: #000;line-height: 20px;padding: 8px 0;padding-left: 33px;background: url(../images/xiala.png) no-repeat -30px 14px;}
.yiji li:hover>a {
	color: #fff;
	background-color: #6CF;
	background-image: url(../images/xiala.png);
	background-repeat: no-repeat;
	background-position: 11px 12px;
}
.erji {width:363px;background: #fff;background: rgba(255,255,255,0.9);padding-top: 3px;padding-bottom: 9px;position: absolute;left: 267px;top: -9999px;z-index: 99999}
.daohang>li:hover .yiji {top:49px;}
.yiji>li:hover .erji {top: 0px;}

.sousuo{ width:293px; height:34px; float:right; background:#fff; margin-top:8px;}
.sou{ width:255px; *width:230px; height:32px; line-height:32px; padding-left:11px; font-size:14px; font-size:1.4rem; color:#999; line-height:32px; float:left;}
.suo{ width:26px; height:32px; background:url(../images/sousuo.jpg) no-repeat left center; cursor:pointer; float:right;}

/*lun bo*/
.index_focus {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	z-index: 9;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.index_focusn {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus .bd li {display: none;position: absolute;left: 0;top: 0;width: 1920px;z-index: 999}
.index_focus .zong {position: absolute;left: 50%;margin-left: -600px;height: 10px;bottom: 15px;z-index: 9999}
.index_focus .slide_nav {position: absolute;bottom: 0px;right: 0px;z-index: 99999}
.index_focus .slide_nav a {width: 17px;height: 17px;cursor: pointer;float: left;margin-right: 1px;margin-left:1px;background:url(../images/dian.png) no-repeat center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;margin: 0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {text-decoration: none;background:url(../images/dianh.png) no-repeat center;}
.index_focus_pre, .index_focus_next {display: none;position: absolute;top: 50%;margin-top: -60px;width: 58px;height: 58px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre {left: 64px;background: url(../images/baleft.png) no-repeat;}
.index_focus_next {right: 63px;background: url(../images/baright.png) no-repeat;}


.index_focus2 {position: relative;width: 100%;height:440px;margin: 0 auto;overflow: hidden;z-index: 9;}
.index_focusn2 {width: 1920px;position: absolute;left: 50%;top: 0px;margin-left: -960px;height: 100%;z-index: 99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top: 0;width: 1920px;z-index: 999}
.index_focus2 .zong {position: absolute;left: 50%;margin-left: -600px;height: 10px;bottom: 20px;z-index: 9999}
.index_focus2 .slide_nav {position: absolute;bottom: 0px;right: 0px;z-index: 99999}
.index_focus2 .slide_nav a {width: 17px;height: 17px;cursor: pointer;float: left;margin-right: 1px;margin-left:1px;background:url(../images/dian.png) no-repeat center;}
.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;margin: 0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover, .index_focus2 .slide_nav .on {text-decoration: none;background:url(../images/dianh.png) no-repeat center;}
.index_focus_pre2, .index_focus_next2 {display: none;position: absolute;top: 50%;margin-top: -30px;width: 58px;height: 58px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 9999}
.index_focus_pre2 {left: 64px;background: url(../images/baleft.png) no-repeat;}
.index_focus_next2 {right: 63px;background: url(../images/baright.png) no-repeat;}


@media screen and (min-width:1000px) and (max-width:1219px) {
.daohang>li {margin-left:0px;}
.daohang>li>a{font-size: 14px;font-size: 1.4rem; padding:0 8px;}
.index_focus {height: 562px;}
.index_focusn img {width: 80%;}
.index_focus2 {height: 352px;}
.index_focusn2 img {width: 80%;}
.index_focus_pre2, .index_focus_next2 {margin-top: -28px;}
.index_focus .zong {position: absolute;left: 50%;margin-left: -490px;height: 10px;bottom: 11px;z-index: 9999}
.index_focus2 .zong {position: absolute;left: 50%;margin-left: -490px;height: 10px;bottom: 11px;z-index: 9999}}
@media screen and (min-width:1000px) {.banner{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus2 {display: none}
.slogan{ display:none}
.nav2{ padding-bottom:10px;}
.banner {width: 100%;overflow: hidden;}
.banner a {display: block;}
.banner a img {width: 150%;margin-left: -25%;}
.daohang{ text-align:center; float:none;}
.daohang>li { margin-left:auto; float:none; display:inline-block; *float:left;}
.daohang>li>a {text-transform: none}
.yiji {display: none}
.search {top: 138px;right: 0px;}}
@media screen and (max-width:799px) {
.daohang {margin-top: 10px;}
.daohang>li>a {font-size: 12px;font-size: 1.2rem;}}
@media screen and (min-width:640px) {.container{ display:none}}
@media screen and (max-width:639px) {.daohang {display: none}
.nav2{ margin-top:20px; padding-top:10px;}
.logo { float:none; margin-top:15px;}
.search {top: 70px;right: 20px;}
.sousuo{ width:90%; float:none; margin:auto;}
.sou{ width:85%;}
.youxiang{ float:none;}

.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999;}
.menubtn{width: 35px;height: 30px;position: absolute;top: 55px;right: 20px;transition:all 0.4s ease 0s;}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #09F;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:40px;}
.nav ul li{line-height: 40px;font-size: 16px; font-size:1.6rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
}

/*  main1  */
.main1{ position:relative; padding-top:54px; z-index:9}
.m1mor{ display:block; font-size:12px; font-size:1.2rem; text-transform:uppercase; color:#fff; width:61px; height:22px; line-height:22px; background:#09F; position:absolute; right:1px; top:60px; text-align:center; z-index:99}
.m1biao{ display:block; text-align:center; font-size:24px; font-size:2.4rem; text-transform:uppercase; font-weight:bold;font-family: 'Georgia';}

.m1lie{
	width:278px;
	float:left;
	margin-left:29px;
	border-bottom:4px solid #09F;
	background:#f6f6f6;
	margin-top:54px;
	margin-right: 22px;
}
.m1lien{ border:1px solid #bcbcbc; padding:1px 6px 20px 5px;}
.m1tu{ display:block; text-align:center;}
.m1tu img{ width:100%; max-width:265px; max-height:283px;}
.m1biao2{ display:block; text-align:center; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:44px; color:#434343; font-family:Tahoma, Geneva, sans-serif;}
.m1lie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#434343; margin:0 12px; margin-top:13px; height:72px; overflow:hidden;}
.m1mor2{ display:block; border-radius:5px; width:87px; height:31px; text-align:center; line-height:31px; margin:auto; border:1px solid #09F; background:#09F; font-size:14px; font-size:1.4rem; color:#fff; margin-top:20px;}
.m1lie:hover .m1lien{ border:1px solid #69F;}
.m1lie:hover .m1biao2{ color:#09F;}
.m1lie:hover p a{ color:#838383;}
.m1lie:hover .m1mor2{ color:#09F; background:#fff;}
.m1mor:hover{ background:#69F;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m1lie{ width:236px; margin-left:10px;}
.m1lie p a{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:999px) {
.m1lie{ width:47%; margin-left:1.5% !important; margin-right:1.5%;}
.m1lie p a{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:639px) {
.m1mor{ top:90px;}
}
@media screen and (max-width:499px) {
.m1lie{ width:97%; margin-left:1.5% !important; margin-right:1.5%;}
.m1lie p a{ height:auto;}
.m1biao{ font-size:20px; font-size:2rem;}
}

/*  main2  */
.main2{ padding-top:102px; padding-bottom:28px;}
.m2l{ width:586px; float:left; margin-top:3px;}
.m2l a{ display:block; text-align:center;}
.m2l a img{ width:100%; max-width:586px; max-height:389px;}
.m2r{ width:573px; float:right;}
.m2biao{ display:block;font-size:24px; font-size:2.4rem; text-transform:uppercase; font-weight:bold;font-family: 'Georgia'; margin-bottom:29px;}
.m2r p a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; margin-top:26px;}
.m2mor{ display:block; background:url(../images/m2jian.jpg) no-repeat right center; padding-right:40px; width:146px; margin-top:46px;}
.m2mor span{ display:block; width:146px; height:44px; text-align:center; line-height:44px; background:#09F; font-size:16px; font-size:1.6rem; color:#fff;}
.m2mor:hover span{ background:#ff9933;}
.m2r p a:hover{ color:#09F;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.main2{ margin-top:50px;}
.m2l{ width:500px; margin-top:50px;}
.m2r{ width:460px;}
}
@media screen and (max-width:999px) {
.main2{ margin-top:50px;}
.m2l{ width:100%;}
.m2r{ width:100%; margin-top:50px;}
}

/*  main3  */
.main3{ position:relative; padding-top:54px; padding-bottom:78px;}
.m3mor{ display:block; font-size:12px; font-size:1.2rem; text-transform:uppercase; color:#fff; width:61px; height:22px; line-height:22px; background:#09F; position:absolute; right:1px; top:60px; text-align:center;}
.m3biao{ display:block; text-align:center; font-size:24px; font-size:2.4rem; text-transform:uppercase; font-weight:bold;font-family: 'Georgia';}

.m3lie{ width:550px; margin-top:73px; position:relative; min-height:162px;}
.m3l{ width:258px; position:absolute; left:0px; top:0px;}
.m3l a{ display:block; border:2px solid #658fb5;}
.m3l a img{ width:100%; max-width:327px; max-height:203px; margin-bottom:-3px;}
.m3r{ margin-top:6px; padding-left:273px;}
.m3r>a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; font-weight:bold;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3r p a{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; margin-top:14px; height:60px; overflow:hidden;}
.m3r span{
	display:block;
	width:90px;
	height:31px;
	padding-right:35px;
	color:#fff;
	margin-top:24px;
	line-height:31px;
	text-align:center;
	background-color: #09F;
	background-image: url(../images/m3shijian.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.m3r a:hover{ color:#32699c;}
.m3mor:hover{ background:#69F;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m3lie{ width:485px; margin-top:73px;}
}
@media screen and (max-width:999px) {
.m3lie{ width:100%; margin-top:20px;}
}
@media screen and (max-width:639px) {
.m3lie{ width:100%; margin-top:20px;}
.m3l{ left:50%; margin-left:-129px;}
.m3r{ padding-left:0px; padding-top:170px;}
.m3r p a{ height:auto;}
.m3mor{ top:100px;}
.m3biao{ margin-bottom:50px;}
}

/* mian4  */
@font-face {
    font-family: 'TimesNewRoman_1';
    src: url('../fonts/TimesNewRoman_1.eot');
    src: url('../fonts/TimesNewRoman_1.eot') format('embedded-opentype'),
         url('../fonts/TimesNewRoman_1.woff2') format('woff2'),
         url('../fonts/TimesNewRoman_1.woff') format('woff'),
         url('../fonts/TimesNewRoman_1.ttf') format('truetype'),
         url('../fonts/TimesNewRoman_1.svg#TimesNewRoman_1') format('svg');
}

.main4{ background:url(../images/m4bei.jpg) repeat-x bottom;}
.main4 .zong{ background:url(../images/m4ren.jpg) no-repeat 7px bottom; height:186px;}
.m4l{ float:left; margin-left:174px; margin-top:86px;}
.m4l a{ display:block; font-size:24px; font-size:2.4rem; line-height:30px; color:#040c1a; font-family: 'TimesNewRoman_1'; font-weight:bold;}
.m4l p{ font-size:16px; font-size:1.6rem; line-height:30px; color:#030c19; margin-left:57px; margin-top:6px;}
.m4r{ display:block; width:183px; height:45px; border:1px solid #000a18; float:right; text-align:center; line-height:45px; font-size:20px; font-size:2rem; color:#050d1b; margin-top:92px; background:#fff; margin-right:113px;}
.m4r:hover{ background:#050d1b; color:#fff;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m4r{ margin-right:auto;}
}
@media screen and (max-width:999px) {
.main4 .zong{ height:auto; min-height:186px; padding-bottom:10px;}
.m4l{ float:none; text-align:center; margin-left:auto; margin-top:auto;}
.m4l a{ font-size:20px; font-size:2rem;}
.m4l p{ font-size:14px; font-size:1.4rem; margin-left:auto;}
.m4r{ float:none; margin:auto; margin-top:30px;}
}
@media screen and (max-width:759px) {
.main4 .zong{ background:none}
}
@media screen and (max-width:639px) {
.main4{ background:#f8f8f8; padding-top:20px;}
}

/*  foot  */
.foot{ background:#060c18 url(../images/footbei.jpg) no-repeat center; padding-top:16px; padding-bottom:5px;}
.fbiao{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; color:#fff;font-family: 'Georgia'; line-height:40px;}
.ful1{ width:205px; float:left;}
.ful2{ width:325px; float:left; margin-left:147px;}
.ful3{ width:389px; float:right;}

.ful1 ul{ margin-top:13px;}
.ful1 ul li a{ display:block; font-size:14px; font-size:1.4rem; line-height:40px; color:#e0e0e0; padding-left:18px; background:url(../images/fangkuai.jpg) no-repeat left center;}
.ful1 ul li a:hover{ background:url(../images/fangkuaih.jpg) no-repeat left center;}

.ful2 ul{ margin-top:24px;}
.ful2 ul li{ line-height:34px; padding-left:33px; font-size:14px; font-size:1.4rem; line-height:34px; color:#e1e1e1;}
.ful2 ul li a{ color:#e1e1e1;}
.ful2 ul li a:hover{ color:#fff;}
.fyouxiang{ background:url(../images/fxinfeng.png) no-repeat 4px 11px;}
.fs{ background:url(../images/fs.png) no-repeat 4px 8px;}
.fdianhua{ background:url(../images/fdianhua.png) no-repeat 4px 9px;}
.fshouji{ background:url(../images/fshouji.png) no-repeat 4px 8px;}
.fchuanzhen{ background:url(../images/fchuanzhen.png) no-repeat 4px 8px;}
.fdingwei{ background:url(../images/fdingwei.png) no-repeat 4px 8px;}

.shejiao{ margin-top:20px; margin-bottom:31px;}
.shejiao a{ display:block; width:42px; float:left; margin-right:33px; margin-top:4px;}
.ful3 p{ font-size:14px; font-size:1.4rem; line-height:30px; color:#e1e1e1; margin-top:4px;}
.wzdt{ display:block; float:right; font-size:14px; font-size:1.4rem; text-transform:uppercase; line-height:36px; color:#fff; padding-left:27px; background:url(../images/wzdt.png) no-repeat left center; margin-top:69px;} 
.wzdt:hover{ color:#4c74b0;}

.youlian{ line-height:25px; padding:7px 0 13px 0;}
.youlian p{ font-size:14px; font-size:1.4rem; text-transform:uppercase; color:#153769; float:left;}
.youlian a{ display:block; float:left; margin:0 10px;font-size:14px; font-size:1.4rem;}
.youlian a:hover{ color:#153769;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.ful1{ width:205px; float:left;}
.ful2{ width:325px; float:left; margin-left:20px;}
.ful3{ width:389px; float:right;}
}
@media screen and (max-width:999px) {
.ful1{ width:40%; float:left;}
.ful2{ width:55%; float:right; margin-left:0px;}
.ful3{ width:100%; float:left;}
}
@media screen and (max-width:639px) {
.ful1{ width:100%; float:none;}
.ful2{ width:100%; float:none; margin-left:0px;}
.ful3{ width:100%; float:none;}
.shejiao a{ margin-right:10px;}
.youlian{ display:none}
.wzdt{ float:none; margin-top:20px;}
}

/******************************************************************************  product  ***************************************************************************/
.mianbao{ line-height:48px; font-size:14px; font-size:1.4rem; margin-top:1px;}
.coc7{ color:#09F;}
.mianbao a:hover{ color:#09F;}

.prmain{ padding-bottom:26px;}
.prl{ width:299px; float:left;}
.prr{ width:871px; float:right; margin-top:-1px;}
.prr2{ width:850px; float:right;}

.subNavBox{ background:#f2f2f2; padding-bottom:60px;}
.prltbiao{ padding-bottom:9px; margin-bottom:14px; border-top:4px solid #09F;}
.prltbiao a{ display:block; text-align:center; font-size:30px; text-transform:uppercase; color:#09F; padding-top:17px;}
.prltbiao p{ text-align:center; font-size:18px; text-transform:uppercase; color:#09F; line-height:22px;}

.subNav{cursor:pointer; line-height:28px; padding:10px 0; padding-left:19px;border-bottom:1px solid #e6e6e6;background:url(../images/jiantou.png) no-repeat right center;}
.subNav a{ font-size:16px; font-size:1.6rem; padding-right:26px; color:#32699c}
.subNav:hover{ background:#09F url(../images/jiantouh.png) no-repeat right center;background:url(../images/jiantouh.png) no-repeat right center, url(../img/lankuai.jpg) repeat-y left, #09F;}
.subNav:hover a{color:#fff}
.subNav2{cursor:pointer; line-height:28px; padding:10px 0; padding-left:19px; border-bottom:1px solid #e6e6e6; background:url(../images/jiantou.png) no-repeat right center;}
.subNav2 a{ display:block;  font-size:16px; font-size:1.6rem; color:#32699c}
.subNav2:hover{ background:#09F url(../images/jiantouh.png) no-repeat right center;background:url(../images/jiantouh.png) no-repeat right center, url(../img/lankuai.jpg) repeat-y left, #09F;}
.subNav2:hover a{color:#fff}
.currentDd a{color:#fff}
.currentDt{background:#09F url(../images/jiantouh.png) no-repeat right center;background:url(../images/jiantouh.png) no-repeat right center, url(../img/lankuai.jpg) repeat-y left, #09F;}
.navContent{display: none; padding-top:9px; padding-bottom:27px; border-bottom:1px solid #e6e6e6; margin-bottom:5px;}
.navContent>li{ position:relative; z-index:999}
.navContent>li a{display:block; background:url(../images/huijian.jpg) no-repeat 21px 10px; padding:5px 0; padding-left:42px; font-size:14px; font-size:1.4rem; line-height:22px;}
.navContent>li:hover>a{ color:#09F; background:url(../images/lanjian.jpg) no-repeat 21px 10px;}
.beijing{  color:#09F !important; background:url(../images/lanjian.jpg) no-repeat 21px 10px !important;}
.prsanji{ position:absolute; width:200px; background:#f4f4f4; left:299px; top:-9999px; z-index:9999}
.prsanji li:hover a{ color:#4c4c4c;}
.navContent>li:hover .prsanji{ top:0px;}

.prlb{ background:#f2f2f2; padding-left:8px; padding-right:7px; margin-top:41px; padding-top:4px; padding-bottom:20px;}
.prlbt{ background:url(../images/huixian.jpg) repeat-x bottom; margin-bottom:17px;}
.prlbbiao{ display:block; float:left; width:113px; background:url(../images/prlbxian.jpg) no-repeat left bottom; font-size:18px; text-transform:uppercase; color:#09F; line-height:40px; padding-bottom:2px;}
.prlbmor{ display:block; float:right; margin-top:13px; width:45px; height:19px; background:#09F; text-align:center; line-height:19px; color:#fff;}
.prlblie{ border-bottom:1px dashed #666666; padding-bottom:8px; margin-top:15px; margin-bottom:17px;}
.prlblie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-left:19px; background:url(../images/heijian.jpg) no-repeat left center;}
.prlblie span{ display:block; background:url(../images/shizhong.jpg) no-repeat left center; padding-left:20px; line-height:26px; font-size:14px; font-size:1.4rem; color:#999999; margin-top:2px; margin-left:20px;}
.prlblie p a:hover{color:#09F; background:url(../images/lanjian2.jpg) no-repeat left center;}

.chanlie{
	width:203px;
	float:left;
	position:relative;
	margin-left:19px;
	margin-bottom:22px;
	margin-right: 10px;
}
.chantu{ display:block; border:1px solid #d3d3d3; background:#f1f1f1; padding:3px 2px 1px 2px;}
.chantu img{ width:100%; max-width:425px; max-height:385px; margin-bottom:-3px;}
.chanzi{ display:block; background:#dcdcdc; line-height:34px; margin-top:1px; color:#09F;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-left:26px; padding-right:10px;}
.chanlie input{ position:absolute; bottom:7px; left:3px;}
.chanlie:hover .chanzi{ background:#09F; color:#fff;}

.fenye{ margin-top:7px;}
.fenyen{ float:left; margin-top:31px; margin-left:17px;}
.fenyen a{ display:inline-block; width:25px; height:25px; text-align:center; line-height:23px; border-radius:50%; background:#4c4c4c; margin:0 5px 0 6px; font-size:14px; font-size:1.4rem; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; color:#fff;}
.sx{ width:auto !important; background:none !important; font-size:12px !important; font-size:1.2rem !important; color:#333 !important;}
.fenyen a:hover{ background:#09F;}
.sx:hover{ color:#09F !important;}
.fenyen a.no,.fenyen a.no:hover{ width:auto !important; background:none !important; font-size:12px !important; font-size:1.2rem !important; color:#333 !important;}
.dangqianfen{ background:#09F !important;}
.fuxuan{ background:url(../images/fuxuan.jpg) no-repeat left center; padding-left:30px; float:right; font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-top:28px;}
.fuxuan input{ width:102px; height:32px; background:#09F; border:none; color:#fff; margin-left:17px; cursor:pointer; font-size:14px; font-size:1.4rem;}
.fuxuan input:hover,.jixugouwu:hover{ background:#577db5;}
.jixugouwu{width:142px; height:32px; background:#09F; border:none; color:#fff; margin-left:17px; cursor:pointer; font-size:14px; font-size:1.4rem; display:block; text-align:center; line-height:32px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.prl{ width:265px; float:left;}
.prr,.prr2{ width:700px;}
.chanlie{ width:168px; margin-left:7px;}
}
@media screen and (max-width:999px) {
.prl{ width:35%;}
.prr,.prr2{ width:63%;}
.chanlie{ width:48%; margin-left:1% !important; margin-right:1%;}
.fenyen{ float:none; margin-left:auto;}
.fuxuan{ float:none}
}
@media screen and (max-width:639px) {
.prl{ width:100%; float:none; margin-top:30px;}
.prr,.prr2{ width:100%; float:none;}
}
@media screen and (max-width:359px) {
.chanlie{ width:98%; margin-left:1% !important; margin-right:1%;}
}

/******************************************************************************  product2  ***************************************************************************/
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:429px;position:relative; float:left;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; background:url(../images/chanxbei.jpg); padding:2px;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:117px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:18px;height:104px;background:url(../images/prleft.jpg) no-repeat left bottom;position:absolute;top:12px;left:0px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:18px;height:104px;background:url(../images/prright.jpg) no-repeat right bottom;position:absolute;top:12px;right:0px;cursor:pointer;} 
#tsShopContainer #tsPicContainer #tsImgSArrL:hover{background:url(../images/prlefth.jpg) no-repeat left bottom;}
#tsShopContainer #tsPicContainer #tsImgSArrR:hover{background:url(../images/prrighth.jpg) no-repeat right bottom;} 
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:5px;left:27px;width:1px;height:111px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:130px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; padding-top:7px;width:114px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:2px solid #bdbdbd;display:block;width:110px;height:100px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{ border:2px solid #09F;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{ background:url(../images/zhizhen.jpg) no-repeat 50px top;}

.MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;}

.jianjie{ width:392px; float:right;}
.jianjie h1{ font-size:18px; font-size:1.8rem; color:#09F; line-height:48px; margin-top:3px; border-bottom:1px dashed #09F; padding-bottom:2px;}
.jianjie ul{ font-size:16px; font-size:1.6rem; line-height:36px; margin-top:30px; height:230px;}
.jianjie ul li{}
.inno{ margin-top:27px;}
.inno a{ display:block; width:137px; height:45px; float:left; text-align:center; line-height:45px; background:#09F;color:#fff; font-size:18px; font-size:1.8rem; margin-right:23px;}
.inno a:hover{ background:#ff9933; }


#outer { margin-top:26px;}
#tab {overflow:hidden;zoom:1;background:#f2f2f2;}
#tab li {float:left;color:#336699; font-size:16px; font-size:1.6rem; font-weight:bold; cursor:pointer; line-height:46px;padding:0 14px;}
#shutiao{ background:url(../images/shutiao.jpg) no-repeat right center;}
#tab li.current {background:#fff url(../images/lantiao.jpg) repeat-x top;}
#shutiao.current {background:url(../images/lantiao.jpg) repeat-x top, url(../images/shutiao.jpg) no-repeat right center, #fff !important;}
#content { margin-top:26px;}
#content .ul {display:none; font-size:16px; font-size:1.6rem; line-height:26px; color:#333;}
#content .ul p,#content .ul span,#content .ul li{ color:#333;}
.chanxa{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:26px; color:#336699; margin-top:34px;}
#content table,.nexiang table{ width:97%; border-collapse:collapse; line-height:24px; word-break:break-all;}
#content tr td,.nexiang tr td{ line-height:24px; padding:2px;}
.faq{ position:relative; padding-left:44px; margin-top:12px;}
.faq span{ font-size:20px; font-size:2rem; line-height:26px; color:#336699 !important; position:absolute; top:0px; left:0px;}
.faq a{ display:block; color:#336699 !important; font-size:16px; font-size:1.6rem; line-height:26px;}
.faq p{ margin-top:8px;}

@media screen and (min-width:1000px) and (max-width:1219px){
#tsShopContainer{ float:none; margin:auto;}
.MagicZoomBigImageCont,.MagicZoomPup{ display:none !important;}
.jianjie{ width:100%; float:none; margin-top:0px; text-align:center;}
.jianjie h1{ margin-top:20px; background-position:bottom center;}
.jianjie ul{ height:auto;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left;}
}
@media screen and (min-width:1000px){
.chanx{ display:none}
}
@media screen and (max-width:999px){
#tsShopContainer{ display:none}
.chanx{ width:100%;}
.chanx a{ display:block; width:47%; margin-left:1.5%; margin-right:1.5%; float:left; margin-bottom:15px;}
.chanx a img{ width:100%; max-width:452px; max-height:404px; border:1px solid #ddd}
.jianjie{ width:100%; float:none; margin-top:20px; /*text-align:center;*/}

.jianjie h1{ margin-top:20px; background-position:bottom center;}
.jianjie ul{ height:auto;}
.inno{ text-align:center; margin-top:20px;}
.inno a{ float:none; display:inline-block; *float:left; margin:0 3px; width:120px;}
}
@media screen and (max-width:639px){
}
@media screen and (max-width:439px){
.chanx a{ width:97%;}
}


/*************************************************************************  news  *****************************************************************/
.nemain{ padding-bottom:34px;}
.nelie{ width:366px; float:left; background:#f8f8f8; padding-bottom:7px; margin-left:51px; margin-bottom:34px;}
.nelien{ padding:21px 19px; padding-bottom:7px;}
.netu{ display:block; text-align:center; position:relative; overflow:hidden;}
.netu1{ width:100%; max-width:327px; max-height:203px;}
.lianjie{ width:53px; height:53px; position:absolute; left:50%; margin-left:-26px; top:100%; margin-top:0px; transition:0.5s;}
.nebiao{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; background:url(../images/heitiao.jpg) no-repeat left bottom , url(../img/huitiao.jpg) repeat-x bottom; margin-top:21px; padding-bottom:10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nelie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#666666; margin-top:18px; height:96px; overflow:hidden;}
.nelie span{ display:block; font-size:14px; font-size:1.4rem; line-height:28px; color:#696969; background:url(../images/shizhong3.jpg) no-repeat left center; padding-left:18px; margin-top:21px;}
.nelie:hover .lianjie{ top:50%; margin-top:-26px;}
.nelie:hover a{ color:#09F;}
.mat1{ margin-top:22px;}

.jvzhong{ float:none; text-align:center; margin:auto; margin-top:18px;}
.jvzhong a{ float:none; display:inline-block; *float:left;}

@media screen and (min-width:1000px) and (max-width:1219px){
.nelie{ width:320px; margin-left:10px;}
}
@media screen and (max-width:999px){
.nelie{ width:47%; margin-left:1.5% !important; margin-right:1.5%;}
.nelien{ padding:10px 10px;}
}
@media screen and (max-width:569px){
.nelie{ width:97%; margin-left:1.5% !important; margin-right:1.5%;}
.nelie p a{ height:auto}
}


/*******************************************************************************  news  **************************************************************************/
.nemain2{ padding-bottom:16px;}
.nel{ width:315px; float:left; background:#f5f5f5; padding-top:1px; padding-bottom:31px;box-shadow:0px 2px 2px #dbdbdb;}
.ner{ width:847px; float:right; position:relative;}

.nel ul{ border-top:1px solid #c5c5c5; margin-left:15px; margin-right:18px; padding-top:18px; margin-top:20px; padding-bottom:23px;}
.nel ul li a{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; padding:10px 0; padding-left:23px; background:url(../images/nkuai.jpg) no-repeat left 13px;}
.nel ul li a:hover{ background:url(../images/nkuaih.jpg) no-repeat left 13px; color:#1a7cc6;}

.neshijian{ width:90px; height:90px; background:#1a7cc6; margin:auto;}
.neshijian p{ line-height:56px; text-align:center; font-size:45px; font-size:4.5rem; color:#fff;}
.neshijian span{ display:block; text-align:center; font-size:14px; font-size:1.4rem; color:#fff; line-height:34px; background:#02599b;}
.netou{ padding:0 10px; border-bottom:1px dashed #666666; padding-bottom:31px;}
.netou h1{ font-size:18px; font-size:1.8rem; color:#09F; text-align:center; line-height:25px; padding-top:23px;}
.laiyuan{ display:block; text-align:center; font-size:14px; font-size:1.4rem; color:#09F;line-height:22px; margin-top:10px;}
.nexiang{ padding-left:12px; padding-top:23px;}
.nexiang p{ font-size:14px; font-size:1.4rem; line-height:25px;}
.nexiang p a{ color:#09F;}
.nexiang img{ max-width:100%;}

.fanpian{ border-top:1px solid #b2b2b2; padding-top:44px; margin-top:44px; padding-bottom:55px;}
.fanpian li{ max-width:40%; line-height:33px; font-size:14px; font-size:1.4rem;}
.fanpian li a{ display:block;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpianl{ background:url(../images/fanpianl.jpg) no-repeat left center; padding-left:47px; float:left;}
.fanpianr{ background:url(../images/fanpianr.jpg) no-repeat right center; padding-right:47px; float:right;}
.fanpian li:hover a{ color:#ff9933;}
.fanpianl:hover{ background:url(../images/fanpianlh.jpg) no-repeat left center;}
.fanpianr:hover{ background:url(../images/fanpianrh.jpg) no-repeat right center;}
@media screen and (min-width:1000px) and (max-width:1401px){
.nel{ width:250px;}
.ner{ width:706px;}
.fanpian li{ max-width:40%;}
}
@media screen and (max-width:999px){
.nel{ width:35%;}
.ner{ width:60%;}
.fanpian li{ width:40%;}
.netou{ padding:0px; padding-top:0px;}
.fanpian{ margin-top:20px; padding-bottom:25px;}
.fanpian li{ width:90%; max-width:none; margin-left:auto; float:none !important; margin-bottom:15px;}
.nexiang{ padding-left:0px;}
.fanpianr{ background:url(../images/fanpianr.jpg) no-repeat left center; padding-right:0px; padding-left:47px;}
.fanpianr:hover{ background:url(../images/fanpianrh.jpg) no-repeat left center;}
}
@media screen and (max-width:639px){
.nel{ width:100%;}
.ner{ width:100%;}
.netou{ padding:0px; padding-top:20px;}
}


/*************************************************************************  contact  *****************************************************************/
.comain{ padding-bottom:24px;}
.cobiao{ display:block; font-size:36px; font-size:3.6rem; text-align:center; line-height:34px;}
.cop{ font-size:16px; font-size:1.6rem; line-height:30px; color:#4d4d4d; text-align:center; width:985px; margin:auto; margin-top:32px;}
.coz{ background:url(../images/quanqiu.jpg) no-repeat center 100px; padding-bottom:71px;}
.col{ width:493px; float:left; margin-left:52px; margin-top:46px;}
.cor{ width:533px; float:right; margin-right:67px;}
.col .con{ padding-left:14px; margin-top:14px;}
.col .xing{ background:url(../images/xing.png) no-repeat left 17px;}
.col .int1{ width:463px; height:33px; border:2px solid #a0a0a0; background:none; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:33px;}
.col textarea{ width:463px; height:79px; border:2px solid #a0a0a0; background:none; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:30px;}
.col .int2{ width:213px; height:33px; border:2px solid #a0a0a0; background:none; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:33px; float:left;}
.coyanzheng{ width:228px; height:39px; float:right; cursor:pointer}
.col .int3{ width:478px; height:43px; background:#295189; font-size:14px; font-size:1.4rem; color:#fff; cursor:pointer}
.col .int3:hover{ background:#4169a2;}

.cor ul{ width:50%; *width:47%; float:left; text-align:center; margin-top:65px;}
.cotu{ display:block; text-align:center;}
.cotu img{ width:100%; max-width:100px; max-height:100px;}
.cor ul p{ font-size:14px; font-size:1.4rem; line-height:28px; text-transform:uppercase; color:#4d4d4d; margin-top:9px;}
.cor ul li{ font-size:18px; font-size:1.8rem; color:#333; margin-top:3px;}
.cor ul li a:hover{ color:#09F;}
.ditu{ margin-left:57px; display:block; width:100%; max-width:1118px; max-height:445px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.cop{ width:auto;}
.col{ margin-left:auto;}
.cor{ width:470px; float:right; margin-top:10px; margin-right:auto;}
.ditu{ margin-left:auto;}
}
@media screen and (max-width:999px){
.coz{ padding-bottom:20px;}
.cop{ width:auto;}
.col{ width:100%; float:none; margin-left:0px;}
.cor{ width:100%; float:none; margin-right:auto;}
.col .int1{ width:95%;}
.col textarea{ width:95%;}
.col .int2{ width:25%;}
.coyanzheng{ float:left; margin-left:10px;}
.col .int3{ width:96.5%; float:left;}
.ditu{ margin-left:auto;}
}
@media screen and (max-width:409px){
.cor ul{ width:100%;}
.col .int1{ width:90%;}
.col textarea{ width:90%;}
.col .int2{ width:90%; float:none;}
.coyanzheng{ float:none; margin-left:0px; margin-top:14px;}
.col .int3{ width:94%; float:left;}
}

/*************************************************************************  case  *****************************************************************/
@font-face {
    font-family: 'euphemia';
    src: url('../fonts/euphemia.eot');
    src: url('../fonts/euphemia.eot') format('embedded-opentype'),
         url('../fonts/euphemia.woff2') format('woff2'),
         url('../fonts/euphemia.woff') format('woff'),
         url('../fonts/euphemia.ttf') format('truetype'),
         url('../fonts/euphemia.svg#euphemia') format('svg');
}

.camain{ padding-top:20px;}
.cabiao{ display:block; font-size:30px; font-size:3rem; color:#336699;font-family: 'euphemia';}
.cap{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:17px;}

.canav{ background:url(../images/lanxv.jpg) repeat-x center; text-align:center; margin-top:93px;}
.canav a{ display:inline-block; width:233px; height:43px; border:1px solid #2d74d2; border-radius:22px; background:#fff; font-size:16px; font-size:1.6rem; color:#09F; text-align:center; line-height:43px; margin:0 18px;}
.canav a:hover{ background:#09F; color:#fff; border:1px solid #09F;}
.dangqianca{background:#09F !important; color:#fff !important; border:1px solid #09F !important;}

.calie{ width:550px; float:left; margin-left:11px; margin-top:70px;}
.calie li{ font-size:16px; font-size:1.6rem; line-height:36px;}
.calie li a{ display:block; width:345px; float:left;}
.calie li strong{ font-style:italic; color:#09F;}

.car{ width:601px; float:right; margin-top:104px;}
.cara{ display:block; font-size:32px; font-size:3.2rem; line-height:44px; font-weight:bold; color:#09F;}
.cara2{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; font-weight:bold; margin-top:8px;}
.car p{font-size:14px; font-size:1.4rem; line-height:30px; margin-top:1px; margin-bottom:29px;}
.huidi{ background:#f8f8f8;}

.camain2{ background:#f7f7f7; padding-top:8px; margin-top:-8px; padding-bottom:21px;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}


.img-scroll { position:relative; padding-bottom:45px; margin-top:23px;}
.m2nav{ width:84px; height:31px;position:absolute; bottom:0px; right:0px;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:42px;height:31px;}
.img-scroll .prev { left:0;cursor:pointer; background:url(../images/caleft.jpg) no-repeat center;}
.img-scroll .next { right:0;cursor:pointer; background:url(../images/caright.jpg) no-repeat center;}
.img-scroll .prev:hover { background:url(../images/calefth.jpg) no-repeat center;}
.img-scroll .next:hover { background:url(../images/carighth.jpg) no-repeat center;}
.img-list { position:relative; width:100%; margin-left:0px; overflow:hidden; border-bottom:1px dashed #336699;}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:271px; margin-right:38px; padding-bottom:20px;}
.calie2{ margin-top:19px;}
.catu{ position:relative; border-radius:5px; overflow:hidden;}
.catupian{ width:100%; max-width:450px; max-height:327px; margin-bottom:-3px;}
.cafu{ display:block; position:absolute; left:0px; top:100%; transition:0.5s; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.cafu img{ width:34px; height:34px; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-17px;}
.cazi{ background:#e7e7e7; border-radius:3px; margin-top:10px; text-align:center; line-height:39px; font-size:18px; font-size:1.8rem; color:#09F;}
.calie2:hover .cafu{ top:0px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.canav a{ width:215px; margin:0 10px;}
.car{ width:411px; float:right; margin-top:70px;}

.img-list li {width:237px; margin-right:10px;}
.img-list li { background:none}
}
@media screen and (max-width:999px){
.canav{ background:none; margin-top:50px;}
.canav a{ width:48%; margin:0 0.7%; font-size:14px; font-size:1.4rem; margin-top:10px;}
.calie{ width:100%; float:none; margin-left:0px; margin-top:50px;}
.car{ width:100%; float:none; margin-top:30px;}
.cafu{top:0px;}

.img-list ul { width:1000%;}
.img-list li { width:3.25%; margin-right:0.2%;}
.img-list li p a{ font-size:18px; font-size:1.8rem; margin:0 15px;}
.img-list li { background:none}
}
@media screen and (max-width:700px){
.img-list li { width:4.7%; margin-right:0.5%;}
}
@media screen and (max-width:639px){
.calie li a{ width:auto; float:none}
}
@media screen and (max-width:469px){
.img-list li { width:9%; margin-left:0.5%; margin-right:0.5%;}
.canav a{ width:98%;}
}


/*************************************************************************  case2  *****************************************************************/
.can{ margin-top:66px; padding-bottom:62px;}
.canbiao{ display:block; margin-left:41px; font-size:32px; font-size:3.2rem; line-height:44px; font-weight:bold; color:#09F;}
.can ul{ width:503px; float:left; margin-left:48px; margin-top:10px;}
.can ul li{ font-size:16px; font-size:1.6rem; line-height:36px;}
.can ul li a{ display:block; width:390px; float:left;}
.can ul li strong{ font-style:italic; color:#09F;}
.camain3{ background:#f7f7f7; padding-top:1px; padding-bottom:21px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.can ul{ width:480px; float:left; margin-left:0px; margin-top:10px;}
.canbiao{ margin-left:auto;}
}
@media screen and (max-width:999px){
.can ul{ width:100%; float:none; margin-left:0px; margin-top:10px;}
.canbiao{ margin-left:auto;}
}
@media screen and (max-width:639px){
.can ul li a{ width:auto; float:none}
}

/*************************************************************************  about  *****************************************************************/
.f1bei{ background:#f1f1f1;}

.abmain{ padding-bottom:51px;}
.abl{ width:600px; float:left;}
.abr{ width:368px; float:right; margin-right:88px; background:#f8f8f8 url(../images/yinhao.jpg) no-repeat center 138px; position:relative; border-radius:9px; padding-top:83px; padding-bottom:127px; margin-top:47px;}
.abbiao{ margin-top:34px;}
.abbiao img{ width:263px; height:75px;}
.abl p{ font-size:16px; font-size:1.6rem; line-height:26px; margin-top:25px;}

.abr img{ position:absolute; width:157px; height:157px; bottom:-92px; left:-70px;}
.abr p{ padding:0 62px;font-size:16px; font-size:1.6rem; line-height:26px;}

.abmain2{ padding-top:76px; padding-bottom:38px;}
.abtu{ width:590px; float:left; margin-top:13px;}
.abtu a{ display:block; text-align:center;}
.abtu a img{ width:100%; max-width:590px; max-height:315px;}
.abzi{ width:570px; float:right;}
.abzi a{ display:block;}
.abzi a img{ width:222px; height:58px;}
.abzi p{font-size:16px; font-size:1.6rem; line-height:26px; margin-top:32px;}
.ablie{ margin-top:58px;}
.ablie a{ display:block; width:276px; float:left; text-align:center; margin-left:32px;}
.ablie a img{ width:100%; max-width:276px; max-height:182px;}
@media screen and (min-width:1000px) and (max-width:1219px){
.abl{ width:500px; float:left;}
.abr{ width:368px; margin-right:auto; margin-top:80px;}
.abtu{ width:470px; float:left; margin-top:43px;}
.abzi{ width:490px; float:right;}
.ablie a{ width:235px; margin-left:10px;}
}
@media screen and (max-width:999px){
.abl{ width:100%; float:none;}
.abr{ width:100%; margin-right:auto; margin-top:20px; background:#f8f8f8; padding-top:10px; padding-bottom:30px;}
.abr img{ position:relative; left:50%; margin-left:-78px; top:10px;}
.abr p{ margin-top:20px; padding:0 15px;}
.abtu{ width:100%; float:none;}
.abzi{ width:100%; float:none; margin-top:43px;}
.ablie a{ width:47%; margin-left:1.5% !important; margin-right:1.5%; margin-top:20px;}
}
@media screen and (max-width:430px){
.ablie a{ width:97%; margin-left:1.5% !important; margin-right:1.5%; margin-top:20px;}
}




/*  hui dao ding bu  */
#returnTop {/*_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:30px;bottom:175px;_bottom:auto;width:46px;height:46px;text-indent:-999px;overflow:hidden;background:url(../images/top.png) no-repeat;_backgroundurl:(../images/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;*/

  opacity:0;
            position: fixed;
            bottom: 100px;
            right: 100px;
            width: 46px;
            height: 46px;
            background:url(../images/top.png) no-repeat;
			transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;
			cursor:pointer;
		


}

.kefu{ position:fixed; top:200px; z-index:99999; padding-left:10px; padding-right:13px; width:75px; background:url(../images/kefu-bg.jpg); padding-top:3px; text-align:center; color:#000000; font-family:Verdana, Geneva, sans-serif; right:0px; box-shadow:0px 0px 3px rgba(0,0,0,0.07); padding-bottom:12px; }
.kefu a{ color:#000000; font-family:Verdana, Geneva, sans-serif; }
.kefu a:hover{ color:#ec6d00; }

.kefu_skype{ border-bottom:solid 1px #aaaaaa; padding-bottom:1px; padding-top:11px; }
.kefu_skype_div{ line-height:22px; }

.kefu_whats{ border-bottom:solid 1px #aaaaaa; padding-top:8px; padding-bottom:5px; }
.kefu_email{ padding-top:13px; }


.bg{ background:url(../images/bg1.jpg) no-repeat top center; background-attachment:fixed }

@media screen and (max-width:479px){
.banquan{ padding-bottom:75px; }
.kefu{ bottom:0px; width:100%; height:auto; padding-top:5px; padding-bottom:10px; top:auto; }	
.kefu_skype,.kefu_whats,.kefu_email{ padding:0px; width:33.3%; border-bottom:none; float:left; }
.kefu_skype img{ margin-top:5px; }
.kefu_email img{ margin-top:9px; }
}