﻿ /*eid样式*/

.eid-banbox{width: 100%; min-width: 1200px;}

.eid-ban1{width:100%;height: 270px;background: url(../images/banbg1.jpg)no-repeat center; -ms-behavior: url(../other/../other/backgroundsize.min.htc);

    behavior: url(../other/backgroundsize.min.htc);

}

.eid-ban2{width:100%;height: 475px;background: url(../images/banbg2.jpg)no-repeat center; -ms-behavior: url(../other/../other/backgroundsize.min.htc);

    behavior: url(../other/backgroundsize.min.htc);

}

.eid-bancontent{width: 1200px;margin: 0 auto;}

.ban-center{width: 750px;margin: 0 auto;text-align: center;}

/**/

.section-content{width: 1280px; margin: auto;  text-align: center; padding-bottom:35px; overflow:hidden }

        .nav-height{ position:relative; height: 42px;background: #333}

        .nav-box { width: 1200px;height: 42px;margin:0 auto;background: #333; float:none}

        .nav-box.navFix{position: fixed;top:66px;left:50%;margin-left: -600px;  box-shadow: 0 0 5px rgba(0,0,0, 0.2); background:#fff; z-index: 99999;} 

        .nav-box ul {padding: 0;margin: 0 auto; width: 1200px; display: block; }

        .nav-box.navFix ul{ border-bottom: 0;}
		.nav-box.navFix ul li a { color:#5297e9}

        .nav-box li { display: inline-block; text-align: left;height: 42px; line-height: 42px;float: left; text-align: center;position: relative;}

        .nav-box li a {display: block;padding: 0 40px;font-size:14px; color: #fff; text-decoration: none;}

       /* .nav-box li a:before{content:" ";width:1px;height:24px;border-right: 1px solid #ee8800;position: absolute;top:16px;left:-2px;}

        .nav-box li a.active:before{content:" ";width:0px;border: none;}

        .nav-box li:first-child a:before{content:" ";width:0px;border: none;}*/

        .nav-box li a:hover{color: #5297e9; /*border:1px solid #ee8800;*/}

        .nav-box li a.active {color: #5297e9; background:url(../images/hover.png) bottom repeat-x}

        .nav-mobile {display: none;font-weight: bold;width: 100%;}

        .click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}

        .click-me a {display: block;color: white;}

        /**/

.product-box{width: 100%;height: auto;background-color: #fff; padding-bottom:105px}

.product-list{width: 100%; margin-top: 10px;}



.product-tit{width: 100%;  text-align: left;margin-top: 30px; margin-bottom:10px;}

.product-tit i{width: 3px;height: 20px;display:block;background: #0679af; float:left; margin-right:10px;}

.product-tit h3{display: inline-block;font-size:3em;color: #2c2c2c;text-align: left; font-weight:normal; }

.cptit { font-size:16px; color:#333; line-height:35px; text-align:left; margin:15px 0}
.cpnrjs { font-size:16px; line-height:26px; color:#555; text-align:left}

.padl { font-size:14px; line-height:28px; color:#555; line-height:32px; margin-top:30px; text-align:left}
.ppmore a {display:block;width: 154px; height: 48px;border: #333 1px solid; background:#5f6972;border-radius: 24px;line-height: 48px;font-size: 1.167em;margin:50px auto 0; color:#fff; text-align:center;transition: all 0.9s;}
.ppmore a:hover {background: #00b3fe; border:#5f6972 1px solid;
	opacity: 0.8;
	border-color:#5f6972;
}
.cpjg { margin-top:20px; text-align:left}
.cpjgl { width:1200px;}
.cpjgl ul li { margin-top:30px;width:376px; float:left; margin-right:35px;}
.cpjgl ul li .tp { width:50px; float:left; margin-right:10px;}
.cpjgl ul li .nr { display:block; float:right; line-height:40px; font-size:14px; color:#333; float:left}
.cpjgl ul li .jglb { margin-top:15px;}
.cpjgl ul li .list { background: url(../images/bd_gray.png) 0 11px no-repeat; padding-left:10px; line-height:25px; font-size:12px; color:#555; }

.cpjz { margin-top:15px;}
.cpjz ul li { width:410px; float:left; margin-right:25px; padding:0 0 10px; margin-top:50px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; background:#f6f6f6; height:560px; position:relative}
.cpjz ul li .tp { text-align:center; height:225px;}
.cpjz ul li .tp img { height:225px; width:100%}
.cpjz ul li .tit a { font-size:20px; line-height:35px; text-align:center; display:block; margin-top:10px; padding:0 20px; text-align:left}
.cpjz ul li p { padding:10px 20px 25px; line-height:28px; font-size:16px; text-align:left}
.cpjz ul li .more a { width:110px; float:left; height:35px; border:#00b5f7 1px solid; color:#00b5f7; font-size:16px; line-height:35px; text-align:center; display:block;border-radius:5px;-moz-border-radius:5px;
-webkit-border-radius:5px; position:absolute; bottom:15px; left:15px;}
.cpjz ul li .more a:hover { background:#00b5f7; color:#fff;-webkit-transition: all 0.4s linear -1ms;

-moz-transition: all 0.4s linear -1ms;

-ms-transition: all 0.4s linear -1ms;

-o-transition: all 0.4s linear -1ms;

transition: all 0.4s linear -1ms;}

.cpjz ul li .jh { width:40px; float:right; position:absolute; right:15px; bottom:15px;}
.cpjz ul li .jh img { width:40px;}

.footer-box{width:100%;background-color: #d8f6db;    padding-top: 30px;}

#iebug{height: 160px;}



* {

    margin: 0;

    padding: 0;

}

body {

    position: relative;

}



.category-btn {

    background: #d5d5d5 none repeat scroll 0 0;

    border-radius: 16px;

    display: block;

    height: 160px;

    padding-top: 15px;

    position: fixed;

    top: 60%;

    width: 35px;

    z-index: 999;

}

.category-btn a {

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 25px;

    font-weight: bold;

    line-height: 30px;

    text-align: center;

    text-decoration: none;

}

.category-btn a:hover {

    color: #666;

}

.catCur {

    background: #000 none repeat scroll 0 0;

    color: #fff;

}

.category-btn ul li {

    position: relative;

}

.category-btn ul li div {

    background: rgba(0, 0, 0, 0) url("") no-repeat scroll 0 center;

    border-radius: 3px;

    position: absolute;

    top: 0px;

    right: 38px;

}

.category-btn ul li div span {

    background: #ebebeb none repeat scroll 0 0;

    display: block;

    font-size: 13px;

    line-height: 18px;

    padding: 5px;

    white-space: nowrap;

}

.text {

    display: none;

}



.category-btn ul li.active a{

    color: red;

}


.ysxw { width:1156px; margin:0px auto 0}
.ysxw ul li { border-bottom:1px solid #ccc; padding: 70px 0; overflow:hidden}
.ysxw ul li .wenz { width:770px; float:left}
.ysxw ul li .tp { width:160px; float: right}
.ysxw ul li .tp img { width:100%}
.ysxw ul li .bt a { line-height:20px; font-size:20px; margin-bottom:20px; color:#06b7f7; display:block}
.ysxw ul li .shi { font-size:16px; color:#333; line-height:16px; margin-bottom:10px; }
.ysxw ul li p { line-height:36px; font-size:16px; color:#333;}
.ysxw ul li .more a { width:150px; height:38px; line-height:38px; background:#06b7f7; margin-top:10px; display:block; text-align:center; color:#fff; font-size:16px;}

.jrys { width:1200px; margin:0 auto; text-align:left}
.jrys h2 { font-size:30px; line-height:28px; margin:60px auto; text-align:center; color:#333}
.jrysl { width:502px; float:left; text-align:left; overflow:hidden}
.jrysl span { line-height:36px; font-size:16px; color:#333}
.jrysr {     width: 501px;
    float: right;
    text-align: left;
    overflow: hidden;
    margin-right: 77px;}
.jrysr span { line-height:36px; font-size:16px; color:#333}
.jryslbd { margin-top:46px;}
.jryslbd span { line-height:40px; font-size:16px; color:#333}
.jryswk { height:50px; line-height:50px;}
.jryswk p { font-size:16px; float:left; width:100px; display:block}
.jryswk input{ float: left; width:400px;  color: #666; box-sizing: border-box; border: none; height:30px; line-height:30px; margin-top:10px; border:#ccc 1px solid}
.jrysly { line-height:50px; font-size:16px; overflow:hidden; width:100%}
.jrysly textarea{ font-size: 16px; line-height: 22px; width:1025px; margin-left:100px; float: left; border: none; height: 198px; padding: 5px; box-sizing: border-box; border:#ccc 1px solid }
.jrystj a { width:140px; height:32px; margin:35px auto 35px;  border:#00b5f7 2px solid; line-height:32px; display:block; text-align:center; color:#00b5f7; font-size:16px; font-weight:bold;border-radius:20px;-moz-border-radius:20px;
-webkit-border-radius:20px; }

.lxys { width:1200px; margin:0 auto; overflow:hidden}
.lxysbk { width:366px; margin-right:50px; float:left; margin-top:60px;}
.lxysbk .bt { font-size:20px; line-height:20px; margin-bottom:20px; color:#06b7f7}
.lxysbk p { line-height:36px; font-size:16px; color:#333;}
.lxysbk.first { width:366px}

.xiazai { margin-top:20px;}
.xiazai .dbt { line-height:89px; background:url(../images/xzbj.png) center top no-repeat; font-size:20px; height:89px;}
.xiazai .dbt span { width:200px; float:left}
.xiazai .dbt .sous { width:380px; float:right}
.searchIpt {

	width:380px; margin-top:37px;
 
	height:35px;

	display: block;

	z-index: 10;

}

.searchIpt .search_txt {

	width:290px;

	padding: 0 0 0 10px;

	line-height: 33px;

	color: #999;

	border: 0;

	height:33px; font-size:14px; background:#fff; border:#ccc 1px solid;

	float: left;

}

.searchIpt .search_btn {

	width: 78px;

	background: #00b5f7;

	border: 0;

	float: right; font-size:16px;

	color: #fff;

	height: 35px;

	cursor: pointer;

}

.xiazai ul li { line-height:89px; border-bottom:#eee 1px solid; font-size:16px; background:url(../images/navito.png) left center no-repeat; padding-left:30px; overflow:hidden}
.xiazai ul li a { color:#555; font-size:16px; float:left; display:block}
.xiazai ul li .xia { width:350px; float:right; line-height:89px; color:#666; font-size:14px; text-align:right}
.xiazai ul li .xia a { background:url(../images/icon001.png) 10px center no-repeat; padding-left:30px; color:#666; width:44px; float:right; display:block}

.pg { height: 26px; line-height:26px; text-align:center; margin-top:40px;}
.pg ul li {display: inline-block;}
.pg ul li a{ padding:0 10px; color:#666; display:block;  border-bottom:#ccc 1px solid; margin:0 10px; font-size:15px;}
.pg ul li a:hover { color:#00b5f7; border-bottom:none}
.pg ul li:first-child a{ border-bottom:none}
.pg ul li:last-child a{ border-bottom:none}
.pg ul li a.on { color:#00b5f7; border-bottom:none;}

