@charset "utf-8";
/* CSS Document */
@font-face {font-family: HELVETICANEUELTPRO-THEX; src: url(../font/HelveticaNeueLTPro-ThEx.otf);src: url(../font/HelveticaNeueLTPro-ThEx.eot); font-style: normal;font-family: 'FontAwesome';font-style: normal;}

img{border:0;}
body{font-size:14px;font-family: "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; background-position:0 0; background:#fff;margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; }
h1{ font-size:26px;color:#333; text-align:center;margin:0; font-family:"微软雅黑"; font-weight:normal;}

.clear{ clear:both; _overflow:hidden;height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#424242; }
a:hover{color:#122c81;}
div, img,ul,li, span, a, p,dl,dd{ margin:0px; padding:0px;}
em,i{font-style:normal;}
ul,li{list-style:none;}
html{ overflow-x:hidden;}
.tong{width:1200px; margin-left:auto; margin-right:auto;}

/*wu*/
.topbg{width:100%; height:40px; z-index: 999; position:relative;background-color: #e2e5e9}
.topbg i{color: #505050;line-height: 40px;float: left}
.topbg a{color: #505050;line-height: 40px;float: right;display: block}
.topbg img{float: right;}

.menu {display: block;background-color: #fff;height: 100px}
.menu ul {width: 70%;float: right}
.menu ul li{width:13%;}
.menu ul li a, .menu ul li a:visited { display:block;text-align:center;font-size: 14px; color:#4c4c4c; line-height:100px;display: block;}
.menu ul li:hover a {background-color:#142d8a;}
.menu ul li a i{ display:block; line-height:100px; text-transform: uppercase; color:#4c4c4c; font-size:12px;}
.menu ul li {float:left; position:relative; z-index: 100;z-index: 9999999}
.menu ul li ul {display: none; width:100%; }
.menu ul li:hover a { position:relative; z-index: 100; color:#fff; font-weight:bold;}
.menu ul li:hover ul {display:block; position:absolute; left:0;background-color: #142d8a}
.menu ul li:hover ul li a.hide { color:#333;}
.menu ul li:hover ul li { display:block; width:100%; background-color:#142d8a}
.menu ul li:hover ul li:hover a.hide { color:#333; }
.menu ul li:hover ul li ul { display: none;top:0px;}
.menu ul li:hover ul li a { display:block;color:#fff; line-height: 50px;padding-top: 12px; background-image:none;font-size:14px;width:100%; border-top:1px solid #fff; font-weight: normal; padding-bottom:12px;background-color: #142d8a}
.menu ul li:hover ul li a:hover {background-color:#424242; color:#fff;}
.menu ul li ul li:hover ul{display:block; position:absolute; left:100%;}

/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:900px;z-index:15;}
#full-screen-slider {
width:100%;height:900px;float:left;position:relative;display: block;overflow: hidden;}
#slides { display:block; width:100%; height:900px; list-style:none; padding:0; margin:0; position:relative; z-index:15;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:15;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:700px; 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-color:#122c81;}

/*float*/
.float{width: 1261px;margin-left: auto;margin-right: auto;height: 111px;position: relative;z-index: 999999999}
.float2{ background:url(../images/float.png) no-repeat center;width: 1261px;margin-left: auto;margin-right: auto;height: 211px;position: absolute;left: 0;top:-100px;z-index: 999999999}
.float2 ul{width: 100%}
.float2 ul li{width:33%;float: left;text-align: center}
.float2 ul li h1{width:100%;display: block;color: #132e89;font-weight: 900;font-size: 45px;line-height:50px;padding-top:40px;}
.float2 ul li h2{width:100%;display: block;color: #132e89;font-weight:700;font-size: 14px;text-transform: uppercase}

/*products*/
.product_qy{height:850px}
.product_qy h1{color: #132e89;font-weight: 900;font-size:48px;text-align: left}
.pro{ width:960px; float:right;}
.pro ul{}
.pro ul li{ width:310px; height:298px; display:block; float:left; border:1px solid #ececec; margin-left:5px; margin-bottom:15px;position: relative;overflow: hidden;
	height: 100%;}
.pro ul li a{ display:block; width:310px; height:298px;}
.pro ul li a span{overflow: hidden;display:block; width:310px; height:233px;}
.pro ul li a img{ display:block; width:310px; height:233px; -webkit-transition:0.6s;}
.pro ul li em{ display:block; height:65px;line-height:65px;width: 310px;text-align: left;background-color: #adaeba;color: #fff;text-indent: 10px}
.pro ul li:hover em{  background-color:#132e89;color:#fff;}
.pro ul li:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}


.pro2 ul{}
.pro2 ul li{ width:380px; height:350px; display:block; float:left; border:1px solid #ececec; margin-left:15px; margin-bottom:15px;position: relative;overflow: hidden;
	height: 100%;}
.pro2 ul li a{ display:block; width:380px; height:350px;}
.pro2 ul li a span{overflow: hidden;display:block; width:380px; height:285px;}
.pro2 ul li a img{ display:block; width:380px; height:285px; -webkit-transition:0.6s;}
.pro2 ul li em{ display:block; height:65px;line-height:65px;width: 380px;text-align: left;background-color: #adaeba;color: #fff;text-indent: 10px}
.pro2 ul li:hover em{  background-color:#132e89;color:#fff;}
.pro2 ul li:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
/*about*/
.iab_bg{ width: 100%; height:755px; background:url(../images/aboutbg.png) no-repeat center;}
.iab_bg h1{font-size: 48px;font-weight: 900;color:#132e89;text-align: left;padding-top: 50px;text-transform: uppercase}
.iab_bg h2{font-size: 48px;font-weight: 900;color:#fff;text-align: left;line-height:5px;text-transform: uppercase }
.iab_bg p{ width: 1200px;text-align: left;float: left;text-indent: 10px;line-height: 25px; margin-top:85px;}
.iab_bg a{ display:block;height:40px; color:#fff; line-height:35px; font-size:14px;float: left;width:  1200px;text-align: left;font-size: 16px}

/*icase*/
.icase{position: relative;height:550px}
.casepng{right:0;top:-180px;z-index: 9999;position: absolute}
.rollBox {	margin:0px; width:1200px; height:530px; overflow: hidden;display: block;padding-top: 80px}
.rollBox .Cont { width:1200px; float: left; overflow: hidden;padding-top:60px}
.rollBox .ScrCont {	width: 1342177.27px; }
.rollBox #List1 {float: left;}

.icase ul li{ float:left; width:375px; height:282px; background-color:#ebebeb; margin-right:30px;}
.icase ul li a{ display:block; width:375px; height:282px;}
.icase ul li a img{ display:block; width:375px; height:282px; -webkit-transition:0.6s;}
.icase ul li em{ margin:0; padding:0; display:block; width:375px; height:0px; line-height:0px; overflow:hidden}
.icase ul li:hover em{ height:35px; line-height:35px; margin-top:-35px; background-color:rgba(0,7,143,0.66);position:absolute; z-index:999px; padding:0 20px; overflow:hidden; color:#fff;}
.icase ul li span{ display:block; width:375px; height:282px;overflow:hidden;}
.icase ul li .img{width: 375px;position: relative;overflow: hidden;height:282px;}
.icase ul li .img:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}

/*photo_cf*/
.photo_cf{height:580px}

/*contactus*/
.contactus{background-color: #00167e;height:225px}
.contactus h1{color: #fff;font-size:36px;font-weight: 300;text-align: left;text-transform: uppercase;line-height:60px;padding-top: 20px}
.contactus p{height: 3px;width: 230px;background-color: #fff}
.contactus ul{color: #fff;padding-top: 30px}
.contactus ul li strong{font-size: 18px;line-height: 30px}
.contactus ul li:first-child{width:45%;float: left}
.contactus ul li{width:25%;float: left}

/*footer*/
.copyright{ height:55px; line-height:50px; text-align:center; color:#fff; background:#424242;}
.copyright a{ color:#fff;}
.copyright a:hover{font-weight: bold}



/*内页*/
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px;  height:auto; height:1%; overflow:hidden; color:#757575; padding-bottom: 50px;}
.contents{ width:1200px; margin:0 auto; padding:0; line-height:22px;  height:auto; height:1%; overflow:hidden; color:#757575; padding-bottom: 50px; padding-top:50px;}
.nbanner{ width:100%; height:250px;}
.nbanner h6{ font-size:30px; color:#383838; font-weight:normal; display:block; padding-top:150px;}
.nbanner span{ display:block; color:#666; font-size:15px;}

.pro_con_right{ float:right; width:930px;}

/*locabg*/
.locabg{ width:100%; height:auto; box-shadow: 0px 8px 10px #f2f2f2; margin-bottom:50px;}

.toplist{ height:70px;}
.toplist ul{ list-style:none;}
.toplist ul li{  margin:0; padding:0; width:120px; height:70px; line-height:70px; float:left; background:url(../images/menuline.gif) no-repeat right center;}
.toplist ul li a{ display:block;line-height:70px; color:#555; font-family:"微软雅黑";font-size:14px; text-align:center}
.toplist ul li a:hover{background:#122c81; color:#fff;}
.toplist ul li.current{background:#122c81; }
.toplist ul li.current a{ color:#FFF}




/*locabg*/
.pro_duct_ly2 ul{}
.pro_duct_ly2 ul li{ width:270px; height:363px;  margin-right: 26px; margin-bottom: 32px; float:left; display:block; border:5px solid #e7e7e7;}
.pro_duct_ly2 ul li a{ display:block; width:270px; height:363px;}
.pro_duct_ly2 ul li a img{ display:block; width:270px; height:363px; -webkit-transition:0.6s;}
.pro_duct_ly2 ul li:hover{ border:5px solid #122c81;}
.pro_duct_ly2 ul li em{ margin:0; padding:0; display:block; width:100%; height:0px; line-height:0px; overflow:hidden}
.pro_duct_ly2 ul li:hover em{ height:55px; line-height:55px; margin-top:-55px; background-color:rgba(42,174,91,0.8);position:absolute; z-index:999px; padding:0 20px; overflow:hidden; color:#fff;}
.pro_duct_ly2 ul li span{ display:block; width:270px; height:363px;overflow:hidden;}
.pro_duct_ly2 ul li .img{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.pro_duct_ly2 ul li .img:hover img{
	transform: scale(1.2, 1.2);
    transition: transform 0.6s ease 0s;
}
.pro_duct_ly2 ul li:last-child{ margin-right:0;}
.pro_duct_ly2 ul li:first-child+li+li+li{ margin-right:0;}




.descriptions{ line-height:24px; color:#555;}
.main{ margin:0 auto; padding:0; width:100%; height:auto; overflow:hidden; margin-top:20px; color: #555;}

h5{ font-size:16px; color:#333; display:block; height:40px; line-height:40px; background:#eee; color:#333; padding-left:20px; margin-bottom:20px;}

.product_con{ }
.product_con ul{ width:100%; }
.product_con ul li{width:275px; height:400px; display:block; position:relative; float:left; overflow:hidden; z-index:10; background:#fff; margin-right:33px; margin-bottom:32px; box-shadow:0px 8px 10px #f2f2f2;}
.product_con ul li img{width:140px; height:215px; display:block; z-index:15; margin:0 auto}
.product_con ul li a{width:275px; height:400px; display:block;}
.product_con ul li em{ display:block; color:#222; text-align:center; font-size:14px; margin-top:50px; margin-bottom:16px;}
.product_con ul li em b{ display:block; font-size:19px; font-weight:bold;}
.product_con ul li:first-child+li+li+li { margin-right:0;}
.product_con ul li:first-child+li+li+li+li+li+li+li { margin-right:0;}

.product_con ul li .img{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.product_con ul li .img:hover img{
	transform: scale(1.2, 1.2);
    transition: transform 0.6s ease 0s;
}


/*products*/
.pro_list{ width:230px; float:left;}
.pro_list p{background:#122c81;   height:55px; color:#fff; font-size:16px; font-weight:bold; padding-left:32px; padding-top:25px;}
.pro_list dl{line-height: 50px}
.pro_list dl dt{border-bottom: 3px solid #f3f3f3;background-color:#F9F9F9}
.pro_list dl img{float: left}
.pro_list dl dd{line-height:50px;padding-left:60px;border-bottom: 3px solid #f3f3f3;background-color:#F9F9F9}
.pro_list dl dt:hover{background:#122c81;}
.pro_list dl dt.current{background:#122c81;}
.pro_list dl dt.current a{color:#fff;}
.pro_list dl dt:hover a{color:#fff;}
.pro_list dl dd.current a{color:#fff;}
.pro_list dl dd:hover a{color:#fff;}
.pro_list dl dd:hover{background:#122c81;color:#fff;}
.pro_list dl dd.current{background:#122c81;color:#fff;}

.contactlist{}
.contactlist p{ display:block; background:#122c81;   height:55px; color:#fff; font-size:16px; font-weight:bold; padding-left:32px; padding-top:25px;}
.contactlist p b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
.contactlist li{color: #424242;width: 210px;line-height: 50px;border-left: 1px solid #B5B5B5;border-right: 1px solid #B5B5B5;border-bottom: 1px solid #B5B5B5;padding-left: 18px}



.navigation  {margin:0 auto; padding:0; height:100px;}	
.navigation  li {float:left; width:133px; color:#fff; height:45px; line-height:45px; background:#818181;}
.navigation  li a {color:#fff;display:block;  text-decoration:none;text-align:center; font-size:14px;}
.navigation  li a:hover {color:#fff;background:#122c81;}
.navigation  li.current {color:#fff;background:#122c81;}
.navigation  li.current a{color:#fff;}
.navigation  ul { position:absolute;display:none; background:#adadad;z-index:999999;list-style:none; width:1197px;}
.navigation  ul li { width:133px; height:45px; line-height:45px; padding:0; border-right:none;display:block; background:none;}
.navigation  ul a { width:133px;display:block; color:#fff;text-decoration:none;font-size:12px;font-weight:normal;height:45px; line-height:45px;text-align:center;}	
.navigation  ul a:hover {color:#ffffff; background:#818181;}




/*newbox*/
.newbox{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}
.newbox ul li{width:100%; height:117px; display:block; overflow:hidden; z-index:10; padding:35px 0; margin-bottom:10px;}
.newbox ul li a{ width:1200px; margin:0 auto; display:block; height:117px;color:#484848;}
.newbox ul li a img{width:235px; height:117px; display:block; z-index:15; float:left;}
.newbox ul li em{ display:block; width:932px; height:117px; float:right;}
.newbox ul li em span{font-size:12px; display:block; height:40px; line-height:40px;}
.newbox ul li em span i{font-size:25px; margin-right:10px;color:#484848;} 
.newbox ul li em strong{ display:block; font-weight:normal; color:#484848; font-size:15px; margin-bottom:10px;}
.newbox ul li em p{ display:block; overflow:hidden; height:40px;}
.newbox ul li:hover{ background:#eee;}



/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 30px; padding-bottom: 80px; }
.page a{ border:1px solid #eee; background:#fff; color: #999; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#383838; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #383838; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }


/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px; border-top:1px solid #ddd; margin-top:40px; color:#999;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#999;}
.next a:hover{ text-decoration:none; color:#333;}

.ih6{ text-align:right; margin:0; padding-bottom:15px; color:#999;}

/*网站地图*/
.sitemap{ height:38px; line-height:38px;width:100%; float:left; padding:0px; margin:0px auto; margin-bottom:10px; background: #ededed; margin-top:20px; margin-bottom:20px;}
.sitemap span{ width:170px; height:38px; line-height:38px; font-size:15px; font-family:"微软雅黑"; color:#fff; text-align:left;float:left; background: #888; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin:0px;  padding:0; width:100%;  height:auto; overflow:hidden;}
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:36px; height:36px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:36px; height:36px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#122c81;}

*html .ieves li{line-height:30px; height:30px;  overflow:hidden; border-bottom:1px dashed #d2d1d1;background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}/**ie6下的兼容性**/
*html .ieves li a{float:left; text-align:left;line-height:30px; height:30px; text-decoration:none; color:#555;}
/**ie6下的兼容性**/
*+html .ieves li{line-height:30px; height:30px;  overflow:hidden; border-bottom:1px dashed #d2d1d1;background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}/**ie7下的兼容性**/
*+html .ieves li a{float:left; text-align:left;line-height:30px; height:30px; text-decoration:none; color:#555;}
/**ie7下的兼容性**/


.main-content{ width:1200px;background:url(../images/kf.png) no-repeat left center; margin-bottom: 50px;}
.mess{ text-align:left; color:#777; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#333; font-size:28px; font-weight:normal; line-height:40px;}
.main-content  table{  margin-bottom:15px; font-size:14px; }
.main-content .input{ border:1px solid #ccc; padding:8px 0px; background-color:#ffffff; }
.main-content textarea{ margin:0; padding:0;background:#f9f9f9; border:1px solid #ccc;}
.submit2{background-color:#424242;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#4a4a4a;color:#FFF;width:120px;height:40px;line-height:40px;border:0;}
.contact-left  p{ line-height:24px;}
.contact-left2{width:650px; float:left;margin-left:50px; color:#333333; line-height:30px; font-size:14px;}
.mess2{ text-align:left; color:#777; font-size:14px;  margin-bottom:20px;   }
.mess2 b{ color: #555;font-size: 18px;text-transform: uppercase;}


/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}

.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.relation span em{
	background-color: #666;
	display: block;
	width: 85px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}





/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#122c81 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#122c81 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#122c81 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#122c81 url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_ercode img{ width:100px; height:100px; padding:10px; background:#fff;}
.hd_qr{ margin-left:30px; margin-top:8px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.yb_bar .yb_top:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#424242 url(../images/fixCont.png) no-repeat 0 -169px;}



.description{ text-align:left; padding:30px 0;}


.fang_honorlist{ margin-top:30px;}

.honorlist {width:1200px; overflow:hidden; text-align:center; line-height:35px;}
.honorlist li{ height:250px; float:left; margin:0 20px 0 0; display:inline; overflow:hidden; position:relative;margin-bottom:30px;background:url(../images/list_bg.png) no-repeat 0 215px;}
.honorlist li .imgs{ width:285px;}
.honorlist li .imgs img{ width:285px; display:block;}
.tit{font-size:14px; display:block; }
.honorlist li:first-child+li+li+li{ margin-right:0;}

.honorlist li:first-child+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}


.details{ margin-top:30px;}
.details li{list-style: disc}
.pro_ri{ float:right; width:400px; height:480px; background:#f8f8f8; padding:20px 30px;}
.pro_ri h3{ font-size:22px; color:#555; line-height:50px;}
.pro_ri .pro_des{ width:100%; border-top:1px dashed #ddd;  border-bottom:1px dashed #ddd; height:310px; overflow:hidden; padding-top:20px;}
.pro_ri .more{ width:150px; height:40px; background:#122c81; text-align:center; margin-top:40px;}
.pro_ri .more a{ color:#fff; line-height:40px; display:block;}
.pro_ri .more:hover{ background:#444;}

.content h4{font-size:30px}
.content img{max-width: 900px}