@charset "utf-8";
/* CSS Document */
.pro-con {
    /* background: #f0f2ef; */
    width:100%;
    float:Left;
    padding-bottom:40px;
}

.main { width: 1100px; margin:0px auto;}
.pro-con .container {width: 1100px;margin:0px auto;background:#fff;min-height:460px;padding-top: 30px;}

.container .left{width: 760px;float:left;/* padding-left:20px; */}
.container .right{ width: 260px; float:right;}


/* PAGE */
.page-header{position:relative;z-index:2;width: 100%;color:#fff;font-size:16px;line-height:40px;float:left;height:40px;background:rgba(21, 65, 110, 0.90);text-indent:15px; text-align: left;}
.right .content{padding:12px 10px 30px 10px;float:left;}
.mainbodyimage {
	position:relative;
	float:Left;
	z-index:1;
	margin-top: -40px;
	width: 100%;
	padding-bottom:20px;
}
.container .left h1{ padding-left:20px;}
.container .left .contented{/* padding:20px 0; */float:left;}
.page-title{ border: none;background: #f1f2f8;height:36px;line-height:36px;padding:10px 0;}
.page-title .posit{width:1100px;margin:0 auto;text-align: left;}
.tabs {
	float:left;
	position: relative;
	margin: 0 auto;
	width: 750px;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 120px;
}
.tabs input#tab-3{
	left: 240px;
}
.tabs input#tab-4{
	left: 360px;
}

.tabs label {
	background: #fff;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	float: left;
	display: block;
	width: 80px;
	color: #284575;
	/* letter-spacing: 1px; */
	margin-right:6px;
	/* text-transform: uppercase; */
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.1);
	border-radius: 3px 3px 0 0;
	box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: #dedede;
}

.tabs label:first-of-type {
    box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
}



.tabs input:checked + label {
    background: #efefef;
    /* z-index: 6; */
    color:#2ab359;
}

.clear-shadow {
	clear: both;
}

.contented {
    background: #fff;
    border: 10px solid #efefef;
    position: relative;
    width: 720px;
    padding:10px;
    height: 180px;
    /* z-index: 5; */
}

.contented div {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .contented .content-1,
.tabs input.tab-selector-2:checked ~ .contented .content-2,
.tabs input.tab-selector-3:checked ~ .contented .content-3,
.tabs input.tab-selector-4:checked ~ .contented .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.contented div h2,
.contented div h3{
	color: #15416e;
}
.contented div p {
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #777;
	font-family: Cambria, Georgia, serif;}

/* PRODUCTS */
.pro-con .cplb{ width:1100px; margin:0 auto;background: url(../images/w_l.jpg) #fff left repeat-y;}
.cplb .w_r{padding-left:25px; background: url(../images/w_r.jpg) right repeat-y; padding-bottom:20px;}
.cplb .left,.cplb .right{ float:left; margin-top:20px;}
.cplb .left{width: 245px;}
.cplb .left dt,.cplb .left .t{font-size: 16px; height: 45px;line-height: 45px; text-align: center;color: #fff; background: #15416e;}
.cplb .left dd{font-size: 12px;color: #333;background: #f5f5f5;margin-top: 4px; height: 45px;line-height: 45px;text-indent: 10px;}
.cplb .left dd a{font-size: 14px; text-indent: 45px;background: url(../images/fir.png) 15px 15px no-repeat; display: block; color: #555;height:45px;overflow:hidden;text-align: left;}
.cplb .left dd a:hover{color:#59b210; background:url(../images/fir_cur.png) 15px 15px no-repeat; text-decoration:none;}
.cplb .left .t{ margin-top:20px;}
.cplb .left .tel,.left .mail,.left .fax,.left .add{ padding-left: 60px; min-height: 33px;line-height: 33px; margin-top: 15px;}
.cplb .left .tel{background:url(../images/c_tel.jpg) 10px 0 no-repeat;text-align: left;}
.cplb .left .mail{background:url(../images/c_mail.jpg) 10px 0 no-repeat;text-align: left;}
.cplb .left .fax{background:url(../images/c_fax.jpg) 10px 0 no-repeat;text-align: left;}
.cplb .left .add{background:url(../images/c_add.jpg) 10px 0 no-repeat; line-height:25px;text-align: left;}
.cplb .right{ width:765px; margin-left:40px;position:relative;}
.cplb .right li{ float:left; width:228px; margin-right:25px;border: 1px solid #dfdfdf; margin-bottom:25px;}
.cplb .right li .pic{width: 200px; height: 180px; margin:0 auto;margin-top: 15px;}
.cplb .right li .pic img{ width:200px; height:180px;}
.cplb .right li .name{padding: 0 15px;height: 36px;line-height: 18px;margin-top: 10px;}
.cplb .right li .brief{padding: 0 15px; font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden; margin-top:5px;}
.cplb .right li .price{padding: 0 15px; margin-top:7px;}
.cplb .right li .price .more{ float:right; width:94px; height:33px; display:inline-block; line-height:33px; text-align:center; background:#15416e; color:#fff; margin-bottom:15px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px;}
.cplb .right li .price .more:hover{ background:#59b210; text-decoration:none;}
.right .lxt{ margin-top:10px;font-family: Arial, sans-serif;font-size: 14px; color: #333;    min-height: 500px;}
.cplb .right .dtfl,.cplb .right .dtfy{ float:left;}
.cplb .right .dtfl{ width:275px; margin-right:20px;}
.cplb .right .dtfl .dt li{ width:100%; border:1px solid #999; padding:2px; display:none; margin:0; margin-bottom:25px;}
.cplb .right .dtfl .dt li img{ width:100%; height:247.5px;}
.cplb .right .dtfl .dt .dts{ display:block;}
.cplb .right .dtfl .xt li{ float:left; width:60px; margin:0; margin-right:6px;}
.cplb .right .dtfl .xt li img{ width:100%; height:54px;}
.cplb .right .dtfl .xt .xts{ border:1px solid #000;}
.cplb .right .dtfy{width: 420px;margin-left:30px;}
.cplb .right .dtfy .name{ font-size:20px; line-height:36px;color:#333}
.cplb .right .dtfy .brief{font-size: 14px; line-height:30px;color: #4a4439;padding: 10px 0;}
.cplb .right .dtfy .btn{width:94px;height:33px;line-height:33px;text-align:center;color:#fff;background:#f12400;display:inline-block;border-radius:4px;margin-top: 6px;margin-left:75px;}
.cplb .right .dtfy .btn:hover{background:#00bd55;}
.cplb .right .textlist li{width:100%;float:left;border:none;}
.cplb .right .textlist li .red{color:#c10}


.cplb .right .cpxq .dm{height:35px; line-height:35px; border-bottom:1px solid #c8c8c8; font-size:14px;color:#4a4439; padding:0 10px;font-weight:bold;margin-top:20px;}
.cplb .right .cpxq .wzxq{ padding:10px;}
.cpxq .wzxq strong{ color:#333; font-size:12px;}
.cpxq .wzxq  li{ float:inherit;list-style-type:disc;list-style-position: inside; margin-left: 30px; font-size:12px; border:none; margin-bottom:0; color:#333;}
.cplb .right .cpxq .wzxq .likecp li{ float:left; width:228px; margin-right:18px;border: 1px solid #dfdfdf; margin-bottom:25px; list-style:none; margin-left:0; margin-top:20px;}
.cplb .right .cpxq .wzxq .likecp li .pic{width: 200px; height: 180px; margin:0 auto;margin-top: 15px;}
.cplb .right .cpxq .wzxq .likecp li .pic img{ width:200px; height:180px;}
.cplb .right .cpxq .wzxq .likecp li .name{padding: 0 15px;height: 36px;line-height: 18px;margin-top: 10px; font-size:14px;}
.cplb .right .cpxq .wzxq .likecp li .brief{padding: 0 15px; font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden; margin-top:5px;}
.cplb .right .cpxq .wzxq .likecp li .price{padding: 0 15px; margin-top:20px;}
.cplb .right .cpxq .wzxq .likecpt li .price .more{ float:right; width:94px; height:33px; display:inline-block; line-height:33px; text-align:center; background:#15416e; color:#fff; margin-bottom:15px; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px;}
.cplb .right .cpxq .wzxq .likecp li .price .more:hover{ background:#59b210; text-decoration:none;}



/* NEWS */
.cplb .right dl{ margin-top:20px;}
.news_f1{border-bottom:1px dashed #d9d9d9;height:150px;margin-bottom:25px;}
.news_div:hover{background:url("../images/news_03.png") no-repeat 680px center #f4f9ff;}
.news_div{transition:.5s;-webkit-transition:.5s;display: block;overflow: hidden;height:125px;}
.news_left{font-family: 'Conv_HelveticaNeue-ThinExt';float: left;text-align: center;width: 125px;font-size: 16px;color: #c9caca;}
.news_left span{display: block;font-size: 36px;margin:11px 0 0 0;}
.left_right{margin-top:20px;float: left;width: 540px;font-size: 12px;color: #afafaf;line-height: 20px;text-align: left;}
.left_right span{transition:.5s;-webkit-transition:.5s;display: block;font-size: 14px;color: #333;margin-bottom:10px;}
.news_div:hover .left_right span{color: #1d64c0;}
.new_tit{border-bottom:1px solid #ddd;padding-bottom: 20px;margin-bottom: 10px;color: #999;overflow: hidden;}
.new_tit h1{float: left;width: 100%;font-size: 24px;color: #333;margin:35px 0 14px 0;/* text-align:center */}
.new_tit span{float: left;margin-right:10px;}
.new_page{overflow: hidden;padding-top:30px;}
.new_page a{transition:.5s;-webkit-transition:.5s;line-height:23px;font-size: 13px;color: #333;}
.new_prev{float: left;}
.new_next{float: right;}
.new_page a i{transition:.5s;-webkit-transition:.5s;border:1px solid #dcdcdc;width: 38px;height:23px;}
.new_prev i{background:url("../images/prev_07.png") no-repeat center;margin-right:8px;float: left;}
.new_next i{background:url("../images/prev_09.png") no-repeat center;margin-left:8px;float: right;}
.new_prev:hover i{background: url("../images/prev1_07.png") no-repeat center #1d64c0;}
.new_next:hover i{background: url("../images/prev1_09.png") no-repeat center #1d64c0;}
.new_page a:hover i{border-color:#1d64c0; }
.new_page a:hover{color: #1d64c0;}
.about_top{margin:40px 0 15px 0;font-size:16px;color:#1d64c0;height:40px;line-height: 40px;background-color: #eee;text-indent: 11px;}
.about_bottom{overflow: hidden;}
.about_bottom ul{}
.about_bottom ul li{font-size: 13px;background:url("../images/pro_08.jpg") no-repeat  center left;padding-left:7px;border-bottom:1px dashed #f3f3f3;height:40px;line-height: 40px; float:left;width:345px; margin-right:20px;}
.about_bottom ul li a{color: #666;}
.about_bottom ul li a span{float: right;color: #b3b3b3;}
.about_bottom ul li a:hover ,.about_bottom ul li a:hover span{color: #1d64c0;}
.new_page p {float: left;margin-right: 50px;width: 90%;overflow: hidden;}


/* login */
.login-header{width:94px;height:33px;line-height:33px;text-align:center;color:#fff;background:#2d2d2f;display:inline-block;border-radius:4px;margin-top: 30px;}
.login-header a{color:#fff;}
.login-header p a{color:#fff;}
.login-header:hover{background:#2ab359; }
.login{width: 450px;position:fixed;height: 500px;top: 20%;right: 21%;display:none;background: #fff;box-shadow: 0px 0px 0px #ddd;z-index: 999;border: 3px solid #59b210;opacity:1;}
.login-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;height:40px;font-size: 20px;position:relative;color:#222;font-weight:bold;}
.login-title span{position:absolute;font-size:12px;right:-20px;top:-30px;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;z-index:999}
.login-title span a{display:block;}

.login-bg{width:100%;height:100%;position: fixed;top:0px;left:0px;background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity: 0.72;display:none;z-index: 1;}
.guestbook_table{z-index:99;position:relative;}

.guestbook_table tr{margin: 3px 0;float:left;width: 80%;}

.guestbook_table tr th{width: 50px;text-align: right;padding-right:10px;float:left;margin-left: 15px;}


.message_body tr td{
float: left;
position:relative;
}

.form_text_verifycode{width: 100px;float:left;}

.guestbook_table tr{position:relative;width:100%;}
.code_image{margin:5px 20px;float:left;}
.guestbook_table input {
	font-size: 14px;
	border: 1px solid #DADADA;
	/* text-indent: 1em; */
	color: #8a8a8a;
	height: 28px;
}

.guestbook_table .form_button{
	/* font-size: 14px; */
	/* border: 1px solid #eee; */
	/* line-height: 24px; */
	/* color: #8a8a8a; */
	/* height: 42px; */
	/* float:left; */
	/* background:#c10; */
	/* color:#fff; */
	/* font-size:14px; */
	/* width: 150px; */
	/* margin: 10px 20px; */
}

.guestbook_table .form_button:hover{
	background: #333;
}

.guestbook_table .form_text{
	width: 320px;
}

guestbook_table input.txt {
	margin-right: 0;
}

.form_textarea{
	width: 320px;
	float: right;
	font-size: 14px;
	text-indent: 1em;
	color: #8a8a8a;
	line-height: 24px;
	border: 1px solid #D4D4D4;
	height: 120px;
}

.map_con .sbm {

	transition: .5s;
	cursor: pointer;
	display: block;
	border: none;
	width: 293px;
	text-indent: 0;
	margin: 15px auto;
	background-color: #868686;
	font-size: 14px;
	color: #fff;
	text-align: center;
	height: 55px;
	line-height: 55px;
	margin-left:110px;
}

.map_con .sbm:hover {
	background-color: #f39800;
}
.footnr li p .ewm{position:relative;}
.footnr li p .ewm .pewm{ display:none; position:absolute; bottom:-10px; right:-95px;}

.is-leftinfo {
    font-size: 12px;
    line-height: 30px;
}
.is-newstitle h1 {
    line-height: 50px;
    font-size: 20px;    border-bottom: 1px #f1f2f8 solid;
}
.content img {
    max-width: 750px;
}