/* CSS Document */
body{ font-size:12px; font-family: "΢ÈíÑźÚ", Arial, sans-serif;margin:0;padding:0;color:#5b5b5b;}
div,img,h3,h4,p,dd,dl,dt,em,article,aside,nav,section,header,footer{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;/*letter-spacing:-1px;*/color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul{list-style:none;margin:0;padding:0}
form{margin:0}
#left{float:left}
#right{ float:right;}
a{text-decoration:none; color:#323232; font-style:normal;}
a:hover{text-decoration:underline;}
.clearfloat{clear:both;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after,.clear{clear:both}

/*top*/
.top-wrap {width: 100%;height: 30px;background: #e9e9e9;font-size: 12px}
.top-content {margin: 0 auto;width: 1200px;line-height: 30px}
.top-right .back {padding-left: 20px;background: url(../img/top1.png) no-repeat left center}
.top-right .ly {margin-left: 20px;padding-left: 22px;background: url(../img/top2.png) no-repeat left center}
.top-right .lx {margin-left: 20px;padding-left: 22px;background: url(../img/top3.png) no-repeat left center}
.top-right a {color:#707070}
.top-right a:hover {color: #EA0411}
.top-right {float: right}
.top-left {float: left;margin-left: 27px;color: #707070;}

.top-content2 {margin: 0 auto;width: 1200px;line-height: 40px; padding-top:30px;  height:100px;}
.logo { width:220px; float:left;border-right:1px #0098d1 solid}
.cen { width:700px; height:100px; float:left; /*border-right:1px #0098d1 solid*/}
.y{ font-size:22px; font-weight:800; width:200px; margin-left:10px;}
.x{ font-size:16px; font-weight:400;margin-left:20px;}
.logorg{text-align: center;float: right; width:300px; margin-left: 20px;padding-left: 22px;background: url(../img/toptell.jpg1) no-repeat  center; width:215px; height:70px;}


.head2{width:100%; height:49px; margin:0 auto; overflow:hidden; background:#0098d1;}

.head21{width:1200px; height:49px;  margin:0 auto;}

.head2 ul{}

.head21 li{float:left; height:49px; line-height:49px; font-size:14px; font-family:"ËÎÌå"; text-align:center; width:113px;}

.head21 li a{float:left; height:49px; color:#fff; height:49px; width:113px;}

.head21 li a:hover{}

.head21 em{width:1px;display:block;height:25px;float:left;overflow:hidden;margin:13px 6px 0 6px; background:url(../img/line.png) center center no-repeat;}

#nav{height:50px;width:100%;background:#0098d1;clear:both;}
.navc{width:1200px;height:50px;margin:0 auto;display:block;}
#nav a{display:block;text-align:center;padding:0 11px 0 12px;_padding:0 11px 0 11px;width:100px;height:50px;line-height:51px;line-height:54px\9;line-height:52px\0;overflow:hidden;float:left;color:#fff;font-size:16px;}
#nav a.on,#nav a.on:hover{text-decoration:none;/*background-color:#0074A6;*/height:50px;line-height:51px;line-height:54px\9;line-height:52px\0;border-bottom:0; }
#nav a:hover{text-decoration:none;/*background:#0074A6;*/ color:#fff;}
#nav em{width:1px;display:block;height:25px;float:left;overflow:hidden;margin:13px 6px 0 6px;}
#nav em{border-right:1px solid #009EE2;background:#0074A6; background:url(../img/line.png) center  no-repeat; width:9px;}

.banner{ width:100%; height:530px; margin:0 auto; background-position:center; background-repeat:no-repeat; overflow:hidden}

/*product*/
.content{ width: 1200px; margin: 0 auto;}
.xc_top {width: 1200px;overflow: hidden; height: 68px; }
.zj_top { padding:40px 0 40px; text-align:center;}
.xc_top ul li { float:left; margin-right:30px;}
.xc_top ul .nobor { margin:0;}
.xc_top ul li a { color:#090909; font-size:14px; display:block; width:118px; height:38px; line-height:38px;  background-color:#ededed; text-align:center}
.xc_top ul li a:hover,.xc_top ul .cur a { background:#0098d1;  color:#fff;}
.xc_con ul li { width:270px; height:220px; float:left; margin:0 27px 0 0; position:relative; overflow:hidden;}
.xc_con ul .nobor { margin:0;}
.xc_con ul li a img {width:260px; height:190px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.xc_con ul li a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}

.xc_con ul li span { position:absolute; background: url(../img/line2.png) repeat; width:260px; height:36px; line-height:36px; left:0; top:154px;  text-align:center;}
.xc_con ul li span a { color:#FFF; font-size:14px; }

/*ad*/
.ad{ width:100%; height:530px; margin:0 auto; background-position:center; background-repeat:no-repeat; overflow:hidden}

.zi-l h2 em {padding-left:30px; width:25px; height:60px;  background: url(../img/cc.png) center  no-repeat;}

.lst4 li em {padding-left:20px; width:25px; height:60px;  background: url(../img/dian.png) center  no-repeat;}
.zixun {width: 1200px;margin: 0 auto;overflow: hidden;/* height: 420px; */margin-top: 30px; margin-bottom:30px;}
.zi-l {float: left;width: 335px;margin-right: 95px;overflow: hidden}
.zi-l h2 {height: 38px;line-height: 38px;margin-bottom: 20px;color: #0098d1; font-size:17px;}
.zi-l h2 a {color: #0098d1;}
.zi-l h2 .more1 {float: right;line-height: 38px}
.zi-l h2 .more1 a {cursor: pointer;font-size: 15px;line-height: 38px;color: #0098d1;}
.lst4 li {height: 38px;line-height: 38px; overflow: hidden; border-bottom:1px #ccc dashed}
.lst4 li a {color: #555555;font-size: 14px}


.wend {float: left;width: 340px;overflow: hidden;}
.wend h2 {height: 38px;line-height: 38px;margin-bottom: 20px;color: #0098d1; font-size:17px;}
.wend h2 a {color: #0098d1;}
.wend h2 .more1 {float: right;line-height: 38px}
.wend h2 .more1 a {cursor: pointer;font-size: 15px;line-height: 38px;color: #0098d1;}
.wend h2 em {padding-left: 30px;width:25px; height:60px;  background: url(../img/cc.png) center  no-repeat;}
/**/
.he-box {margin: 0 auto;clear: both;padding-top: 40px}
.he-box h2 {width: 1200px;height: 56px;background: url(../img/cen2.png)center  no-repeat;margin: 0 auto}
.he-b {width: 1200px;margin: 0 auto;padding-top: 20px;}

.he {width: 1200px;height: 140px;float: left;overflow: hidden;padding-top: 40px;}
.he ul {overflow: hidden}
.he ul li {float: left;width: 224px;overflow: hidden;display: inline;margin: 0 5px;}
.he ul li a {width: 224px;height: 102px;}
.he ul li a img {width: 224px;height: 102px;}

/*µ×²¿¿ªÊ¼*/
.f_bg {  height:90px;}
.footer { width:1200px; margin:0 auto;  }
.f_nav { text-align:center; color:#fff; height:35px; padding:20px 0 0;}
.f_nav a { color:#fff; padding:0 30px; font-size:14px; height:35px; display:inline-block;}
.f_nav a:hover { }

.f_img { float:left; padding:30px 30px 0 5px;}
.f_p { color:#000; line-height:25px; padding:30px 0 0; font-size:14px;}
.f_p a,.f_p a:hover{ color:#0098d1;}
.f_p em { padding:0 20px;}
.f_p img { padding:0 0 0 10px; float:none;}
.f_img02 { padding:5px 0 0;}
.f_img02 span { text-align:center; display:block;  width:98px; float:left; margin-left:14px;}
.f_img02 span img { width:90px; height:90px; padding:13px 0 0;}
.f_img02 span em { display:block; text-align:center; padding:20px 0 0; font-size:14px; color:#a0a0a0;}
.fl { float:left;}
.fr { float:right;}

/*about */
#nmain{padding:24px 0 0; position: relative; z-index: 2;}
.w1200{width:1200px; margin:0 auto;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.n_left{float: left; width: 300px;  }
.n_left .tt{height:60px; background-color:#0098d1; padding-top:15px; font: 400 20px "΢ÈíÑźÚ"; text-align: center; color: #fff; border-top-left-radius:10px;
border-top-right-radius:10px;}
.n_left .eng { font-size: 10px;}
.n_lty{padding: 15px 24px 30px 24px; background-color:#f5f5f5;}
.n_lty li{height: 47px;  padding-bottom:15px;color: #0098d1;}
.n_lty li a{ display: block; font: 400 14px/46px "΢ÈíÑźÚ"; color: #0098d1; padding-left: 84px; transition: all ease-in-out 0s;  background-color:#ccc; border-radius:5px;}
.n_lty li a:hover{font-weight: bold; color: #0098d1; text-decoration: none; background-color:#ccc; border-radius:5px;}
.n_lty li.hover a{font-weight: bold; color: #0098d1;  text-decoration: none;  background-color:#ccc;  border-radius:5px;}
.n_lct{background-color:#f5f5f5; padding-left:20px; padding-bottom:20px;}
.n_right{width: 870px; float: right;}
.n_dqwz{ height: 90px; border-bottom: #d0cfcf solid 1px; border-left:3px #0098d1 solid}
 .ab{   color: #333; height: 60px; padding-left:15px; padding-top: 15px;font: 400 20px "΢ÈíÑźÚ"; float:left; width:160px;}
 .cd{   color: #333; height: 60px; padding-left:15px; padding-top: 15px;font: 400 20px "΢ÈíÑźÚ"; float:left}
 .eng { font-size: 10px;}

.n_ncon{padding: 25px 10px; text-align: justify; text-justify: inter-ideograph; font: 400 14px/200% "΢ÈíÑźÚ"; color: #666666; min-height: 300px;}
.border-left { position: absolute;top: 26px; _top: 106px;width: 3px;height: 68px;background-color: #0098d1; vertical-align: middle;}

/**product*/
.n_dqwz2{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz3{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz4{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz5{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz6{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz7{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz8{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}
.n_dqwz9{ height: 90px; border-bottom: #d0cfcf solid 1px;border-left:3px #0098d1 solid}

.p_left{float: left; width: 300px; height:100% ;background-color:#f5f5f5;}
.p_left .tt{height:60px; background-color:#0098d1; padding-top:15px; font: 400 20px "΢ÈíÑźÚ"; text-align: center; color: #fff; border-top-left-radius:10px;
border-top-right-radius:10px; }
.p_left .eng { font-size: 10px;}
.p_lty{padding: 15px 24px 0px 24px; width:250px; height:70px;}
.p_lty .zz { display: block; font: 400 14px/46px "΢ÈíÑźÚ"; color: #0098d1; padding-left: 84px; transition: all ease-in-out 0s;  background-color:#ccc; border-radius:5px;}

.p_right{width: 870px; float: right;}
.subpage{height:auto;overflow:hidden;margin:16px auto; float:right;}
.subpage1{width:1002px;height:auto;overflow:hidden;margin:16px auto; }
.biref{font:18px/30px "microsoft yahei";color:#1b1b1b; padding-bottom:20px}
.biref p{ text-indent:25px}
.product{width:870px;height:auto;overflow:hidden;margin:0 auto;}
.product li{width:210px;height:236px;float:left;overflow:hidden;position:relative; padding-left:5px; }
.product li>a{display:block;width:210px;height:176px;margin:0 auto;overflow:hidden;background:#f5f5f5;}
.product li>p{height:43px;margin:0 auto;overflow:hidden;text-align:center;font:14px/43px "microsoft yahei";color:#ccc;background:#f5f5f5;}
.product li>p a{color:#000;}
.product li img { padding: 7px;}
.product li span.zoom1{left:99px}
.product-class{height:auto;margin:42px auto;overflow:hidden;}
.product-class a{display:block;float:left;margin-bottom:6px;line-height:20px;}
 .mycode{ width:250px; height:74px; float:left; padding-top:10px;}
 .mycode ul{ width:250px;}
 .mycode li{ width:100px; float:left; display:block;  padding:10px;}
 .mycode li a{display: block;
    width: 100px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    border:1px #ccc solid; line-height:30px; padding-left:5px; background-color:#FFFFFF;
}
/*²úÆ·×ó²à*/
.box-m {border: 1px solid #e2e2e2;background-color: #FFFFFF; margin-top:20px; margin-left:22px; width:252px; width:0 auto}
.box-m h3 {font-size: 16px;font-weight: normal;line-height: 45px;height:45px;display: block; text-align:center;color: #0098d1; padding-left:24px; padding-right:24px; background-color:#ccc; border-radius:5px;}
.box-m h3 a,.box-m h3 a:hover{color: #0098d1;}
.box-m .box-m-m {width: 680px;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 18px;overflow: hidden;}
.sonlist2 h4 a{font-size: 15px;line-height: 30px;background-color: #FAFAFA;height: 30px;padding-left: 15px;color: #0293D2;display: block;clear: both;font-weight: normal;text-transform: uppercase;}
.sonlist2 li{	float: left; padding:7px;}
.sonlist2 ul {padding-top: 5px;padding-bottom: 5px;height: 1%;overflow: hidden;}
.sonlist2 li a{display: block;width: 100px;line-height: 30px;height: 30px; border:1px #ccc solid;padding:5px; background-color:#FFFFFF; text-align:center}

/*product neirong*/
.rname{ border-bottom:2px solid #cf001b; width:auto;  display:inline; float:left;  height:50px; line-height:50px;  font-weight:bold; font-size:16px; margin-bottom:15px;}
.cle{ clear:both;}
#preview{ float:left; width:430px;height:320px; overflow:hidden; float:left; display:inline; margin-top:20px;}
.jqzoom{ width:430px; height:320px; position:relative;}
.cpmc{ font-size:16px; font-weight:bold; line-height:30px;}
.jqzoom{position:relative;padding:0;} 
.xginfo{ background:#eee; height:42px; line-height:42px; font-size:16px;padding-left:15px; margin-top:5px;}
.cpbox p{ font-size:16px; line-height:30px;}
.cpbox2 p{ font-size:23px; line-height:30px;font-family:Arial;color:#F90707;margin-top:30px;}

/*news list*/
.right_con{width:100%; overflow:hidden;padding:10px 0;font:14px/30px "microsoft yahei"; color:#666}
.news{width:820px;margin:0 auto;overflow:hidden}
.news li{width:100%;height:42px;font:13px/42px "microsoft yahei";color:#1d1d1d;border-bottom:1px #ccc dashed;overflow:hidden}
.news li a{float:left;color:#1d1d1d}
.news li span{float:right}
.news li.none{margin-bottom:15px;}

.newstitle{font-size:22px; padding:30PX 0px 0px 0PX;text-align: center;}
.newstitle2{font-size:14px;text-align: center;border-bottom:1px #ccc dashed;height:40px;line-height:40px;}
.pre{font-size:16px; height:40px;line-height:40px;}

/* flexslider */


#banner { width:100%; height:550px; float:left; margin-bottom:50px; position:relative}
#slides { display:block; width:100%; height:550px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:500px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#EA0411}