@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"microsoft yahei",arial;font-size:14px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#666666; }
a{color:#535353; text-decoration:none;outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s; }
a:hover{color:#0092d4;}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none; margin:0; padding:0;}

#a01{ position: absolute;  margin-top:-90px;}
#a02{ position:absolute; margin-top:-90px;}
#a03{ position:absolute; margin-top:-90px;}
#a04{ position:absolute; margin-top:-90px;}
#a05{ position:absolute; margin-top:-90px;}

.nbanner img{ border:none; display:block}
input,textarea{ outline:none;font-family:"microsoft yahei"; font-size:12px;}
body {
	font-size: 14px;
	font-family: Arial, 'Microsoft YaHei', Gadget, sans-serif;
	-webkit-font-smoothing: antialiased; color:#333333;
}
input,textarea,select,button {font-family: Arial, 'Microsoft YaHei',, tahoma,simsun; outline:none;}
area{ outline:none;}
a{ text-decoration:none; color:#333333; -webkit-transition: all ease-in .2s; 
-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;
 -o-transition: all ease-in .2s; transition: all ease-in .2s;}
a:hover{ color:#fb6e1a; text-decoration:none;}
ul,li {list-style-type:none; margin:0px; padding:0px;}
.blue {color:#025597}

.f14{ font-size:15px;} 
.f18{ font-size:20px; font-weight:bold} 


.wrap { width:90%; max-width:1500px;margin:0 auto;}

.use{ float:right;}
.use a{ color:#999}
.use .language { float:right; color:#666; font-size:20px; line-height:90px;background:url(../images/language.jpg) no-repeat left center;width:280px; text-align:center;}
.use .language .select{width:128px;display:none;position:absolute; z-index:9999999; clear:both; color:#1f1a17; background:#fff;box-shadow: 0 0 10px #ccc; font-size:14px; line-height:28px; padding:20px 10px;}

.use .language .select a{color:#333}
.use .language .select a:hover{color:#fb6e1a}

.use .search{ float:right; width:40px; margin-top:38px;background:url(../images/index_05.jpg) no-repeat right top;  margin-right:13px;}
.header { height:90px;position: fixed; width:100%;z-index:9999; background-color:#fff;box-shadow: 0 0 10px #ccc;}
.header .logo{ float:left; width:35%; }
.header .logo img{ width:100%; max-width:486px; height:auto;}
.header .menu{ float:right; width:45%;}
.foot-blog-item .blog-cont-title:before, .slide-banners .owl-nav, .foot-social li a, .gotop, .blog-list .blog-item img, .product-item:hover .pd-img img, .product-item:hover .pd-img .img-hover, .arr-item:hover .pd-img img, .arr-item:hover .pd-img .img-hover, .goods-may-like .goods-item img, .topbar .currency-cur b, .head-social li img, .slide-banners-wrap .slide-prev, .slide-banners-wrap .slide-next, .nav ul, .nav-bar .nav li a, .foot-contact .inq-buttom a, .main-banner .slide-prev, .main-banner .slide-next, #nodes a, .index-products .product-slides .owl-nav, .index-products .goods-items .owl-nav, .about-banner-wrap .about-cont .about-more, .product-item .pd-img, .nav li:after, .products-tabs h2:after, .foot-social li, .product-item .item-wrap, .product-slides .product-item, .mobile-serve .mobile-head-hide, .pd-shadow, .product-slides .pd-shadow:before, .product-slides .pd-shadow:after, .foot-inquiry .subscribe-form .subscribe-btn, .foot-wrapper .foot-items a, .nav-bar .nav li .nav-ico, .index-sv-items .sv-ico, .about-more, .head-search .search-ipt, .index-sv-items .sv-ico img, .head-social li a, .nav-bar .nav li .nav-ico, .language .language-info .language-cont, .nav-bar .nav li a:before, .head-social li img, .index-sv-items .sv-item, .index-sv-items .readmore a, .about-detail .about-more:after, .product-slides-wrap .product-slides .owl-prev, .product-slides-wrap .product-slides .owl-next, .foot-blog-item .blog-cont-pic, .side-cate ul li a:before {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.head-wrapper-fix .logo img, .product-item .pd-shadow-wrap .pd-shadow, .index-sv-items .sv-tit:before, .slide-banners .flex-direction-nav a, .product-item .pd-img:before {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.product-item .pd-shadow-wrap, .product-item .pd-shadow-wrap .pd-ico {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.pc-nav ul, .language .language-info .language-cont {
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
}

.nav ul.bl-ul, .language .language-info .language-cont.language-cont-hover, .mobile-serve .mobile-head-show {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}


.nav li, .nav a {
	position: relative;
	display: block;z-index:9999;
}
.nav li li {
display: block;z-index:9999;
*display:block;
	line-height:25px;height:35px; 
	font-weight: normal;
}
.nav li li a {
	z-index:9999;
	font-size: 16x;line-height:25px; display:block;
	font-weight: normal;
}
.nav li li a:hover { padding-left:20px; border-left:solid 3px #fb6e1a;transition:.5s;}
.nav > li > ul:before {
	content: '';
	display: none;
	width: 0;
	height: 0;
	border-width: 0 6px 6px;
	border-style: dashed dashed solid;
	border-color: transparent transparent #2CA9DF;
	position: absolute;
	left: 26px;
	top: -9px;
	overflow: hidden;
}
.nav ul {
	width:120px; 
	position: absolute;
	top: 90px;z-index:9999;
	left: 0;
	background: #fff;
	opacity: 0.8;
	text-align: left;
	visibility: hidden; font-size:15px;
	opacity: 0;
	padding:25px 30px;
	text-transform: none;box-shadow: 0 0 10px #ccc;
}

.nav .zhankai {
	width:100%; max-width:1440px; left:50%;margin-left:-750px;padding:25px 3%;
	position: fixed; top:90px;
}

/* .nav ul:before{content:'';width: 100%;height: 2px;background-color: #0ab1f0;position: absolute;left: 0;top: 0;z-index: 99;} */
.nav ul ul {
	top: 0;
	left: 222px;
	box-shadow: 0 0 10px #ccc;
	text-transform: none; font-size:15px;
}
.nav ul ul:before {
	display: none;
}
.nav ul.bl-ul {
	display: block;
	height: auto;
	opacity: 1;
	visibility: visible;
}
.nav > li {
	display: inline-block;
	vertical-align: top;
    *display:inline; padding-right:45px;
    *zoom:1;
	position: relative; text-transform:uppercase;
	border-bottom: none;
}
.nav > li:last-child { padding-right:0}
.nav > li:hover {
	background-color: #fff;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.nav > li.li-hover > a {
	position: relative;
	z-index: 1000;
}
.nav > li:first-child:before {
	display: none;
}
.nav > li > a {
	display: inline-block;
	height: 90px;
	line-height:90px;
	font-size: 18px;
	position: relative;
	z-index: 999;
	padding: 0;
	z-index: 99;
}

.nav-bar .nav > li > a {
	float: left;
	position: relative;
}

.nav-bar .nav:hover > li.nav-current > a:before {
	width: 0;
}

.nav-bar .nav > li.nav-current > a:before, .nav-bar .nav > li.li-hover > a:before, .nav-bar .nav > li > a:hover:before, .nav-bar .nav:hover > li.nav-current:hover > a:before {
	width: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
}
.nav-bar .nav li .nav-ico {
	margin-top: -18px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 4px;
	vertical-align: middle;
	overflow: hidden;
}
.nav-bar .nav li .nav-ico:before {
	display: inline-block;
	content: '';
	width: 17px;
	height: 10px;
	border-width: 4px 4px 0;
	vertical-align: middle;
	background-image: url(../images/index_13.jpg);
	background-repeat: no-repeat; 
}
.nav-bar .nav li:hover .nav-ico, .nav >li.nav-current .nav-ico {
	margin-top: -13px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.nav-bar .nav li:hover .nav-ico:before {
	border-color: #fff transparent transparent;
}
.nav-bar .nav li li .nav-li-ico {
	display: block;
	width: 0;
	height: 0;
	border: 4px solid;
	position: absolute;
	top: 21px;
	right: 5px;
	border-color: transparent transparent transparent #fff;
	background: none;
	margin: 0;
	padding: 0;
}

.nav-bar .nav li li:hover .nav-li-ico {
}
.nav li .zhankai li {
display: block;z-index:9999;
*display:block;
	line-height:25px;height:auto; 
	font-weight: normal;
}
.nav li .zhankai{ padding-bottom:50px}
.nav li .zhankai li h3 {font-size:18px; line-height:50px; color:#333; margin-bottom:6px; font-weight:bold }
.nav li .zhankai li h3 a:hover{ border:none; padding:0;}
.nav li .zhankai li p { height:32px;}
.nav li .zhankai li { float:left; border-right:solid 1px #ddd; padding-left:30px;}
.nav li .zhankai li:first-child{ padding-left:0; width:38%}
.nav li .zhankai li .qita p{ width:33.33%; float:left; display: block}


.nav li .zhankai li:nth-child(2){ width:52%}
.nav li .zhankai li:last-child{ border:none}

.nav li .zhankai02 li {
display: block;z-index:9999;
*display:block;
	line-height:25px;height:auto; 
	font-weight: normal;
}
.nav li .zhankai02{ padding-bottom:50px}
.nav li .zhankai02 li h3 a{font-family: 'fetteEngschrift'; font-size:24px; line-height:50px; color:#333; margin-bottom:6px;}
.nav li .zhankai02 li h3 a:hover{ border:none; padding:0;}
.nav li .zhankai02 li p { height:32px;}
.nav li .zhankai02 li { float:left; border-right:solid 1px #ddd; min-height:215px; padding-left:30px;}
.nav li .zhankai02 li:first-child{ padding-left:0; width:360px}
.nav li .zhankai02 li:first-child p{ float:left; width:50%}
.nav li .zhankai02 li:nth-child(2){ width:320px}

.banner{ padding-top:90px;}
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img {width: 100%;display: block;}
.flexslider .slides .img {width: 100%;display: block;height:100%;}
.flexslider .slides li a{background-position:center center; background-repeat:no-repeat; background-size:cover; display:block}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 52%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.black_overlay12 { Z-INDEX: 9999; POSITION: fixed; FILTER: alpha(opacity=0); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP:90px; LEFT: 0%; -moz-opacity: 0; opacity: 0}

.www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden;background-color:#eee; height: 55px; padding-top:15px;TOP:90px;-webkit-transition: .4s;transition: .4s}
.www_zzjs_net12 .conn{ width:450px; margin:0 auto; background-color:#fff;BACKGROUND-COLOR: white; line-height:40px;height:40px; border:solid 1px #ddd; font-size:15px }
.www_zzjs_net12 .guanbi{top: 20px;right: 10%;display:block; position: absolute;}
.www_zzjs_net12 .conn  .hjbut{ background:url(../images/index_03.jpg) no-repeat center center; width:45px; height:40px; display:block; border:none; float:left}
.www_zzjs_net12 .conn  .guanjianzi{ width:325px; font-size:15px; color:#666; line-height:40px;height:40px; border:none; float:left}
.www_zzjs_net12 .conn  .sytijiao{ width:80px; font-size:15px; color:#fff; background-color:#dd0014; line-height:40px;height:40px;border:none; float:left}


.pros{ padding:60px 0;}

.title h3{ line-height:66px; font-size:35px; text-align:center; font-weight:bold; color:#484848;}
.title p{ line-height:30px; font-size:16px; text-align:center; color:#666;}

.pros .conn{ padding:20px 0;}

.pros .picScroll{ position:relative;width:100%;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.pros .picScroll ul{ overflow:hidden; zoom:1;width:100%;}

.pros .picScroll ul li{ float:left; width:25%;overflow:hidden; text-align:center; display:block; position:relative;}
.pros .picScroll ul li .pic{ margin:0 auto;width:80%; max-width:250px; height:auto;border-radius: 50%; margin-bottom:25px;}
.pros .picScroll ul li .pic img{ width:100%; height:auto;border-radius: 50%; border:solid 5px #dd0014;opacity:0.9;filter:alpha(opacity=90);}
.pros .picScroll ul li a:hover img{ opacity:1;filter:alpha(opacity=70);}

.hot{position: absolute; padding-left:10px;}
#cnzz_stat_icon_1276094865{position: absolute; padding-left:10px; padding-top:4px}

.pros .picScroll .prev,
.pros .picScroll .next{ position:absolute; z-index:9999;  left:0px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../images/guwenleft.png) no-repeat; cursor:pointer;}
.pros .picScroll .next{ left:auto; right:0px; background:url(../images/guwenright.png) no-repeat;z-index:9999; }
.pros .picScroll .prevStop{background:url(../images/guwenleft.png) no-repeat;z-index:9999; }
.pros .picScroll .nextStop{background:url(../images/guwenright.png) no-repeat;z-index:9999; }



.pros .tabmenu { margin-top:20px; margin-bottom:10px; text-align:center}
.pros .tabmenu li {color:#333; background-color:#dddddd; font-size:17px;line-height:42px; padding:0px 56px; margin-right:10px;display:inline-block; border-radius:5px}

.pros #ptabcontent { clear:both; height:330px; overflow:hidden}
.pros .tabmenu .cli { background-color:#db0014; color:#fff; }
.pros #ptabcontent .hidden {display:none;}
.pros #ptabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease}




.about{ background-color:#f8f8f8;box-shadow: 0 0 2px #ddd;}
.about .aboutpic{ float:left; width:50%;}
.about .aboutpic img{ width:100%; height:auto}
.about .aboutjian{ float:left; width:50%; max-width:800px;}
.about .aboutjian .conn{ padding:6%;}

.about .aboutjian .conn .biaoti h3{ line-height:66px; font-size:35px;font-weight:bold; color:#484848;}
.about .aboutjian .conn .biaoti .line{ background-color:#dd0014; height:3px; width:70px; margin:15px 0;}
.about .aboutjian .conn .intro{ padding:8px 0;}
.about .aboutjian .conn .intro p{ font-size:15px; color:#666; line-height:30px; margin-bottom:10px; margin-top:15px;}


.about .tomore {display: block;width: 160px; font-weight:bold;height:40px;text-align: center;background: #f8f8f8;color: #dd0014;position: relative;line-height: 40px; border: solid 2px #dd0014; border-radius:15px; font-size:16px; margin-top:30px; }
.about .tomore i, .tomore span {position: absolute;width: 100%;height:40px;left: 0;top: 0;z-index: 2;-webkit-transition: .4s;transition: .4s}
.about .tomore i {z-index: 1;background: #dd0014;width: 0;border-radius:13px; }
.about .tomore:hover i {width: 100%}
.about .tomore:hover {color: #fff}



.app{ padding:40px 0 60px 0;}
.app .conn{ padding:20px 0;}

.app .picScroll01{ position:relative;width:100%;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.app .picScroll01 ul{ overflow:hidden; zoom:1;width:100%;}

.app .picScroll01 ul li{ float:left; width:16.66%;overflow:hidden; text-align:center; display:block; position:relative;  }
.app .picScroll01 ul li .pic{ width:90%; max-width:140px; margin:0 auto; border:solid 1px #cdcdcd; padding:0; background-color:#fff;}
.app .picScroll01 ul li .pic img{ width:80%;height:auto; margin:0 auto}

.app .picScroll01 h3{font-size:18px; color:#484848}

.app .picScroll01 ul li:hover .pic{ border:solid 2px #dd0014; }

.app .picScroll01 ul li .bai{ display:none}
.app .picScroll01 ul li.hui{ display: block}
.app .picScroll01 ul li:hover .bai{ display:block}
.app .picScroll01 ul li:hover .hui{ display:none;}

.app .picScroll01 .prev,
.app .picScroll01 .next{ position:absolute; z-index:9999;  left:-50px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../images/guwenleft.png) no-repeat; cursor:pointer;}
.app .picScroll01 .next{ left:auto; right:-50px; background:url(../images/guwenright.png) no-repeat;z-index:9999; }
.app .picScroll01 .prevStop{background:url(../images/guwenleft.png) no-repeat;z-index:9999; }
.app .picScroll01 .nextStop{background:url(../images/guwenright.png) no-repeat;z-index:9999; }

.app .picScroll01 .triangle_border_down{ width:0;height:0;border-width:10px 10px 0;border-style:solid;border-color:#cdcdcd transparent transparent;margin:0 auto;position:relative; margin-bottom:5px;}
.app .picScroll01 li:hover .triangle_border_down{ width:0;height:0;border-width:10px 10px 0;border-style:solid;border-color:#dd0014 transparent transparent;margin:0 auto;position:relative; margin-bottom:5px;}


.app .tomore {display: block; margin:0 auto;width: 160px;height:40px; font-weight:bold;text-align: center;background: #fff;color: #dd0014;position: relative;line-height: 40px; border: solid 2px #dd0014; border-radius:15px; font-size:16px;  }
.app .tomore i, .tomore span {position: absolute;width: 100%;height:40px;left: 0;top: 0;z-index: 2;-webkit-transition: .4s;transition: .4s}
.app .tomore i {z-index: 1;background: #dd0014;width: 0;border-radius:13px; }
.app .tomore:hover i {width: 100%}
.app .tomore:hover {color: #fff}


.news{ padding:40px 0; background:url(../images/newsbg.jpg) repeat-x center top;}
.news .conn{ padding:20px 0;}


.news .tabmenu { margin-top:20px; margin-bottom:10px; text-align:center}
.news .tabmenu li {color:#333; background-color:#dddddd; font-size:17px;line-height:42px; padding:0px 56px; margin-right:10px;display:inline-block; border-radius:5px}

.news #tabcontent { clear:both;}
.news .tabmenu .cli { background-color:#db0014; color:#fff; }
.news #tabcontent .hidden {display:none;}
.news #tabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease}




.news .kuai .pic{ width:88%; margin:0 auto;height:182px; overflow:hidden; display:block; margin-bottom:10px;}
.news .kuai .con{ width:88%; margin:0 auto;}
.news .kuai img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.news .kuai:hover img{transform:scale(1.1);}

.news .kuai{ float:left; width:25%;overflow:hidden; text-align:center; display:block; position:relative;}


.news .kuai h3{ text-align:left; font-size:16px;line-height:26px; padding:3px 0; margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .kuai p{ text-align:left; color:#999; font-size:13px;}
.news .kuai p .youl{ float:right;color:#ccc}

.news .tomore {display: block; margin:0 auto;width: 160px;height:40px; font-weight:bold;text-align: center;background: #fff;color: #dd0014;position: relative;line-height: 40px; border: solid 2px #dd0014; border-radius:15px; font-size:16px; margin-top:35px; }
.news .tomore i, .tomore span {position: absolute;width: 100%;height:40px;left: 0;top: 0;z-index: 2;-webkit-transition: .4s;transition: .4s}
.news .tomore i {z-index: 1;background: #dd0014;width: 0;border-radius:13px; }
.news .tomore:hover i {width: 100%}
.news .tomore:hover {color: #fff}

.youshi{ padding:40px 0 60px 0; background:#f8f8f8; margin-top:25px;}
.youshi .conn{ padding:20px 0;}
.youshi li{ float:left; width:20%; text-align:center; }
.youshi li .pic{ width:94%; max-width:125px; height:auto;padding:3%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:0 auto; margin-bottom:20px;position:relative}
.youshi li .pic img{ display:block; width:100%}
.youshi li .pic i{ position:absolute; left:0;top:0; background:url(../images/ys_bdbg.png) no-repeat center; background-size:100%; width:100%; height:100%; -webkit-transition:1s ease;-moz-transition:1s ease;transition:1s ease;}
.youshi li:hover .pic i{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
.youshi li h3{font-size:20px; color:#484848}

.youshi ul li .bai{ display:none}
.youshi ul li .hui{ display: block}
.youshi ul li:hover .bai{ display:block}
.youshi ul li:hover .hui{ display:none;}


.footer { background-color:#424242; padding:35px 0 60px 0; color:#f6fff0; line-height:28px;}
.footer h3{ line-height:42px; font-size:18px;}
.footer h3 a{ color:#fff;}

.footer p a{ color:#f6fff0; line-height:26px;}
.footer .flogo{ margin-bottom:15px;}
.footer .kuai .erji p{ float:left;width:33.33%;}

.footer .kuai:last-child{ float:right; width:136px; text-align:center}
.footer .kuai:first-child{ float:left; width:250px; margin-right:45px;}
.footer .kuai:first-child h3{ font-size:15px;letter-spacing:1px}
.footer .kuai:nth-child(2){ float:left; width:150px; margin-right:45px;}
.footer .kuai:nth-child(3){ float:left; width:150px; margin-right:45px;}
.footer .kuai:nth-child(4){ float:left; width:150px; margin-right:45px;}
.footer .kuai:nth-child(5){ float:left; width:365px; margin-right:45px;}
.footer .kuai:nth-child(6){ float:left; width:160px; margin-right:45px;}
.copyright { background-color:#424242;color:#f6fff0; line-height:28px; padding:12px; border-top:solid 1px #505050}
.copyright a{ color:#fff}


@media screen and (max-width:1500px){
.footer .kuai:first-child{ margin-right:30px;}
.footer .kuai:nth-child(2){ margin-right:30px;}
.footer .kuai:nth-child(3){ margin-right:30px;}
.footer .kuai:nth-child(4){margin-right:30px;}
.footer .kuai:nth-child(5){margin-right:30px;}
}
@media screen and (max-width:1400px){
.footer .kuai:nth-child(3){width:500px;}
.footer .kuai:first-child{ margin-right:20px;}
.footer .kuai:nth-child(2){ margin-right:20px;}
.footer .kuai:nth-child(3){ margin-right:20px;}
.footer .kuai:nth-child(4){margin-right:20px;}
.footer .kuai:nth-child(5){margin-right:20px;}
}
@media screen and (max-width:1300px){
.footer .kuai:nth-child(3){width:480px;}
.footer .kuai:first-child{ margin-right:0px;}
.footer .kuai:nth-child(2){ margin-right:0px;}
.footer .kuai:nth-child(3){ margin-right:10px;}
.footer .kuai:nth-child(4){margin-right:10px;}
.footer .kuai:nth-child(5){margin-right:0px;}
}
.nbanner{ padding-top: 90px;}
.nbanner img { width:100%; height:auto}

.nbanner .text01 {position: absolute;width: 100%; margin-top:-260px;font-size: 35px;text-align:center; color:#fff;text-shadow:#333 3px 4px 5px}
.nbanner .text01 h3{line-height:60px;  font-size:40px;text-transform:uppercase;}
.nbanner .text01 p{font-size:18px;}

.nbanner .text02 {position: absolute;width: 100%;margin-top:-260px;font-size: 35px;text-align:center; color:#333;text-shadow:#fff 3px 4px 5px}
.nbanner .text02 h3{line-height:60px;  font-size:40px;text-transform:uppercase;}
.nbanner .text02 p{font-size:18px;}

.nguide {line-height: 50px; color: #333333;background: #fafafa; text-align:center }
.nguide .wrap{ width:100%; max-width:1200px; min-width:auto; margin:0 auto; }
.nguide ul { float:left; width: 70%;font-size: 16px;}
.nguide li { float: left; width:20%; max-width:160px;}
.weizhi{float: right;text-align: right; font-size:14px;}
.weizhi p{background: url(../images/map_icon.png) no-repeat left center;padding-left: 25px;color: #666;}
.weizhi p .jiange {padding: 0 12px;}
.weizhi p a {color: #666;}

.nguide li a {float: left; width:100%;color: #333333;display: block; text-align:center}
.nguide li a:hover, .nguide li .cur {color: #fff;background-color:#dd0014;}

.nguide001 {line-height: 50px; font-size: 16px;color: #333333;background: #fafafa; }
.nguide001 .wrap{ width:100%; max-width:1200px; min-width:auto; margin:0 auto; }
.nguide001 li { float: left; width:50%; max-width:160px;}
.nguide001 ul { float:left; width: 70%;font-size: 16px;}
.nguide001 li a {float: left; width:100%;color: #333333;display: block; text-align:center}
.nguide001 li a:hover, .nguide001 li .cur {color: #fff;background-color:#dd0014;}

.nguide02 ul { float:left; width: 70%;font-size: 16px;}
.nguide02 {line-height: 50px; font-size: 16px;color: #333333;background:#fafafa; }
.nguide02 .wrap{ width:100%; max-width:1200px; min-width:auto; margin:0 auto; }
.nguide02 li a:hover, .nguide02 li .cur {color: #fff;background-color:#dd0014;}
.nguide02 li a {float: left; padding: 0 20px;color: #333333;display: block;}

.nguide03 ul { float:left; width: 70%;font-size: 16px;}
.nguide03 {line-height: 50px; font-size: 16px;color: #333333;background:#fafafa; }
.nguide03 .wrap{ width:100%; max-width:1200px; min-width:auto; margin:0 auto; }
.nguide03 li h3 {font-size:16px; line-height:50px; color:#333; margin-bottom:6px; font-weight:bold }
.nguide03 li h3 a:hover{ border:none; padding:0;}
.nguide03 li p { height:32px;}
.nguide03 li { float:left; border-right:solid 1px #ddd; padding-left:60px;padding-bottom:20px; }
.nguide03 li:first-child{ padding-left:0; width:28%}
.nguide03 li .qita p{ width:33.33%; float:left; display: block}
.nguide03 li a:hover, .nguide03 li .cur{ padding-left:20px; border-left:solid 3px #dd0014}

.nguide03 li:nth-child(2){ width:66%;}
.nguide03 li:last-child{ border:none}

.nnguide ul { float:left; width: 70%;font-size: 16px;}
.nnguide .wrap{ width:100%; max-width:1200px; min-width:auto; margin:0 auto; }
.nnguide li a:hover, .nnguide li .cur {color: #fff;background-color:#dd0014;}
.nnguide li a {float: left; padding: 0 20px;color: #333333;display: block;}

.about01{ padding:45px 0 80px 0; }
.A-title{width:288px;padding:0 0 20px;text-align:center;border-bottom:1px solid #e1e1e1;position:relative;margin:0 auto;}
.A-title span{display:block;line-height:54px;font-size:36px;color:#000;}
.A-title span:after{content:"";display:block;width:67px;height:3px;background:#fb6f1a;position:absolute;bottom:-1px;left:50%;margin:0 0 0 -33px;}
.A-title.At2 span{color:#fff;}
.A-title p{ font-size:16px}

.about01 .conn{width:100%; max-width:1200px; margin:0 auto;}
.about01 .conn p{ font-size:15px; margin-top:10px;line-height:30px;color:#666;}
.comPro-box{width:49.8333%;float:left;margin:34px 0 0;}
.comPro-box .con{line-height:30px;color:#666;overflow:hidden;/*visibility:hidden;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;*/}
.comPro-box .con p{ font-size:15px; margin-top:10px;}
.comPro-box .more{text-align:center;position:relative;margin:14px 0 0;display:none;}
.comPro-box .more a{display:inline-block;width:65px;height:37px;background:#fff url(../images/icon-more.png) no-repeat center center;position:relative;z-index:2;}
.comPro-box .more:after{content:"";display:block;width:100%;height:1px;background:#f1f1f1;position:absolute;left:0px;top:50%;margin-top:-1px;}
.comPro-box .more.cur a{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.comPro-img{width:43.9166%;position:relative;float:right;margin:50px 0 0;}
.comPro-img img{width:100%;height:auto;object-fit:cover;position:relative;z-index:2;}
.comPro-img:after{content:"";display:block;width:325px;height:237px;border-top:1px solid #dd0014;border-right:1px solid #dd0014;position:absolute;right:-21px;top:-21px;}
.comPro-img:before{content:"";display:block;width:459px;height:334px;background:#eeeeee;position:absolute;bottom:-20px;left:-20px;}


.about02{ padding:45px 0 60px 0; min-height:450px;}
.about02 .conn{ padding:30px 0;width:100%; max-width:1200px; margin:0 auto;}

.about02 .picScroll{ position:relative;width:100%;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;}
.about02 .picScroll ul{ overflow:hidden; zoom:1;width:100%;}

.about02 .picScroll ul li{ float:left; width:25%;overflow:hidden; text-align:center; display:block; position:relative;}
.about02 .picScroll ul li .pic{ margin:0 auto;width:90%; height:auto;margin-bottom:25px; display:block; border:solid 1px #ddd}
.about02 .picScroll ul li .pic img{ width:100%; height:auto;}

.about02 .picScroll .prev,
.about02 .picScroll .next{ position:absolute; z-index:9999;  left:-50px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../images/guwenleft.png) no-repeat; cursor:pointer;}
.about02 .picScroll .next{ left:auto; right:-50px; background:url(../images/guwenright.png) no-repeat;z-index:9999; }
.about02 .picScroll .prevStop{background:url(../images/guwenleft.png) no-repeat;z-index:9999; }
.about02 .picScroll .nextStop{background:url(../images/guwenright.png) no-repeat;z-index:9999; }


.com-history{padding:71px 0 57px;background:url(../images/comhist-bg.jpg) no-repeat center center / cover;}

.comHist-man{width:100%; max-width:890px;background:url(../images/comhist-bg2.jpg) no-repeat center center / cover;box-shadow:7px 0 18px rgba(31,95,166,.2);position:relative;margin:78px auto 0;}
.cHman-box{padding:5%;width:90%;color:#fff;margin:0 auto;}
.cHman-box .year{line-height:38px;font-size:36px;font-weight:600;text-align:center;position:relative;}
.cHman-box .year:after,
.cHman-box .year:before{content:"";display:inline-block;width:34px;height:1px;background:rgba(255,255,255,.6);vertical-align:middle;margin:-2px 25px 0 0;}
.cHman-box .year:after{margin:-2px 0 0 25px;}
.cHman-box ul{margin:30px 0 0;}
.cHman-box ul li{line-height:21px;padding:0 0 15px 24px;position:relative;}
.cHman-box ul li:before{content:"";display:block;width:7px;height:7px;border-radius:100%;border:1px solid rgba(191,191,191,.8);position:absolute;left:0px;top:7px;}
.cHman-box ul li:after{content:"";display:block;width:1px;height:calc(100% - 7px);background:rgba(191,191,191,.8);position:absolute;top:14px;left:3px;}
.cHman-box ul li:last-child:after{display:none;}

.comHist-prev,
.comHist-next{display:block;width:69px;height:100%;position:absolute;top:0px;z-index:2;}
.comHist-prev{left:-69px;background:url(../images/swiper2-l.png) no-repeat left center;}
.comHist-next{right:-69px;background:url(../images/swiper2-r.png) no-repeat right center;}


.comHist-min{position:relative;margin:49px 0 0;}
.comHist-min:after{content:"";display:block;width:100%;height:1px;background:#bbbbbb;position:absolute;left:0px;bottom:41px;}
.comHist-min .swiper-container{padding:75px 0 42px;}
.cHmin-box{display:block;height:46px;padding:0 0 18px;text-align:center;position:relative;}
.cHmin-box .year{display:block;line-height:28px;font-size:18px;color:#666666;}
.cHmin-box:after{content:"";display:block;width:2px;height:8px;background:#bbbbbb;position:absolute;left:50%;bottom:0;margin:0 0 0 -1px;}
.cHmin-box.cur .year{width:93px;height:93px;line-height:93px;font-size:20px;font-weight:600;color:#fff;border-radius:100%;background:#dd0014;position:absolute;left:50%;top:-75px;margin:0 0 0 -46px;}
.cHmin-box.cur:after{width:23px;height:58px;background:url(../images/icon-cur.png) no-repeat center center;bottom:-42px;margin:0 0 0 -11px;}

.nmain{ padding:45px 0 80px 0;}

.news_list{padding:25px 0;width:100%; max-width:1200px; margin:0 auto}
.news_list .newspic{ float:left; width:27%;}
.news_list .newspic span{ height:200px;overflow:hidden; display:block; }
.news_list .newspic span img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.news_list .newskuai:hover .newspic  span img{transform:scale(1.1);}
.news_list .newskuai a{ padding:35px 0; display:block; border-bottom:solid 1px #dddddd}
.news_list .newskuai h3{ line-height:56px;height:56px; overflow:hidden; color:#333; font-size:18px;}
.news_list .newskuai p{line-height:28px; height:56px; overflow:hidden; color:#666; font-size:14px;}
.news_list .newskuai .time{background:url(../images/time.png) no-repeat left center; padding-left:25px; margin-top:45px; height:auto}

.news_list .newscon{ float:right; width:70%;}
.news_list .newskuai a:hover{ background-color:#f2f2f2}

.news_con{padding:25px 0 65px 0;width:100%; max-width:1200px; margin:0 auto}
.news_con .biaoti02{line-height:50px; color:#333; font-size:18px; }

.news_con .tuijian{ float:left; width:25%; }
.news_con .tuijian .biao{ background-color:#dd0014; color:#fff; line-height:40px; padding-left:20px;}

.news_con .tuijian .nnkuai{ border-bottom: dashed 1px #ddd; margin-top:20px; padding-bottom:20px;}
.news_con .tuijian .nnkuai .pic{ float:left; width:35%; height:60px; overflow:hidden}
.news_con .tuijian .nnkuai .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.news_con .tuijian .nnkuai:hover .pic img{transform:scale(1.1);}
.news_con .tuijian .nnkuai .wenzi{ float:right; width:60%;}
.news_con .tuijian .nnkuai .wenzi h3{ font-size:14px; line-height:26px;}

.news_con .newsx{ float:right; width:68%; border-left:solid 1px #ddd; padding-left:4%; }

.news_con .news_con_sj{line-height:32px; color:#666; font-size:14px; }
.news_con .news_con_sj .time02{background:url(../images/time.png) no-repeat left center; padding-left:25px; float:left;}
.news_con .news_con_sj .liul{background:url(../images/liul.jpg) no-repeat left center; padding-left:25px; float:left; margin-left:15px;}
.news_con  .xiangq{padding:30px 0 65px 0; border-top: solid 1px #ddd; line-height:30px; color:#666; font-size:14px; margin-top:12px;}
.news_con  .xiangq p{ line-height:28px; margin-bottom:12px; font-size:14px;}
.news_con  .xiangq img{ width:auto; max-width:100%; margin:20px auto; height:auto}

.shangxia { margin-top:50px; padding:20px 0; border-top:solid 1px #ddd; line-height:32px; font-size:15px;}

.back{ width:136px; text-align:center; margin:50px auto; line-height:40px; background-color:#dd0014;; padding-left:10px;}
.back a{background:url(../images/jiantou.png) no-repeat 15px center; display:block; width:100%; color:#fff}

.lianxis { width:100%; max-width:1200px; margin:36px auto 0px auto}
.lianxis .lxfs{ float:left; width:45%; font-size:16px;}

.lianxis .lxfs .tel{background:url(../images/lianxiicon02.png) no-repeat left top; height:55px; line-height:55px; margin-bottom:38px; padding-left:75px;}
.lianxis .lxfs .fax{background:url(../images/lianxiicon02.png) no-repeat left -83px; height:55px; line-height:55px; margin-bottom:38px; padding-left:75px;}
.lianxis .lxfs .email{background:url(../images/lianxiicon02.png) no-repeat left -174px;height:55px; line-height:27px; margin-bottom:38px; padding-left:75px;}
.lianxis .lxfs .email a:hover{color:#e10404;}
.lianxis .lxfs .add{background:url(../images/lianxiicon02.png) no-repeat left -266px; height:55px; line-height:55px; margin-bottom:38px; padding-left:75px;}


.lianxis .liuyan{ float:right; width:50%; font-size:16px; color:#fff;}
.message-con-1{ float:left; width:49%; margin-bottom:20px}
.message-con-1:nth-child(2n){ float:right}
.message-con-1 .input-m{ width: 96%; padding:10px 2%; border:1px solid #ddd; filter: Alpha(Opacity=0); outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2{ width:100%; margin-bottom:20px;}
.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:100px; font-size:15px; text-align:right;padding-top:7px;}
.message-con-2 textarea{ padding:10px 1%; border:1px solid #ddd;width:98%; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .input-m{ width:100px; padding:10px;border:1px solid #ddd; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .submint-m{ background:#ff9900; color:#fff; text-align:center; width:100%;display:block;line-height:40px; border:none; cursor:pointer; font-size:18px}

.lianxis input{ color:#666;}


.dingzhi .conn{width:100%; max-width:1200px; margin:0 auto; padding:30px 0; }
.dingzhi .conn h3{ font-size:20px; margin-top:10px;line-height:25px;color:#333; margin:10px 0; border-left:solid 4px #dd0014; padding-left:20px;}
.dingzhi .conn p{ font-size:15px; margin-top:10px;line-height:30px;color:#666;}
.dingzhi .conn h3 .shuom{ color:#dd0014; font-size:15px}

.promain .dangqian { margin-bottom:50px;}
.promain .dangqian .tit h3 {background-color: #dd0014;font-size: 16px; text-align: center;color: #fff;line-height: 40px; display:block; margin:0 ; padding:0}
.promain .dangqian h3 a{ color:#fff; display:block}
.promain .dangqian .con {padding: 20px;display:block; border:solid 1px #ddd; padding-bottom:40px; }
.promain .dangqian  h3{ color:#333; background-color:#fff; line-height:40px; margin-bottom:10px; text-align:left; font-size:15px;}

.promain .dangqian .con .co p{ line-height:28px; background: url(../images/dian.png) no-repeat left center; padding-left:2%; float:left; width:18%;}
.promain .dangqian .con .co p a{ text-decoration:underline}

.promain .dangqian .con h3{ font-size:20px; margin-top:10px;line-height:25px;color:#333; margin:10px 0; border-left:solid 4px #dd0014; padding-left:20px;}

.promain {width:100%; max-width:1200px; margin:0 auto; padding:30px 0; }
.promain .kuai{ float:left; width:18.4%; margin-right:2%; margin-bottom:20px;}
.promain .kuai:nth-child(5n){ margin-right:0}
.promain .kuai h3 {background-color: #dd0014;font-size: 16px; text-align: center;color: #fff;line-height: 40px;}
.promain .kuai h3 a{ color:#fff}
.promain .kuai .con {padding: 10px 20px;min-height: 260px; display:block; border:solid 1px #ddd}

.promain .kuai .con p{ line-height:26px; background: url(../images/dian.png) no-repeat left center; padding-left:20px;} 


.proxiang .conn{width:100%; max-width:1200px; margin:0 auto; padding:30px 0; }
.proxiang .conn h3{ font-size:20px; margin-top:10px;line-height:25px;color:#333; margin:10px 0; border-left:solid 4px #dd0014; padding-left:20px;}
.proxiang .conn p{ font-size:15px; margin-top:10px;line-height:30px;color:#666;}
.proxiang .conn table{ border-top:solid 1px #ddd; border-left:solid 1px #ddd} 
.proxiang .conn td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:8px; text-align:center} 

.proxiang .conn tr:nth-child(2n+1) td{background-color:rgba(109,176,48,0.3);}
.proxiang .conn tr:first-child td{ color:#fff;background-color: #dd0014; font-weight:bold; font-size:15px;}
.proxiang02 .conn table{ border-top:solid 1px #ddd; border-left:solid 1px #ddd} 
.proxiang02 .conn td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:4px 8px; text-align:center}
.proxiang02 .conn tr:first-child td{ color:#fff;background-color: #dd0014; font-weight:bold;  padding:8px;font-size:15px;}
.proxiang02 .conn p{ font-size:15px; margin-top:0px;line-height:30px;color:#666; margin:0; padding:0}


.proleft{ float:left; width:25%; }
.proleft .dangqian .biao{ background-color:#fafafa; color:#fff; line-height:40px;}
.proleft .dangqian .biao a{ background-color:#dd0014;color:#fff; display: block; padding-left:20px}

.proleft .dangqian .biao a:hover, .proleft .dangqian .biao .cur{ background-color:#dd0014;color:#fff;}

.proleft .dangqian  p{ border-bottom: dashed 1px #ddd; padding-top:15px; padding-bottom:15px; padding-left:30px; font-size:15px;}
.proleft .dangqian p:nth-child(2n){ background:#fafafa}
.proleft .dangqian p a:hover{ padding-left:20px; border-left:solid 3px #dd0014}

.proleft .qitad .biao{ background-color:#fafafa; color:#fff; line-height:40px; margin-top:5px;}
.proleft .qitad .biao a{ background-color:#dd0014;color:#fff; display: block; padding-left:20px}

.proleft .qitad .biao a:hover, .proleft .qitad .biao .cur{ background-color:#dd0014;color:#fff;}
.proleft .qitad .conn{ display:none }

.hui{ background:#f4f4f4;}

.proleft .qitad  p{ border-bottom: dashed 1px #ddd; padding-top:15px; padding-bottom:15px; padding-left:30px; font-size:15px;}
.proleft .qitad p:nth-child(2n){ background:#fafafa}
.proleft .qitad p a:hover{ padding-left:20px; border-left:solid 3px #dd0014}


.proleft .qitad02 { display:none}
.proleft .qitad02 .biao02{ color:#fff; line-height:40px; margin-top:5px;}
.proleft .qitad02 .biao02 { background-color:#dd0014;color:#fff; display: block; padding-left:20px}

.proleft .qitad02 .conn02{ display:none }

.proleft .qitad02  p{ border-bottom: dashed 1px #ddd; padding-top:15px; padding-bottom:15px; padding-left:30px; font-size:15px;}
.proleft .qitad02 p:nth-child(2n){ background:#fafafa}
.proleft .qitad02 p a:hover{ padding-left:20px; border-left:solid 3px #dd0014}


.proright{ float:right; width:68%; border-left:solid 1px #ddd; padding-left:4%; }


.p1-box{
    position:absolute;
}
.p1-box h2{
    font-size:25px;
    line-height:25px;
    color:#ffffff;
}
.p1-box p{
    font-size:18px;
    line-height:22px;
    color:#ffffff;
}
.p1-box.b1 h2{
    padding-top:65px;
    text-shadow:2px 2px 2px #ac6519;
}
.p1-box.b1 p{
    padding-top:30px;
}
.p1-box.b2 h2{
    padding-top:65px;
    text-shadow:2px 2px 2px #44775a;
}
.p1-box.b2 p{
    padding-top:20px;
    font-size:14px;
}

.p1-box.b3 h2{
    padding-top:75px;
    width:260px;
    font-size:48px;
    line-height:48px;
    text-shadow:2px 2px 2px #615f5f;
}
.p1-box.b3 p{
    padding-top:50px;
    width:260px;
}
.p1-box.b4{
    left:188px;
    top:278px;
    width:264px;
    height:168px;
    background:url("../images/p1-b4.png") no-repeat center;
}
.p1-box.b4 h2{
    padding-top:60px;
    text-shadow:2px 2px 2px #b66602;
}
.p1-box.b4 p{
    padding-top:15px;
}
.p1-box.b5{
    left:466px;
    top:0;
    width:264px;
    height:170px;
    background:url("../images/p1-b5.png") no-repeat center;
}
.p1-box.b5 h2{
    padding-top:60px;
    text-shadow:2px 2px 2px #a03440;
}
.p1-box.b5 p{
    padding-top:20px;
}
.p1-box.b6{
    left:466px;
    top:184px;
    width:362px;
    height:262px;
    background:url("../images/p1-b6.png") no-repeat center;
}
.p1-box.b6 h2{
    padding-top:75px;
    font-size:48px;
    line-height:48px;
    text-shadow:2px 2px 2px #5e6c88;
}
.p1-box.b6 p{
    padding-top:35px;
}
.p1-box.b7{
    left:744px;
    top:0;
    width:170px;
    height:170px;
    background:url("../images/p1-b7.png") no-repeat center;
}
.p1-box.b7 h2{
    padding-top:60px;
    text-shadow:2px 2px 2px #407d98;
}
.p1-box.b7 p{
    padding-top:10px;
    font-size:14px;
    line-height:16px;
}
.p1-box.b8{
    left:835px;
    top:184px;
    width:301px;
    height:301px;
    background:url("../images/p1-b8.png") no-repeat center;
}
.p1-box.b8 h2{
    padding-top:60px;
    width:166px;
    text-shadow:2px 2px 2px #2d5e81;
}
.p1-box.b8 p{
    margin-left:5px;
    padding-top:15px;
    width:166px;
    font-size:13px;
    line-height:16px;
}


.part{ width:550px; margin:0 auto;}
.part .rotate{
    width:550px;
    height:560px;
    position:relative;
    margin-top:50px;
}
.part .rotate .php{
    width:500px;
    height:500px;
    animation: rotating1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    background:url("../images/rotate-bg.png") no-repeat center;
}
.part .rotate .php .box{
    top:169px;
    left:169px; color:#fff;
    width:120px;
    height:120px;
    position:absolute;
    background:#dd0014;
    border:21px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .php p{
    font-size:20px;
    line-height:30px; padding-top:20px;
    text-align:center;
    color:#fff;
    font-weight:600;
}
.part .rotate .rotate1{
    top:0;
    left:0;
    width:500px;
    height:500px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box{
    width:110px;
    height:110px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box p{
    line-height:22px;
    text-align:center;
    color:#474852;
    font-weight:600; font-size:15px;
}
.part .rotate .rotate1 .box.b1{
    top:-38px;
    left:283px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b2{
    top:87px;
    left:-27px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b3{
    top:284px;
    right:-24px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b4{
    top: 442px;
    left: 125px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b5{
    top:388px;
    left:141px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate2{
    top:112px;
    left:112px;
    width:277px;
    height:277px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating2 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box{
    width:70px;
    height:70px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse2 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box p{
    line-height:22px; padding-top:1px;
    text-align:center; font-size:13px;
    color:#474852; font-weight:700;
}
.part .rotate .rotate2 .box.b1{
    top:50px;
    left:-35px;
    background:#7a7ee1;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b2{
    top:-40px;
    right:60px;
    background:#fe7748;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b3{
    top:196px;
    left:0px;
    background:#ff458c;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b4{
    top:220px;
    right:42px;
    background:#6fc675;
    background:rgba(111,198,117,0.6);
}
.part .rotate .rotate2 .box.b5{
    top:80px;
    right:-42px;
    background:#6fc675;
    background:rgba(111,198,117,0.6)
}
.part .rotate .info{
    top:80px;
    width:200px;
    display:none \9;
    opacity:0;
    position: absolute;
    transition:opacity 1s;
}
.part .rotate .box:hover .info{
    display:block \9;
    opacity:1;
    transition:opacity 1s;
}


.part .rotate .rotate2 .box.b11{
    top: -30px;
    left: 27px;
    background:#7a7ee1;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b22{
    top: 36px;
    right: -42px;
    background:#fe7748;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b33{
    top: 156px;
    left: -33px;
    background:#ff458c;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b44{
    top: 220px;
    right: 12px;
    background:#6fc675;
    background:rgba(111,198,117,0.6);
}

.part .rotate .rotate1 .box.b11{
    top: -38px;
    left: 253px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b22{
    top: 87px;
    left: -27px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b33{
    top: 184px;
    right: -54px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b44{
    top: 352px;
    left: -2px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b55{
    top: 449px;
    left: 250px;
    background:#dd0014;
    background:rgba(109,176,48,0.6);
}

/*keyframes*/
@keyframes rotating1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}
@keyframes rotating-reverse1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@keyframes rotating2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
@keyframes rotating-reverse2{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}


.part3{ float:left;
    margin-top:30px;
    margin-left:30px;
}
.part3-info{ width:340px; height:470px;
    border:1px solid #d3d3d3;
    background:#fff;
}

.part3-info h3{ font-size:20px;
    color:#f9806b;
    text-align:center;
    padding:20px 0 15px;
    font-weight:500;

}
.part3-info h4{ font-size:18px;
    color:#f9806b;
    text-align:left;
    font-weight:600;
    background:url(../images/part3_01.png) no-repeat left center;
    padding-left:10px;
    margin-left:15px;
}
.part3-info h5{ font-size:14px;
    color:#6f6f6f;
    padding:8px 15px 8px 25px;
    text-align:left;

}


.appkuais li{ float:left; width:49%; margin-bottom:20px; background-color:#fafafa}
.appkuais li:nth-child(2n){ float:right;}
.appkuais li:nth-child(2n+1){ clear:both}
.appkuais li .pic{ float:left; width:45%;}
.appkuais li .wenzi{ float:right; width:47%; padding:4% 3% 4% 4%;}
.appkuais .pic{ height:218px; overflow:hidden;}
.appkuais img{cursor:pointer; transition:all 1.5s; width:100%; height:auto }
.appkuais li:hover img{transform:scale(1.1);}
.appkuais li .wenzi h3{ font-size:18px; line-height:32px; margin-bottom:10px;font-weight:bold; color:#333;}
.appkuais li .wenzi p{ font-size:14px; line-height:26px; color:#666; height:78px; overflow:hidden;}
.appkuais li .wenzi .xq{ background:url(../images/jiantoua.png) no-repeat 95% center; line-height:20px;height:20px; display:block;transition:all 1.5s; margin-top:15px;}
.appkuais li a:hover .wenzi .xq{ background:url(../images/jiantoua.png) no-repeat right center;}


.promains {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}
.promains .kuai{ margin-bottom:20px; padding-bottom:20px; border-bottom: dashed 1px #ddd}
.promains .pzuobian{ float:left; width:20%;background-color: #dd0014; font-size: 18px; text-align: center; }
.promains .pzuobian h3{ line-height:40px; padding:50px 0; min-height:40px; text-align:center;color: #fff;}
.promains .pyoubian{ float:right; width:77%; padding:20px 0;}
.promains .pyoubian p{ line-height:32px; font-size:15px;}
.promains .pzuobian a{ color:#fff;}

.promains .pyoubian .xq a{background: url(../images/jiantoua.png) no-repeat 95% center;line-height: 20px;height: 20px;display: block;transition: all 1.5s;margin-top: 15px;}


.pailist table{ border-top:solid 1px #ddd; border-left:solid 1px #ddd; line-height:40px;} 
.pailist .bger table{ border-top:none; border-left:none; line-height:23px; }
.pailist .bger table td{ padding:6px 0;}
.pailist td{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:0; text-align:center;}
.pailist .lvbg{ color:#fff;background-color: #dd0014; font-weight:bold;  padding:8px 0;font-size:15px;}
.nmain .pailist p{ font-size:15px; margin-top:0px;line-height:24px;color:#666; margin:0; padding:0}