@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}




.wrap{ height: auto; padding-top:20px; background:#f1f1f1;  }
.menuLeft{ width:251px; height:930px; overflow:hidden; background:#fff;}
.menuLeft h2{ background:url(Img/Index/menu_nav.jpg) no-repeat center top; height:50px; text-align:center; line-height:50px; font-size:26px;}
.menuLeft h2 a{ color:#fff;}
.menuLeft h3{ margin:15px 0 0 9px; font-size:16px; font-weight:normal; background:url(Img/Index/menu_wz.jpg) no-repeat; width:233px; height:40px; line-height:40px;}
.menuLeft h3 a{ color:#2a2a2a;}
.menuLeft h3 a{ padding-left:36px;}
.menuLeft ul{ margin:5px 0 0 17px;}
.menuLeft ul li{ font-size:14px; line-height:34px; padding-left:9px; background:url(Img/Index/menu_ico.gif) no-repeat left 16px;}
.menuLeft ul li a{ color:#5b5b5b;}


/*内页样式*/
.menu2{ width:249px;overflow:hidden; background:#fff; border:1px solid #dcdcdc; padding-bottom:10px;}
.menu2 h2{ background:url(Img/Index/menu_nav.jpg) no-repeat center top; height:50px; text-align:center; line-height:50px; font-size:26px;}
.menu2 h2 a{ color:#fff;}
.menu2 h3{ margin:15px 0 0 9px; font-size:16px; font-weight:normal; background:url(Img/Index/menu_wz.jpg) no-repeat; width:233px; height:40px; line-height:40px;}
.menu2 h3 a{ color:#2a2a2a;}
.menu2 h3 a{ padding-left:36px;}
.menu2 ul{ margin:5px 0 0 17px;}
.menu2 ul li{ font-size:14px; line-height:34px; padding-left:9px; background:url(Img/Index/menu_ico.gif) no-repeat left 16px;}
.menu2 ul li a{ color:#5b5b5b;}

.pro{ width:920px;  }
.proview{ width:918px; border:1px solid #cccccc }

.productxxsm{ padding:10px 0px; text-align:center}
.productxxsm h2{ font-size:24px; font-weight:normal; line-height:30px; height:45px; color:#333333}
.productxxcs{ padding:10px; text-align:left;}

.context{ width:98%; margin:0 auto;height:30px; line-height:30px; padding:2px; font-size:14px; }
.context ul{ padding:0px; margin:0px;list-style-type:none;background:#eeeeee; border:1px solid #ccc; height:30px; line-height:30px;}
.context li.left{float:left; height:30px; line-height:30px; margin:0; padding:0;}
.context li.right{float:right; height:30px; line-height:30px; text-align:right; margin:0; padding:0; }
.context a{ color:#370080; line-height:14px;}
.context a:hover{ color:#370080; font-weight:bold;font-size:14px;}
.cc{ height:10px; clear:both;}



.p_nav { background:url(Img/Index/pro_nav.jpg) no-repeat left top; height:54px; overflow:hidden; border-top:1px solid #d5d5d5;}
.p_nav span{ display:inline-block; margin:13px 19px 0 0; background:url(Img/Index/more.png) no-repeat; width:70px; height:26px; text-align:center; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:26px;}
.p_nav span a{ color:#fff; display:inline-block; padding-left:8px;}

.p_nav ul li{ float:left; font-size:20px; font-weight:bold;color:#2877c4; display:inline-block; height:54px; line-height:54px; padding:0 20px;  background:url(Img/Index/pro_cur.gif) no-repeat center bottom;}
.p_nav ul li a{color:#2877c4; display:inline-block; height:54px; line-height:54px;}

.p_nav ul li a:hover , .p_nav ul .cur a{ background:url(Img/Index/pro_cur.gif) no-repeat center bottom; color:#2877c4; text-decoration:none;}

.pro_c{}
.pro_c li{ float:left; margin:22px 26px 8px 0; width:210px; height:240px; line-height:0; overflow:hidden;}
.pro_c li img{ width:210px; height:210px;}
.pro_c li span{ display:block; text-align:center; height:30px; background:#dcdcdc; line-height:30px; font-size:12px; color:#2c2c2c;}
.pro_c .nones{ margin-right:0; float:right;}


.pro_Index{}
.pro_Index li{ float:left; margin:1px 14px 8px 0; width:170px; height:230px; line-height:0; overflow:hidden;}
.pro_Index li img{ width:170px; height:170px;}
.pro_Index li span{ display:block; text-align:center; height:30px; background:#dcdcdc; line-height:30px; font-size:12px; color:#2c2c2c;}
.pro_Index .nones{ margin-right:0; float:left;}


.pic{ height:290px; overflow:hidden; position:relative; }
.pic p{ position:absolute; top:125px; left:750px; width:260px; overflow:hidden; font-size:18px; line-height:23px; color:#fff;}
.pic p span{ font:34px Impact; line-height:40px; display:block;}
.pic i{ display:block; background:url(Img/Index/pic_ico.png) no-repeat; width:156px; height:44px; position:absolute; top:131px; right:34px; line-height:40px; font-size:18px; font-weight:bold;}
.pic i a{ display:inline-block; padding-left:54px; color:#fff;}

.coo{ margin:58px -35px 0; height:262px; overflow:hidden; }
.tit{ margin:0 35px; height:74px; background:url(Img/Index/coo_nav.gif) repeat-x center 54px; overflow:hidden; text-align:center;}
.tit a{ display:block; font-size:32px; color:#2b7fc8; line-height:40px;}
.tit span{ display:inline-block; padding:0 9px; font:20px Arial, Helvetica, sans-serif; color:#9d9d9d; text-transform:uppercase;background:#f1f1f1; margin:5px auto; line-height:20px;}
.coo_z , .coo_y{ margin-top:57px; width:16px; height:31px; overflow:hidden;}
.coo_z a{ display:inline-block; width:16px; height:31px; background:url(Img/Index/z.png) no-repeat;}
.coo_y a{ display:inline-block; width:16px; height:31px; background:url(Img/Index/y.png) no-repeat;}
.coo_z a:hover{  background:url(Img/Index/z_cur.png) no-repeat;}
.coo_y a:hover{ background:url(Img/Index/y_cur.png) no-repeat;}

.coo_c{ width:1140px; margin:0 auto; display:inline-block; overflow:hidden; margin-left:20px;}
.coo_c li{ float:left; width:123px;margin:10px 0 0 17px; display:inline; overflow:hidden;}
.coo_c li img{ border:1px solid #dcdcdc; width:123px; height:123px;}
.coo_c li span{ font-size:12px; color:#4e4e4e; display:block; text-align:center; line-height:30px;height:30px; }

.ys{height:1533px; overflow:hidden;  margin-top:37px; position:relative;}
.ys h2{ background:url(Img/Index/ys_t.jpg) no-repeat center top; height:161px; text-align:center; padding-top:30px; line-height:50px; font-size:48px; color:#2877c4; font-weight:normal;}
.ys h2 b{ color:#f4502d;}
.ys .p01{ position:absolute; top:180px; right:68px; width:460px; height:154px; }
.ys .p02{ position:absolute; top:407px; left:65px; width:465px; height:254px; }
.ys .p03{ position:absolute; top:682px; right:70px; width:456px; height:250px; }
.ys .p04{
	position:absolute;
	top:980px;
	left:61px;
	width:350px;
	height:293px;
}
.ys .p05{ position:absolute; top:1268px; right:118px; width:426px; height:265px; }
.ys .dl01{ position:absolute; top:200px; left:50px; width:525px;}
.ys .dl02{ position:absolute; top:440px; left:645px; width:505px;}
.ys .dl03{ position:absolute; top:719px; left:50px; width:486px;}
.ys .dl04{ position:absolute; top:1000px; left:645px; width:475px;}
.ys .dl05{ position:absolute; top:1302px; left:50px; width:495px;}
.ys dl dt{ height:62px; overflow:hidden; margin-bottom:10px;}
.ys dl dt span{ display:block; float:left; font:60px Impact; color:#2877c4; line-height:50px; width:72px; overflow:hidden;}
.ys dl dt p{height:49px; float:left; border-bottom:1px dashed #b0b0b0; line-height:49px; font-size:30px; color:#f4502d; font-weight:bold; padding-bottom:5px;}
.ys .dl01 dt p{ width:350px;}
.ys .dl02 dt p{ width:380px;}
.ys .dl03 dt p{ width:400px;}
.ys .dl04 dt p{ width:290px;}
.ys .dl05 dt p{ width:320px;}
.ys dl dd{ font-size:16px; color:#787878; line-height:28px; background:url(Img/Index/ys_ico.gif) no-repeat left 7px; padding-left:20px; }

.ry{ margin:38px -35px 0; height:380px; overflow:hidden; }
.ry .tit span{ background:#fff;}
.ry .coo_z , .ry .coo_y{ margin-top:122px;}
.ry_c{ width:1238px; overflow:hidden;}
.ry_c li{ float:left; width:267px;margin:35px 0 0 35px; display:inline; overflow:hidden;}
.ry_c li img{ border:1px solid #cecece; width:265px; height:199px;}
.ry_c li span{ font-size:14px; color:#474747; display:block; text-align:center; line-height:40px;height:40px; overflow:hidden;}

.pic1{ height:225px; background:url(Img/Index/pic_yy.gif) no-repeat center  bottom; overflow:hidden;  position:relative;}
.pic1 p{ position:absolute; top:65px; left:685px; width:260px; overflow:hidden; font-size:16px; line-height:23px; color:#ffe371;}
.pic1 p span{ font:34px Impact; line-height:40px; display:block;}
.pic1 i{ display:block; background:url(Img/Index/pic_ico.png) no-repeat; width:156px; height:44px; position:absolute; top:72px; right:34px; line-height:40px; font-size:18px; font-weight:bold;}
.pic1 i a{ display:inline-block; padding-left:54px; color:#fff;}

.wrap1{ background:#f1f1f1; height:1214px; padding-top:60px; overflow:hidden;  margin-top:0;}
.lc{ height:510px; overflow:hidden;}
.lc h2{ background:url(Img/Index/coo_nav.gif) repeat-x center 74px; overflow:hidden; text-align:center; line-height:55px;} 
.lc h2 a{ display:block; font-size:50px;  color:#2877c4; text-decoration:none;}
.lc h2 i{ display:inline-block; padding:0 10px;background:#f1f1f1; font:bold 24px "Times New Roman", Times, serif; text-transform:uppercase; color:#848484; line-height:37px;}
.lc h2 span{ color:#f4502d;}
.lc dl{ width:199px; background:url(Img/Index/lc_ico.gif) no-repeat right 67px; overflow:hidden; margin:46px 8px 0 0;}
.lc dl dt , .lc dl dt img{ width:164px; height:165px; overflow:hidden;}
.lc dl dd{ padding-top:25px; text-align:left; font-size:14px; line-height:26px; color:#717171; }
.lc dl dd h3 { height:37px; line-height:20px; font-weight:normal;padding-left:20px;}
.lc dl dd h3 a{ color:#2877c4; text-decoration:none;}
.lc .nones{ width:164px; background:none; margin-right:0;}

.jz{ margin-top:48px; height:367px; overflow:hidden; }
.jz .tit{ margin:0;}
.jz dl{ width:570px; height:215px; margin-top:32px; overflow:hidden;}
.jz dl dt img{ width:176px; height:197px; border:4px solid #fff;}
.jz dl dd{ width:370px; overflow:hidden;}
.jz dl dd h3{ font-size:16px; line-height:24px;height:24px; overflow:hidden; font-weight:normal;}
.jz dl dd h3 a{ color:#414141;}
.jz dl dd p{ height:120px; padding-top:10px; padding-bottom:10px; font-size:14px; line-height:25px; color:#8a8a8a; overflow:hidden;}
.jz dl dd i a{ font-size:14px; color:#ff0000;} 

.online_bj{ background:url(Img/Index/online_bj.jpg) no-repeat center top; height:356px; overflow:hidden;}
.online { width:1200px; height:356px; overflow:hidden; margin:0 auto; }
.online h2{ width:528px; overflow:hidden; padding-top:103px; text-align:right; font-size:56px; line-height:58px;}
.online h2 a{ color:#fff;}
.online h2 span{ display:block; font-size:30px; font-weight:normal; color:#fff; line-height:60px; background:url(Img/Index/online_ico.gif) no-repeat 64px 35px;}
.online h2 span i{ color:#f4502d;}
.online ul{ width:600px; overflow:hidden; padding-top:107px; height:230px;}
.online ul li{ margin-bottom:19px;}
.online ul li span{ display:inline-block; vertical-align:top; padding-left:14px; font-size:14px; color:#5a5a5a; line-height:40px;}
.online ul .li01{ width:244px; height:40px; background:#fff; margin-right:12px; overflow:hidden; float:left;}
.inp1{ width:245px; overflow:hidden; height:40px; line-height:40px; border:0;vertical-align:top; padding-left:14px; font-size:14px; color:#5a5a5a; }
.btn1{ background:url(Img/Index/tj.png) no-repeat ; width:86px; height:44px; border:0; margin:5px 12px 0 0; cursor:pointer;}
.btn2{ background:url(Img/Index/cz.png) no-repeat ; width:86px; height:44px; border:0; margin-top:5px; cursor:pointer;}

.about_bj{ background:#2977c4; height:655px; overflow:hidden; }
.about{ width:800px; height:605px; overflow:hidden; padding-top:50px;}
.about dl{ height:251px; border-bottom:1px dashed #6aa0d6; margin-top:37px; overflow:hidden;}
.about dl dt img{ border:3px solid #5ca1e5;}
.about dl dd{ width:455px; padding-right:14px; overflow:hidden;}
.about dl dd h3{ height:35px; font-size:18px; overflow:hidden; line-height:35px; font-weight:normal;}
.about dl dd h3 a{ color:#fff;}
.about dl dd p{ padding-top:15px; height:127px; overflow:hidden; font-size:14px; line-height:26px; color:#fff;}
.about dl dd i{ display:block; background:url(Img/Index/about_ico.gif) no-repeat; width:101px; height:26px; text-align:center; line-height:24px; font-size:14px;}
.about dl dd i a{ color:#084887;}
.about_z{ margin-top:95px; width:30px; height:52px; overflow:hidden;}
.about_c { width:738px; overflow:hidden;}
.about_c li{ float:left; margin:35px 0 0 21px; width:217px; overflow:hidden; display:inline;}
.about_c li span{ font-size:14px; line-height:35px; height:35px; overflow:hidden;  text-align:center; color:#fff; display:block;}

.sp{ width:360px; background:#3a82c9; height:605px; overflow:hidden; padding-top:50px;}
.sp ul { margin:36px 0 0 36px;}
.sp ul li{ height:248px; width:289px; overflow:hidden;}
.sp ul li img{ width:289px; height:182px;}
.sp ul li span{ display:block; font-size:14px; line-height:40px;height:40px;  overflow:hidden; text-align:center; color:#fff;}
.sp .tit1{ padding-left:35px;}


.tit1{ height:43px; overflow:hidden; font:20px Arial, Helvetica, sans-serif; color:#94bbe2; line-height:43px;}
.tit1 a{ font:bold 26px "Microsoft Yahei"; color:#fff; line-height:43px; display:inline-block; padding-right:10px;}

.news{ margin-top:45px; width: 799px; overflow:hidden; height:520px; }
.n_nav { background:url(Img/Index/news_nav.jpg) no-repeat left top; height:74px; overflow:hidden;}
.n_nav span { display:inline-block; margin:23px 19px 0 0; background:url(Img/Index/more.png) no-repeat; width:70px; height:26px; text-align:center; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:26px;}
.n_nav span a { color:#fff; display:inline-block; padding-left:8px;}
.n_nav ul li{ float:left; font-size:20px; font-weight:bold;}
.n_nav ul li a{ color:#797979; display:inline-block; height:74px; line-height:74px; padding:0 20px;}
.n_nav ul li a:hover , .n_nav ul .cur a{ background:url(Img/Index/pro_cur.gif) no-repeat center bottom; color:#2877c4; text-decoration:none;}
.news_c{ height:417px; overflow:hidden;}
.news_c dl{ height:185px; border-bottom:1px dashed #bcbcbc; margin-top:23px; overflow:hidden;}
.news_c dl dt img{ width:251px; height:153px;}
.news_c dl dd{ width:514px; overflow:hidden;}
.news_c dl dd h3{ line-height:35px;height:35px; font-weight:normal; font-size:14px; color:#2f2f2f; overflow:hidden;}
.news_c dl dd h3 a{ color:#2f2f2f;}
.news_c dl dd span{ display:block; font:14px Arial, Helvetica, sans-serif; color:#848484; text-transform:uppercase;}
.news_c dl dd p{ padding-top:5px; height:70px; line-height:24px; color:#6e6e6e; overflow:hidden;}
.news_c dl dd i{ display:block; background:url(Img/Index/news_ico.gif) no-repeat; width:101px; height:26px; text-align:center; line-height:26px; font-size:14px;}
.news_c dl dd i a{ color:#fff;}
.news_c ul{ padding-top:10px;}
.news_c li{ float:left; width:366px; overflow:hidden; padding-right:30px; height:36px; line-height:36px; background:url(Img/Index/news_ico1.gif) no-repeat left 15px; padding-left:14px;}
.news_c li a{ color:#545454;}
.news_c .li01{  padding:0 0 0 14px; }

.wt{ width:359px; margin-top:45px; height:468px; overflow:hidden; border:1px solid #d5d5d5;  }
.wt h2{ background:url(Img/Index/wt_nav.gif) repeat-x center top; height:69px; overflow:hidden; padding-left:24px; line-height:69px;}
.wt h2 a{ font-size:20px;color:#2877c4;}
.wt h2 span{ display:inline-block; margin:23px 19px 0 0; background:url(Img/Index/more.png) no-repeat; width:70px; height:26px; text-align:center; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:26px;}
.wt h2 span a{ color:#fff; display:inline-block; padding-left:8px; font-size:12px;}
.wt dl{ margin:0 13px; padding:19px 0; border-bottom:1px dashed #bcbcbc;}
.wt dl dt{ background:url(Img/Index/w.gif) no-repeat 10px center; padding-left:39px; font-size:14px; height:25px; line-height:25px;}
.wt dl dt a{ color:#282828;}
.wt dl dd{ background:url(Img/Index/d.gif) no-repeat 10px 5px; padding-left:39px; font-size:14px;  line-height:24px; color:#878787;}



i , em{ font-style:normal;}
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}

.pa{
	position:absolute;
	width: 240px;
	height: 32px;
}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}




/* -- 页面整体布局 -- */
 .content{ width:1200px; margin:0 auto; }
 .margintop20{margin-top:20px;}
 .marginbottom{ margin-bottom:20px;}

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { font-size:0; overflow:hidden;}
.left2top {  font-size:0; overflow:hidden;}
.leftbot { font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot {font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}


.right_main {border:1px solid #ccc; padding-bottom:15px; overflow:hidden;}
.right2_main {  border:0; padding-bottom:15px; overflow:hidden; background:#f2f2f2;}
.left2_main {  border:0; padding-bottom:15px; overflow:hidden;}







/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}





.menuLeftIndex{ width:249px;   background:#fff; border:1px solid #cccccc;}
.menuLeftIndex h2{ background:url(Img/Index/menu_nav.jpg) no-repeat center top; height:50px; text-align:center; line-height:50px; font-size:26px;}
.menuLeftIndex h2 a{ color:#fff;}
.menuLeftIndex h3{ margin:15px 0 0 9px; font-size:16px; font-weight:normal; background:url(Img/Index/menu_wz.jpg) no-repeat; width:233px; height:40px; line-height:40px;}
.menuLeftIndex h3 a{ color:#0072ff; font-weight:bold;}
.menuLeftIndex h3 a{ padding-left:36px;}
.menuLeftIndex ul{ margin:5px 0 0 9px;}
.menuLeftIndex ul li{ font-size:14px;  background:url(/psd/2ji.jpg) no-repeat left center; margin:3px; width:232px; height:30px; line-height:30px; }
.menuLeftIndex ul li a{ color:#333; display:block; text-indent:36px;}
.menuLeftIndex ul li a:hover{ color:#0072ff; position:relative; bottom:1px;}



.age_li_about{ padding:15px; min-height:460px; line-height:26px; font-size:14px;}
.age_li_about p{ padding-bottom:15px;}

.age_li_job{ padding:15px; min-height:403px; line-height:26px; font-size:14px;}

.age_li_contact{ padding:15px; min-height:460px; line-height:26px; font-size:15px; line-height:34px;}
.age_li_contact p{ }


.banner2017{ background:url(../../slider/banner.jpg) no-repeat center center; height:224px; margin-top:138px;}

.otherList ul li{ width:150px; height:180px; float:left; margin:0 14px; margin-bottom:35px;}
.otherList ul li img{ border:1px solid #ccc; padding:1px; width:146px; height:146px;}
.otherList ul li p{ line-height:30px; background:#0072ff; text-align:center; padding:0; margin:0; }
.otherList ul li p a{ color:white;}