@charset "utf-8";
/* CSS Document */

/*css重置*/
*{ margin:0; padding:0;font-family:"Microsoft YaHei";}
a{ text-decoration:none;font-family:"Microsoft YaHei";}
li{ list-style:none;}
.clearfix{ clear:both;}
img{ border:0; display:block;}
p{font-family:"Microsoft YaHei";}



/*top*/
.head_bg{ width:100%; height:80px; background-color:rgba(255,255,255,0.8); position:fixed; z-index:9999999; top:0; }
.head_box{ width:1200px; margin:0 auto; padding-top:16px;}
.head_box .logo{ float:left;}

.sj_ewm{ width:57px; height:auto; float:right; margin-left:15px;}

.head_yuyan{ width:72px; float:right; margin-top:12px;}
.head_yuyan p a{ display:block; font-size:12px; color:#333; line-height:20px; text-align:center; border:2px solid #3077a7; border-radius: 20px;}
.head_yuyan p a:hover{ background-color:#3077a7; color:#fff;}


.head_email{ float:right; margin-right:18px; margin-top:11px;}
.head_email img{ float:left;}
.head_email p{ float:left; font-size:12px;color: #808080; line-height:24px; margin-left:8px;}



.head_line{ width:1px; height:14px; background-color:#999; float:left; margin-top:14px; margin-left:28px; margin-right:28px;}



.header{ float:right; margin-top:2px; margin-right:35px;}
.nav ul li{ height:40px; line-height:40px; float:left;position:relative;}
.nav ul li a{ color:#333;  font-size:14px; font-weight:bold; text-decoration:none;}
.nav ul li a:hover{ color:#333; text-decoration:none;}
.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#3077a7; top:42px; left:50%;}



.sub_menu{ display:none; position:absolute;z-index:9999; top:32px; left:-29px; width:115px; padding-top:18px;}
.sub_menu dd{float:none; text-align:center; background-color:#fff; overflow: hidden; padding-left:9px; padding-right:9px; }
.sub_menu dd a{ display:block;color:#333!important; font-weight:normal!important;border-bottom: 1px solid #E6E4E3;  float:none!important;line-height:36px!important;font-size:13px!important;  padding-left:0!important; padding-right:0!important; padding-bottom:0!important;}
.sub_menu dd a:hover{color:#3077a7!important;}
.nav ul li:hover .sub_menu{display:block;}

.ban_more{ width:1200px; height:506px;  background-color:rgba(0,0,0,0); position:absolute; left:50%; margin-left:-600px; top:112px; z-index:110;}




/*通栏*/
#wrapper {
	position:relative; z-index:100;
}



.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:650px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:650px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#c20000 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#c20000 !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #014292;
    width: 98px;
    height: 0px;
    float: left;
	margin-bottom: 10px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;


    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}



/*首页联系我们和产品*/
.s_big_bg{ background:url(../images/img2.jpg) center no-repeat; width:100%; height:480px;}
.s_big_box{ width:1200px; margin:0 auto; padding-top:33px;}
.s_lx_box{ width:340px; float:left;}
.s_lx_line{ width:3px; height:22px; background-color:red; float:left; margin-top:6px;}
.s_lx_p1{ font-size:24px; color:#333; float:left; margin-left:8px;}
.s_lx_p2{ font-size:12px; color:#808080; text-transform:uppercase; float:right; margin-top:9px; margin-right:4px;}
.s_lx_p2 a{color:#808080;}
.s_lx_line1{ height:1px; background-color:#cccccc; margin-top:13px; margin-bottom:22px;}

.s_lx_nr p{ font-size:14px; color:#707070; line-height:29px;}
.s_lx_nr p a{color:#707070;}

.s_lx_box .s_lx_line2{ height:1px; background-color:#cccccc; margin-top:13px; margin-bottom:18px;}

.s_lx_kaung img{ float:left; margin-left:7px; margin-right:17px;margin-top:4px;}
.s_lx_kaung p{ float:left; font-size:30px; color:#a0a5b1; font-weight:bold; }


.s_pro_box{ width:819px; float:right;}
.s_pro_p3{ font-size:12px; color:#707070; float:left; margin-left:13px; margin-top:10px;}



.s_pro_tip{ float:left; margin-bottom:12px;}
.s_pro_kuang1{width:480px; height:160px; position:relative; }
.s_pro_kuang1 p{ font-size:18px; color:#fff; position:absolute; right:12px; bottom:12px;}
.s_pro_kuang2{width:480px; height:160px; position:relative; display:none;}
.s_pro_kuang2 p{ font-size:18px; color:#fff; position:absolute; left:202px; top:81px;}
.s_pro_tip:hover .s_pro_kuang1{ display:none;}
.s_pro_tip:hover .s_pro_kuang2{ display:block;}


/*页脚*/
.foot_bg{ background-color:#30405b;}
.foot_bg p{ font-size:12px; color:#fff; text-align:center; line-height:70px;}
.foot_bg p a{color:#fff;}


/*about*/
.max_box{ width:1170px; margin:0 auto; margin-top:30px; padding-bottom:50px;}
.left_box{ width:220px; float:left;}
.left_kuang{background-color:#3077a7; margin-bottom:2px;}
.left_kuang img{ float:left; margin-left:15px; margin-top:14px;}
.left_kuang p{ font-size:16px; color:#fff; line-height:40px; float:left; margin-left:12px;}
.left_hezi p a{ display:block; font-size:14px; color:#000; line-height:40px; border:1px solid #f0f0f0; border-bottom:0; padding-left:14px;}
.left_hezi p span{ color:#d9d9d9;}
.left_hezi p a:hover{ background-color:#f9fbfd;}
.left_hezi{ border-bottom:3px solid #f0f0f0;}

.right_box{ width:898px; float:right;}
.right_box .right_pic{ float:left; margin-right:5px; margin-top:4px;}
.right_box .right_p1{ float:left; font-size:14px; color:#999999;}

.right_p2{ font-size:22px; color:#1e1e1e; text-align:center; margin-top:10px;}
.right_line{ height:1px; background-color:#f0f0f0; margin-top:14px; margin-bottom:20px;}

.jj_nr img{ float:left; margin-right:17px;}
.jj_nr p{ font-size:14px; color:#707070; line-height:26px;}


/*文化*/
.cul_title{ margin-bottom:30px;}
.cul_title p{ font-size:14px; color:#707070; line-height:26px;}

.cul_tip{ width:250px; float:left; margin-bottom:26px; margin-left:24px; margin-right:24px;}
.cul_tip img{ width:250px; height:189px; margin:0 auto;}
.cul_tip p{ font-size:12px; color:#666; text-align:center; margin-top:14px;}


/*资质*/
.hon_tip{ float:left; width:270px; margin-bottom:30px; margin-left:14px; margin-right:14px;}
.hon_tip .hon_kuang{ width:248px; height:180px; padding:10px; border:1px solid #eee;}
.hon_tip .hon_kuang img{width:248px; height:180px;}
.hon_tip .hon_p1{ background-color:#F1F1F1; font-size:14px; color:#666; line-height:50px; text-align:center;}
.hon_tip:hover .hon_p1{ color:#3077a7;}



.newspage1 {
 PADDING-RIGHT:0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px auto; PADDING-TOP: 10px; TEXT-ALIGN: center; clear:both;
 }
.newspage1 A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid;
}
.newspage1 A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #3077a7; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage1 A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND:#3077a7; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage1 SPAN.current {
BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND:#3077a7; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid;
}
.newspage1 SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}


.back_bg{ background-color:#ebebeb; margin-top:20px;}
.back_bg p{ font-size:14px; color:#666; text-align:center; line-height:32px;} 
.back_bg p a{color:#666;}




/*质量*/
.qua_title{ margin-bottom:30px;}
.qua_title p{ font-size:14px; color:#707070; line-height:26px;}

.qua_tip{ width:330px; float:left; margin-bottom:26px; margin-left:59px; margin-right:59px;}
.qua_tip img{ width:330px; height:230px; margin:0 auto;}
.qua_tip p{ font-size:14px; color:#707070; text-align:center; margin-top:14px;}






/*新闻*/
.xw_tip{ border-bottom:1px solid #f0f0f0; padding-bottom:6px; margin-bottom:6px;}
.xw_tip .xw_pic{ width:125px; height:125px; float:left;}
.xw_right{ width:751px; float:right; padding-top:5px;}
.xw_right .xw_p1{ font-size:15px; color:#323232; float:left;}
.xw_right .xw_p1 a{color:#323232;}
.xw_right .xw_p1 a:hover{ color:#3077a7;}
.xw_right .xw_p2{ float:right; font-size:12px; color:#969696;}
.xw_right .xw_p2 span{ font-size:14px; color:#c8c8c8;}
.xw_right .xw_pic2{ float:right; margin-top:4px; margin-right:7px;}
.xw_right .xw_p3{ font-size:14px; color:#666666; line-height:26px; margin-top:12px;}
.xw_right .xw_p3 span{ color:#969696;}
.xw_more{ width:84px; margin-top:8px; float:right;}
.xw_more p a{ display:block; font-size:12px;color:#3077a7; line-height:26px; border:1px solid #f0f0f0; background-color:#fcfcfc; text-align:center;}

.xw_p4{ font-size:21px; line-height:30px; color:#1e1e1e; text-align:center;}
.xw_line{ height:1px; background-color:#f0f0f0; margin-top:26px;}
.xw_zhaiyao{ background-color:#fcfbfd; padding:10px; border:1px solid #e4e4e4; margin-top:15px; margin-bottom:25px;}
.xw_zhaiyao p{ font-size:14px; color:#999; line-height:26px;}

.xw_nr_box p{ font-size:13px; text-align:justify; line-height:32px; color:#333;}
.xw_nr_box p a{color:#333;}
.xw_nr_box img{max-width:700px!important; height:auto!important;; margin:0 auto; margin-bottom:5px; margin-top:5px;}


/*联系我们*/
.con_box h1{ font-size:18px; color:#707070; margin-bottom:25px;}
.con_box p{ font-size:14px; color:#707070; line-height:26px;}
.con_box p a{color:#707070;}
.con_box p span{ font-weight:bold;}

 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}




/*留言*/
.ord_left{ width:410px; float:left;}
.ord_p1{ font-size:14px; color:#666; float:left; line-height:28px; width:75px; text-align:right; }
.ord_kuang2{ width:322px; min-height:140px; float:right; border:1px solid #e4e4e4; padding-top:2px; padding-left:6px; font-size:13px; color:#666; line-height:26px; margin-bottom:25px;}

.ord_kuang1{ width:322px; float:right; border:1px solid #e4e4e4; padding-left:6px; font-size:13px; color:#666; line-height:28px;margin-bottom:25px;}
.ord_kuang3{ width:90px; height:28px;border:1px solid #e4e4e4; float:left;font-size:13px; color:#666; line-height:28px; margin-left:5px; padding-left:5px;}
.ord_kuang4{width:90px; height:28px; float:left; margin-left:12px;}
.ord_kuang5{width:90px; height:28px; float:left; margin-left:12px; border:0; background-color:#3077a7; color:#fff; font-size:14px; color:#fff; line-height:28px; text-align:center; cursor:pointer;}

.ord_pic{ float:right; margin-top:60px;}







/*产品*/
.leftpro_tip img{ float:left; margin-top:14px; margin-right:9px; padding-left:13px;}
.leftpro_tip p{font-size:14px; color:#666; line-height:40px;}
.leftpro_tip:hover{ background-color:#88add0;}
.leftpro_tip:hover p{ color:#fff;}
.pro_left{border:1px solid #f0f0f0;}


.ss1{ float:right; margin-bottom:20px;}
.ss1 .ss_title1{ float:left; width:207px; height:28px; border:1px solid #f0f0f0; font-size:13px; color:#ccc; line-height:28px; padding-left:15px;}
.ss1 .ss_pic2{ float:left; border:0;}



.pro_title p{ font-size:16px; color:#333; line-height:21px; float:left; width:208px; margin-bottom:22px; padding-right:15px;}
.pro_title p a{color:#333;}
.pro_title p a:hover{ color:#3077a7;}
.pro_title{ margin-bottom:20px;}

.pro_kuang1{ float:left;}
.pro_kuang2{ width:270px; height:195px; overflow:hidden; border:1px solid #e4e4e4;padding-left:15px; padding-right:15px; display: table-cell; vertical-align: middle; }
.pro_kuang2 img{ max-width:100%; max-height:100%; margin:0 auto;}

.pro_kuang3{ width:564px; float:right;}
.pro_kuang3 .pro_p1{ font-size:14px; color:#979797; line-height:34px;}
.pro_kuang3 .pro_p1 span{ font-size:18px; color:#333; font-weight:bold;}
.pro_kuang3 .pro_line1{ height:1px; background-color:#f2f2f2; margin-top:10px; margin-bottom:10px;}

.pro_kuang4{ width:114px; background-color:#999999; margin-top:27px;}
.pro_kuang4 p{ font-size:16px; color:#fff; line-height:46px; text-align:center;}

.pro_nr{border:1px solid #e4e4e4; min-height:286px; padding:23px;}
.pro_nr p{ font-size:14px; line-height:28px; color:#707070;}
.pro_nr img{ max-width:500px!important; height:auto!important;}
.pro_nr table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;}
.pro_nr table tr td{ padding:11px; font-size:13px; color:#333; line-height:32px;   border:1px solid #ccc; border-top:0; border-right:0;}









.cd-accordion-menu ul { display: none; }
.cd-accordion-menu input[type=checkbox] { position: absolute; opacity: 0; }
.cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { display: block; }

.cp_kuang{ cursor:pointer;}
.cp_kuang:hover{ background-color:#88add0;}
.cp_pic{ float:left;margin-top:14px; margin-right:9px; padding-left:13px;}
.cp_p1{ float:left; font-size:14px; color:#666; line-height:40px;}
.cp_kuang:hover .cp_p1{ color:#fff;}


.cp_p2{font-size:14px; color:#666; line-height:37px; padding-left:13px; margin-left:22px;}
.cp_p2:hover{background-color:#88add0; color:#fff;}


.cp_p3{font-size:14px; color:#666; line-height:37px; padding-left:17px; margin-left:30px;}
.cp_p3:hover{background-color:#88add0; color:#fff;}










/*在线客服*/
.jcContact{position:fixed;top:184px!important;right:0;z-index:999999;}
.jcConBtn{background:url(../images/c01.png) no-repeat;position:absolute;top:0;left:0;width:38px;height:152px;cursor:pointer;}

.kefu_box{ width:218px; height:244px; background-color:#fff; border:1px solid #e4e4e4;}
.kefu_box .kefu_pic1{ float:left; margin-left:20px; margin-top:20px;}
.kefu_box .kefu_p1{ font-size:16px; color:#333; float:left; margin-left:5px; margin-top:24px;}

.kefu_box .kefu_p2{ font-size:22px; color:#000; font-weight:bold; margin-left:20px; margin-top:12px; margin-bottom:22px;}
.kefu_line{ height:1px; background-color:#e4e4e4;}

.kefu_kuang{ width:113px; margin:0 auto; margin-top:32px; margin-bottom:32px; }
.kefu_kuang img{ float:left; margin-top:2px;}
.kefu_kuang p{ font-size:14px; color:#707070; float:right; }
.kefu_kuang p a{color:#707070;}


.kefu_kuang2{ width:160px; margin:0 auto; margin-top:13px; }
.kefu_kuang2 img{ float:left; margin-top:1px;}
.kefu_kuang2 p{ font-size:14px; color:#b5b5b5; float:right; }