@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;background-position:0 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; }

.clear{ clear:both;_overflow:hidden;height:0px;}
img{ border:0px;}
a{ text-decoration:none;color: #424242}
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;}

/*top*/
.top{height: 55px;display: block;background-color: #1f7ccc}
.top ul{width:40%;float: right;display: block}
.top ul li{line-height: 55px;color: #fff;float: left}
.top ul li img{padding-right: 5px;padding-left: 15px}

/*topnav*/
.topnav{height: 100px;display: block}
.logo{max-height: 100px;max-width: 240px}
.topnav ul{width:80%;float: right}
.topnav ul li{width:12%;float: left;line-height:50px;text-align: center;padding-top: 30px;position: relative}
.topnav ul li a{font-size: 16px;color: #6e6e6e;display: block}
.topnav ul>li>a:hover{border-top: 1px solid #1f7ccc;border-bottom: 1px solid #1f7ccc }
.topnav ul li ul{display: none}
.topnav ul li:hover ul{display: block;background: #1f7ccc;position: absolute;z-index: 99999;width: 192px;left: 0}
.topnav ul li ul li{width: 192px;display: block;text-align: center;padding: 0;}
.topnav ul li ul li a{color: #fff}
.topnav ul li ul li:hover a{color: #1f7ccc;background: #fff;font-weight: bold;}

/*banner*/
.yuan-banner{width:100%;margin-left:auto; margin-right:auto; height:550px;z-index:15;}
#full-screen-slider {
	width:100%;
	height:550px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:550px; 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:500px; 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:#1f7ccc;}

/*search*/
.search{ color:#ffffff; line-height:56px; height:56px; background:#1564b2;}
.search2{  width:248px; height:28px; float:right; margin-top:14px; margin-right:25px; border:1px solid #5993d9;}
.search2 input{ margin:0; color:#5993d9; text-indent:1em; line-height:28px;border:0; }
.search2 .keywords{width:218px; height:28px; float:left;border:0; background-color:#2560a8;}
.search2 .button{ background:url(../images/search.gif) no-repeat; background-position:left center; width:30px; height:28px; border:0; float:left; padding:0; background-color:#2560a8;}
.search p{ padding-left:30px;line-height:56px;}
.search p a{ color:#fff; padding:0 20px;}

/*products*/
.products{background:url(../images/home_01.jpg) no-repeat center;height: 694px;text-align: center}
.title{padding-top: 50px}
.classify{width: 90%;margin-left: auto;margin-right: auto;text-align: center}
.classify li a{width:auto;float: left;display: block;padding-left:20px;padding-right:20px;text-align: center;font-size: 15px;border: 1px solid #e1e1e1;color: #424242;line-height: 40px;margin-left: 6px;margin-right: 6px;background-color: #e1e1e1;}
.classify li a:hover{border: 1px solid #1f7ccc;background-color: #1f7ccc;color: #fff}

.products ul{width: 1200px;float: left;margin-top:30px}
.products ul li{width:290px;float: left;overflow: hidden;position: relative;margin-left:5px;margin-right:5px;margin-bottom:5px}
.products ul li p{display: none}
.products ul li img{width:290px;height:218px}
.products ul li em{display: none;color: #fff;font-weight: bold}

.products ul li:hover em{display: block;position: absolute;z-index: 9999999;font-size: 16px;top: 100px;left: 90px}
.products ul li:hover p{width: 290px;height:250px;background-color: rgba(11,11,11,0.62);display: block;position: absolute;z-index: 9999}
.products ul li:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}

/*service*/
.service{background:url(../images/home_02.jpg) no-repeat center;height: 1140px;text-align: center;}
.service ul{position:relative;}
.service li{position: absolute;width: 250px;text-align: left;z-index: 9999}
.service li em{width: 64px;height: 3px;background-color: #3f586c;display: block}
.service li h1{font-size: 18px;color:#555555;line-height: 50px}
.service li i{font-size: 14px;color:#878787;line-height: 25px}

.service li:first-child{top:150px;left:50px}
.service li:first-child+li{top:150px;right:1px}
.service li:first-child+li+li{top:500px;left:705px}

/*aboutus*/
.aboutus{margin-top: 100px}
.titleabout{background:url(../images/titlebg.png) no-repeat center;height:35px;}
.titleabout i{font-size: 24px;font-weight: bold;float: left;padding-left: 30px}
.titleabout em{font-size: 24px;font-weight: lighter;float: left;padding-left:10px}
.aboutus p{float: left;width:48%;padding-top:40px;line-height:30px;text-align: left;height: 250px;display: block}
.aboutus img{float: right;width:600px;height: 317px;padding-top: 30px}
.more{background:url(../images/more1.jpg) no-repeat center;width: 61px;height: 61px;display: block;float: left}
.more:hover{background:url(../images/more2.jpg) no-repeat center;transition: transform 0.6s ease 0s;}

/*other*/
.other{background:url(../images/otherbg.jpg) no-repeat center;height:190px;}
.other ul{padding-top: 30px}
.other li{background:url(../images/gou.png) no-repeat left;height:50px;color: #fff;line-height: 50px;padding-left:30px}

/*news*/
.news{height:530px;margin-top:50px}

.hyxw{width: 400px;float: left; }
.titlehyxw{background:url(../images/titlebg2.png) no-repeat left;height:35px;margin-bottom: 20px}
.titlehyxw i{font-size: 24px;font-weight: bold;float: left;padding-left: 30px}
.hyxw li{width: 380px;float: left;background-color: #f0f0f0;height:460px}
.hyxw li:hover{background-color: #1f7ccc}
.hyxw li:hover a{color: #fff}
.hyxw li img{width: 380px;float: left;height: 250px}
.hyxw li h2{font-weight: bold;font-size: 16px;float: left;padding:40px  20px  20px 20px;font-weight: bold}
.hyxw li em{float: left;padding:0 20px 20px 20px}
.hyxw li i{float: left;padding-left: 20px}
.hyxw li p{float: right;padding-right: 20px}

.gsxw{width: 400px;float: left;margin-left:15px}
.titlegsxw{background:url(../images/titlebg2.png) no-repeat left;height:35px;margin-bottom: 20px}
.titlegsxw i{font-size: 24px;font-weight: bold;float: left;padding-left: 30px}
.gsxw li{width: 380px;float: left;line-height:45px}
.gsxw li em{width:25%;float: right;font-size: 16px;}
.gsxw li h2{width:75%;float: left;font-size: 16px;font-weight: normal}
.gsxw li:hover h2{font-weight: bold;color: #1f7ccc;}
.gsxw li i{width: 20px;float: left;font-size: 16px;font-weight: bold;}
.gsxw li p{width: 380px;float: left;height: 3px;background-color: #f0f0f0;margin-bottom: 10px}
.gsxw li:hover p{background-color: #1f7ccc;width: 200px;transition-duration: 0.5s}
.moregsxw{width: 380px;background-color: #1f7ccc;text-align: center;color: #fff ;display: block;float: left;line-height: 50px;border: 1px solid #1f7ccc}
.moregsxw:hover{background:none;border: 1px solid #1f7ccc;color: #1f7ccc;}

.faq{width:380px;float: right}
.titlefaq{background:url(../images/titlebg2.png) no-repeat left;height:35px;margin-bottom: 20px}
.titlefaq i{font-size: 24px;font-weight: bold;float: left;padding-left: 30px;width: 200px;}
.faq img{width: 373px;height: 155px}
.faqmore{float: right;font-size: 25px;font-weight: bold;width: 30px}
.faq li p{width: 5px;height:22px;display: block;background-color: #1f7ccc;float: left;margin-top:15px}
.faq li h2{float: left;font-size: 16px;padding-left: 10px;float: left;line-height: 50px}
.faq li i{float: left;width: 380px;line-height: 25px;color: #5d5d5d}
.faq li em{width: 380px;height: 3px;display: block;background-color: #f0f0f0;float: left;margin: 10px 0 10px 0}
.faq li:hover em{background-color: #1f7ccc;}

/*friendlink*/
.friendlink{ height:160px;}
.link_tgb { line-height:36px; margin:0px auto; height:36px; padding-top:35px}
.link_tgb a{ padding-right:10px; float: right; color:#424242;}
.link_tgb span {padding-left:18px; font-size:12px; }
.link_tgb .t1 {color:#000; cursor:pointer; background:#eeeeee; padding:8px 30px;}
.link_tgb .t2 {color:#fff; cursor: pointer; padding:8px 30px; background:#1f7ccc;}
.links {  margin:0px auto; padding:5px 10px; height:auto; overflow:hidden;  line-height:30px; border-top:1px solid #424242;color:#424242}
.links a {padding:0 10px; color:#424242;}
.links .hidden { display:none;}

/*footer*/
footer{height:80px;display: block;background-color: #747474}
footer p{color: #fff;line-height:50px;border-bottom: 1px dotted #fff}
.copyright{color: #fff;line-height: 30px}
.copyright i{float: left;color: #fff}
.copyright a{color: #fff;float: left}

/*foot*/
.foot{background:url(../images/footbg.jpg) no-repeat center;height:244px;text-align: center}
.foot h1{color: #fff;line-height:80px;}
.foot li em{color: #fff;line-height:30px;font-size: 14px;}
.foot i{color: #fff;line-height:40px;font-size: 16px;height: 40px;display: block}
.foot li em:nth-child(3){padding-right: 30px}
.foot li em img{padding-right:15px;}
.foot p{background-color: #fff;width: 1200px;height: 1px;margin-top: 10px}

.copyright i{float: left;color: #fff;line-height: 50px}
.copyright a{float: right;color: #fff;line-height: 50px;margin-left: 20px}

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

.nbanner h4{ display:block; color:#fff; font-size:30px;padding-top: 180px}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:1200px; padding-right: 7px; height: 35px; padding-top: 30px; padding-bottom: 30px; float:left}
.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;}

/*内页导航*/
.locabg{ width:100%; height:70px; box-shadow: 00px 8px 10px #f2f2f2; margin-bottom:50px;}
.toplist{ height:70px;}
.toplist ul{ list-style:none;}
.toplist ul li{  margin:0; padding:0; width:100px; 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:#1f7ccc; color:#fff;}
.toplist ul li.current{background:#1f7ccc; }
.toplist ul li.current a{ color:#FFF}

.location{ width:auto;  height:72px; line-height:72px; text-align:left; float:right; 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:#1f7ccc; text-decoration:none;}

/*内页products*/
.navigation  {width:280px;float: left}	
.navigation  li {float:left;width:280px; color:#fff; height:60px; line-height:60px; background:#818181;border-bottom: dotted 1px #fff}
.navigation  li:nth-last-child(1){border-bottom:none}
.navigation  li a {color:#fff;display:block;  text-decoration:none;text-align:center; font-size:14px;}
.navigation  li a:hover {color:#fff;background:#1f7ccc;}
.navigation  li.current {color:#fff;background:#1f7ccc;}
.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:280px; height:60px; line-height:60px; padding:0; border-right:none;display:block; background:none;}
.navigation  ul a {width:280px;display:block; color:#fff;text-decoration:none;font-size:12px;font-weight:normal;height:60px; line-height:50px;text-align:center;}	
.navigation  ul a:hover {color:#ffffff; background:#818181;}

.pro{width: 900px;float: right}
.pro ul li{ width:290px; height:280px; float:left; margin-right:10px; background:#fff; margin-bottom:10px; display:block;}
.pro ul li a{ display:block; width:290px; height:280px;}
.pro ul li a span{ display:block; width:290px; height:218px;overflow:hidden;}
.pro ul li a img{ display:block; width:290px; height:218px; -webkit-transition:0.6s;}
.pro ul li em{ display:block; width:288px; height:58px; line-height:58px; border:1px solid #eee; border-top:none;text-indent:2em;}
.pro ul li:hover em{background-color:#1f7ccc;border:1px solid #1f7ccc;color:#fff}
.pro ul li .img{display: block;width: 100%;position: relative;overflow: hidden;height: 100%;}
.pro ul li .img:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}

/*内页productcontent*/
.pro_right{ float:right;width:460px;height:460px;background-color:#EBEBEB}
.pro_right h1{ color:#444; line-height:40px;line-height: 100px;text-indent:1em;}
.pro_right p{margin: 2em;margin-top: 0;line-height: 30px;border-bottom: dotted 1px #42424242;padding-bottom: 30px;border-top:  dotted 1px #42424242;padding-top: 30px;height: 200px}
.pro_right a{ display:block; width:200px; height:40px; background:#1f2d38; color:#fff; line-height:40px; text-align:center;margin-left: 2em}
.pro_right a:hover{ background:#1f7ccc;}

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

.details{float: left;width: 1200px;margin-top: 30px;}
.details h2{background:url(../images/prodetail.png) no-repeat center;height: 68px;color: #fff;padding-left: 30px;line-height: 50px}
.detailsmain{font-size: 14px;line-height: 30px}








/*内页inews*/
.inew{width: 1200px;height:100%;display: block;float: left}
.inew li{width: 1200px;float: left;height: 120px;display: block}
.inew li p{width: 5px;height:22px;display: block;background-color: #1f7ccc;float: left;margin-top:15px}
.inew li h2{float: left;font-size: 16px;padding-left: 10px;float: left;line-height: 50px}
.inew li h3{float: left;font-size: 16px;padding-left: 10px;float: right;line-height: 50px}
.inew li i{float: left;width:1200px;line-height: 25px;color: #5d5d5d}
.inew li em{width:1200px;height: 3px;display: block;background-color: #f0f0f0;float: left;margin: 10px 0 10px 0}
.inew li:hover em{background-color: #1f7ccc;width: 380px;transition-duration: 0.5s}
.inew li:hover h2{color:#1f7ccc}
.inew li:hover p{color:#1f7ccc}
.inew li:hover h3{color:#1f7ccc}
.inew li:hover i{color:#1f7ccc}

/*内页inewscontent*/
.ih6 h1{ text-align:center;color:#999;font-size:30px;line-height: 50px}
.ih6 li{ width: 1200px;float: left;}
.ih6 i{width:20%;float: right;margin-right: 20px;margin-left: 20px;line-height: 50px}
.descriptions{line-height: 30px;font-size: 14px;}

/*网站地图*/
.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;  color:#fff; text-align:left;float:left; background: #1f7ccc; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin-left: auto;margin-right: auto; width:1200px;  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下的兼容性**/

/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}
.relation a:hover{color: #095cbc}
.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;}

/*mesage*/
.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:#1f7ccc;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;}

/*honorlist*/
.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:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 211px; }
.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;}

/*固定的悬浮窗*/
.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:#1f7ccc url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1f7ccc url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#1f7ccc url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#1f7ccc 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:#333 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#333 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{background:#333 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#333 url(../images/fixCont.png) no-repeat 0 -169px;}