@charset "utf-8";
/* CSS Document 

body{width: 100%;min-width: 1200px; overflow-x: hidden;}*/


.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:631px; overflow:hidden; position: relative; z-index: 2;}

.banners{height: 631px;}
.fullSlide {width:100%;position:relative;height:631px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:631px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:631px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 0px;display:inline-block;*display:inline;zoom:1;width:100px;height:5px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#ffa200;width:100px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}

.link{ background:url(Img/Index/linkbg.gif) repeat-y center top; height:96px; overflow: hidden;}
.link h2{ width:100px; padding-top: 26px; float: left; overflow: hidden; font-size: 16px; color:#656565;font-weight: normal;}
.link h2 a{ color:#656565;}
.link h2 i{ display: block; font-size: 14px; font-family: Arial;}
.link p{ float: left; width:975px; padding-top: 24px; overflow: hidden; font-size: 12px; line-height: 24px;}
.link p a{ color:#656565; display: inline-block;padding-right: 30px;}
.link span{ display: block; float: right; width:118px; text-align: right;color:#656565;padding-top: 24px; overflow: hidden; font-size: 12px; line-height: 24px; }
.link span a{color:#656565;}

.about{background:url(Img/Index/about.jpg) no-repeat center top; height:608px; overflow: hidden; position: relative;}
.about a{display: block; position: absolute; top: 237px;left: 50%; margin-left: -104px; width:207px; height:42px; background:#ffb400; text-align: center; line-height: 42px; color:#fff; font-size: 16px;}
 .about a img{vertical-align: middle;margin-left: 10px;}

.cbg{background:url(Img/Index/probg.gif) repeat-y center top;}

.tit01{ font-size: 40px; color:#222222; text-align: center;font-weight: bold; line-height: 50px; height:120px; overflow: hidden;}
.tit01 a{ color:#222222;}
.tit01 span{ display: inline-block; color:#0170be; padding-left: 17px;}
.tit01 i{ display: block; font-size: 26px; color:#9d9d9d; font-family: Arial; text-transform: uppercase;font-weight: normal;}

.cbg .newsbg{overflow: hidden; padding-top: 60px; height:666px;}
.newsbg h2{ height:51px; position: relative; overflow: hidden; font-size: 16px; line-height: 50px; color:#999999;font-weight: normal;}
.newsbg h2::before{position: absolute; content:""; bottom: 0;left: 0; width:100%; height:1px; background:#dbdbdb;}
.newsbg h2 a{ font-size: 20px; font-weight: bold; color:#0170be; border-bottom: 2px solid #0170be; height:49px; display: inline-block; z-index: 3; position: relative;}
.newsbg h2 span a{ color:#666666; font-size: 12px;font-family: Arial; text-transform: uppercase; border:0;font-weight: normal;} 
.newsbg h2 a:hover { text-decoration: none;}

.news{ width:700px; overflow: hidden;}
.news dl{ margin-top: 30px; height:168px; border-bottom: 1px solid #dbdbdb; overflow: hidden;}
.news dt{ float: left; width:263px; overflow: hidden;}
.news dt img{width:263px; height:138px;}
.news dd{ float: right; width:416px; overflow: hidden;}
.news dd h3{ height:28px; font-size: 20px;line-height: 22px; overflow: hidden;font-weight: normal;}
.news dd h3 a{ color:#333333;}
.news dd span{ display: block; font-size: 24px; font-family: Arial; color:#333333; line-height: 30px;}
.news dd span i{ font-size: 14px; padding-left: 20px; display: inline-block; color:#999999;}
.news dd p{ padding-top: 10px; font-size: 14px; line-height: 24px; color:#666666;}
.news ul{ padding-top: 22px;}
.news li { font-size: 14px; line-height: 35px;}
.news li span{ color:#666666; font-family: Arial;}
.news li a{ color: #333;}

.bk{ width:405px; overflow: hidden;}
.bk dl{ margin-top: 30px;overflow: hidden;}
.bk dt{ width:405px; overflow: hidden;}
.bk dt img{width:405px; height:212px;}
.bk dd{ overflow: hidden; padding-top: 20px;}
.bk dd h3{ height:28px; font-size: 20px;line-height: 22px; overflow: hidden;font-weight: normal;}
.bk dd h3 a{ color:#333333;}
.bk dd span{ display: block; height:45px; font-size: 24px; font-family: Arial; color:#333333; line-height: 30px;border-bottom: 1px solid #dbdbdb;}
.bk dd span i{ font-size: 14px; padding-left: 20px; display: inline-block; color:#999999;}
.bk dd p{ padding-top: 15px; font-size: 14px; line-height: 24px; color:#666666;}

.brand{ width: 1200px; position: relative; margin: -21px auto 0; height:219px; border-bottom: 1px solid #cfcfcf; overflow: hidden; z-index: 3;}
.brand h2{ float: left; width:261px; overflow: hidden;}
.brand h2 img{ width:261px;height:219px;}
.brand dl{ width:896px;padding-top: 21px; overflow: hidden; float: right;}
.brand dd{ float: right; width:158px; overflow: hidden;}
.brand dd img{ width:158px; height:198px;}
.brand dt{ width:712px; float: left; overflow: hidden;}
.brand dt h3{ padding-top: 35px; font-size: 24px;font-weight: normal; color:#222222;}
.brand dt p{ padding-top: 12px; font-size: 14px; line-height: 24px; color:#666666;}
.brand dt span{ display: block; text-align: right; margin-top: 20px;}

.faq{ width:1200px; margin: 60px auto 0; height:770px; overflow: hidden;}
.tit02{ height:142px; background:url(Img/Index/faqicon.jpg) no-repeat right 11px; width:758px;padding-right:52px; text-align: right; font-size: 40px; line-height: 46px; color:#0170be;font-weight: bold; overflow: hidden;}
.tit02 i{ color:#ffa200;}
.tit02 span{ display: block; font-size: 32px; color:#222222;font-weight: normal;}
.faq_c{ border:1px solid #e4e4e4; background:#f6f6f6; width:751px;overflow: hidden; height:557px;}
.faq_c li{ float: left;border:1px solid #e4e4e4; border-width: 0 1px 1px 0; width:249px; overflow: hidden;height:279px; text-align: center;}
.faq_c li:nth-child(3n){border-right: 0;}
.faq_c li img{ display: block; margin: 30px auto 0; width:118px; height:118px;}
.faq_c li span{ display: block; line-height: 60px; font-size: 24px; color:#333333; }
.faq_c li p{ font-size: 14px; line-height: 22px; color:#666666;}
.faq_wz{ width:446px; height:557px; position: relative;border:1px solid #e4e4e4; border-left: 0; overflow: hidden;}
.faq_wz h3{ position: absolute; top: 36px; left: 40px; font-size: 30px; color:#0170be; line-height: 34px;}
.faq_wz h3 span{ display: block; font-size: 20px; font-weight: normal; color:#222222; padding-top: 8px;}
.faq_wz p img{ width:446px; height:557px;}

.pro01{ padding-top: 56px; height:1008px; width:1200px; margin: 0 auto; overflow: hidden;}
.tit03{ height:51px; position: relative; overflow: hidden; line-height: 50px; color:#999999;font-weight: normal;font-family: Arial;}
.tit03::before{position: absolute; content:""; bottom: 0;left: 0; width:100%; height:1px; background:#dbdbdb;}
.tit03  i{ border-bottom: 2px solid #0170be; height:49px; display: inline-block; z-index: 3; position: relative; font-size: 20px; }
.tit03  i a{ font-family: "Microsoft Yahei";color:#0170be; font-size: 30px;font-weight: bold; display: inline-block;padding-right: 10px;}
.tit03 span{ color:#c5c5c5; font-size: 16px; }
.tit03 span a{ color:#444444;text-transform: uppercase;padding: 0 10px;}
.tit03 span a.pmore{ color:#0170be;} 
.tit03 a:hover { text-decoration: none;}

.tit03 span em a.on{color:#0170be;}

.pro01 dl{ height:363px;margin-top: 20px; overflow: hidden;}
.pro01 dt{ width:593px; float: left; overflow: hidden;}
.pro01 dt img{ width:593px; height:363px;}
.pro01 dd{ float: right; height:331px; border:1px solid #dadada; width:521px; background:#fff;padding: 30px 42px 0;}
.pro01 dd h3{ font-size: 20px; color:#222222; line-height: 24px;font-weight: normal; padding-bottom: 20px;}
.pro01 dd h3 a{ color:#222222;}
.pro01 dd p{ font-size: 14px; line-height: 24px; color:#666666;}
.pro01 dd span{ padding: 20px 0 5px; font-size: 14px;font-weight: bold; display: block;}
.pro01 dd i{background:url(Img/Index/promore.png) no-repeat 0 0; width:126px; height:34px; text-align: center; padding-top: 5px; line-height: 34px; display: block; font-size: 14px; margin-top: 20px;}
.pro01 dd i a{ color:#666666;}
.pro01 .proul li{ margin:14px 13px 0 0;}
.pro01 .proul li.nomar{margin-right: 0;}

.proul li{ float: left; width:290px; height: 363px; overflow: hidden; position: relative;}
.proul li img{ width:288px; height:361px; border:1px solid #dadada;}
.proul li .prowz{position: absolute; bottom: 0; left: 0; width:290px; height:47px;background:url(Img/Index/png.png) repeat 0 0;background:rgba(1,112,190,0.8);} 
.prowz span{ display: block; width:100%; height:47px; text-align: center; line-height: 47px; color:#fff; text-transform: uppercase; font-size: 18px; font-family: Arial;}
.prowz p{ float: right; width:124px; height:41px;background:url(Img/Index/proicon01.png) no-repeat 151px 15px;padding: 6px 60px 0 0;  font-size: 12px; line-height: 16px; color:#fff;}

.pro02{ width:1200px; margin: 55px auto 0; height:876px; overflow: hidden;}
.pro02 dl{ width:593px;margin-top: 20px; float: left; overflow: hidden;}
.pro02 dt{ width:593px; overflow: hidden;}
.pro02 dt img{ width:593px; height:474px;}
.pro02 dd{height:245px; background:#eee;padding: 20px 0  0 28px; border:1px solid #dadada; border-top: 0;}
.pro02 dd h3{ font-size: 20px; color:#222222; line-height: 24px;font-weight: normal; padding-bottom: 20px;}
.pro02 dd h3 a{ color:#222222;}
.pro02 dd p{ font-size: 14px; line-height: 24px; padding-right: 30px; color:#666666;}
.pro02 dd span{ padding: 20px 0 5px; font-size: 14px;font-weight: bold; display: block;}
.pro02 dd i{background:url(Img/Index/promore.png) no-repeat 0 0; width:126px; height:34px; text-align: center; padding-top: 5px; line-height: 34px; display: block; font-size: 14px; margin-top: 20px;}
.pro02 dd i a{ color:#666666;}
.pro02 .proul{ width:607px; margin-top: 20px; float: right; overflow: hidden;}
.pro02 .proul li{ margin:  0 0 14px 13px;}

.pro03{ padding: 55px 0;height:auto; width:1200px; margin: 0 auto; overflow: hidden;}
.pro03 .proul{ margin-top: 20px;  overflow: hidden;}
.pro03 .proul li{ margin:  0 13px  14px 0;}
.pro03 .proul li.nomar{margin-right: 0;}

.youshi{ margin: 55px auto 0; width:1200px; height:1510px; overflow: hidden;}
.youshi_c{ margin-top: 40px; height:623px;  width:560px; overflow: hidden;}
.youshi_c img{ display: block; width:559px; height:375px; position: relative; z-index: 1;}
.youshi_c dl{height:258px; overflow: hidden; position: relative; z-index: 3;}
.youshi_c1 dl , .youshi_c3 dl{  margin-bottom: -20px;}
.youshi_c2 dl , .youshi_c4 dl{  margin-top: -20px;}
.youshi_c dt{ width:112px; height:258px; background:#ffa200; overflow: hidden; font-size: 20px; text-align: center; line-height: 30px; color:#fff;}
.youshi_c dt span{display: block; font-size: 60px; font-family: Impact; line-height: 70px; padding: 77px 0 5px ; margin-bottom: 5px; position: relative;}
.youshi_c dt span::before{position: absolute;content:""; width:30px; height:1px; left: 50%; margin-left: -15px; background:#fff; bottom:0;}
.youshi_c dd{ width:425px; overflow: hidden;}
.youshi_c dd h3{ font-size: 22px; padding-left: 18px; color:#222; line-height: 26px; padding-bottom: 10px;}
.youshi_c dd h3 span{ display: inline-block;padding-left: 10px; color:#0170be;}
.youshi_c dd p{ padding-left: 18px;background:url(Img/Index/youshiico.gif) no-repeat 0 6px; margin-top: 10px; font-size: 14px; line-height: 20px; color:#666666;}
.youshi_c dd p span{ color:#ffa200;}
.youshi_c2 dd{ padding-top: 55px;}
.youshi_c3 dd{ padding-top: 35px;}
.youshi_c4 dd{ padding-top: 45px;}

.case{ width:1200px; height:1120px; margin: 0 auto; padding-top: 70px; overflow: hidden;}
.case_nav{ margin-top: 10px; height:168px; overflow: hidden;}
.case_nav li{float: left; width:280px; height:64px; overflow: hidden; margin:0 26px 10px 0;}
.case_nav li a{ border:1px solid #dbdbdb; background:#fff; width:278px; height:62px; display: block;}
.case_nav li span{ display: block; float: left; width:42px; text-align: right; font-size: 28px; font-family: Arial; color:#156fb5; line-height: 62px;}
.case_nav li p{ float: right; width:230px;background:url(Img/Index/caseico02.gif) no-repeat 207px 18px; font-size: 16px; color:#333333; padding-top: 12px; line-height: 20px; }
.case_nav li p i{ display: block; font-size: 12px; font-family: Arial; text-transform: uppercase; color:#999999;}
.case_nav li.nomar{margin-right: 0;}
.case_nav li a:hover ,.case_nav li.cur a{ background:#0170be;}
.case_nav li a:hover span ,.case_nav li.cur a span{ color:#fff;}
.case_nav li a:hover p ,.case_nav li.cur a p{ color:#fff;background:url(Img/Index/caseico01.gif) no-repeat 207px 18px; }
.case_nav li a:hover i ,.case_nav li.cur a i{ color:#fff;}
.case_c dl{ width:592px; height:741px; position: relative; overflow: hidden; float: left;}
.case_c dt img{width:592px; height:741px; display:block;}
.case_c dd{position: absolute; bottom:0;left: 0; width:100%; height:130px;background:url(Img/Index/casepng.png) repeat; overflow: hidden; }
.case_c dd h3{ padding: 12px 0 12px 20px; font-size: 20px;font-weight: normal; line-height: 28px;}
.case_c dd h3 a{ color:#fff;}
.case_c dd p{padding: 0 20px; font-size: 14px; line-height: 20px; color:#fff;}
.case_c ul{ width:608px; overflow: hidden; float: right;}
.case_c li{ width:290px;height:363px; margin:0 0 15px 14px; float: left; position: relative; overflow: hidden;}
.case_c li img{width:290px;height:363px; display:block;}
.case_c li span{ white-space:nowrap; text-overflow:ellipsis; display: block;position: absolute; bottom:0;left: 0; width:100%; height:47px;background:url(Img/Index/casepng.png) repeat; overflow: hidden; font-size: 16px; line-height: 47px; color:#fff; text-align: center;}

.honor{ margin: 60px auto 0; width:1200px; height:510px; overflow: hidden;}
.honor_c{ margin: 30px 0 0; height:270px; overflow: hidden;}
.honor_c li{ width:289px; position: relative; margin-right: 13px; overflow: hidden; float: left;}
.honor_c li.nomar{margin-right: 0;}
.honor_c li img{ width:269px; height:199px; padding: 9px; border:1px solid #dadada;}
.honor_c li span{ display: block;background:url(Img/Index/casepng.png) repeat;position: absolute; bottom:10px;left: 10px; width:269px; height:38px; font-size: 14px; line-height: 38px; color:#fff; text-align: center;}
.honorroll{ text-align: center;}
.honorroll img{ width:120px;height:40px; background:#ffb400; margin:0 5px;}
.honorroll img:hover{ background:#156fb5;}