/*  以下是20200306zl汇总           */

/*通用*/

.container {font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
a{text-decoration:none;cursor: pointer;}

.none { display: none; }

.b { border: 1px ridge; }
.b0 { border: 0px;}
.bb { border-bottom: 1px ridge; }
.bbd { border-bottom: 1px dotted; }
.bt { border-top: 1px ridge; }
.bl { border-left: 1px ridge; }
.br { border-right: 1px ridge; }

.h5 { height: 5%; }
.h7 { height: 7%; }
.h10 { height: 10%; }
.h20 { height: 20%; }
.h30 { height: 30%; }
.h33 { height: 33%; }
.h34 { height: 34%; }
.h35 { height: 35%; }
.h40 { height: 40%; }
.h70 { height: 70%; }
.h80 { height: 80%; }
.h100 { height: 100%; }

.w1 { width: 1%; }
.w2 { width: 2%; }
.w3 { width: 3%; }
.w5 { width: 5%; }
.w7 { width: 7%; }
.w8 { width: 8%; }
.w9 { width: 9%; }
.w10 { width: 10%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w23 { width: 23%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w34 { width: 34%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w48 { width: 48%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w98 { width: 98%; }
.w99 { width: 99%; }
.w100 { width: 100%; }

.m0 { margin: 0px 0px 0px 0px; }
.m1 { margin: 1px 1px 1px 1px; }
.m3 { margin: 3px 3px 3px 3px; }
.m5 { margin: 5px 5px 5px 5px; }
.m10 { margin: 10px 10px 10px 10px; }
.mt0 { margin-top: 0px;}
.mtb10 { margin: 10px 0px 10px 0px; }

.p0 { padding: 0px 0px 0px 0px; }
.p1 { padding: 1px 1px 1px 1px; }
.p3 { padding: 3px 3px 3px 3px; }
.p5 { padding: 5px 5px 5px 5px; }
.p7 { padding: 7px 7px 7px 7px; }
.p10 { padding: 10px 10px 10px 10px; }

.pl5 { padding: 0px 0px 0px 5px; }
.pr5 { padding: 0px 5px 0px 0px; }
.plr3 { padding: 0px 3px 0px 3px; }
.plr5 { padding: 0px 5px 0px 5px; }
.plr7 { padding: 0px 7px 0px 7px; }
.plr10 { padding: 0px 10px 0px 10px; }
.ptb3 { padding: 3px 0px 3px 0px; }
.ptb5 { padding: 5px 0px 5px 0px; }
.ptb10 { padding: 10px 0px 10px 0px; }

.c { vertical-align: middle; text-align: center; }
/*.table { display: table; }*/
.cell { display: table-cell; }

.ul-none { list-style: none; }

.fonts { font-size: small; }
.fontm { font-size: medium; }
.fontl { font-size: large; }
.fontwb { font-weight: bold; }

.background-red { background-color: #ba0001; }
.background-gray { background-color: #F9F9F9; }
.background-dgray { background-color: #D4D4D4; }
.background-ora { background-color: #F18222; }
.background-blue { background-color: #207CD1; }
.background-white { background-color: white; }
.front-blue { color: #207CD1; }
.front-red { color: #ba0001; }
.front-lightgray { color: #858585 }
.front-white { color: white; }
.bc-red { border-color: #ba0001; }
.color-black{color:#000;}
.color-white{color:#FFF;}
.color-red{color:red;}
.color-gray{color:#999999;}

.l { float: left; }
.r { float: right; }

.top { top: 0px; }
.align-top { vertical-align: top; }
.bottom0 { bottom: 0px;}
.bottom-1 { bottom: -1px;}
.pfix { position: fixed; border-spacing: 0px; }
.pabs { position: absolute;}
.bs0 { border-spacing: 0px; }
.bs1 { border-spacing: 1px; }
.bs2 { border-spacing: 2px; }
.bs3 { border-spacing: 3px; }

.bc { margin: 0 auto; border-collapse:collapse; }

.wrap { word-break: break-all; word-wrap: break-word;}
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.inline { display: inline-block; }

.float-left {float: left;}
.float-center {float: center;}
.float-right {float: right;}

.h50b { width: 100%; height: 50px; display: block;}
.h60b { width: 100%; height: 60px; display: block;}
.h20p { height: 20px; }
.h30p { height: 30px; }
.h35p { height: 35px; }
.h40p { height: 40px; }
.h50p { height: 50px; }
.h60p { height: 60px; }
.h80p { height: 80px; }
.h120p { height: 120px; }
.h180p { height: 180px; }
.h210p { height: 210px; }
.h300p { height: 300px; }

/*------------------------------------------------------------------------*/
.subMenu_right>img{
position: absolute;top: 50%;margin-top: -50px;
    right: 5%;    
    width: 40px;
    height: 40px;

    color:#fff;
}

div.search {
    padding: 20px 0;
}

.d1 {
    background: #A3D0C3;
}
.d1 form {
    position: relative;
    width: 300px;
    margin: 0 auto;
}
.d1 input {
    width: 100%;
    height: 42px;
    padding-left: 10px;
    border: 2px solid #7BA7AB;
    border-radius: 5px;
    outline: none;
    background: #F9F0DA;
    color: #9E9C9C;
}

.input {
    font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;
}



.d1 button {
    position: absolute;
    top: 0;
    right: 0px;
    width: 42px;
    height: 42px;
    border: none;
    background: #7BA7AB;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}
* {
    box-sizing: border-box;
}
.d1 button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    color: #F9F0DA;
}

/* header */
@media (min-width: 1200px){
.webpage{     width:100%;    font-family: "Arial","Microsoft YaHei",sans-serif;}
.header{     width:100%;}.nav_denglu{background:#c40000; height: 25px;}
.denglu {    width: 1200px;    margin: 0 auto;    height: 25px;    color: #FFF;    font-size: 12px;    text-align: center;}
.denglu_left {    height: 25px;    line-height: 25px;    float: left;  font-family: 'microsoft yahei',Arial,sans-serif;   margin-left: 20px;    display: inline;}
.denglu_left>a {color:#FFF;}.denglu_left>a:hover {font-weight:bold;color:#FFF;}
.denglu_right {	height:25px;	line-height:25px;	float:right;	color:#FFF;	margin-right:20px;	display:inline;}
.head-container {	width:1200px;	margin:0 auto;	height:120px;	vertical-align: middle;}
.header_top {	width:90%;	margin:0 auto;	height:120px;	position: relative; }
.navleft {	width:30%;	float:left;	position: relative; }
.navleft2 {display:none;}
.navleft_img{	width:300px;	height:83px;	float:left;	text-align:center;	margin:20px 0px;	display:inline;}
.navright {	width:70%;	height:50px;	float:left;	position: relative; }
.subMenu {	width:100%;	margin:35px 0px;	height:50px;	float:left;	display:inline;	background: #eee;}
.subMenu_left{    float: left;    display: inline;    width: 80%;    height: 50px;    border: 2px solid #c40000;    border-radius: 5px 0 0 5px;}
.subMenu_right{    float: left;    display: inline;    position: absolute;    width: 20%;    height: 50px;}
.subMenu_right_button{margin:0 auto;height: 100%; width: 100%; font-size:20px;color: #fff;border: none;  
border-radius: 0 5px 5px 0;
background-color:#c40000;
background: url(../Images/search2.jpg) no-repeat;
background-position-x:center;
background-position-y:center;
}
}

@media (max-width: 1200px)and (min-width: 1024px){
.webpage{     width:100%;    font-family: "Arial","Microsoft YaHei",sans-serif;}
.header{     width:100%;}.nav_denglu{background:#c40000; height: 25px;}
.denglu {    width: 100%;    margin: 0 auto;    height: 25px;    color: #FFF;    font-size: 12px;    text-align: center;}
.denglu_left {    height: 25px;    line-height: 25px;    float: left;     font-family: 'microsoft yahei',Arial,sans-serif;  margin-left: 20px;    display: inline;}
.denglu_left>a {color:#FFF;}.denglu_left>a:hover {font-weight:bold;color:#FFF;}
.denglu_right {	height:25px;	line-height:25px;	float:right;	color:#FFF;	margin-right:20px;	display:inline;}
.head-container {	width:100%;	margin:0 auto;	height:120px;	vertical-align: middle;}
.header_top {	width:90%;	margin:0 auto;	height:120px;	position: relative; }
.navleft {	width:30%;	float:left;	position: relative; }
.navleft2 {display:none;}
.navleft_img{	width:270px;	height:75px;	float:left;	text-align:center;	margin:20px 0px;	display:inline;}
.navright {	width:70%;	height:50px;	float:left;	position: relative; }
.subMenu {	width:100%;	margin:35px 0px;	height:50px;	float:left;	display:inline;	background: #eee;}
.subMenu_left{    float: left;    display: inline;    width: 80%;    height: 50px;    border: 2px solid #c40000;    border-radius: 5px 0 0 5px;}
.subMenu_right{    float: left;    display: inline;    width: 20%;    height: 50px;}
.subMenu_right_button{margin:0 auto;height: 100%; width: 100%; font-size:20px;	value:SEARCH;color: #fff;border: none;  border-radius: 0 5px 5px 0;
background-color:#c40000;
background: url(../Images/search2.jpg) no-repeat;
background-position-x:center;
background-position-y:center;
}
}

@media (max-width: 1024px) and (min-width: 768px){
.webpage{     width:1024px;    font-family: "Arial","Microsoft YaHei",sans-serif;}
.header{     width:1024px;}
.nav_denglu{background:#c40000; height: 25px;}
.denglu {    width: 1024px;    margin: 0 auto;    height: 25px;    color: #FFF;    font-size: 12px;    text-align: center;}
.denglu_left {    height: 25px;    line-height: 25px;    float: left;    font-family: 'microsoft yahei',Arial,sans-serif;    margin-left: 20px;    display: inline;}
.denglu_left>a {color:#FFF;}
.denglu_left>a:hover {font-weight:bold;color:#FFF;}
.denglu_right {	height:25px;	line-height:25px;	float:right;	color:#FFF;	margin-right:20px;	display:inline;}
.head-container {	width:1024px;	margin:0 auto;	height:120px;	vertical-align: middle;}
.header_top {	width:90%;	margin:0 auto;	height:120px;	position: relative; }
.navleft {	width:30%;	float:left;	position: relative; }
.navleft2 {display:none;}
.navleft_img{	width:270px;	height:75px;	float:left;	text-align:center;	margin:20px 0px;	display:inline;}
.navleft_img2{	width:240px;	height:80px;	float:left;	text-align:center;	margin:20px 0px;	display:inline;}
.navright {	width:70%;	height:50px;	float:left;	position: relative; }
.subMenu {	width:100%;	margin:35px 0px;	height:50px;	float:left;	display:inline;	background: #eee;}
.subMenu_left{    float: left;    display: inline;    width: 80%;    height: 50px;    border: 2px solid #c40000;    border-radius: 5px 0 0 5px;}
.subMenu_right{    float: left;    display: inline;    width: 20%;    height: 50px;}
.subMenu_right_button{margin:0 auto;height: 100%; width: 100%; font-size:20px;	value:SEARCH;color: #fff;border: none;  
border-radius: 0 5px 5px 0;background-color:#c40000;background: url(../Images/search2.jpg) no-repeat;
background-position-x:center;
background-position-y:center;
background: url(../Images/search2.jpg) no-repeat;
background-position-x:center;
background-position-y:center;}
}



@media (max-width:768px)
{
.webpage{width:100%; font-family: "Arial","Microsoft YaHei",sans-serif;}
.header{width:100%;}
.nav_denglu{display: none;}
.head-container {width:100%;margin:0 auto;height:auto;background-color:#c40000;}
.header_top {width:100%;margin:0 auto;height:100px;vertical-align: middle;background-color:#c40000;}
.navleft {display:none;}
.navleft2 {width:100%;	float:left;background:#c40000;float:left;	position: relative; }
.navleft_img {display:none;}
.navleft_img2 {width:144px;height:37px;float:left;	text-align:center;margin:5px 5px;	display:inline;}
.navright {width:98%;margin-left:20px;margin: 0 auto;height:50px;	padding-left: 2%;	float:left;}
.subMenu {width:100%;height:40px;margin: 0 auto;float:left;	display:inline;	background: #eee; }
.subMenu_left{float: left;display: inline;    width: 85%;    height: 40px;    border: 4px solid #c40000;    }
.subMenu_right{float: left;width: 15%;    height: 40px;}
.subMenu_right_button{margin:0 auto;height: 100%; width: 100%; font-size:20px;	color: #fff;border: none; background-color:#c40000;background: url(../Images/search2.jpg) no-repeat;background-position-x:center;background-position-y:center;}
.header_top3 {width:100%;display: none;height:28px;margin:0 auto;}



.navbar-toggle {
border-color: #ddd;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}
.navbar-nav {
    margin: 7.5px -15px;
}
}




.denglu_right>a {color:#FFF;}
.denglu_right>a:hover {font-weight:bold;color:#FFF;}
.header_top3 {	width:100%;	height:28px;	margin:0 auto;}


/*
.header_top3 {	width:100%;	display: none;$('#div_2').hide();	height:28px;	margin:0 auto;}
*/

@media (min-width: 1200px){
.nav_header_top{    margin: 0 auto;    width: 1200px;    text-align: left;    height: 34px;}
.nav_header_top3 {	width:1200px;	height:34px;	margin-left:20px;margin: 0 auto;    display: block;    list-style-type: none;float:left;
                  	    -webkit-margin-before: 0em;    -webkit-margin-after: 0em;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;    -webkit-padding-start: 0px;}
}

@media (max-width: 1200px) and (min-width: 1024px) {
.nav_header_top{    margin: 0 auto;    width: 100%;    text-align: left;    height: 34px;}
.nav_header_top3 {	width:96%;	height:28px;		float:left;    display: block;    list-style-type: disc;    -webkit-padding-start: 40px;}
}

@media (max-width: 1024px) and (min-width: 768px){
.nav_header_top{    margin: 0 auto;    width: 1024px;    text-align: left;    height: 34px;}
.nav_header_top3 {	width:100%;	height:28px;	margin-left:-20px;	float:left;    display: block;    list-style-type: disc;    -webkit-padding-start: 40px;}
}

.nav_df {    width: 20%;    display: inline;    height: 34px;    float: left;    color: #000;    list-style-type: none;    position: relative;}
.ub17 {    width: 100%;    margin-top: 0px;    height: 34px;    color: #444;    font-weight: bold;    font-family: 'microsoft yahei',Arial,sans-serif;}
.head3_ua {color:#fff;display:block;height:28px;width:100%;	background-color:#c40000;font-size:10px;font-weight:bold;border-top: solid 0px #ececec;
           border-left: solid 0px #ececec;     border-right: solid 0px #ececec;  z-index: 99999;position: absolute;}
.ua17 {	color:#fff;	display:block;
	height:34px;
	width:100%;
	background-color:#c40000;
	font-family:'microsoft yahei',Arial,sans-serif;

	font-size:10px;
    font-weight:bold;
    border-top: solid 0px #ececec;
    border-left: solid 0px #ececec; 
    border-right: solid 0px #ececec;  z-index: 99999;position: absolute;
}
@media (min-width: 768px){
.searchtxt {border: none;padding-left:5px;font-size:medium; color:#666; height:46px; line-height:20px; border-radius: 5px; width: 100%; background: #f6f6f6;}
}
@media (max-width: 768px){
.searchtxt {border: none;padding-left:5px;font-size:medium; color:#666; height:36px; line-height:20px;  width: 100%; background: #f6f6f6;}
}
.head {font-size: 20px;text-align: center;display: block;}
.head_item {display: none; z-index: 9999; color: #000000;background-color: rgba(255, 255, 255,0.95); position: absolute; top: 28px; margin-left:0px;border: solid 2px #ececec;}
.head_product_item {margin-left: 10px; margin-bottom: 25px;  margin-top: 10px;}
.mega-title {text-decoration: none;  color:#c40000; font-size:20px;font-weight:bolder;}
.mega-title :hover {text-decoration: none;  color:#c40000; font-size:20px;font-weight:bolder;}
.mega-title-mx {text-decoration: none;  color:#444;margin: 0 10px; padding: 7px 0;text-align: left;text-transform: capitalize;}
.mega-title-mx:hover {text-decoration: none;  background-color:#C40000;  border-radius: 5px;color:#fff;margin: 0 10px; padding: 7px 0;text-align: left;text-transform: capitalize;}
.mega-title-mxc {list-style-type:none;    text-align: center;line-height: 25px; font-size:18px;}
.mega-title-mxc:hover {list-style-type:none;  text-align: center;  line-height: 25px;background-color:#f9f9f9; font-size:18px;}
.mega-title-mxc a:hover {color:#111111;font-weight:bold;}
.mega-title-l {list-style-type:none;    line-height: 25px; font-size:15px;}
.head_item_span{line-height: 25px; font-size:15px;}


.hr {
    height: 1px;
    margin: 10px 0;
    background-color: #e6e6e6;
    border: 0;
    clear: both;
}


/* 在线客户框 */


  @media (max-width: 760px)  {
.cs_online_frame {display:none;}
}

 @media (min-width: 761px){

.footer-none{display:none}
.cs_online_frame{
	position: fixed;
        top: 300px;
        right: 5px;
        width: 45px;
        /*height: 300px;*/
	/*background-color:rgb(231,0,20);*/
}
}
/* 标题 */
.cs_online_kuang{
	margin:1px;
	widht:45px;
	height:45px;
	line-height:45px;
	color:#f2f2f2;//#7ef317;//#9c0808;//#fff;
	background-color:#c40000;//#6de4ef;//#dda7f1;//#6de4ef;//#0adcef;//#5fb878;//#c40000;
	text-align:center;
	border-radius:10px;
	border:1px solid #ffffff;
}
.cs_online_kuang:hover{
        cursor:pointer;
	background-color:#c40000;//#d98ef5;//#0adcef;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#f2f2f2;//#f13334;//#5fb878;//#3fd22b;//#a9f565;
}
.cs_hide{
	display: none;
}
.layui-icon{
	font-size:26px;
}
.color-zi2{
	color:#330b40;
}

.zw-bottom{
	position:fixed;
	bottom:0px;
	left:0px;
	background-color:#F2F2F2;
}

.menuline {
    height: 6px;
    margin-bottom: 4px;
    border-bottom: 1px solid #b98ec3;
}
/*首页广告*/
.ban1 {width:100%;height: 40px;background-color:#eee;color:red;font-size:20px;text-align:center;padding-top:10px;}

 /*+clearfix {*/
    @media (max-width: 480px) {
		.quick_link {width:100%;margin:0;}
        .quick_link:after, .quick_link ul:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
            font-size: 0;
        }

        .quick_link, .quick_link ul {
            display: block;
            *height: 1px;
        }
    }

    @media (min-width: 480px) and (max-width: 768px) {
        .quick_link:after, .quick_link ul:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
            font-size: 0;
        }

        .quick_link, .quick_link ul {
            display: block;
            *height: 1px;
        }
    }

    /*+}*/
.content>.container-wrap.template-1-column.home>.container{
width:100%;
}

.content>.container-wrap.template-1-column.home>.container>.row{
width:100%;
}

.content>.container-wrap.template-1-column.home>.container>.row>.span12.main{
width:100%;
}


    .ggHeader a, .ggHeader a:hover {
        text-decoration: none;
        color: #FFF;
    }

    .ggBtns a {
        float: left;
        display: block;
        width: 16.66%;
        height: 40px;
        text-align: center;
        padding-top: 6px;
        color: #FFF;
        font-size: 14px;
        line-height: 40px;
        background-position: 0 10px;
        position: relative;
        top: -11px;
        outline: none;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .ggBtns a:hover {
        color: #FFF;
    }

    .ggBtns a:focus {
        outline: none;
    }

    .moble-title {
        display: none;
    }

    .image-col {
        height: 20%;
        margin-right: 5%;
        width: 20%;
    }

    .margin-bottom {
        margin-bottom: 30px;
    }

    /*Quick Links*/
    .quick_link ul li a {
        max-width: 205px;
    }

    h2.desktop-hide {
        background-color: #F62E37;
        height: 34px;
        line-height: 1.6;
        text-align: left;
        color: #FFFFFF;
        padding-left: 2px;
    }
        h2.desktop-hide a:link {color:#fff;}	

	h2.desktop-hide a:visited {
		color:#fff;	
	}
	
    /*Hero Media Queries*/
    @media (max-width: 480px) {

        .gg {
            width: 100%;
            height: 261px;
            position: relative;
            z-index: 0;
            overflow: hidden;
            margin: 0 auto;
            /*background: #d3d3d3 repeat-x;*/
        }

        .ggb {
            position: relative;
            width: auto;
            left: 0;
            bottom: 0;
            height: auto;
            z-index: 4;
            background-repeat: repeat-x;
            /* background-color:

                                                                                         #32342e; background-position: 50% -40px;*/
            margin-top: 11px;
        }

        .ggBox {
            width: 100%;
            height: 9px;
            margin: 0 auto;
            position: relative;
        }

        .ggBox a {
            display: block;
            width: 140%;
            height: auto;
            position: absolute;
            /*z-index: 1;*/
            opacity: 0.0;
            text-align: center;
            left: -30%;
        }

        .ggBtns a {
            float: none;
            display: block;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.241);
            line-height: 2;
        }

        .ggBtns a.ggOn {
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.366);
        }

        .ggBox img {
            display: none;
            width: 100%;
            height: 100%;
        }

        /*Quick Links*/
        /*[clearfix]*/
        .quick_link {
            height: auto;
            width: 100%;
            margin: auto;
        }

        /*[clearfix]*/
        .quick_link ul {
            margin: 0 auto;
            padding: 0 0 20px 0;
            height: auto;
            list-style: none;
            width: 95%;
        }

        .quick_link ul li {
            width: 50%;
            /*height: 116px;*/
            text-align: center;
            margin: 0 auto;
			float:left;
padding:10px 0;
        }

       /* .quick_link ul li a {
            display: block;
            height: 100%;
        }*/

        .tab_wrapper {
            display: none !important;
        }

        .desktop-hide table tr td {
            padding-bottom: 20px;
        }
    }

    @media (min-width: 480px) and (max-width: 768px) {

        .gg {
            width: 100%;
            height: 384px;
            position: relative;
            z-index: 0;
            overflow: hidden;
            margin: 0 auto;
            /*background: #d3d3d3 repeat-x;*/
        }

        .ggb {
            position: relative;
            width: auto;
            left: 0;
            bottom: 0;
            height: auto;
            z-index: 4;
            background-repeat: repeat-x;
            /* background-color:

                                                                                     #32342e; background-position: 50% -40px;*/
            margin-top: 143px;
        }

        .ggBox {
            width: 100%;
            height: 20%;
            margin: 0 auto;
            position: relative;
        }

        .ggBox a {
            display: block;
            width: 140%;
            height: 133px;
            position: absolute;
            /*z-index: 1;*/
            opacity: 0.0;
            text-align: center;
            left: -30%;
        }

        .ggBtns a {
            float: none;
            display: block;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.241);
            line-height: 2;
        }

        .ggBtns a.ggOn {
            color: #FFF;
            background-color: rgba(0, 0, 0, 0.366);
        }

        .ggBox img {
            display: block;
            width: 100%;
            height: 100%;
        }

        /*Quick Links*/
        /*[clearfix]*/
        .quick_link {
            height: auto;
            width: 100%;
            margin: auto;
        }

        /*[clearfix]*/
        .quick_link ul {
            margin: 0 auto;
            padding: 0;
            height: auto;
            list-style: none;
            width: 95%;
        }

        .quick_link ul li {
            float: left;
            width: 33.33%;
           padding:10px 0;
            text-align: center;
            margin: 0 auto;
        }

        /*.quick_link ul li a {
            display: block;
            height: 100%;
        }*/

        .tab_wrapper {
            display: none !important;
        }

        .desktop-hide table tr td {
            padding-bottom: 20px;
        }
    }

    @media (min-width: 768px) {

        .ggHeader {
            width: 100%;
            max-width: 1920px;
            margin: 0 auto;
            position: relative;
            border-top: 1px solid #DEDEDE;
            height: 600px;
            overflow: hidden;
        }

        .gg {
            width: 100%;
            height: 600px;
            position: relative;
            z-index: 0;
            overflow: hidden;
            margin: 0 auto;
            /*background: #d3d3d3 repeat-x;*/
        }

        .ggLoading {
            position: absolute;
            left: 40%;
            top: 200px;
            width: 325px;
            text-align: center;
            height: 56px;
            background-position: 0 -274px;
            background-repeat: no-repeat;
            line-height: 56px;
            color: #9C9C9C;
        }

        .ggLoading2 {
            width: 330px;
            height: 56px;
            background-position: 213px -330px;
            background-repeat: no-repeat;
        }

        .ggLoading em {
            font-weight: bold;
        }

        .ggs {
            width: 200%;
            height: 600px;
            left: -50%;
            top: 0;
            position: absolute;
        }

        .ggBox {
            width: 1903px;
            height: 341px;
            margin: 0 auto;
        }

        .ggBox a {
            display: block;
            width: 1903px;
            height: 600px;
            position: absolute;
            z-index: 1;
            opacity: 0.0;
        }

        .ggBox img {
            display: block;
            width: 1440px;
            height: 600px;
			position:relative;
		    margin:0 auto;
        }

        .ggb {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 30px;
            z-index: 4;
            background-repeat: repeat-x;
            /* background-color:

                                                                                 #32342e; background-position: 50% -40px;*/
        }

        .ggBtns {
            width: 950px;
            height: 40px;
            margin: 0 auto;
            /*border-left: 1px solid #090908; border-right: 1px solid #6a6a60; */
        }

        .ggBtns a em {
            display: block;
            width: 100%;
            height: 32px;
            line-height: 32px;
            margin: 4px auto;
            overflow: hidden;
            border-left: 1px solid white;
        }

        .ggBtns a em.first {
            border: none;
        }

        .ggBtns a.ggOn {
            color: #FFF;
            background-position: 0 0;
        }

        .ggb {
	background-color:rgba(100,100,100,0.5);
       
        }

        a.ggOn {
            background-image: url(/images/cqggxiajiao.png);
        }

        .quick_link {
            height: 157px;
            width: 950px;
            margin: auto;
        }

        .quick_link ul {
            margin: 0;
            padding: 0;
            height: 100%;
            list-style: none;
        }

        .quick_link ul li {
            float: left;
            width: 16.66%;
            /*height: 100%;*/
            text-align: center;
        }
		
		.quick_link ul li img {
			opacity:0.7;	
		}
		
		.quick_link ul li img:hover {
			opacity:1;	
		}

       /* .quick_link ul li a {
            display: block;
            height: 100%;
        }*/

        /*Tabs*/
        .tab_wrapper {
            height: auto !important;
            height: 520px;
            min-height: 520px;
            border: 1px solid #EE2D36;
            width: 950px;
            margin: auto auto 20px auto;
        }

        .tab_wrapper ul {
            margin: 0;
            padding: 0;
            height: auto;
            list-style: none;
        }

        .tab_wrapper .tab_control {
            height: 40px;
            background-color: #EE2D36;
        }

        .tab_wrapper .tab_control li {
            float: left;
            width: 16%;
            height: 40px;
            line-height: 40px;
            color: white;
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
        }

        .tab_wrapper .tab_control li a {
            color: #FFFFFF;
        }

        .tab_wrapper .tab_control li:hover, .tab_wrapper .tab_control li.on {
            color: black;
            background-color: white;
        }

        .tab_wrapper .tab_control li:hover, .tab_wrapper .tab_control li.on a {
            color: black;
        }

        .tab_wrapper .tab_box {
            clear: both;
        }

        .tab_wrapper .tab_box li {
            display: none;
            width: 100%;
            padding: 25px 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .tab_wrapper .tab_box li.on {
            display: block;
        }

        .tab_wrapper .tab_box li dl.col-4 {
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 24.5%;
            vertical-align: top;
        }

        .tab_wrapper .tab_box li dl dt {
            margin: 0;
            padding: 0;
            margin-bottom: 15px;
            font-size: 16px;
            padding-left: 25px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .tab_wrapper .tab_box li dl dd {
            margin: 0;
            padding: 0;
            padding-left: 25px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .desktop-hide {
            display: none;
        }
		.ggBox a span{
			display:inline-block;
			position:absolute;
			right:calc(calc(100% - 910px)/2);
			top:243px;
			width:108px;
			height:32px;
			z-index:2000000;}
		.ggBox a span img{
			width:108px;
			height:32px;}
    }

.banner_mobile {display:none;}
@media(max-width:480px) {
                body {overflow-x:hidden;}
		.banner_mobile {display:block; position:relative;overflow:hidden;}
		#gg {display:none;}	
		.myspanmo a span{
			display:inline-block;
			position:absolute;
			right:20px;
			top:120px;
			width:82px;
			height:25px;
			z-index:2000000;
			}
		.myspanmo a span img{
			width:82px;
			height:25px;
			}
}
/* 产品系列*/
.ban2{
    width: 220px;
    height: 43px;
    background-color: white;
    margin: auto;
    margin-top: 15px;
    text-align: center;
    line-height: 45px;
    font-size: 26px;
    font-family: 微软雅黑;
    font-weight: normal;
    color: #0a0a0a;
}

 @media (min-width: 1200px) {
.recommend{ width:1200px; height:320px;    text-align: center;  margin:auto;}
.recommend .unit{  width:220px; height:310px; border:1px solid #aaaaaa; float:left; margin-left:10px;margin-right:10px;}
.recommend .unit:hover{ box-shadow:1px 3px 10px #666;}
.recommend .unit img{ width:208px; height:196px; margin:5px;}
.recommend .unit h1{ font-size:14px; line-height:30px; text-align:center; margin-top:15px;margin-bottom:10px;}
.recommend .unit p{ width:260px; line-height:30px; text-align:center; margin:auto; margin-bottom:15px;}
.recommend .unit p span{ font-weight:bold;}
.recommend .unit a{ display:block; width:98px; line-height:35px; text-align:center; background:url(../images/bg03.jpg) no-repeat; font-size:14px; color:white; margin:auto;    box-shadow: 4px 2px 2px 0px #aaa;}

}

 @media (max-width: 1200px) and (min-width: 1024px) {
.recommend{ width:100%; height:320px;    text-align: center;  margin:auto;}
.recommend .unit{width:18%; height:310px; border:1px solid #aaaaaa; float:left; margin-left:1%;margin-right:1%;}
.recommend .unit:hover{ box-shadow:1px 3px 10px #666;}
.recommend .unit img{ width:96%; height:196px; margin:2%;}
.recommend .unit h1{ font-size:14px; line-height:30px; text-align:center; margin-top:15px;margin-bottom:10px;}
.recommend .unit p{ width:260px; line-height:30px; text-align:center; margin:auto; margin-bottom:15px;}
.recommend .unit p span{ font-weight:bold;}
.recommend .unit a{ display:block; width:98px; line-height:35px; text-align:center; background:url(../images/bg03.jpg) no-repeat; font-size:14px; color:white; margin:auto;    box-shadow: 4px 2px 2px 0px #aaa;}
}

 @media (max-width: 1024px) and (min-width: 768px) {
.recommend{ width:1024; height:320px;    text-align: center;  margin:auto;}
.recommend .unit{width:18%; height:310px; border:1px solid #aaaaaa; float:left; margin-left:1%;margin-right:1%;}
.recommend .unit:hover{ box-shadow:1px 3px 10px #666;}
.recommend .unit img{ width:96%; height:196px; margin:2%;}
.recommend .unit h1{ font-size:14px; line-height:30px; text-align:center; margin-top:15px;margin-bottom:10px;}
.recommend .unit p{ width:260px; line-height:30px; text-align:center; margin:auto; margin-bottom:15px;}
.recommend .unit p span{ font-weight:bold;}
.recommend .unit a{ display:block; width:98px; line-height:35px; text-align:center; background:url(../images/bg03.jpg) no-repeat; font-size:14px; color:white; margin:auto;    box-shadow: 4px 2px 2px 0px #aaa;}

}
  @media (max-width: 768px) and (min-width: 660px)  {
.recommend{ width:100%; height:auto;    text-align: center;  margin:auto;}
.recommend .unit{ width:31.3%; height:315px; border:1px solid #aaaaaa; float:left; margin:0 1% 5px 1%; }
.recommend .unit:hover{ box-shadow:1px 3px 10px #666;}
.recommend .unit img{ width:96%; height:196px; margin:2%;}
.recommend .unit h1{ font-size:14px; line-height:30px; text-align:center; margin-top:15px;margin-bottom:10px;}
.recommend .unit p{ width:260px; line-height:30px; text-align:center; margin:auto; margin-bottom:15px;}
.recommend .unit p span{ font-weight:bold;}
.recommend .unit a{ display:block; width:98px; line-height:35px; text-align:center; background:url(../images/bg03.jpg) no-repeat; font-size:14px; color:white; margin:auto;    box-shadow: 4px 2px 2px 0px #aaa;}

}


  @media (max-width: 660px) and (min-width: 461px)  {
.recommend{ width:100%; height:auto;    text-align: center;  margin:auto;}
.recommend .unit{ width:48%; height:315px; border:1px solid #aaaaaa; float:left; margin:0 1% 5px 1%;}
.recommend .unit:hover{ box-shadow:1px 3px 10px #666;}
.recommend .unit img{ width:217px; height:196px; float:middle;}
.recommend .unit h1{ font-size:14px; line-height:30px; text-align:center; margin-top:15px;margin-bottom:10px;}
.recommend .unit p{ width:260px; line-height:30px; text-align:center; margin:auto; margin-bottom:15px;}
.recommend .unit p span{ font-weight:bold;}
.recommend .unit a{ display:block; width:98px; line-height:35px; text-align:center; background:url(../images/bg03.jpg) no-repeat; font-size:14px; color:white; margin:auto;    box-shadow: 4px 2px 2px 0px #aaa;}

}

@media (max-width: 460px)  {
.cs_online_frame {display:none;}
.recommend{ width:100%; height:auto;    text-align: center;  margin:auto;}
.recommend .unit{ width:95%; height:80px; border:1px solid #aaaaaa; float:left; margin-left:10px;

    background-position-x: center;
    background-position-y: center;}
.recommend .unit:hover{ box-shadow:1px 3px 10px #666;}
.recommend .unit img{ width:0px; height:0px; margin:0px;}
.recommend .unit h1{ font-size:14px; line-height:30px; text-align:center; margin-top:5px;margin-bottom:5px;    
-webkit-margin-before: -20px;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}

.recommend .unit p{ width:260px; line-height:30px; text-align:center; margin:auto; margin-bottom:15px;}
.recommend .unit p span{ font-weight:bold;}
.recommend .unit a{ display:block; width:196px; line-height:35px; text-align:center; background-color:#c40000; font-size:14px; color:white; margin:auto;    box-shadow: 4px 2px 2px 0px #aaa;}
}

 @media (min-width: 1200px){
.part2{	display: block;	width:1200px;	margin-top: 30px;margin: auto;	overflow: hidden; height: auto;	clear: both;}
.part2 .about{	display: block;	float: left;	width: 584px;margin-left:10px;margin-right:10px;}
.news{	display: block;	float: left;	width: 584px;}
}

 @media (max-width: 1200px) and (min-width: 1024px){
.part2{	display: block;	width:100%;	margin-top: 30px;margin: auto;	overflow: hidden; height: auto;	clear: both;}
.part2 .about{	display: block;	float: left;	width:48%; margin-left:1%;margin-right:1%;}
.news{	display: block;	float: left;	width: 48%; margin-left:1%;margin-right:1%;}
}

 @media (max-width: 1024px) and (min-width: 768px){
.part2{	display: block;	width:1024px;	margin-top: 30px;	overflow: hidden;        height: auto;	clear: both;}
.part2 .about{	display: block;	float: left;	width: 491px; margin-left:10px;margin-right:10px;}
.news{	display: block;	float: left;	width: 492px;}
}



 @media (max-width: 768px){
.part2{	display: block;	width:100%;	margin-top: 30px;	overflow: hidden;        height: auto;	clear: both;}
.part2 .about{	display: block;	float: left;	width: 100%;}
.news{	display: block;	float: left;	width: 100%;}
}


.about-body{display: block;	margin-top: 48px;}
.about-body img{display: block;	width: 98%;	height: 150px;	margin-bottom: 15px;}
.about-body p{ line-height: 32px;
    color: #828282;    
    -webkit-margin-before: 10px;
    -webkit-margin-after: 10px;
    -webkit-margin-start: 10px;
    -webkit-margin-end: 10px;}


@media (max-width: 768px){

.news-body{display: block;	margin-top: 48px;}
.news-body li{display: block;	height: 100%;	margin-bottom: 15px;	padding-bottom:50px;	border-bottom:1px solid #bfbfbf;}
.news-body li:last-child{margin-bottom: 0;}
.news-body li .pic{display: block;float: left;margin-right: 11px;}
.news-body li .pic img{	display: block;	width: 80px;	height: 69px;}
.news-body li .content{	display: block;	overflow: hidden;}
.news-body li .content h4{	display: block;	line-height: 1;	font-size: 16px;}
.news-body li .content h4 a{	color: #4f4f4f;	font-size: 16px;	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;}
.news-body li .content h4 a:hover{	color: #9665a8;}
.news-body li .content p{display: block;line-height: 26px;color: #808080;margin-top: 6px;}
}

@media (min-width: 768px){

.news-body{display: block;	margin-top: 48px;}
.news-body li{display: block;	height: 74px;margin-bottom: 15px;padding-bottom:50px;border-bottom:1px solid #bfbfbf;}
.news-body li:last-child{margin-bottom: 0;}
.news-body li .pic{	display: block;	float: left;	margin-right: 11px;}
.news-body li .pic img{	display: block;	width: 80px;	height: 69px;}
.news-body li .content{	display: block;	overflow: hidden;}
.news-body li .content h4{	display: block;	line-height: 1;	font-size: 16px;}
.news-body li .content h4 a{	color: #4f4f4f;	font-size: 16px;	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;}
.news-body li .content h4 a:hover{	color: #9665a8;}
.news-body li .content p{display: block;line-height: 26px;color: #808080;margin-top: 6px;}
}

.unified-header {
    position: relative;
    display: block;
    padding: 30px 0;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.unified-header-us{
    display: block;
    float: left;
    font-size: 26px;
    color: #c40000;
}
.unified-header-small
{
    font-size: 18px;
    color: #c9c9c9;
    padding-left: 10px;
    text-transform: uppercase;
}
.unified-header>a {
    display: block;
    text-decoration: none;
    float: right;
    color: #919191;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
}
.unified-header .line {
    position: absolute;
    display: block;
    width: 200px;
    height: 1px;
    background-color: #c40000;
    bottom: -1px;
    left: 0;
}

.layui-timeline-item {
    position: relative;
    padding-bottom: 20px;
}

.layui-icon {
    font-size: 26px;
}

.layui-timeline-axis {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #5FB878;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.layui-icon {
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.layui-timeline-content {
    padding-left: 25px;
}

.layui-text {
    line-height: 22px;
    font-size: 14px;
    color: #666;
}

.layui-timeline-title {
    position: relative;
    margin-bottom: 10px;
}
/*  以上是20200306zl汇总           */


/***********搜索页*************/
@media (min-width: 1200px) {
.container {
	width:1200px;
	margin:0 auto;
	height:auto;
}
.main .position {
    display: block;
    text-align: right;
    height: 50px;
    line-height: 50px;
    color: #6d6d6d;
    margin-top: 5px;
    border-bottom: 1px solid #d6d6d6;
}
.main .position-box {
    display: inline-block;
    padding-left: 20px;
    /*background: url(../imgs/position.png) no-repeat left center;*/
}

.main .position-box a {
    color: #6d6d6d;
}

.main .subnavtop-L{
    margin: 0 auto;
    float: left;
}
.main .subnavtop-r{
	margin-top:10px;
	display: block;
	float: left;
	width: 890px;
}

.main .content-r{
	display: block;
	float: left;
	margin-left: 10px;
    width: 930px;
}

.main .content-r .title03{
	display: block;	
	width: 940px;
	padding-bottom:5px;
	border-bottom:1px solid #aaaaaa;
}
}

@media (max-width: 1200px)and (min-width: 1024px){
.container {
	width:98%;
	margin:0 auto;
	height:auto;

}
.main .position {
    display: block;
    text-align: right;
    height: 50px;
    line-height: 50px;
    color: #6d6d6d;
    margin-top: 5px;
    border-bottom: 1px solid #d6d6d6;
}
.main .position-box {
    display: inline-block;
    padding-left: 20px;
   /* background: url(../imgs/position.png) no-repeat left center;*/
}

.main .position-box a {
    color: #6d6d6d;
}

.main .subnavtop-L{
    margin: 0 auto;
    float: left;
}
.main .subnavtop-r{
	margin-top:10px;
	margin-left:310px;
	overflow:hidden;
	zoom:1; 
}
.main .content-r{
	margin-left:265px;
	overflow:hidden;
	zoom:1; 
}

.main .content-r .title03{
	display: block;	
	
	padding-bottom:5px;
	border-bottom:1px solid #aaaaaa;
}
}

@media (max-width: 1024px)and (min-width: 768px){
.container {
	width:1004px;
	margin:0 auto;
	height:auto;

}
.main .position {
    display: block;
    text-align: right;
    height: 50px;
    line-height: 50px;
    color: #6d6d6d;
    margin-top: 5px;
    border-bottom: 1px solid #d6d6d6;
}
.main .position-box {
    display: inline-block;
    padding-left: 20px;
    /* background: url(../imgs/position.png) no-repeat left center;*/
}

.main .position-box a {
    color: #6d6d6d;
}
.main .subnavtop-L{
    margin: 0 auto;
    float: left;
}
.main .subnavtop-r{
	margin-top:10px;
	margin-left:310px;
	overflow:hidden;
	zoom:1; 
}
.main .content-r{
	margin-left:265px;
	overflow:hidden;
	zoom:1; 
}

.main .content-r .title03{
	display: block;	
	
	padding-bottom:5px;
	border-bottom:1px solid #aaaaaa;
}
}

@media (max-width: 768px){
.container {
	width:98%;
	margin:0 auto;
	height:auto;

}
.main .position {
    display: block;
    text-align: right;
    height: 40px;
    line-height: 20px;
    color: #6d6d6d;
    margin-top: 3px;
    border-bottom: 1px solid #d6d6d6;
}
.main .position-box {
    display: inline-block;
    padding-left: 20px;
    /* background: url(../imgs/position.png) no-repeat left center;*/
}

.main .position-box a {color: #6d6d6d;font-size:12px;}
.main .subnavtop-L{
    margin: 0 auto;
    float: left;
}
.main .subnavtop-r
{
    float:left;
	margin-top:10px;
    width:100%;
	overflow:hidden;
	min-width:200px;
	zoom:1; 
}
}

.main .content-box{
	margin-top: 0px;
	overflow: hidden;
	clear: both;
	width: 100%;
}

@media (min-width: 768px){

.main .content-box .subnav{
	width: 260px;
        height:auto; min-height:500px; _height:500px;
	float: left;
}
.proinfobiao {
/*   */
    width:100%;
    border:0;
    font-size: 16px;
    line-height: 20px;
    color: #3a3a3a;
    margin-top: 5px;
    margin-left: 8px;
}

.proinfobiao .pro-t{color: #ffffff;}
.proinfobiao tr {line-height: 35px;}
.proinfobiao th {font-size:16px;color: #3a3a3a;background-color: #ddd;}
.proinfobiao tr.change:hover {line-height: 35px;background-color: #eee;}
.proinfobiao td {border-bottom: #cccccc 1px dashed; font-size:16px;color: #3a3a3a;}
.proinfobiao tr:hover td {background:none;}
.proinfobiao td a{font-size:16px;color: #3a3a3a;}
.proinfobiao td a:hover{color: #e40d0d;}
.proinfobiao .detail01{width:785px;font-size:16px;color: #3a3a3a;padding:5px;}

.proinfo {
/*   */
    width:100%;
    border:0;
    font-size: 16px;
    line-height: 20px;
    color: #3a3a3a;
    margin-top: 5px;
    margin-left: 0px;
}

.proinfo .pro-t{color: #ffffff;}
.proinfo tr{line-height: 18px;}
.proinfo td{padding: 8px; border-bottom: #cccccc 1px dashed; font-size:14px;color: #3a3a3a;}
.proinfo .tdleft {background-color: #eee;font-weight:bold;}
.proinfo .tdright {background-color: #fafafa;}
.proinfo td a{font-size:16px;color: #3a3a3a;}
.proinfo td a:hover{color: #e40d0d;}
.proinfo .detail01{font-size:14px;color: #3a3a3a;    line-height: 25px;padding:5px;}
.proinfo .detail01 p {text-indent:2em;}



table.altrowstable {width:98%;margin-top: 10px; margin-left: 1%;font-family: verdana,arial,sans-serif;
    			font-size:11px;color:#333333;border-width: 1px;border-color: #c7c7c7;border-collapse: collapse;}
table.altrowstable th {font-size:16px;color:#fff;border-width: 1px;padding: 8px;border-style: solid;border-color: #c7c7c7;}
table.altrowstable td {font-size:11px;border-width: 1px;padding: 8px;border-style: solid;border-color: #c7c7c7;}
.oddrowcolor{background-color:#fff;}
.evenrowcolor{background-color:#ededed;}


}
@media (max-width: 768px){

.main .content-box .subnav{
	display:none;
	width: 260px;
        height:auto; min-height:500px; _height:500px;
	float: left;
}
.proinfobiao {
    font-size: 12px;
    line-height: 20px;
    color: #3a3a3a;
    margin-top: 5px;

}

.proinfobiao .pro-t{color: #ffffff;}
.proinfobiao tr{line-height: 20px;}
.proinfobiao th{font-size:16px;color: #3a3a3a;height:30px;}
.proinfobiao td{border-bottom: #cccccc 1px dashed;font-size:14px;color: #3a3a3a;}
.proinfobiao td a{font-size:14px;color: #3a3a3a;}
.proinfobiao td a:hover{color: #e40d0d;}
.proinfobiao .detail01{font-size:12px;color: #3a3a3a;padding:5px;}

.proinfo {
/*   */
width:100%;
border:0;
align:center; 
cellpadding:3;
cellspacing:1;
bgcolor:#ECECEC;
    font-size: 16px;
    line-height: 20px;
    color: #3a3a3a;
    margin-top: 5px;
    margin-left: 0px;
}

.proinfo .pro-t {color: #ffffff;}
.proinfo tr {line-height: 15px;}
.proinfo tr.change:hover {line-height: 15px;background-color: #eee;}
.proinfo .tdleft {background-color: #eee;font-weight:bold;}
.proinfo .tdright {background-color: #fefefe;}
.proinfo td {padding: 5px; border-bottom: #cccccc 1px dashed; font-size:12px;color: #3a3a3a;}
.proinfo tr:hover td {background:none;}
.proinfo td a {font-size:16px;color: #3a3a3a;}
.proinfo td a:hover {color: #e40d0d;}
.proinfo .detail01{font-size:14px;color: #3a3a3a;    line-height: 25px;padding:5px;}


table.altrowstable {width:98%;margin-top: 10px; margin-left: 1%;font-family: verdana,arial,sans-serif;
    			font-size:11px;color:#333333;border-width: 1px;border-color: #c7c7c7;border-collapse: collapse;}
table.altrowstable th {color:#fff;border-width: 1px;padding: 8px;border-style: solid;border-color: #c7c7c7;}
table.altrowstable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #c7c7c7;}
.oddrowcolor{background-color:#fff;}
.evenrowcolor{background-color:#ededed;}


}


.subnav .subnav-header{
	display: block;
	width: 260px;
	height: 78px;
	background: #c40000  no-repeat right top;
}
.subnav .subnav-header div{
	display: block;
	line-height: 1;
	font-size: 24px;
	color: #fff;
	padding-left: 30px;
	padding-top: 10px;
}
.subnav .subnav-header p{
	display: block;
	line-height: 1;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
}

.serchhistory{
    display: block;
    width: 260px;
    text-align: left;
    line-height: 16px;
    margin-top: 9px;
    font-size: 14px;
    background-color: #f2f2f2;
}

.nnmain {width:1024px; height:auto; margin:0 auto; padding:15px 0;}
.nnmain-left {width:260px; min-height:1000px; float:left;}
.nnmenu {width:auto; height:auto;}
.nnmenu-tit {width:auto; height:50px; background:#555; border-top:3px solid #666; padding-left:20px; line-height:50px; color:#fff; font-size:18px;}
.nnmenu-list {width: auto;    height: auto;    background: #fafafa;}
.nnmenu-list ul {list-style-type: none;display: block;}
.nnmenu-list ul li {width: auto; height: auto; min-height:40px; border-bottom: 1px solid #f1e8e8;}
.nnmenu-list ul li:hover {background:#eee;}
.nnmenu-list ul li.cursel {background:#eee;}
.nnmenu-list ul li h1 {width: auto; height: 40px;font-weight: normal; line-height: 40px;    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;}
.nnmenu-list ul li h1 a {float: left; font-size: 16px; color: #666; padding-left: 10px;display: block;    width: 200px;}
.nnmenu-list ul li h1 span {float: right; width: 40px; height: 40px; background:url(/images/right.png) no-repeat center;cursor:pointer;}

.nnmenu-list ul li div {width: auto; height: auto;display: block;}
.nnmenu-list ul li div a {display: block; width: auto; height: 40px; line-height: 40px;}

.nnmain-list-min {width:auto;height:auto;background: #fff;display: block;padding:0px;}
.nnmain-list-min ul  { list-style-type:none;      display: block;    list-style-type: disc;    -webkit-margin-before: 0px;    -webkit-margin-after: 0px;    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    -webkit-padding-start: 0px;}
.nnmain-list-min ul li {background: url(/images/icon.gif) no-repeat left center;padding-left:20px;border-bottom: 1px solid #f1e8e8;}
.nnmain-list-min ul li a{border: none;    text-decoration: none;    color: #666;}
.nnmain-list-min ul li a span{background:none;}
.nnmain-list-min ul li a:hover{background:none;}


.main .content-r .title03 h3{
	display: block;
	line-height: 1;
	font-size: 28px;
	color: #c40000;
}



.main .content-r .title03 p{
	display: block;
	line-height: 1;
	font-size: 20px;
	color: #8b8b8b;
	margin-top: 10px;
	padding-left: 30px;
	text-transform: uppercase;
}



.my_pages{clear:both!important;padding:5px 0 0;text-align:center;margin:5px auto;line-height:30px;}
.my_pages ul{text-align:center;list-style:none;}
.my_pages ul li{list-style:none;text-align:center;height:24px;display:inline;margin:0 2px;padding:0;overflow:hidden;white-space:nowrap;font-size:13px;}
.my_pages ul li a{background:#fff;color:#555;display:inline;height:24px;overflow:hidden;margin:0;border: #999 1px solid;}
.my_pages ul li a:hover{color:#fff;background:#C40000;border:#00632a 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer;}
.my_pages ul li.thisclass a{background:#00632a;border:#00632a 1px solid;height:24px;overflow:hidden;color:#fff;font-weight:700;} 

/*-------------放大镜--------------*/
html{overflow-y:scroll;}
body{margin:0; font:12px "\5B8B\4F53",san-serif;background:#ffffff;}
div,ul,li{padding:0; margin:0;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
 
/* box */
.box{width:310px;margin:10px auto;float:left;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;box-shadow: 1px 1px 2px 0px #b2afaf;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:310px;width:310px;}
.tb-s310, .tb-s310 img{max-height:310px;max-width:310px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{/*border:1px solid #CDCDCD;*/position:relative;    /*z-index:1;*/}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #c40000;height:42px;/*padding:2px;*/}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



/********boottab*******/



.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav:before,.nav:after {
  display: table;
  content: " ";
clear: both;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav>li {
    position: relative;
    display: block;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555; 
    cursor: default; 
    background-color: #fff; 
    border: 1px solid #ddd; 
    border-bottom-color: transparent; 
}


.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #337ab7;
    text-decoration: none;
}

.tab-content>.active {
    display: block;
}

.tab-content>.tab-pane {
    display: none;
}

.fade.in {
    opacity: 1;
}



.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

@media (max-width: 420px ){
.form-div{
width:90%;
margin-top:20px;
}
}

@media (min-width: 420px ){
.form-div{
width:50%;
margin-top:20px;
}
}
.form-group {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
    height: 30px;
}
.control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
 .bian{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.btn-default {
    color: #fff;
    background-color: #c40000;
    border: 1px solid;
    border-color: #c40000;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;

    border-radius: 4px;
}