@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}

*{margin:0;padding:0;list-style:none;}
img{border:0;}
body{font-size:14px;font-family: "微软雅黑", "Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif; background-position:0 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; }

h1{ font-size:21px;color:#444; font-weight:bold; text-align:center;padding:10px 0; padding-bottom:15px; margin:0; font-family:"微软雅黑";}


.clear{ clear:both;_overflow:hidden;height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#333; }
a:hover{color:#205faf;}
div, img, ul, li, span, a, p{ 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:160px; z-index: 999; position:relative; background:url(../images/topbg.gif) repeat-x;}
.topbg p{ display:block; float:left; color:#c0c0c0; height:35px; line-height:35px;}
.top_nav{ width:420px; float:right;}
.tel a{ color:#c0c0c0;}

.search{width:150px; height:30px; padding-top:3px; color: #fff; float:left;}
.search input{ margin:0; color:#c0c0c0; text-indent:1em; line-height:30px;border:0; font-size:12px; font-family:"微软雅黑"}
.search .keywords{ width:120px; height:30px; float:left; border:0; background:none;}
.search .button{ background:url(../images/search.gif) no-repeat center; width:30px; height:30px; border:0; float:left; padding:0;}
.tel{color:#c0c0c0; height:35px; line-height:35px; float: right;}

.top{ height:125px;}
.logo{ width:259px; height:46px; margin-top:41px; float:left; }


.menu { width:770px; display: block; height:125px; float:right;}
.menu ul { height:40px;}

.menu ul li a, .menu ul li a:visited {display:block;width:110px;text-align:center;font-size: 14px; color:#444; line-height:125px; }
.menu ul li a:hover {}
.menu ul li {float:left; position:relative; z-index: 100;}
.menu ul li ul {display: none; width: 110px; }
.menu ul li:hover a { background:url(../images/menuh.png) no-repeat bottom center; position:relative; z-index: 100; color:#205faf; font-weight:bold;}
.menu ul li:hover ul {display:block; position:absolute; left:0;}
.menu ul li:hover ul li a.hide { color:#fff;}
.menu ul li:hover ul li { display:block; width:110px; background-color:#205faf; border-left:none;}
.menu ul li:hover ul li:hover a.hide { color:#fff;}
.menu ul li:hover ul li ul { display: none;top:0px;}
.menu ul li:hover ul li a { display:block;color:#ffffff; line-height: 20px;padding-top: 12px; background-image:none;font-size:14px;	width:110px; border-bottom:1px solid #2563ad; font-weight: normal; padding-bottom:12px;}
.menu ul li:hover ul li a:hover {background:#f59703;}



/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:600px;z-index:15;}
#full-screen-slider {
	width:100%;
	height:600px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:600px; 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:430px; 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:#1f2d38; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#095cbc;}


/*quickbg*/
.quick{ width:1200px; background:url(../images/quickbg.gif) repeat-x; height:157px; margin:0 auto;}
.quick ul{ margin:0; padding:0;position:absolute;z-index:9999; margin-top:45px;}
.quick ul li{ width:auto; background:url(../images/icon1.gif) no-repeat top left; text-align:left;  float:left; margin-left:80px;}
.quick ul li i{ margin-left:70px; display:block; color:#454545; font-size:16px;}
.jk{ margin-left:70px; display:block; color:#7c7b7b; font-size:11px; font-weight:normal; text-transform:uppercase;}

.quick ul li:first-child+li{ background:url(../images/icon2.gif) no-repeat top left; }
.quick ul li:first-child+li+li{ background:url(../images/icon3.gif) no-repeat top left; }
.quick ul li:first-child+li+li+li{ background:url(../images/icon4.gif) no-repeat top left; }

.quick ul li em{ display:block; width:0px; height:3px; margin:0 auto; background:#205faf; margin-top:44px; -moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */-o-transition:width 0.5s;}

.quick ul li:hover em{ width:100%; height:3px; background:#205faf;-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */ }
.quick ul li:hover i{ color:#205faf;}


/*pro_bg*/
.pro_bg{height:auto; padding-top:55px; padding-bottom:90px;}
.title_pro{ margin-bottom:28px; height:51px; background:url(../images/protitle.gif) no-repeat top center;}

.tab { width:1200px; height: auto; }
.tab-nav { width:1200px; height:45px; overflow: hidden; margin-bottom:30px;}
.tab-nav a { margin:0; padding:0; display: block; width:auto; height:45px; line-height:45px; text-align: left; text-decoration: none; color:#333; padding:0 25px; float:left; margin-right:8px;}
.tab-nav a.current { background:#205faf; color: #fff;}

.tab-con { z-index:-999; width:1200px; height:auto; overflow: hidden;}
.tab-con-item { WIDTH:1200px; display:none; height:auto;}


.pro ul{height: 500px}
.pro ul li{ width:398px; height:265px; float:left; overflow:hidden; z-index:10; display:block; position:relative; margin-right:2px; margin-bottom:2px;}


.pro ul li img{width:398px; height:265px; display:block; z-index:15;}
.pro ul li a{width:398px; height:265px; display:block;top:-265px; left:0px;z-index:25;position:relative;}
.pro ul li a span{ display:block; background-color:#1f3b7b; height:265px;width:0px; padding-top:0px;
-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */ background-color:rgba(32,95,175,.70)  
 }
.pro ul li a:hover span{width:398px;height:265px; }
.pro ul li a span em{ display: block;  height:0; width:0; overflow:hidden; line-height:240px; text-align:left; font-size:16px; font-weight:bold; background:url(../images/search.png) no-repeat 190px 145px;
-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */ 
}
.pro ul li a:hover span em{display:block; height:265px; width:398px; color:#fff; line-height:240px; text-align:center; }


/*iabg*/
.iabg{ width:100%; height:710px;  background:url(../images/iabg.gif) no-repeat top center; padding-top:90px;}

.title_iab{ width:266px; height:30px; background:url(../images/iab.png) no-repeat; font-size:18px; color:#fff; margin-left:685px; padding-top:45px;}
.iabg p{ display:block; width:515px; color:#fff; line-height:28px; margin-top:80px; margin-left:685px; }
.iab_con{ width:515px; margin-left:685px; margin-top:60px;}
.iab_con img:first-child{ margin-right:30px;}




/*inewbg*/
.inewbg{ width:100%; height:770px; background:#f5f5f5; padding-top:100px;}
.title_w{ height:51px;background:url(../images/inewtitle.gif) no-repeat; margin-bottom:65px;}

.inew{ height:530px; position:absolute;}
.inew img{ width:580px; height:295px;}
.inew ul{}
.inew ul li{ background:#fff; box-shadow:0px 6px 10px #f2f2f2;}
.inew ul li a{ display:block; margin:45px 42px;}
.kl{ display:block; font-weight:normal; font-size:16px; color:#222;}
.inew ul li a p{ display:block; font-size:14px; color:#949494; line-height:22px; margin-top:33px; height:40px; overflow:hidden;}
.inew ul li a i{ display:block; margin-top:35px; font-size:12px;}
.inew ul li a i em{ color:#a3a3a3; float:left;}
.inew ul li a i span{ color:#2462a9; float:right;text-transform:uppercase;}
.inew ul li:first-child{ width:580px; height:230px;position:absolute; top:295px; left:0;}

.inew ul li:first-child+li{ width:596px; height:250px;position:absolute; top:0; left:604px;}
.inew ul li:first-child+li a p{  margin-top:33px; height:68px;}

.inew ul li:first-child+li+li{ width:285px; height:250px;position:absolute; top:275px; left:604px;}
.inew ul li:first-child+li+li a{ margin:35px;}
.inew ul li:first-child+li+li a b{ display:block; overflow:hidden; width:215px; height:24px;}
.inew ul li:first-child+li+li a p{ height:68px; margin-top:30px; }

.inew ul li:first-child+li+li+li{ width:285px; height:250px;position:absolute; top:275px; left:915px;}
.inew ul li:first-child+li+li+li a{ margin:40px 35px;}
.inew ul li:first-child+li+li+li a b{ display:block; overflow:hidden; width:215px; height:24px;}
.inew ul li:first-child+li+li+li a p{ height:68px; margin-top:30px; }


.inew ul li:hover{ background:#205faf;}
.inew ul li:hover b{ color:#fff; font-weight:bold}
.inew ul li:hover p{ color:#fff;}
.inew ul li:hover em{ color:#fff;}
.inew ul li:hover span{ color:#fff;}



/*icontact*/
.icont_bg{background:url(../images/icont.jpg) no-repeat; height:360px;}
.icontitle{ font-size:16px; color:#515151; margin-left:38px; padding-top:106px; float:left; width:281px;}
.icontitle a{ display:block; width:62px; height:9px; background:url(../images/iabmore.gif) no-repeat; margin-top:150px;}
.icont{ width:320px; float:left; color:#c2d9f7; line-height:30px; margin-top:90px;}



/*friendlink*/
.friendlink{ height:100px; padding-top:70px; width:1200px; margin-bottom:100px;}
.link_tgb {
	line-height:36px;
	height:36px;
	font-family:"微软雅黑";
	background:url(../images/link.png) no-repeat;	
}
.link_tgb a{ padding-right:20px; float: right; color:#333; }
.link_tgb span {padding-left:10px; font-size:14px}
.link_tgb .t1 {color:#333; cursor:pointer;padding:0px 30px;font-style: normal;}
.link_tgb .t2 {color: #fff; cursor: pointer;padding:4px 30px;font-style: normal;}
.links {
	color:#333;
	line-height: 25px;
	height: 50px;
	padding-top: 10px;

	padding-bottom: 0px;
}
.links a {padding:0 10px; line-height:40px; color:#333; font-size:14px;}
.links div a:first-child{padding-left:0px;}
.links .hidden { display:none;}
.links a:hover{ color:#205faf;}



/*footer*/
.footbg{width:100%; height:540px; background:#2c2c2c;}
.foot{height:420px; border-bottom:1px solid #515151;}
.foot_left{ width:180px; height:auto; margin-top:120px; float:left; background:url(../images/footlogo.gif) no-repeat top center;}
.foot_left img{ width:113px; height:113px; padding:4px; background:#fff; margin-top:78px; margin-left:28px;}
.foot_right{ float:right; width:auto;}
.foot_right dl{ float:left; width:auto;  padding:0 46px; margin-top:87px;}
.foot_right dl dt{ color:#fff; font-size:15px; font-weight:bold; line-height:40px;}
.foot_right dl dd a{ color:#b3b3b3; line-height:24px;}
.foot_right dl:last-child{ padding-right:0px;}
.foot_right dl dd a:hover{ color:#fff;}
.footbg p{ color:#b3b3b3; height:35px; line-height:35px; margin-top:25px;}
.footbg a{ color:#b3b3b3;}
.footbg a:hover{ color:#fff;}

.copyright{ height:35px; line-height:35px; color:#b3b3b3; font-size:14px;}
.copyright a{ color:#b3b3b3;}
.copyright a:hover{ color:#fff;}
.copyright p{ float:right;}


/*内页*/
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:30px 0; height:auto; height:1%; overflow:hidden; color:#757575;}
.nbanner{ width:100%; height:250px; background:url(../images/nbanner.jpg) no-repeat center #a0b5c5;}

.maintopbg{ margin:0 auto; padding:0; width:1200px;}
.maintop{ margin:0 auto; padding:0; width:1200px; height:150px; margin-top:-50px;}
.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
.mains{ width:100%; padding-top:20px; padding-bottom:50px; height:auto; background:#f7f7f7;}

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;
}



/*inewbox*/
.locabg{ width:100%; height:72px; background:url(../images/locabg.gif) no-repeat center;}
.title{ width:1200px; height:72px; padding:0px; margin:0 auto;}

.location{ width:auto;  height:72px; line-height:72px; text-align:left; float:left; color:#555; font-size:14px; background:url(../images/home.png) no-repeat left center; padding-left:25px; }
.location a{ color:#555;}
.location a:hover{ color:#095cbc; text-decoration:none;}

/*inewbox*/
.toplist { width:auto; height:72px; padding:0px; margin:0px; float:right;}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{  margin:0; padding:0; width:110px; height:72px; line-height:72px; float:left; background:url(../images/menuline.gif) no-repeat right center;}
.toplist dl dt a{ display:block;line-height:72px; color:#555; font-family:"微软雅黑";font-size:14px; text-align:center}
.toplist dl dt a:hover{background:#205faf; color:#fff;}
.toplist dl dt.current{background:#205faf; }
.toplist dl dt.current a{ color:#FFF}



/*inewbox*/
.toplists { width:1200px; padding:0px; margin:0px; float:right; margin-top:50px; padding-bottom:20px; border-bottom:1px dashed #eee;}

.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:#205faf;}
.navigation  li.current {color:#fff;background:#205faf;}
.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;}




/*inewbox*/
.newbox{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}

.newbox ul li{width:100%; height:117px; display:block; position:relative; float:left; overflow:hidden; z-index:10; margin-bottom:40px;}
.newbox ul li:first-child+li{ margin-right:0;}
.newbox ul li p{ display:block; float:left; width:235px; height:117px;}

.newbox ul li p img{width:235px; height:117px; display:block; z-index:15;}
.newbox ul li p a{width:235px; height:117px; display:block;top:-117px; left:0px; z-index:25; position:relative;}
.newbox ul li p a b{ display:block; height:117px;width:0px; padding-top:0px;
-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */  
 }
.newbox ul li:hover p a b{width:235px; height:117px; background:url(../images/search.png) no-repeat center; background-color:rgba(9,92,188,.60)}

.newbox ul li em{ display:block; width:932px; height:117px; float:right;}
.newbox ul li em a{ color:#9b9b9b; font-size:13px; display:block;}
.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:hover em a strong{ color:#095cbc;}



/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 50px; }
.page a{ border:1px solid #ccc; color: #555; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#303030; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #303030; 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;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#333;}
.next a:hover{ text-decoration:none; color:#095cbc;}

.ih6{ text-align:right; margin:0; padding:5px 0;}

/*网站地图*/
.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:180px; height:38px; line-height:38px; font-size:15px; font-family:"微软雅黑"; color:#fff; text-align:left;float:left; background: #205faf; 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:32px; height:32px;  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:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#095cbc;}

*html .ieves li{line-height:26px; height:26px;  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:26px; height:26px; text-decoration:none; color:#555;}
/**ie6下的兼容性**/
*+html .ieves li{line-height:26px; height:26px;  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:26px; height:26px; text-decoration:none; color:#555;}
/**ie7下的兼容性**/


.main-content{ width:1200px;background:url(../images/kf.png) no-repeat left center;}
.mess{ text-align:left; color:#777; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#333333; font-size:18px;}
.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:#095cbc;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#1f2d38;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:#205faf url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#205faf url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#205faf url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#205faf 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:#f59703 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#f59703 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{background:#f59703 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#f59703 url(../images/fixCont.png) no-repeat 0 -169px;}

.pro_left{ float:left; width:600px; height:400px; background:#fff;}
.pro_left img{ display:block; width:228px; height:350px; margin:0 auto; margin-top:25px;}
.pro_right{ float:left; margin-left:40px; width:560px;}
.pro_right h3{ color:#444; line-height:40px; font-size:20px;}
.pro_right b{ display:block; font-weight: normal;}
.pro_right i{ display:block; height:200px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:20px 0; margin:20px 0; overflow:hidden;}
.pro_right a{ display:block; width:200px; height:40px; background:#1f2d38; color:#fff; line-height:40px; text-align:center;}
.pro_right a:hover{ background:#0059a5;}
.description{ text-align:left; padding:30px 0;}


.fang_honorlist{ margin-top:30px;}

.honorlist {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorlist li{float:left; margin:0 20px 0 0; display:inline; overflow:hidden; position:relative;margin-bottom:15px;background-image:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 188px; }
.honorlist li .imgs{ width:285px; height:214px;  }
.honorlist li .imgs img{ width:285px; height:214px; display:block;}
.tit{font-size:14px; line-height:30px; 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;}



.product_fangda{ float:left; width:500px;}
.details{ margin-top:30px;}
.pro_ri{ float:right; width:320px; height:360px; background:#f8f8f8; padding:20px 30px;}
.pro_ri h4{ font-size:20px; color:#555; line-height:50px;}
.pro_ri .pro_des{ width:100%; border-top:1px dashed #ddd;  border-bottom:1px dashed #ddd; height:200px; overflow:hidden; padding-top:20px;}
.pro_ri .more{ width:150px; height:40px; background:#025bab; text-align:center; margin-top:20px;}
.pro_ri .more a{ color:#fff; line-height:40px; display:block;}
.pro_ri .more:hover{ background:#f59703;}



.pro_list{ width:260px; float:left;}
.pro_list p{ display:block; background:#205faf; width:226px; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;  height:55px; color:#fff; font-size:16px; font-weight:bold; padding-left:32px; padding-top:25px;}
.pro_list p b{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}

.pro_list dl{ border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1;}
.pro_list dl dt{ width:258px; border-top:none; border-bottom:1px solid #f1f1f1; background:#fff;}
.pro_list dl dt a{ text-align:left; line-height:62px; display:block; color:#7e7e7e; font-size:14px; padding-left:49px;}
.pro_list dl dt a em{ font-size:28px; font-family:"宋体"; line-height:62px; float:right; margin-right:28px;
transition: 0.5s;
-moz-transition: 0.5s; /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s}

.pro_list dl dt:hover{ background:#205faf;}
.pro_list dl dt:hover a{ color:#fff;}
.pro_list dl dt:hover a em{ transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */}
.pro_list dl dd{ width:258px; border-bottom:1px solid #f1f1f1;}
.pro_list dl dd a{ text-align:left; white-space:45px; line-height:45px; display:block; color:#7e7e7e; font-size:14px; padding-left:49px; background:#fafafa;}
.pro_list dl dd:hover a{ background:#444; color:#fff;}




.pro_duct{ margin:0; padding:0; float:right; width:906px;}
.pro_duct ul{}
.pro_duct ul li{ width:300px; height:200px; float:left; overflow:hidden; z-index:10; display:block; position:relative; margin-right:2px; margin-bottom:2px;}
.pro_duct ul li img{width:300px; height:200px; display:block; z-index:15;}
.pro_duct ul li a{width:300px; height:200px; display:block;top:-200px; left:0px;z-index:25;position:relative;}
.pro_duct ul li a span{ display:block; background-color:#1f3b7b; height:265px;width:0px; padding-top:0px;
-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */ background-color:rgba(32,95,175,.70)  
 }
.pro_duct ul li a:hover span{width:300px;height:200px; }
.pro_duct ul li a span em{ display: block;  height:0; width:0; overflow:hidden; line-height:200px; text-align:left; font-size:16px; font-weight:bold; background:url(../images/search.png) no-repeat 140px 115px;
-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */ 
}
.pro_duct ul li a:hover span em{display:block; height:200px; width:300px; color:#fff; line-height:200px; text-align:center; }


.pro_right_lz{ float:right; width:906px;}