@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:#242e3a; 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:#0065ad;}
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:125px; z-index:999;position:relative; background:#fff}
.top_line{ width:100%; height:5px; background:#242e3a;}


.top{ height:120px; display:block;}
.logo{ width:469px; height:72px; margin-top:27px; float:left;}


.menu { width:665px; display: block; height:40px; float:right; margin-top:35px}
.menu ul { height:40px;}

.menu ul li a, .menu ul li a:visited {display:block;width:83px;text-align:center;font-size: 14px; color:#444444; line-height:20px; padding-top:16px; padding-bottom:16px;}
.menu ul li a:hover {}
.menu ul li {float:left; position:relative; z-index: 100;}
.menu ul li ul {display: none;width: 145px; }
.menu ul li:hover a { background:url(../images/menuh.png) no-repeat bottom center ; position:relative; z-index: 100;}
.menu ul li:hover ul {display:block; position:absolute; left:-25px;}
.menu ul li:hover ul li a.hide { color:#FFF;}
.menu ul li:hover ul li { display:block; width:145px; background-color:#0065ad; 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: 16px;padding-top: 12px; background-image:none;font-size:14px;	width:145px; border-bottom:1px solid #257fc0;}
.menu ul li:hover ul li a:hover {background:#c21601;}



/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:580px;z-index:15;}
#full-screen-slider {
	width:100%;
	height:580px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:580px; 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:#242e3a; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#0065ad;}


/*quickbg*/
.quickbg{ width:100%; height:120px; position:absolute; z-index:9999; margin-top:-120px; background:url(../images/quick.png) no-repeat center;}
.quick{ height:120px;}
.quick ul{}
.quick ul li{ width:120px; height:120px; float:left; border-right:1px solid #323e4c;}
.quick ul li a{ color:#fff; text-align:center; display:block; margin-top:70px;}
.quick ul li a:hover{ background:#0065ad;}
.quick ul li:first-child{background:url(../images/quick_1.png) no-repeat center 35px; }
.quick ul li:first-child+li{background:url(../images/quick_2.png) no-repeat center 35px; }
.quick ul li:first-child+li+li{background:url(../images/quick_3.png) no-repeat center 40px; }
.quick ul li:first-child+li+li{ border:none;}
.quick ul li:first-child+li+li+li{ border:none;}
.quick ul li:first-child:hover{background:url(../images/quick_1.png) no-repeat #0065ad center 35px;}
.quick ul li:first-child+li:hover{background:url(../images/quick_2.png) no-repeat #0065ad center 35px;}
.quick ul li:first-child+li+li:hover{background:url(../images/quick_3.png) no-repeat #0065ad center 40px;}
.quick ul li:last-child{ float:right; width:490px; height:85px; line-height:22px; color:#4d4d4d; padding-top:38px; }


/*quickbg*/
.searchbg{ color:#4d4d4d; height:80px; line-height:80px; background:#e6e6e6;}
.search{  width:250px; height:28px; float:right; border:1px solid #242e3a; margin-top:25px;}
.search input{ margin:0; color:#444; text-indent:1em; line-height:28px;border:0; }
.search .keywords{ width:220px; height:28px; float:left;border:0;}
.search .button{ background:url(../images/search.png) no-repeat; background-position:center center; width:30px; height:28px; border:0; float:left; padding:0; background-color:#242e3a;}



/*solution*/
.solution_title{ background:url(../images/solution_title.gif) no-repeat top center; height:63px; margin-top:65px; margin-bottom:48px;}
.solution{ height:440px; margin-bottom:70px;}
.solution ul{}
.solution ul li{ width:300px; height:440px;display:block; position:relative; float:left; overflow:hidden; z-index:10; font-size:16px; text-align:center; color:#3d3d3d;} 
.solution ul li img{ width:300px; height:350px; display:block;z-index:15;}
.solution ul li a{width:300px; height:280px; display:block; top:90px; left:0px; z-index:25; position:relative;-moz-transition:top 0.5s; /* Firefox 4 */
-webkit-transition:top  0.5s; /* Safari and Chrome */
-o-transition:top  0.5s; /* Opera */ background-color:#c21601;}

.solution ul li a em{ display: block;  height:0; width:0; overflow:hidden; text-align:center;  line-height:26px; font-size:20px; font-weight:bold; padding-top:50px;
-moz-transition:height 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:height 0.5s; /* Safari and Chrome */
-o-transition:height 0.5s; /* Opera */ 
}
.solution ul li:hover a{top:-190px;}
.solution ul li:hover a em{display:block; width:300px; height:350px; color:#fff; text-align:center; line-height:26px; background:url(../images/more.png) no-repeat center 155px;}

.solution ul li a em b{ display:block; font-size:14px; font-weight:normal; line-height:18px; margin-top:20px;}
.solution ul li span{ display:block; height:30px; line-height:30px; margin-top:20px;}


/*pro_bg*/
.pro_bg{ background:url(../images/pro_title.png) no-repeat center 70px #eef0f2; width:100%; height:720px; padding-top:215px; padding-bottom:130px;}
.tab { width:1200px; height: auto;}
.tab-nav {width:316px; overflow: hidden; float:left; position: absolute; z-index:999;}
.tab-nav a { margin:0; padding:0; display: block; width:235px; background:#242e3a;height:80px; line-height:80px; text-align: left; text-decoration: none; color:#fff; margin-bottom:3px; padding-left:45px;}
.tab-nav a.current { background:#005bac; color: #fff;width:316px;}
.tab-con {position: relative; z-index:-999; width:901px; height:auto;  overflow: hidden; float:right;}
.tab-con-item {WIDTH: 901px; display:none; height:726px;}

.pro{ width:901px; }
.pro ul{display:block;}
.pro ul li{width:358px; height:239px; display:block; overflow:hidden; z-index:10; margin-bottom:3px;}
.pro ul li img{width:358px; height:239px; display:block;z-index:15;}
.pro ul li a{width:358px; height:239px; display:block;top:-239px; left:0px;z-index:25;position:relative;}
.pro ul li a span{ display:block;  height:239px;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(36,46,58,.50)  
 }
.pro ul li a:hover span{width:358px;height:239px; }
.pro ul li a span em{ display: block;  height:0; width:0; overflow:hidden; text-align:left;background:url(../images/pro_m.png) no-repeat center 90px;
-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:239px; width:358px; color:#fff; text-align:center; line-height:290px;}

.pro ul li:first-child{ position: absolute; top:0px; left:0px; width:540px; height:360px;}
.pro ul li:first-child img{width:540px; height:360px;}
.pro ul li:first-child a{width:540px; height:360px; display:block;top:-360px; left:0px;z-index:25;position:relative;}
.pro ul li:first-child a span{ display:block; height:360px;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(36,46,58,.50)  
}
.pro ul li:first-child a:hover span{width:540px; height:360px; }
.pro ul li:first-child a span em{ display: block;  height:0; width:0; overflow:hidden; text-align:left; font-size:15px; background:url(../images/pro_m.png) no-repeat center 155px;
-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:first-child a:hover span em{display:block; height:360px; width:540px; color:#fff; text-align:center; line-height:420px;}
.pro ul li:first-child+li{ position: absolute; top:363px; left:0px; width:540px; height:360px;}
.pro ul li:first-child+li img{width:540px; height:360px;}
.pro ul li:first-child+li a{width:540px; height:360px; display:block;top:-360px; left:0px;z-index:25;position:relative;}
.pro ul li:first-child+li a span{ display:block; height:360px;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(36,46,58,.50)  
}
.pro ul li:first-child+li a:hover span{width:540px;height:360px; }
.pro ul li:first-child+li a span em{ display: block;  height:0; width:0; overflow:hidden; text-align:left; font-size:15px; background:url(../images/pro_m.png) no-repeat center 155px;
-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:first-child+li a:hover span em{display:block; height:360px; width:540px; color:#fff; text-align:center; line-height:420px;}
.pro ul li:first-child+li img{width:540px; height:360px;}
.pro ul li:first-child+li+li{ position: absolute; top:0px; left:543px;}
.pro ul li:first-child+li+li+li{ position: absolute; top:242px; left:543px;}
.pro ul li:first-child+li+li+li+li{ position: absolute; top:484px; left:543px;}



/*iabg*/
.iabg{ width:100%; height:557px; background:url(../images/iabg.jpg) no-repeat; padding-top:110px;}
.iabg h3{ color:#fff; font-size:28px; line-height:40px;}
.iabg p{ display:block; text-align:left; line-height:30px; color:#fff; margin-top:87px;}
.iabg b{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;text-transform:uppercase; font-size:12px;}



/*xi_news*/
.xi_news{ width:100%; height:auto; overflow:hidden; padding-top:80px; margin-bottom:80px;}
.news_ul{display:block; height:430px; background:url(../images/new_title.png) no-repeat top center; padding-top:135px;}
.news_ul li{width:240px; height:390px; margin-right:20px; float:left; padding:18px; border:4px solid #fff;}
.news_ul li:last-child{ margin-right:0;}
.news_ul li a{ display:block; color:#444; position:relative;}
.news_ul li a i{ display:block; position:absolute; top:190px;}
.news_ul li a img{ width:240px; height:180px; position:absolute; top:0;}
.news_ul li a span{ display:block; font-size:14px; margin-top:30px; margin-bottom:10px; font-weight:bold;}
.news_ul li a em{ display:block; font-size:16px; font-weight:bold; padding-right:10px;}
.news_ul li a b{ display:block; width:75px; height:4px; background:#c21601; margin-top:10px; margin-bottom:18px;}
.news_ul li a p{ display:block; height:60px; overflow:hidden;}

.news_ul li:first-child+li a span{margin-top:0px; }
.news_ul li:first-child+li a img{margin-top:30px; }
.news_ul li:first-child+li+li+li a span{margin-top:0px; }
.news_ul li:first-child+li+li+li a img{margin-top:30px; }

.news_ul li:hover{ border:4px solid #0065ad; background:#f9fcff;}
.news_ul li:hover a b{background:#0065ad; }

.news_ul li:first-child+li a i{ display:block; position:absolute; top:0px;}
.news_ul li:first-child+li a img{ width:240px; height:180px; position:absolute; top:180px;}
.news_ul li:first-child+li+li+li a i{ display:block; position:absolute; top:0px;}
.news_ul li:first-child+li+li+li a img{ width:240px; height:180px; position:absolute; top:180px;}





.icontentbg{ width:100%; background:url(../images/contbg.jpg) no-repeat; height:301px; margin-bottom:50px;}
.icontentbg ul{}
.icontentbg ul li{ float:left; height:110px; display:block; margin-right:30px;}
.icontentbg ul li:first-child{ background:url(../images/cont.png) no-repeat; width:306px; height:301px;}
.icontentbg ul li:first-child+li{ background:url(../images/lxr.png) no-repeat 41px 32px #0065ad; width:245px; height:110px; margin-top:191px; }
.icontentbg ul li:first-child+li+li{ background:url(../images/dz.png) no-repeat 41px 32px #0065ad; width:305px; height:110px; margin-top:191px;}
.icontentbg ul li:first-child+li+li+li{ background:url(../images/yx.png) no-repeat 41px 40px #0065ad; width:250px; height:110px; margin-top:191px; margin-right:0px;}
.icontentbg ul li a{ color:#fff; font-size:15px; font-weight:bold; line-height:26px; display:block; padding-top:32px; padding-left:43px;text-indent:2em}
.icontentbg ul li:first-child+li+li a{text-indent:1.5em}
.icontentbg ul li:first-child+li+li+li a{text-indent:1.5em}
.icontentbg ul li:first-child+li:hover{ background:url(../images/lxr.png) no-repeat 41px 32px #c21601;}
.icontentbg ul li:first-child+li+li:hover{ background:url(../images/dz.png) no-repeat 41px 32px #c21601;}
.icontentbg ul li:first-child+li+li+li:hover{ background:url(../images/yx.png) no-repeat 41px 40px #c21601;}





/*friendlink*/
.friendlink{height:100px; margin-top:80px; margin-bottom:80px;}

.link_tgb {
	line-height:42px;
	height:42px;
	font-family:"微软雅黑";
	background:url(../images/link.png) no-repeat;
	
}
.link_tgb a{ padding-right:20px; float: right; color:#fff; }
.link_tgb span {padding-left:10px; font-size:14px}
.link_tgb .t1 {color:#fff; cursor:pointer;padding:4px 40px;font-style: normal;}
.link_tgb .t2 {color: #fff; cursor: pointer;padding:4px 35px;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;}




/*footer*/
.footbg{width:100%; height:336px; background:url(../images/footbg.gif) repeat-x #242e3a top; padding-top:80px;}
.foot{height:260px; margin-bottom:5px;}


.ewmbg{ width:410px; height:195px; float:left; background:url(../images/footlogo.gif) no-repeat;}
.ewmbg img{ display:block; width:100px; height:100px; background:#fff; padding:10px; margin-top:95px;}

.foot_n{ width:auto; height:260px; float:right;}
.foot_n dl{ margin:0; padding:0; width:auto; padding-left:45px; padding-right:40px; height:auto; overflow:hidden; float:left; border-right:1px solid #323e4c;}
.foot_n dl dt{ margin:0; padding:0; font-family:"微软雅黑"; font-size:15px; color:#dee9f5; margin-bottom:8px; font-weight:bold;}
.foot_n dl dd{ margin:0; padding:0; line-height:26px; color:#8e97a3; font-size:13px;}
.foot_n dl dd a:hover{ color:#2184cb;}
.foot_n dl dd a{ color:#8e97a3;}

.copyright{ height:49px; line-height:24px; color:#8e97a3; font-size:14px; margin-top:16px;}
.copyright a{ color:#8e97a3;}
.copyright a:hover{ color:#0065ad;}



/*内页*/
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:12px 0; height:auto; height:1%; overflow:hidden; color:#666d75;}

.nbanner{ width:100%; height:250px; background:url(../images/nbanner.jpg) no-repeat;}


.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{ margin:0 auto; padding:0; width:100%; height:auto; overflow:hidden; padding-top:20px; padding-bottom:50px; background:#f7f7f7;}


.pro_list{ width:260px; float:left;}
.pro_list p{ display:block; background:#0065ad; 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:#0065ad;}
.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:#242e3a; color:#fff;}



.pro_duct{ float:right; width:886px;}
.pro_duct ul{}
.pro_duct ul li{ width:280px; height:214px;display:block; float:left; overflow:hidden; margin-right:23px; margin-bottom:24px;} 
.pro_duct ul li a{ color:#333;}
.pro_duct ul li img{ width:278px; height:184px; display:block;z-index:15; border:1px solid #f1f1f1;}
.pro_duct ul li em{ display: block;  height:30px; width:280px; overflow:hidden; text-align:center;  line-height:30px; color:#333;}
.pro_duct ul li:hover a{ color:#1f79c5; font-weight:bold;}

.pro_duct ul li:first-child+li+li{ margin-right:0;}
.pro_duct ul li:first-child+li+li+li+li+li{ margin-right:0;}
.pro_duct ul li:first-child+li+li+li+li+li+li+li+li{ margin-right:0;}
.pro_duct ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}


h5{ font-size:16px; color:#333; display:block; height:40px; line-height:40px; background:#eee; color:#333; padding-left:20px; margin-bottom:20px;}

.pro_ducts{ float:right; width:886px;}
.pro_ducts ul{ height:184px; overflow:hidden; margin:0 0 40px 0;}
.pro_ducts ul li{ width:280px; height:186px;display:block; position:relative; float:left; overflow:hidden; z-index:10; margin-right:23px; margin-bottom:24px;} 
.pro_ducts ul li img{ width:278px; height:184px; display:block;z-index:15; border:1px solid #f1f1f1;}
.pro_ducts ul li a{width:280px; height:187px; display:block;top:-187px; left:0px;z-index:25;position:relative;}
.pro_ducts ul li a span{ display:block; background-color:#1f3b7b; height:187px;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(51,51,51,.50)  
 }
.pro_ducts ul li a:hover span{width:280px;height:187px; }
.pro_ducts ul li a span em{ display: block;  height:0; width:0; overflow:hidden; text-align:left;  line-height:26px;
-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_ducts ul li a:hover span em{display:block; height:187px; width:280px; color:#fff; text-align:center; line-height:187px; background:url(../images/search.png) no-repeat center 105px;}
.pro_ducts ul li:first-child+li+li{ margin-right:0;}
.pro_ducts ul li:first-child+li+li+li+li+li{ margin-right:0;}

.product_right{ float:right; width:886px;}



.pro_duct_sit{width:100%;}
.pro_duct_sit ul{ height:auto; overflow:hidden; margin:20px 0 40px 0; }
.pro_duct_sit ul li{ width:280px; height:186px;display:block; position:relative; float:left; overflow:hidden; z-index:10; margin-right:25px; margin-bottom:24px;} 
.pro_duct_sit ul li img{ width:278px; height:184px; display:block;z-index:15; border:1px solid #f1f1f1;}
.pro_duct_sit ul li a{width:280px; height:187px; display:block;top:-187px; left:0px;z-index:25;position:relative;}
.pro_duct_sit ul li a span{ display:block; background-color:#1f3b7b; height:187px;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(36,46,58,.50)  
 }
.pro_duct_sit ul li a:hover span{width:280px;height:187px; }
.pro_duct_sit ul li a span em{ display: block;  height:0; width:0; overflow:hidden; text-align:left;  line-height:26px;
-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_sit ul li a:hover span em{display:block; height:187px; width:280px; color:#fff; text-align:center; line-height:187px; background:url(../images/search.png) no-repeat center 105px;}
.pro_duct_sit ul li:first-child+li+li+li{ margin-right:0;}




.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:#0065ad; text-decoration:none;}


.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:auto; 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; width:auto;  padding:0 20px;}
.toplist dl dt a:hover{background:#0065ad; color:#fff;}
.toplist dl dt.current{background:#0065ad; }
.toplist dl dt.current a{ color:#FFF}



/*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(0,100,173,.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:#0065ad;}



/*分页*/
.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:#242e3a; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #14a741; 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:#0065ad;}

.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: #f4f4f4; margin-top:20px;}
.sitemap span{ width:170px; height:38px; line-height:38px; font-size:15px; font-family:"微软雅黑"; color:#fff; text-align:left;float:left; background: #242e3a; 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:#0065ad;}

*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下的兼容性**/


.picScroll{ width:100%; height:auto; height:1%; overflow:hidden; background:#fafafa;}
.picScroll dl{ width:1180px; height:395px; border:10px solid #fafafa; background:#fafafa; }
.picScroll dl dt{ width:500px; height:375px; float:left;}
.picScroll dl dt img{ width:500px; height:375px;}
.picScroll dl dd{ width:670px; height:250px; float:right; margin-top:70px;}
.picScroll dl dd a b{ display:block; font-size:26px; height:30px; line-height:30px; color:#555;}
.picScroll dl dd a p{ display:block; font-size:14px; line-height:22px; margin-top:35px; padding-right:60px;}
.picScroll dl dd a i{ display:block; width:200px; height:40px; background:#1ea273; margin-top:50px; line-height:40px; color:#fff; text-align:center;}
.picScroll dl dd a:hover{ color:#555;}
.picScroll dl:hover{ border:10px solid #1ea273;}


.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:#0065ad;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#242e3a;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{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;}
/*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;}


.single{ margin-top:50px;}
.single ul{}
.single ul li{width:580px; height:300px; display:block; position:relative; float:left; overflow:hidden; z-index:10; margin-right:40px; margin-bottom:40px;}
.single ul li img{width:580px; height:300px; display:block;z-index:15;}
.single ul li a{width:580px; height:300px; display:block;top:-300px; left:0px;z-index:25;position:relative;}
.single ul li a span{ display:block; height:300px;width:200px; 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(81,81,81,.60)  
 }
.single ul li a:hover span{width:580px;padding-top:0px; height:300px; }
.single ul li a span em{ display: block; width:120px; height:150px; overflow:hidden; text-align:left; color:#ffffff; margin-left:43px; padding-top:70px; line-height:26px;
-moz-transition:width 0.5s padding-top 2s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */ 
}
.single ul li a span em b{ font-weight:bold; font-size:20px; display:block; padding-bottom:20px;}
.single ul li a:hover span em{display:block;height:150px; width:490px; }

.single ul li:first-child+li{ margin-right:0px;}
.single ul li:first-child+li+li+li{ margin-right:0px;}
.single ul li:first-child+li+li+li+li+li{ margin-right:0px;}
.single ul li:first-child+li+li+li+li+li+li+li{ margin-right:0px;}






.pvcon1{ width:886px; height:411px; margin:0 auto;}
.products_img{ width:500px; height:411px; float:left;}
.pro_bigimg{ width:500px; height:331px;}
.pro_bigimg img{ width:500px; height:331px; border:1px solid #f3f3f3;}
.pro_imglist{ width:500px; height:70px; margin:0 auto; margin-top:10px;}
.pro_imglist li{ width:70px; height:53px; float:left; padding-right:10px;}
.pro_imglist li img{ width:70px; height:53px; -webkit-transition: .2s ease all; -moz-transition: .2s ease all; transition: .2s ease all;}
.pro_imglist li img:hover{box-shadow: 0px 0px 18px rgba(0,0,0,.6);-webkit-transition: all ease .3s;transition: all ease .3s}

.pvconr{ width:356px; height:411px; float:right; color:#686868;}
.pvtitle{ width:356px; height:auto; line-height:30px; font-size:18px; color:#0b0b0b;}
.pvtxt{ width:356px; height:auto; line-height:20px; padding-top:10px; }


.pvtxt2{ width:356px; height:auto; margin-top:30px;}
.pvtxtshow1{ width:356px; height:auto; margin:0 auto; padding-top:15px; line-height:22px; padding-bottom:15px; border-bottom:1px dashed #bdbdbd;}
.pvshow2{ width:356px; height:50px; line-height:33px; padding-top:15px; text-indent:20px;}
.pvshow2 span{ padding:10px; border:1px solid #8b8a92; margin:10px;}

.showbtn{ width:140px; height:40px; padding-top:30px; }
.showbtn a{width:140px; height:40px; background:#242e3a; color:#fff; text-align:center; line-height:40px; display:block; font-size:14px;}
.showbtn a:hover{ background:#0065ad;}

.details{ margin-top:30px;}

.custm{ width:100%; margin:0; padding:0;}
.custm ul li{ float:left; padding:20px 49px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.custm ul li img{ width:200px; height:90px;}
.custm ul li:first-child+li+li+li{ border-right:none;}
.custm ul li:nth-child(4n){ border-right:none;}




/*固定的悬浮窗*/
.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:#0065ad url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0065ad url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0065ad url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0065ad 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;}



.picbox{ margin:0 auto; padding:0;}
.picbox img{ margin:0 auto; width:auto; height:auto; display:block;}
.description{ text-align:center;}





.fang_product_l{width:250px; float:left;}
.fang_product_l ul{}
.fang_product_l ul li{ border:1px solid #ededed; padding:5px; margin-bottom:10px;}
.fang_product_l ul li a{ display:block; line-height:45px;  font-size:15px;  background:url(../images/li.png) no-repeat 35px 17px #058759; padding-left:55px; color:#fff;}
.fang_product_l ul li a:hover{color:#fff;}
.fang_product_l ul li ul{}
.fang_product_l ul li ul li{border:none;padding:0px;margin-bottom:0px; background:#eee;}
.fang_product_l ul li ul li a{line-height:40px; border-bottom:1px solid #fff; background:#eee; background-image:none; padding:0; font-size:13px; padding-left:35px; color:#555;}
.fang_product_l ul li ul li:hover a{ display:block; background:#f5be01;}
.fang_product_l ul li ul li:hover a{ color:#fff;}





.picScroll-left{ width:900px;  overflow:hidden;  margin:15px auto 15px auto; padding:0px 0px; float:right;}
.picScroll-left dl{dispaly:block;  width:280px; height:235px; float:left;margin-right:30px; margin-bottom:30px;}
.picScroll-left dl dt{ width:280px; height:200px; text-align:center;}
.picScroll-left dl dt img{ width:280px; height:200px;}
.picScroll-left dl dd{ width:280px; height:35px; line-height:35px; text-align:center;}


.picScroll-left dl dt .img{display: block;width: 100%;position: relative;overflow: hidden;height: 100%;}
.picScroll-left dl dt:hover .img img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}

.picScroll-left dl:first-child+dl+dl{ margin-right:0px;}
.picScroll-left dl:first-child+dl+dl+dl+dl+dl{ margin-right:0px;}
.picScroll-left dl:first-child+dl+dl+dl+dl+dl+dl+dl+dl{ margin-right:0px;}




.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:188px;  }
.honorlist li .imgs img{ width:285px; height:188px; 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;}