@charset "gb2312";
/* CSS Document
Theme Name: c_meiri
Theme URI: 
Description: A website for guide themes.
Version: 2016.12.26
Author: liuxiaoxue
 */



* {
	padding: 0;
	margin: 0;
}
html, body {
	font: 14px Arial, "΢ÈíÑźÚ";
	color: #6e6e6e;
	font-weight: normal;
	width: 100%;
	height: 100%;
	background: #fff
}
body {
	font-weight: normal;
	overflow-x: hidden;
	min-width: 1200px
}
a:hover{ color:#2c7db6;}
h1{ font-size:24px; font-weight:normal;}
ul,li {list-style: none;}
a,h2{text-decoration: none;color: #333333; font-weight:lighter;}
img {border: none;}
.clear {clear: both; width:0; height:0;}


/*Ê×ҳͷ²¿µ¼º½*/
.top{ width:100%; height:40px; line-height:40px; background:#2c7db6;}
.top_phone{ width:1000px; margin:auto;color:#fff;}
.top_phone .c1{ float:left; }
.top_phone .c2{ float:right;}
.top_phone .c2 a{color:#fff;}
.right_ph { float:right; font-size:16px; line-height:30px; padding-top:15px; background:url(../images/phone.png) no-repeat left 20px; padding-left:50px;}
.right_ph .phone{ font-size:24px; color:#f89017;}
#header .content { text-align:center; width: 1000px; margin: 0 auto; background: #fff; }
.logo { width:1000px; margin:auto; height:75px;}
#header ul li.navitem { transition: all 0.4s ease-out 0s; padding: 15px 60px 0px 6px; line-height:50px;width: auto;height: 50px;float:left;position: relative; z-index:999;}
#header ul li.navitem a { color:#33333;}
#header ul li.navitem a.active, #header ul li.navitem:hover a { color:#2c7db6; }
#header ul li.navitem a::after {content:'';display:block;margin-top: -9px;width:30%;height:1px;background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#header ul li.navitem a.active::after {width:60%;background:#2c7db6;}
#header ul li.navitem:hover a::after {width:100%;background:#2c7db6;}
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0, 0, 0, .08); }
#header ul li.navitem ul.subnav li a { text-align:center; color: #fff; width:100%; padding:14px 0; background:none; }
#header ul li.navitem ul.subnav li a i { display:none; }
#header ul li.navitem ul.subnav li a:hover {color:#000; text-indent:inherit; }
#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after {display:none;}
#header {width: 100%;height:70px;font-size: 14px;transition: all ease .3s;z-index: 99; top:0; left:0;background:url(../images/header.jpg) center repeat;}
#header ul li.navitem ul.subnav {transition: all 0.3s ease-out 0s;position: absolute;
width: 210px;background:#2c7db6; border:0; box-shadow: 0 6px 10px rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;
transform: translate3d(0px, 10px, 0px);
-moz-transform: translate3d(0px, 10px, 0px);
-webkit-transform: translate3d(0px, 10px, 0px);}
#header ul li.navitem:hover ul.subnav {opacity: 1;visibility: visible;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);}
/*»ÃµÆ*/
.fullSlide {width:100%;position:relative; margin:auto;height:510px; z-index:0;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100%!important;}
.fullSlide .bd li {width:100%!important;height:510px;overflow:hidden;text-align:center;background-repeat:no-repeat;background-size:100%;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline-block;zoom:1;width:40px;height:5px;margin:5px;overflow:hidden;background:#000;filter:alpha(opacity=70);opacity:0.7;line-height:999px;}
.fullSlide .hd ul li:hover{background:#da231b;}
.fullSlide .hd ul .on {background:#da231b;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:50px;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.9;display:none;}
.fullSlide .prev{ background:#000 url(../images/prev_icon.png) no-repeat; background-position:-5px 8px;}
.fullSlide .next {left:auto;right:50px;background:url(../images/next_icon.png) #000 no-repeat; background-position:-5px 8px;}
/*²úÆ·*/
.product{ width:1000px; margin:auto;}
.pro_title{ text-align:center; line-height:22px; padding:35px 0; border-bottom:1px solid #d2d0d2; font-size:14px;}
.pro_title h3{ font-size:24px; color:#2c7db6; line-height:50px; letter-spacing:1px;}
.pro_more{ width:150px; height:40px; line-height:40px; border-radius:12px; background:#2c7db6; text-align:center; margin:30px auto; color:#fff; }
.pro_more a{ color:#fff;}
.product .pro_left{ float:left; width:170px; border:3px solid #3080b7; border-radius:30px; height:400px; padding:40px 30px;}
.product .pro_left ul li{ line-height:35px;}
.product .pro_left .title{ color:#2c7db6; font-size:16px; line-height:50px; border-bottom:1px solid #2c7db6; background:url(../images/title.png) no-repeat left center; padding-left:20px; margin-bottom:15px;}
.product .pro_left h3 a{ padding-left:18px; font-size:18px; color:#000; line-height:60px;}
.sph{
	width:764px; float:left;
}
.spbq{
	width: 214px;
	height: 235px;
	float: left;
	line-height: 2;
	padding: 10px 10px 0 10px;
	position: relative; margin-left:20px;
	overflow: hidden;
}
.spbq h2{
	color: #14191e;
	font: bold 14px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"΢ÈíÑźÚ",Tahoma,Arial,sans-serif;
	margin-top: 18px;
}
.spbq span{
	display: block;
	color: #b4bbbf;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"΢ÈíÑźÚ",Tahoma,Arial,sans-serif;
	margin: 8px 0;
	line-height:25px;
	height:25px;
	overflow:hidden;
}

.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left: 3px solid #f89017;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 3px solid #f89017;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 3px solid #f89017;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 3px solid #f89017;
}
.zst img{ width:214px; height:156px;}
.banner{ width:100%; margin: auto; height:140px; }
.banner2 img{display: block; margin: 35px auto 0 auto;}
.case{ margin:auto; width:1000px;}
.scrollleft{width:960px;padding:5px 20px 0px 20px;margin:20px auto;}
.scrollleft li{float:left;margin-right:7px;display:inline;width:214px;text-align:center;line-height:19px}
.scrollleft img{width:214px;height:156px;padding:10px;}
.bottom_con{ width:1000px; margin:35px auto; overflow:hidden;}
.news{ float:left; width:300px;}
.news ul li{ line-height:38px;}
.news ul li span{ float:right;}
.news ul li a{ width:204px; height:38px; line-height:38px; overflow:hidden; display:block;}
.n_title{ text-align:center; color:#fff; line-height:30px; background:#1f70a9; width:100px; margin-bottom:20px;}
.about{ width:335px; height:275px; overflow:hidden; float:left; margin:0 30px;}
.about img{ width:120px; height:120px; border-radius:100px; float:left; margin-right:5px;}
.about p{ line-height:25px;}
.contact{ background:url(../images/contact.png) no-repeat left 30px; height:200px; width:275px; float:left; padding:85px 0 0 30px;}
.contact p{ width:172px; color:#fff;}
.yl{ width:100%; padding:5px 0; line-height:25px; background:#e6e8e4;}
.yl p{ width:1000px; margin:auto;}
.footer{ width:100%; background:#2c7db6; height:auto; padding:30px 0; height:110px;}
.foot{ width:1000px; margin:auto; text-align:center;}
.foot a{ color:#fff; padding:0 20px;}
.foot div{ margin-bottom:20px;}
.foot p{ line-height:28px; color:#fff;}

/*ÄÚÒ³*/
.n_content{ width:1000px; height:auto; margin:auto;background:#fff; overflow:hidden; padding:45px;}
.plheader{ margin-bottom:50px;}
.plheader .bt {float: left;}
.plheader .lj{ width:800px; line-height:22px; height:22px; overflow:hidden; text-align:right; float:right; padding-top:20px;}
.n_content .plheader  p.title {text-align: left;font-size: 20px;color: #444;}
.n_content .plheader  p.subtitle {color: #c1c1c1; font-size: 16px;}
.c_left { padding-bottom:35px; width:170px; float: left; text-align:left;}
.c_left li { float:none; display:block; height:auto; line-height:43px; border-bottom:1px solid rgba(0, 0, 0, .08); padding-left: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:relative;}
.c_left li:hover { padding-left:25px; }
.c_left li:last-child { border-bottom:none; }
.c_left li ul{ display:none;}
.c_left a { border:0px; background:none; color:#666; font-size:13px; position:relative; padding:0; line-height: 43px; height: 43px; }
.c_left a::before {content:'';position:absolute;width:3px;height:12px;background:transparent;left:-16px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; top:1px;}
.c_left li:hover a::before {background:#2c7db6;}
.c_left a.active::before {background:#2c7db6}
.c_right{ width:800px; float:left; margin-left:30px;} 
.r_pro li{ width:285px; height:auto; float:left; margin-right:18px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom:20px; margin-bottom:10px;}
.r_pro li .txt i{ font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
.r_pro li h2{ font-weight:inherit; height:30px; overflow:hidden; font-size:16px; color:#666; line-height:30px;}
.r_pro li  img{width: 100%; height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;}
.r_pro .proimg{overflow: hidden;height: 285px; width:285px;margin-bottom:10px;}
.r_pro a:hover img {transform: scale(1.08, 1.08);}
.fanye { margin:20px auto;}
.fanye ul li{ width:25px; float:left; margin-right: 1px;border: 1px solid #3d3d3d; line-height:20px; text-align:center;}
.fanye ul li.previous_s,.fanye ul li.next{ width:50px;}


.r_news span{ float:right;}
.r_news li{ line-height:40px; border-bottom:1px solid #e5e5e5;}
.n_cen{ text-align:center; height:auto; line-height:30px;}
.n_cen img{ margin-top:15px;}
.c_right .nr{ color:#666; font-size:13px; line-height:30px; padding-top:20px;}
.crm{ border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; line-height:40px;}

.sy1 div{line-height:30px;}
.cr h3{ float:left; line-height:30px;}
.xg_ .x_title{ background:url(../images/line.jpg) no-repeat left bottom; line-height:40px; font-size:16px; margin-bottom:30px;}
.nav_menu{ width:60px; height:180px; position:fixed; right:0; top:803px;z-index:99999;}
.r_pro li{ width:248px; height:auto; float:left; margin-right:18px; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom:20px; margin-bottom:10px;}
.r_pro li .txt i{ font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
.r_pro li h2{ font-weight:inherit; font-size:16px; color:#666; line-height:30px;}
.r_pro li  img{width: 100%; height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;}
.r_pro .proimg{overflow: hidden;height: 179px; width:245px;margin-bottom:10px;}
.r_pro a:hover img {transform: scale(1.08, 1.08);}
.r_news span{ float:right;}
.r_news li{ line-height:40px; border-bottom:1px solid #e5e5e5;}
.n_cen{ text-align:center; height:auto; line-height:30px;}
.n_cen img{ margin-top:15px;}
.c_right .nr{ color:#666; font-size:13px; line-height:30px; padding-top:20px;}
.crm{ border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; line-height:40px;}
.sy{line-height:30px;}
.cr h3{ float:left; line-height:30px; font-size:14px; font-weight:inherit;}
.xg_ .x_title{ background:url(../images/line.jpg) no-repeat left bottom; line-height:40px; font-size:16px; margin-bottom:30px;}