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

h1{ font-size:21px;color:#0186d1; font-weight:bold; text-align:center;padding:10px 0; padding-bottom:15px; margin:0;}


.clear{ clear:both;_overflow:hidden;height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#333; }
a:hover{color:#004a86;}
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*/
.topbox{ width:100%; height:110px; position:relative;z-index:999; background-color: #fff;}
.logo{width: 83px;float: left;padding-top: 10px;}
.menu {width: 1100px;padding-top: 30px;padding-left: 50px}
.menu ul{width:1100px; display:block;}
.menu ul li a, .menu ul li a:visited {display:block;width:130px;text-align:center; font-size: 15px;line-height: 51px; color:#0186d1;}
.menu ul li a i, .menu ul li a:visited i{display:block;font-size: 12px;font-weight: normal;font-style: normal;}
.menu ul li{float:left;position:relative;z-index: 100;}
.menu ul li ul{display: none;width: 140px;}
.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:0;padding-top: 10px;padding-bottom: 10px; background-color:#0186d1;}
.menu ul li:hover ul li a.hide { color:#424141;}
.menu ul li:hover ul li { display:block; color:#fff; width:140px;}
.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:10px; padding-bottom:10px; background-repeat: no-repeat;background-position: center bottom;font-weight:normal;width:140px; border-bottom:1px dashed #fff;}
.menu ul li:hover ul li a:hover {background:#333; border-bottom:1px dashed #555;}

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

/*search*/
.search{ color:#0186d1; line-height:35px; height:35px; margin-top:55px;}
.search2{  width:400px; height:35px; float:right;}
.search2 input{ margin:0; color:#0186d1; text-indent:1em; line-height:35px;}
.search2 .keywords{width:298px; height:33px; float:left; border:1px solid #cacaca; }
.search2 .button{ background:#0186d1; width:100px; height:33px; border:0; float:left; color:#fff; text-align:center; font-size:14px;}
.search p{line-height:35px;}
.search p a{ color:#0186d1; padding:0 12px;}

/*productaef*/
.productaef{margin-top:50px;height: 1950px;display: block}

.grid {overflow: hidden;margin: 0;width: 100%;list-style: none;text-align: center;margin-top: 15px;border: 5px solid #0186d1;height: 600px}
.grid figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;margin: -0.135em;width:100%;height: 600px;text-align: center;cursor: pointer;  }
.grid figure img {position: relative;display: block;min-height: 100%;opacity: 0.8}
.grid figure figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;color:#0186d1}
*, *:after, *:before { border-box; box-sizing: border-box; }
50%
figure.effect-romeo {-webkit-perspective: 1000px;perspective: 1000px;}
figure.effect-romeo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
figure.effect-romeo:hover img {-webkit-transform: translate3d(0,0,300px);transform: translate3d(0,0,300px);}
figure.effect-romeo figcaption::before,figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 20%;
	left: 30%;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
.rollBox {	margin:0px; width:100%; height:220px; overflow: hidden;margin-top:60px;}
.rollBox .Cont {  width:1180px; float: left; overflow: hidden;}
.rollBox .ScrCont {	width:9342177.27px; }
.rollBox #List1 {float: left;}
.pro_bw{}
.pro_bw ul li{width: 380px;position: relative;float: left;margin-right: 20px}
.pro_bw ul li img{width: 380px;border: 3px solid #0186d1}
.pro_bw ul li em{width: 380px;text-align: center;display: none}
.pro_bw ul li:hover span{width: 380px;height:35px;background-color: rgba(0,69,152,0.72);display: block;position: absolute;bottom:0;transition-duration: 0.5s;bottom: 5px}
.pro_bw ul li:hover em{display: block;position: absolute;bottom: 0;line-height:50px;color: #fff;z-index: 999999}


/*culture*/
.culture{ height:463px; margin-top:82px;}
.cultitle{ margin:0 auto; width:269px; height:79px; background:url(../images/cultitle.gif) no-repeat;}
.culture ul{ margin-top:60px;}
.culture ul li{ width:272px; height:269px; float:left; margin-right:37px;}
.culture ul li img{ display:block; width:120px; height:120px; margin:0 auto; border-radius:70px; border:10px solid #f2f2f2;}
.culture ul li em{ display:block; width:272px; height:269px; margin-top:-66px; background:#f2f2f2;}
.culture ul li em b{ color:#0186d1 ; font-size:18px; font-weight:bold; text-align:center; display:block; padding-top:80px;}
.culture ul li em b i{ display:block; font-size:12px; font-weight: normal; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
.culture ul li em p{ display:block; padding:22px 35px; line-height:24px; color:#0186d1;}
.culture ul li:hover img{ border:10px solid #0186d1 ;}
.culture ul li:hover em { background:#0186d1 ;}
.culture ul li:hover em b{ color:#fff;}
.culture ul li:hover em p{ color:#fff;}
.culture ul li:last-child { margin-right:0;}
.culture ul li a img{ display:block;transition: 0.5s;
-moz-transition: 1s; /* Firefox 4 */
-webkit-transition: 1s; /* Safari 和 Chrome */
-o-transition: 1s;}
.culture ul li a:hover img{transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);	/* Safari 和 Chrome */
-moz-transform: rotateY(360deg);}

/*aboutus*/
.aboutus{height: 700px}
.mainaef{float: left;margin-top: 20px;color:#0186d1}
.mainaef a{font-size: 16px;font-weight: bold;line-height: 25px;float: left;width: 1200px}
.mainaef a:hover{text-decoration:underline;}
.mainaef p{width: 800px;display: block;line-height:35px;color:#0186d1;font-size: 14px;font-weight: normal;padding-top: 20px;float: left}
.aboutus1{float: right}
.mainaef span{overflow: hidden;display: block;width: 300px;height: 250px;float: right}
.mainaef span:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}
.mainaef2 li{background:url(../images/aboutus4.jpg) no-repeat;width: 300px;height: 250px;float: left}
.mainaef2 li a{color: #fff;padding-top:170px;padding-left: 38px;display: block}
.mainaef2 img{float: left}
.mainaef2 span{overflow: hidden;display: block;width: 300px;height: 250px;float: left}
.mainaef2 span:hover img{transform: scale(1.2, 1.2);transition: transform 0.6s ease 0s;}

/*newsaef*/
.newsaef{height: 400px;margin-top: 10px}
.inew{ margin-top:55px;}
.inew ul{}
.inew ul li{width:340px; height:170px; float:left; margin-right:55px; margin-bottom:40px;}
.inew ul li a{ display:block; position:relative;}
.inew ul li a span{ display:block; font-size:13px; color:#b7b7b7;position:absolute; top:133px; left:0;transition: 0.3s;-moz-transition: 0.3s; /* Firefox 4 */-webkit-transition: 0.3s; /* Safari 和 Chrome */-o-transition: 0.3s; /* Opera */}
.inew ul li a em{ font-weight:bold; font-size:16px; color:#0186d1; display:block; position:absolute; top:29px; transition: 0.3s;-moz-transition: 0.3s; /* Firefox 4 */-webkit-transition: 0.3s; /* Safari 和 Chrome */-o-transition: 0.3s; /* Opera */ }
.inew ul li a p{ display:block; line-height:20px; color:#363636; position:absolute; top:74px;transition: 0.3s;-moz-transition: 0.3s; /* Firefox 4 */-webkit-transition: 0.3s; /* Safari 和 Chrome */-o-transition: 0.3s; /* Opera */}
.inew ul li b{ display:block; width:18px; height:3px; background:#003f9f; position:absolute; top:0px;transition: 0.3s;-moz-transition: 0.3s; /* Firefox 4 */-webkit-transition: 0.3s; /* Safari 和 Chrome */-o-transition: 0.3s; /* Opera */}
.inew ul li:hover span{ top:0px;}
.inew ul li:hover em{ top:95px;}
.inew ul li:hover p{ top:32px;}
.inew ul li:hover b{ top:145px;}
.inew ul li:first-child+li+li{ margin-right:0;}
.inew ul li:first-child+li+li+li+li+li{ margin-right:0;}

/*newsbg*/
.newsbg{background:url(../images/newsbg.png) no-repeat;height: 550px;}
.newsbg li{font-size: 18px;font-weight: bold;width: 1200px;text-align: center;color: #0186d1}
.newsbg i{font-size: 12px;color:#0186d1;width: 1200px;text-align: center;display: block}

.friendlink{ height:100px; width:1200px; margin-bottom:0px;  }
.link_tgb {
	line-height:36px;
	height:36px;	background:url(../images/frindlink.png) no-repeat center;	
}
.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-left: 50px; margin-right: 20px; font-style: normal; background:url(../images/link.png) no-repeat;}
.link_tgb .t2 {color: #fff; cursor: pointer; padding-left: 50px;font-style: normal;background:url(../images/city.png) no-repeat;}
.links {
	color:#333;
	line-height: 25px;
	height: 25px;
	padding-top: 10px;

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


.copyright{ height:100px; line-height:50px; color:#fff; font-family:Arial, Helvetica, sans-serif;background-color: #0186d1}
.copyright b{ float:left; font-weight:normal;widows: 1200px;display: block}
.copyright a{ color:#fff;}

#addressaef>li{line-height:35px;font-size:16px}



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









/*内页*/
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:12px 0; height:auto; height:1%; overflow:hidden; color:#666d75; font-family:Arial, Helvetica, sans-serif;color: #0186d1}

.nbanner{ width:100%; height:400px; background:#8cbdde; z-index:-915; position:relative;background:#272727 url(../images/nbanner.jpg) no-repeat 0 0;}


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

.mainss{ width:100%; height:auto; background:#f4f4f4; padding-bottom:50px; padding-top:30px;color: #0186d1}


.titlebg{ margin:0; padding:0; width:100%; height:53px; background:#f5f5f5; border-bottom:1px solid #e4e4e4;}
.title{ width:1200px; height:53px; padding:0px; margin:0 auto;}

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


.toplist { width:auto; height:53px; padding:0px; margin:0px; float:right;}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{width:110px; height:53px; line-height:53px; float:left; background:url(../images/menuline.gif) no-repeat right center;}
.toplist dl dt a{ display:block;line-height:53px; color:#0186d1; font-family: Verdana, Geneva, sans-serif;font-size:14px; text-align:center;}
.toplist dl dt a:hover{background:#0186d1; color:#fff;}

.toplist dl dt.current{background:#0186d1;}
.toplist dl dt.current a{ color:#FFF}

.fenlei{width: 1200px;display: block;float: left;height: 80px}
.fenlei li{width: 280px;height:50px;background:url(../images/fenlei.jpg) no-repeat right center;float: left;color: #fff;display: block;margin-right: 20px}
.fenlei li a{float: left;color: #fff;display: block;font-size: 16px;line-height: 50px;padding-left:50px}
.fenlei li:hover{width: 280px;height:50px;background:url(../images/fenlei2.jpg) no-repeat right center;float: left;color: #fff;display: block;margin-right: 20px}



.fenlei1{width: 1200px;display: block;height:500px}
.rig{width:350px;height: 300px;display: block;float: left}
.fenlei1 h1{font-size:30px;text-align: left;width: 350px;line-height: 50px}
.fenlei1 i{font-size:18px;float: left;width: 350px;line-height: 30px;height: 30px}
.fenlei1 li{width: 100px;height:40px;background-color:#adadad;margin-top:60px }
.fenlei1 li a{width: 100px;text-align: center;color: #fff;display: block;line-height: 40px}
.fenlei1:hover h1{color: #0186d1}
.fenlei1:hover i{color: #0186d1}
.fenlei1:hover li{background-color:#0186d1;}

.rightimg{width:800px;display: block;float: left}
.rightimg span{width:800px;display: block;overflow: hidden;height: 395px;border:3px solid #0186d1;}
.rightimg:hover span img{transform: scale(1.5, 1.5);transition: transform 0.6s ease 0s;}

.fenlei2{width: 1200px;display: block;height:500px}
.rig2{width:350px;height: 300px;display: block;float: left;margin-left: 30px}
.fenlei2 h1{font-size:30px;text-align: left;width: 300px;line-height: 50px}
.fenlei2 i{font-size:18px;float: left;width: 300px;line-height: 30px;height: 30px}
.fenlei2 li{width: 100px;height:40px;background-color:#adadad;margin-top:60px }
.fenlei2 li a{width: 100px;text-align: center;color: #fff;display: block;line-height: 40px}
.fenlei2:hover h1{color: #0186d1}
.fenlei2:hover i{color: #0186d1}
.fenlei2:hover li{background-color:#0186d1;}

.pro_ul{}
.pro_ul ul li{width: 382px;position: relative;float: left;margin-right: 18px;margin-top:18px;border: 1px solid #0186d1;height: 198px}
.pro_ul ul li img{width: 380px;border:3px solid #0186d1;}
.pro_ul ul li em{width: 380px;text-align: center;display: none}
.pro_ul ul li:hover span{width: 380px;height:35px;background-color: rgba(0,69,152,0.72);display: block;position: absolute;bottom:0;transition-duration: 0.5s}
.pro_ul ul li:hover em{display: block;position: absolute;bottom: 0;line-height: 35px;color: #fff;z-index: 999999}






.inewboxs{ margin:0 auto; padding:0; width:100%; height:auto; font-family:Arial, Helvetica, sans-serif;}
.inewboxs dl{width:100%; height:100px; margin:40px 0px 15px 0;}
.inewboxs dl dt{display:block; width:120px; height:100px; background:#f3f3f3; float:left; font-size:12px; color:#999; line-height:40px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.inewboxs dl dt em{display:block; height:60px; line-height:60px; font-size:35px; color:#fff; background:#0186d1; font-family: baskerville, georgia, arial, serif;}
.inewboxs dl dd{display:block; height:100px; line-height:24px; margin-left:150px; color:#888; border-bottom:1px dashed #ddd;}
.inewboxs dl dd a{font-size:15px; color:#333; font-weight:bold; display:block; margin-bottom:10px}
.inewboxs dl dd a:hover{ color:#0186d1;}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; width: 1200px}
.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:#333; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #333; 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:#0186d1;}

.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:250px; height:38px; line-height:38px; font-size:15px;color:#fff; text-align:left;float:left; background: #0186d1; 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:#0186d1;}
.ieves li a:hover{ color:#004b88;}

*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; }
.picScroll dl{ width:261px; height:377px; border:2px solid #efefef; background:#efefef; margin:20px 35px 30px 0; float:left;}
.picScroll dl dt{ width:261px; height:308px;}
.picScroll dl dt img{ width:225px; height:272px; padding:18px;}
.picScroll dl dd{ width:261px; height:69px; line-height:22px; text-align:center;}
.picScroll dl dd a{ color:#282828;}
.picScroll dl dd a b{ display:block;}
.picScroll dl:hover{ border:2px solid #a26431;}


.main-content{ width:1200px;background:url(../images/kf.png) no-repeat left center; margin-bottom: 50px;}
.mess{ text-align:left; color:#0186d1; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#0186d1; 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:#0186d1;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#222;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:#0186d1; line-height:30px; font-size:14px;}
.mess2{ text-align:left; color:#777; font-size:14px;  margin-bottom:20px;   }
.mess2 b{ color: #0186d1;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;}

.picbox{ margin:0 auto; padding:0;}
.picbox img{ margin:0 auto; width:auto; height:auto; display:block;}
.description{ text-align:center;}
 





.main2{}
.main2 h1{font-size: 36px;line-height: 42px;font-weight: 900;letter-spacing: 2px;color: #0186d1}
.main2 h4{font-size: 20px;line-height: 42px;letter-spacing: 2px;text-align: center;font-weight:300;}

.content2{width: 1200px;margin-top: 20px;position: relative;display: block;}
.content2 {width: 1200px;margin-left: auto;margin-right: auto}
.content2 span{width:1200px;display: block;overflow: hidden;height: 617px;border: 3px solid #0186d1}
.content2 em{width:1200px;display: none;overflow: hidden;height: 617px;position: absolute;z-index: 99999;}
.content2:hover span img{transform: scale(1.5, 1.5);transition: transform 0.6s ease 0s;}
.content2:hover em{ background:url(../images/hoverbg.png) no-repeat center;display: block;text-align: center;color: #fff;line-height:480px;font-size:30px;font-weight: bold}

.session1{background-color: #3d3d3d;height: 800px;display: block}
.session1 h1{line-height:200px;font-weight: 900;letter-spacing: 2px;color: #fff;font-size: 66px;position: relative}
.session1 h4 {font-size: 16px;line-height:30px;font-weight: 400;letter-spacing: 1px;color: #aaa;text-align: center}
.session1 ul{width: 1200px;padding-top: 20px}
.session1 ul li{width: 300px;float: left;height: 400px;text-align: center}
.session1 ul li h2{font-size: 36px;line-height:120px;font-weight: 900;letter-spacing: 2px;}
.session1 ul li p{height: 2px;background-color: #0186d1;width: 100px;margin-left: auto;margin-right: auto}
.session1 ul li i{font-size: 84px;width: 300px;display: block;color: #0186d1;font-weight: bold;line-height: 200px}
.session1 ul li em{width: 300px;font-size: 26px;line-height: 32px;font-weight: 400;letter-spacing: 1px;float: left}

.session1 ul li:first-child{background-color: #f4f4f4;}
.session1 ul li:first-child+li{background-color: #a9a9a9;}
.session1 ul li:first-child+li+li{background-color: #f4f4f4;}
.session1 ul li:first-child+li+li+li{background-color: #a9a9a9;}
.session1 ul li:hover{background-color: #0186d1;}
.session1 ul li:first-child:hover{background-color: #0186d1;}
.session1 ul li:first-child+li:hover{background-color: #0186d1;}
.session1 ul li:first-child+li+li:hover{background-color: #0186d1;}
.session1 ul li:first-child+li+li+li:hover{background-color: #0186d1;}
.session1 ul li:hover h2{color: #fff}
.session1 ul li:hover p{background-color: #fff;}
.session1 ul li:hover i{color: #fff}
.session1 ul li:hover em{color: #fff}

.session2{background-color: #676767;height: 800px;display: block}
.session2 h1{line-height:200px;font-weight: 900;letter-spacing: 2px;color: #fff;font-size: 66px;position: relative}
.session2 h4 {font-size: 16px;line-height:30px;font-weight: 400;letter-spacing: 1px;color: #aaa;text-align: center}
.session2 ul{width: 1200px;padding-top: 20px}
.session2 ul li{width: 300px;float: left;height: 400px;text-align: center}
.session2 ul li h2{font-size: 36px;line-height:120px;font-weight: 900;letter-spacing: 2px;}
.session2 ul li p{height: 2px;background-color: #0186d1;width: 100px;margin-left: auto;margin-right: auto}
.session2 ul li i{font-size: 84px;width: 300px;display: block;color: #0186d1;font-weight: bold;line-height: 200px}
.session2 ul li em{width: 300px;font-size: 26px;line-height: 32px;font-weight: 400;letter-spacing: 1px;float: left}

.session2 ul li:first-child{background-color: #f4f4f4;}
.session2 ul li:first-child+li{background-color: #a9a9a9;}
.session2 ul li:first-child+li+li{background-color: #f4f4f4;}
.session2 ul li:first-child+li+li+li{background-color: #a9a9a9;}

.session2 ul li:hover{background-color: #0186d1;}
.session2 ul li:first-child:hover{background-color: #0186d1;}
.session2 ul li:first-child+li:hover{background-color: #0186d1;}
.session2 ul li:first-child+li+li:hover{background-color: #0186d1;}
.session2 ul li:first-child+li+li+li:hover{background-color: #0186d1;}
.session2 ul li:hover h2{color: #fff}
.session2 ul li:hover p{background-color: #fff;}
.session2 ul li:hover i{color: #fff}
.session2 ul li:hover em{color: #fff}





.product_fangda{ float:left; width:720px;}
.details{ margin-top:30px;}
.pro_ri{ float:right; width:480px; height:430px; background:#f8f8f8; padding:20px 30px;}
.pro_ri h4{ font-size:21px; color:#555; line-height:70px;}
.pro_ri .pro_des{ width:100%; border-top:1px dashed #ddd;  border-bottom:1px dashed #ddd; height:198px; overflow:hidden; padding-top:20px;}
.pro_ri .more{ width:150px; height:40px; background:#333; text-align:center; margin-top:40px;}
.pro_ri .more a{ color:#fff; line-height:40px; display:block;}
.pro_ri .more:hover{ background:#0186d1;}



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