﻿/*@import "resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}


/**/
.stre{ height:432px; overflow:hidden;}
.stre h3{ height:66px; font-size:22px; font-weight:normal; color:#0089e1; line-height:66px; text-align:center; background:url(../Img/Index/str_tx.gif) no-repeat center bottom; margin-bottom:22px;}
.stre h3 a{ color:#0089e1;}
.stre dl{ width:270px; height:340px; float:left; margin-right:40px; overflow:hidden; }
.stre .cle_c{ margin-right:0;}
.stre dt{ width:269px; height:188px;text-align:center;}
.stre dt img{ width:266px; height:184px; display:block; padding:1px; border:1px solid #e5e5e5;}
.stre dd{ width:270px; height:124px; overflow:hidden; }
.stre dd span{ font-size:18px; color:#666; line-height:40px;text-align:center; display:block;}
.stre dd p{ font-size:14px; color:#6a6a6a; line-height:26px; width:186px; margin:0 auto;}
.stre .cur dd{ background:#ecebeb;}
.stre .cur dd span{ color:#0089e1;}
.stre dl:last-child{ margin-right:0px;}

/*  产品展示*/

.pro{ height:791px; background:#f2f2f2; overflow:hidden; padding-top:30px;} 
.pr_fl{ width:278px; height:771px; overflow:hidden; background:url(../Img/Index/pro_fl.jpg) no-repeat center top;}
.pr_fl h3{ height:75px; font-size:20px; font:bold; color:#fff; line-height:40px; text-align:center; padding-top:10px; margin-bottom:22px;}
.pr_fl h3 a{ color:#fff;}
.pr_fl h3 span{ font:14px Arial; color:#94d6f4; line-height:20px; display:block;}
.pr_fl p{ width:238px; height:44px; background:url(../Img/Index/pro_b1.png) no-repeat center top; font-size:16px; font-weight:bold; color:#fff; line-height:34px; margin-left:16px;advantage font-weight:bold; text-align:center;}  
.pr_fl p a{ color:#fff;}
.pr_fl ul{ margin-bottom:5px;}
.pr_fl li{ width:226px; margin:0 auto; font-size:14px; color:#fff; line-height:25px; background:url(../Img/Index/pro_x.png) repeat-x left bottom; padding-bottom:8px; padding-top:6px;}
.pr_fl li span{ font-size:12px; color:#fff; line-height:12px; display:block;}
.pr_fl li a{ color:#fff; display:inline-block; background:url(../Img/Index/pro_b3.png) no-repeat 12px 12px; padding-left:35px;}
.pr_fl2{ width:278px; height:660px; overflow:hidden; background:url(../Img/Index/pro_fl.jpg) no-repeat center top;margin-left: 350px}
.pr_fl2 h3{ height:20px; font-size:20px; font:bold; color:#fff; line-height:20px; text-align:center; padding-top:16px; margin-bottom:22px;}
.pr_fl2 h3 a{ color:#fff;}
.pr_fl2 h3 span{ font:12px Arial; color:#94d6f4; line-height:20px; display:block;}
.pr_fl2 p{ width:192px; height:48px; background:url(../Img/Index/pro_b1.png) no-repeat center top; font-size:16px; font-weight:bold; color:#fff; line-height:34px; padding-left:46px; margin-left:16px; margin-bottom:10px;}  
.pr_fl2 p a{ color:#fff;}
.pr_fl2 li{ width:226px; margin:0 auto; font-size:14px; color:#fff; line-height:32px; background:url(../Img/Index/pro_x.png) repeat-x left bottom; padding-bottom:8px; padding-top:6px;}
.pr_fl2 li span{ font-size:12px; color:#fff; line-height:12px; display:block;}
.pr_fl2 li a{ color:#fff; display:inline-block; background:url(../Img/Index/pro_b3.png) no-repeat 12px 12px; padding-left:35px;}
 /*新*/
.pr_in{ width:900px; height:771px; overflow:hidden;}
.pr_in h3{ height:51px; background:#0089e1;  line-height:51px; font-size:18px; font-weight:normal; color:#fff;}
.pr_in h3 em{ padding:0 15px; font-size:24px;font-weight:bold; }
.pr_in h3 a{ color:#fff;}
.pr_in h3 span{ font:14px Arial; color:#fff; line-height:51px; text-transform:uppercase; float:right; padding-right:24px;}
.pr_in h3 span a{ color:#fff;}
.pr_in dl{ height:350px; overflow:hidden; padding-top:26px; margin-bottom:35px;}
.pr_in dt{ width:392px; height:350px;  float:left;}
.pr_in dt img{ width:390px; height:348px;border:1px solid #c3c3c3;}
.pr_in dd{ width:285px; float:right;}
.pr_in dd p{ height:30px; font-size:18px; color:#0089e1; line-height:30px;}
.pr_in dd p a{ color:#0089e1;}
.pr_in dd li{ font-size:14px; color:#6a6a6a; line-height:30px;}
.pr_in dd b{ margin-right:20px; background:url(../Img/Index/pr_b3.jpg) no-repeat center top;;}
.pr_in dd em{ background:#6a6a6a;}
.pr_in dd b ,.pr_in dd em{font-size:16px;color:#fff;line-height:34px; text-align:center; width:130px; height:34px; display:inline-block; margin-top:10px;}
.pr_in dd b a,.pr_in dd em a{ color:#fff;}
.pr_img{width:100%; overflow:hidden;}
.pr_img .cur img{ margin-top:-20px;}
.pr_img .npro_img{ width:900px; margin:0 auto;}
.pr_img ul{ padding-top:5px;}
.pr_img li{ width:290px; float:left;margin:5px 10px 5px 0px; text-align:center; background:#fff; height:228px; }
.pr_img li span{ font-size:14px; color:#2c2c2c; line-height:28px; cursor:pointer; display:block; height:28px;}
.pr_img li img{width:238px; height:190px; margin:5px;}
.pr_img li:last-child{ margin-right:0px;}
.pr_img li span a:hover{ color:#0089E1; text-decoration:none;}

/**/
.chara{ height:618px; background:url(../Img/Index/ch_bj.gif) no-repeat center top; overflow:hidden;}
.chara h3{ height:75px; font-size:26px; font-weight:bold; color:#0089e1; line-height:44px; text-align:center; margin-top:38px; margin-bottom:42px;}
.chara h3 span{height:32px; font-size:18px; font-weight:normal; color:#212121; line-height:32px; display:block; background:url(../Img/Index/cha_tx.gif) no-repeat center center;}
.chara h3 a{color:#0089e1;}
.chara .ch_txt{ height:440px; position:relative;}
.ch_txt dl{ width:240px; height:330px; overflow:hidden; float:left; text-align:center; position:absolute;}
.ch_txt dt , .ch_txt dt img{ width:204px; height:204px;}
.ch_txt dd img{ width:42px; height:48px; margin:16px auto 0;}
.ch_txt dd span{ display:block; font-size:18px; color:#6a6a6a; line-height:40px;}
.ch1{ top:0; left:0;}
.ch2{ top:112px; left:240px;}
.ch3{ top:10px; left:480px;}
.ch4{ top:112px; right:240px;}
.ch5{ top:0; right:0;}



/*4大优势*/
.advantage .main-title{
	background: url("../Img/ys_bg.jpg") no-repeat center bottom;
	height: 162px;
	color: #fff;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
}
.advantage .main-title .main-title-en{ color: #fff; margin-top: 30px;}
.advantage h3{ font-size: 35px; color: #008ae2; margin-bottom: 45px; padding: 8px 0 0 80px; height: 85px;}
.advantage h3 span{ display: block; font-size: 29px; color: #d2d2d2; }
.advantage ul{ padding-left: 50px; }
.advantage li{ font-size: 14px; line-height: 23px; color: #353636; margin-bottom: 20px; background: url("../img/ys_con1.png") no-repeat 0 7px; padding-left: 30px;}
.advantage1 h3{ background: url("../img/num01.jpg") no-repeat; }
.advantage2 h3{ background: url("../img/num02.jpg") no-repeat; }
.advantage3 h3{ background: url("../img/num03.jpg") no-repeat; }
.advantage4 h3{ background: url("../img/num04.jpg") no-repeat; }

.advantage1{ height: 379px; overflow: hidden; margin-bottom: 46px; }
.advantage1 dt{ width: 599px; height: 379px; float: right; }
.advantage1 dt img{ width: 100%; }
.advantage1 dd{ width: 550px; float: left; margin-top: 53px;}

.advantage2{ height: 513px; background: #f1f1f1;}
.advantage2 dd{ width: 490px; float: right; margin-top: 160px;}
.advantage2 dt{ width: 686px; height: 427px; float: left; margin: 42px 0 0 0;}
.advantage2 dt img{ width: 100%; }

.advantage3{ height: 489px; overflow: hidden; }
.advantage3 dt{ width: 610px; height: 395px; float: right; margin: 47px 0 0 0; }
.advantage3 dt img{ width: 100%; }
.advantage3 dd{ width: 473px; float: left; margin-top: 105px; }

.advantage4{ height: 483px; background: #f1f1f1; overflow: hidden;}
.advantage4 dd{ width: 490px; float: left; margin-top: 80px;}
.advantage4 dt{ width: 639px; height: 355px; float: left; margin: 50px 0 0 -58px; }
.advantage4 dt img{ width: 100%; }

/**/
.main-title{ font-size: 28px; margin: 40px 0; color: #444344; font-weight: bold; text-align: center; line-height: 45px;}
.main-title a{ color:#444344;}
.main-title a:hover{ text-decoration:none;}
.main-title .main-title-en{ display: block; font-size: 60px; text-transform: uppercase; color: #dddddd; }

.scsb{ width:100%; overflow: hidden; background: url(../Img/gcbj.jpg) no-repeat top center; height:616px;}
.scsb h5{ text-align:center; background: url(../Img/scsb.png) no-repeat bottom center; margin:0 auto; height:60px; padding-top:50px;}
.scsb h5 a{color:#0066CC; font-size: 30px; font-weight: bold;}
.scsbcon { margin-top:30px;}
.scsbcon ul{ width:100%; overflow:hidden;}
.scsbcon li{ width: 600px; background:#fff; height:222px; float:left;}
.pic img{ width:300px; height:222px;}
.info{ padding:25px; height:172px; width:250px;}
.info h4{ text-align:center; margin: 0px; padding: 0px; font-size: 18px; line-height:30px;}
.info p{ line-height:24px;  font-size: 14px;}
.info:hover{ background:#0089E1; color:#fff;}
/**/
.ban2{ height:206px; background:url(../Img/Index/ban2.jpg) no-repeat center top; overflow:hidden;}
.ban2 .ban_tit{ width:362px; float:right; margin-top:54px; }
.ban2 .se_inp{ width:362px; height:45px; margin-bottom:8px;}
.ban2 .se_inp input{ border:0;}
.ban2 .se_inp .tint{ width:206px; height:45px; padding-left:8px; font-size:14px; color:#b7b7b7; line-height:45px;}
.ban2 .se_inp a{ display:block; width:138px; height:45px; font-size:18px; color:#0089e1;line-height:46px; text-align:center; background:url(../Img/Index/ban2_b1.gif) no-repeat center top; cursor:pointer;}
.ban2 p{ width:304px; float:right; background:url(../Img/Index/ban2_pho.gif) no-repeat left 2px; height:48px; padding-left:58px; font-size:24px; color:#fff; line-height:22px;}
.ban2 p span{ font-size:14px; color:#fff; line-height:18px; display:block;}

/**/
.cust{ height:798px; overflow:hidden;}
.cust  .noe{ display:none;}
.cust h3{ height:75px; font-size:26px; font-weight:bold; color:#0089e1; line-height:44px; text-align:center; margin-top:40px; margin-bottom:30px;}
.cust h3 span{height:32px; font-size:18px; font-weight:normal; color:#212121; line-height:32px; display:block; background:url(../Img/Index/cu_x.gif) no-repeat center center;}
.cust h3 a{color:#0089e1;}
.cust .c_nav{ width:100%; height:60px; margin-bottom:40px; overflow:hidden;}
.cust .c_nav li{ width:159px; height:60px; font-size:16px; color:#6a6a6a; line-height:42px; text-align:center; float:left; margin-right:8px;}
.cust .c_nav li a{ width:159px; height:60px; display:inline-block;background:url(../Img/Index/cu_b1.gif) no-repeat right top; color:#6a6a6a; text-decoration:none;}
.cust .c_nav .cle_c{ margin-right:0;}
.cust .c_nav li a:hover ,.cust .c_nav .cur a { background-position:left top; color:#fff; font-size:18px; font-weight:bold;}
.cust .cu_txt{ height:518px; background:url(../Img/Index/cu_tm.jpg) no-repeat center bottom; overflow:hidden;}
.cu_txt dt{ width:500px; height:472px; float:left;}
.cu_txt dt img{ width:500px; height:472px;}
.cu_txt dd{ width:452px;height:472px; background:url(../Img/Index/cu_bj.jpg) no-repeat left top; overflow:hidden; padding-left:48px; float:left;}
.cu_txt dd h4{ width:400px; height:62px; background:url(../Img/Index/cu_dd.png)  repeat-x left bottom; margin-bottom:14px; font-size:14px; font-weight:bold; color:#fff; line-height:62px; margin-top:20px;}
.cu_txt dd p{ width:400px; font-size:14px; font-weight:bold; color:#fff; line-height:28px; height:auto; overflow:hidden;}
.cu_txt dd span{ width:322px; font-weight:normal; float:right;}
.cu_txt dd b{ width:119px; height:34px; display:block; background:url(../Img/Index/cu_b2.gif) no-repeat center top; font-size:18px; font-weight:normal; color:#0089e1; line-height:34px; text-align:center; margin-top:30px;}
.cu_txt dd b a{ color:#0089e1;}

/**/
.ban3{ height:172px; overflow:hidden;}
.ban3 img{ width:100%; height:172px; }


/**/
.proc{ height:378px; overflow:hidden;}
.proc h3{ height:55px; font-size:24px; font-weight:normal; color:#0089e1; line-height:55px; text-align:center; background:url(../Img/Index/pc_tx.gif) no-repeat center bottom; margin-bottom:28px; margin-top:34px;}
.proc h3 a{ color:#0089e1;}
.proc dl{ width:114px; height:262px; overflow:hidden; float:left; display:inline; margin:0 8px 0 20px; text-align:center; }
.proc .cle_c{ margin-right:0;}
.proc dt{ width:114px; height:114px; overflow:hidden; background:url(../Img/Index/pc_t1.jpg) no-repeat left top; margin:6px auto;}
.proc dt img{ width:52px; height:46px; margin:34px auto 0;}
.proc dd{ width:100px; margin:0 auto;} 
.proc dd span{ display:block; font-size:26px; color:#2c2c2c; line-height:32px; text-align:center; background:url(../Img/Index/pc_tx2.jpg) no-repeat center top;}
.proc dd p{ font-size:14px; color:#2c2c2c; line-height:24px;}
.proc .cur dt{ background-position:right top;}
.proc .cur dd span{ color:#0089e1;}

/**/
.ban4{ height:226px; background:url(../Img/Index/ban4_bj.jpg) no-repeat center top; overflow:hidden;}
.ban4 p{ width:262px; float:right; font-size:32px; font-weight:bold; color:#fff; line-height:52px; margin-top:92px;}
.ban4 p span{ display:block; font-size:20px; font-weight:normal; line-height:20px;}

/**/
.ban5{ height:203px; background:url(../Img/Index/ban5_bj.jpg) no-repeat center top; overflow:hidden;}


/**/
.part{ height:300px; overflow:hidden;}
.part h3{ height:56px; font-size:24px; font-weight:bold; color:#0089e1; line-height:56px; text-align:center; margin:34px 0 54px; background:url(../Img/Index/pa_tx.gif) no-repeat center bottom;}  
.part h3 a{ color:#0089e1}
.pa_img{ height:125px; overflow:hidden;}
.pa_img .npa_img{ width:1100px; margin:0 auto;}
.pa_img li{ width:170px; height:122px; float:left; margin-right:15px;}
.pa_img li img{ width:168px; height:120px; border:1px solid #c3c3c3;}
.pa_img .pa_l ,.pa_img .pa_r{ width:22px; height:22px; overflow:hidden; margin-top:40px; cursor:pointer;}
.pa_img .pa_l img ,.pa_img .pa_r img{ width:22px; height:44px;}
.pa_img .cur img{ margin-top:-23px;}


/**/
.witn{ height:522px; overflow:hidden;}
.witn h3{ height:58px; font-size:24px; font-weight:bold; color:#0089e1; line-height:56px; text-align:center; margin:0 0 52px; background:url(../Img/Index/pa_tx.gif) no-repeat center bottom;}  
.witn h3 a{ color:#0089e1}
.witn dl{ width:270px; height:365px; float:left; margin:0 15px; overflow:hidden; background:#ecebeb; cursor:pointer;}
.witn .cle_c{ margin-right:0;}
.witn dt{ width:270px; height:154px;}
.witn dt img{ width:270px; height:154px;}
.witn dd { width:270px; height:211px; position:relative;} 
.witn dd span{ height:52px; display:block; font-size:14px; font-weight:bold; color:#2c2c2c; line-height:52px; text-align:center;}
.witn dd span a{ color:#2c2c2c;}
.witn dd p{ font-size:12px; color:#2c2c2c; line-height:24px; width:206px; margin:0 auto;}
.witn dd em a{ width:18px; height:19px; background:url(../Img/Index/wi_b1.gif) no-repeat left top; position:absolute; right:0; bottom:0;}
.witn .cur{ background:#0089e1; color:#fff;}
.witn .cur p ,.witn .cur span a{ color:#fff;}
.witn .cur em a{ background-position:right top;}
.witn dl:last-child{ margin-right:0px;}

/**/
.about{ height:456px; background:#f2f2f2; overflow:hidden;}
.about dl{ height:391px; overflow:hidden; padding-top:52px;}
.about dt{ width:470px; height:391px; background:url(../Img/Index/ab_tm.jpg) no-repeat center bottom; float:left}
.about dt img{ width:470px; height:355px;}
.about dd{ width:700px; float:right; overflow:hidden;}
.about dd em{ margin:0 10px;}
.about dd h4{ height:46px; font-size:24px; font-weight:bold; color:#0089e1; line-height:46px;}
.about dd h4 a{ color:#0089e1;}
.about dd h4 span{ font:18px Arial; font-weight:normal; color:#6a6a6a; line-height:46px; margin-left:10px;}
.about dd p{ height:138px; font-size:16px; color:#2c2c2c; line-height:26px; clear:none; text-indent:2em;}
.about dd b{ width:105px;height:32px; display:block; font-size:14px; font-weight:normal; color:#fff; line-height:32px;  text-align:center; float:right; background:#0089e1; margin-bottom:24px;}
.about dd b a{ color:#fff;}
.about .ab_img{ height:114px; overflow:hidden; width:100%;}

.ab_img .pr_l ,.ab_img .pr_r{ width:22px; height:20px; overflow:hidden; margin-top:52px; cursor:pointer;}
.ab_img .pr_l img,.ab_img .pr_r img{ width:22px; height:40px;}
.ab_img .cur img{ margin-top:-20px;}
.ab_img .nxc{ width:610px; margin:0 auto;}
.ab_img li{ width:145px; height:114px; float:left;  margin-right:10px; }
.ab_img li img{ width:145px; height:114px;}
/**/
.dy{ height:510px; overflow:hidden;}
.dy .news{ width:770px; height:423px; overflow:hidden; margin-top:50px;}   
.news .n_nav{ height:42px; background:#0089e1;} 
.n_nav span{ font-size:16px; color:#fff; line-height:42px; float:right; padding-right:22px;}
.n_nav span a{ color:#fff;}
.n_nav li{ width:112px; height:42px; float:left; font-size:14px; font-weight:bold; color:#333; line-height:42px; text-align:center;}
.n_nav li a{ width:112px; height:42px; display:inline-block; color:#fff;text-decoration:none; font-size:16px;}
.n_nav .cur a, .n_nav li a:hover{ background:#2c2c2c; color:#fff;}
.new_txt{ width:768px; height:359px; border:1px solid #ccc; padding-top:20px; border-top:none;}
.new_txt dl{ height:152px; width:740px; margin:0 auto 16px; overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:10px; }
.new_txt dt{ width:250px; height:152px; float:left; padding-left:4px;}
.new_txt dt img{ width:250px; height:145px;}
.new_txt dd{ width:460px; float:right;}
.new_txt dd span{ font-size:14px; font-weight:bold; color:#2c2c2c; line-height:26px; display:block; height:26px;}
.new_txt dd span a{ color:#2c2c2c;}
.new_txt p{ height:110px; font-size:12px; color:#2c2c2c; line-height:26px;}
.new_txt dd em{ float:right;font-size:12px;line-height:12px; color:#0089e1; display:block;}
.new_txt dd em a{color:#0089e1;}
.new_txt ul{ width:730px; margin:0 auto;}
.new_txt li{ height:38px; font-size:12px; color:#6a6a6a; line-height:38px; border-bottom:1px solid #d5d5d5;}  
.new_txt li a{ color:#6a6a6a;}
.new_txt li span{ float:right; cursor:pointer;}

.faq{ width:400px; height:423px; overflow:hidden; margin-top:50px;}
.faq h3{height:42px; background:#0089e1;  font-size:14px; font-weight:bold; color:#fff; line-height:42px; }
.faq h3 em a{ width:112px; height:42px; display:inline-block; color:#fff; text-align:center; font-size:16px;}
.faq h3 span{ font-size:16px; font-weight:normal; color:#fff; line-height:42px; float:right; padding-right:22px;}
.faq h3 span a{ color:#fff;}
.faq_txt{ width:378px; height:340px; border:1px solid #ccc; padding:38px 0 0 20px; overflow:hidden; border-top:none;}
.faq_txt dl{ width:360px; height:95px; border-bottom:1px  dashed #ccc;margin:0 auto 18px;}
.faq_txt dt{ height:16px; padding-left:72px; font-size:12px; font-weight:bold; color:#4b4443; background:url(../Img/Index/faq_t1.jpg) no-repeat left top; overflow:hidden;}  
.faq_txt dt a{ color:#4b4443;}
.faq_txt dd{ height:auto; overflow:hidden; font-size:12px; color:#666666; line-height:24px; padding-left:72px;}
.faq_txt .fa_fx{background:url(../Img/Index/faq_t2.jpg) no-repeat 0  6px;} 
.faq_txt .fa_ff{background:url(../Img/Index/faq_t3.jpg) no-repeat 0  6px;} 


/**/
.link{ height:90px; overflow:hidden;}
.link h3{ height:38px; border-bottom:1px solid #6a6a6a; overflow:hidden; margin-bottom:16px; font-size:14px; font-weight:bold; color:#0089e1; line-height:38px;}
.link h3 a{ color:#0089e1;}
.link h3 em{ font:12px Arial;font-weight:normal; color:#666666; text-transform:uppercase; margin-left:10px;}
.link h3 span{ font-size:12px; font-weight:normal; color:#6a6a6a; float:right;}
.link h3 span a{ color:#6a6a6a}
.link p { font-size:12px; color:#6a6a6a; line-height:12px;}
.link p a{ margin:0 14px 16px; display:inline-block;}
