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

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 35px;}

img{border:0px;display: block;}

a{text-decoration:none; color: #333333;transition: 0.4s all}
.left{float:left;}
.right{float:right;}
body{width: 750px;margin: 0 auto; background:#ffffff; font-family: "微软雅黑";color: #333333;font-size:16px;}

/* CSS Header */
.header{width:750px;height:auto;margin:0 auto;position: relative;}
.topbar{width: 750px;height:60px;line-height: 60px;font-size: 1.5em;text-align: center; border-bottom: 1px #dbdbdb solid}
.topbar a{color:#999999;padding: 0 24px;}
.topbox{ width: 750px; height:120px; margin: 0 auto; position: relative; }
.flash{ width: 750px; height: 400px; margin: 0 auto;}
.menu{width:750px;height:323px; margin:0 auto; position: relative;}
.menu ul{width: 734px;padding-top: 24px;height: auto;overflow: hidden;}
.menu ul li{width: 157px;height: 123px;text-align: center;color: #222222;font-size:24px; border: 1px #e0e0e0 solid;margin:6px 12px;float: left;}
.menu ul li img{width:60px;height: 60px;padding-top: 10px; display: block;margin:0 auto;}
.banner{ width: 750px; height:200px;background: url(../images/banner.jpg) center no-repeat #1c86d6; margin: 0 auto; position: relative; }
.banner .bn01{font-size:35px;color:#fff;font-weight: bold;text-align: center;padding-top:40px;animation:fadetoT 1s;}
.banner .bn02{font-size: 24px;color:#ffc600;line-height: 32px; font-weight: bold;text-align: center;padding-top:15px;animation:fadetoT 1.5s;}

/* fasein from bottom to top */
@-webkit-keyframes fadetoT{
  from{opacity:0; -webkit-transform:translateY(50px);}
  to{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes fadetoT{
  from{opacity:0;transform:translateY(50px);}
  to{ opacity:1;transform:translateY(0);}
}
/* CSS Footer */
.footer{width: 750px;height:auto;margin: 0 auto;overflow: hidden; padding-bottom: 147px;}
.footer p{width: 710px;height: auto;overflow: hidden; line-height: 50px;color: #333333;font-size:1.5em;margin: 0 auto;padding-top: 30px;}
.footer .ftapi{width: 300px;height: 115px;line-height:115px;color: #666666; margin:35px auto;}
.footer .ftapi img{width: 130px;height: 130px;padding-right: 38px; float: left;}
.gotop{ width: 102px; height: 102px; background: url(../images/top.png) no-repeat; bottom: 140px; right: 15px; z-index: 999; position: fixed;}
#btn{ width: 750px; height:147px; overflow: hidden; position: fixed; bottom:0px; left: 50%; margin-left:-375px; z-index: 999;}
.btnbox{height:147px;float: left; position: relative;}

/* CSS Main */
#wrap{ width:750px; height:auto; margin: 0 auto;position: relative;z-index: 100;}
#main{ width:750px; height:auto; margin: 0 auto;position: relative;z-index: 100;}
.index01{width: 750px;height: 380px;background:url(../images/bg01.jpg) no-repeat;position: relative;}
.index01 .intype{ width: 718px; height:auto; overflow: hidden; margin: 0 auto;padding-top: 36px}
.index01 .intype a{ height:46px;color: #fff;font-size:1.5em;line-height:46px;border: 1px #fff solid;padding: 0 20px; margin:11px 9px;display:inline-block;}
.index01 .intype a:hover{color: #fff;background: #cf000d;border: 1px #cf000d solid;}
.index01 .intel{width:450px;height:63px;background:url(../images/intel.png) no-repeat;position:absolute;left: 185px;top: 281px;}
.piclist{ width: 750px; height: auto;padding-top: 42px;padding-bottom: 20px; overflow: hidden;}
.piclist li{ width: 334px;height:550px; line-height:50px;font-size: 1.5em; margin:0 20px;text-align: center; overflow: hidden;float: left;position: relative;}
.piclist li img{ width: 332px;height:384px;border: 1px #c9c9c9 solid; display: block; margin: 0 auto;margin-bottom: 16px;}
.piclist li a{color: #666666;font-size: 24px}
.piclist li .zx{height: 50px; background:url(../images/zx.jpg) left center no-repeat;padding-left: 48px;color: #cc0000}


.piclist0 li {
    height: 150px;
    background: #fff;
    padding: 20px 20px;
    border-bottom: 1px #dddddd dashed;
    overflow: hidden;
}

.piclist0 li .imgbox {
    width: 200px;
    height: 150px;
    background: #fff;
    border: 1px #dddddd solid;
    overflow: hidden;
    float: left;
}

.piclist0 li .imgbox img {
    width: 200px;
    height: 150px;
}

.piclist0 li .imgtxt {
    width: 485px;
    height: 150px;
    font-size: 22px;
    line-height: 28px;
    color: #666666;
    overflow: hidden;
    float: right;
    position: relative;
}

.piclist0 li .imgtxt span {
    font-size: 25px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    color: #333333;
    display: block;
}

.piclist0 li .imgtxt .more {
    width: 102px;
    height: 28px;
    color: #fff;
    line-height: 28px;
    font-size: 18px;
    border-radius: 14px;
    border: 1px #cf000d solid;
    background:#cf000d;
    display: block;
    margin-top: 27px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    overflow: hidden;
}

.cpmore{width: 200px;height: 55px;line-height: 55px;color: #fff;background: #cc0000;font-size: 1.5em; text-align: center;display: block; margin: 0 auto}
.index02{width: 750px;height:504px;background:url(../images/bg02.jpg) no-repeat;position: relative;}
.index02 .p01{font-size: 45px;color:#fff;font-weight: bold;text-align: center;padding-top:57px;}
.index02 .p02{font-size: 27px;color:#ffc600;line-height: 35px; font-weight: bold;text-align: center;padding-top:20px;}
.index02 .p03{font-size: 27px;color:#cdcdcd;line-height: 37px; text-align: center;padding-top:26px;}
.index02 .ys{width:553px;height:94px;background:url(../images/ys.png) bottom no-repeat;margin: 0 auto;padding-top: 48px; position: relative;}
.index03{width: 750px;height:612px;position: relative;}
.index03 .hn{width:688px;height:271px;background:url(../images/bg03.jpg) bottom no-repeat;margin: 0 auto;padding-top:57px; position: relative;}
.index03 p{line-height: 35px;color: #666666;font-size: 1.5em;padding: 45px 20px;}
.divi{width: 750px;height: 14px;background:url(../images/divi.jpg) no-repeat;margin: 0 auto}
.index04{width: 750px;height:434px;position: relative;}
.newslist{ width: 710px; height:auto;margin:0 auto;padding-top: 25px; overflow: hidden;}
.newslist li{ width: 710px; height:auto;font-size:1.5em; line-height:50px;color: #333333; overflow: hidden;}
.newslist li span{float:right;}
.newslist li a{color: #333333}
.indextitle{width: 100%;height:60px;line-height: 60px;font-size: 35px;color: #222222;font-weight: bold;text-align: center;padding-top: 38px;}
.innewslist{ width: 710px; height:auto;margin:0 auto; overflow: hidden;}
.innewslist li{ width: 710px; height:auto; color: #898989;font-size:1em; line-height: 40px; border-bottom: 1px #f6f3f0 solid;padding-top:10px; padding-bottom: 20px; overflow: hidden;}
.innewslist li a{line-height: 48px;font-size:1.2em;padding-bottom:8px; color: #292929;display: block;}


/*product*/

.cpleft {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pbox01 {
    width: 100%;
    height: 320px;
    overflow: hidden;
}
.pbox01 .pimg {
    width: 330px;
    height: 317px;
    border: 1px #d4d4d4 solid;
    overflow: hidden;
}

.pbox01 .pimg img {
    max-width: 330px;
    max-height: 317px;
    display: block;
    margin: 0 auto
}

.pbox01 .ptxt {
    width: 350px;
    height: 317px;
    overflow: hidden;
    position: relative;
}

.pbox01 .ptxt .p01 {
    height:50px;
    color: #333333;
    font-size: 26px;
    line-height: 34px;
    border-bottom: 1px #969696 dashed;
    position: relative;
}

.pbox01 .ptxt .p01 .more {
    font-size:18px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 38px;
    line-height: 20px;
}

.pbox01 .ptxt .p02 {
    font-size: 18px;
    line-height:30px;
    color: #666666;
    padding-top: 10px;
}

.pbox01 .ptxt .p02 span {
    color: #333333
}

.pbox01 .ptxt .p03 {
    width: 100%;
    height: 48px;
    padding-top: 7px;
    border-top: 1px #969696 dashed;
    /* margin-top: 28px; */
    position: absolute;
    left: 0;
    bottom: 0;
}

.pbox01 .ptxt .p03 .pbt {
    width: 140px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    float: left;
    margin-right: 14px;
    display: block;
}

.pbox01 .ptxt .p03 .b01 {
    background: #cf000d;
    border: 1px #cf000d solid;
    color: #fff
}

.pbox01 .ptxt .p03 .b02 {
    border: 1px #c7c7c7 solid;
    color: #666666
}


.pbox02 {
    width: 100%;
    height: auto;
    font-size:20px !important;
    line-height: 30px;
    color: #333333;
    padding-top: 50px;
    overflow: hidden;
}

.cpmenu {
    width: 100%;
    height: 58px;
    background: #f6f6f6;
    position: relative;
    z-index: 999
}

.cpmenu li {
    width: 160px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    text-align: center;
    float: left;
}

.cpmenu li a {
    display: block;
}

.cpmenu li a:hover {
    background: #cf000d;
    color: #fff
}

.cpmenu li.selected {
    background: #cf000d;
}

.cpmenu li.selected a {
    color: #fff
}

.pbox02 .cp01 {
    width: 100%;
    height: 125px;
    line-height: 120px;
    text-align: center;
    font-size: 35px;
}

.pbox02 .cpt01 {
    width: 100%;
    height: 80px;
    line-height:80px;
    border-bottom: 1px #dadada solid
}

.pbox02 .cpt01 span {
    font-size: 23px;
    color: #333333;
    font-weight: bold;
    display: block;
    padding-left:50px;
}

.cpt02 {
    width: 100%;
    height: 90px;
    line-height: 90px;
    border-bottom: 1px #dadada solid;
    position: relative;
}

.cpt02 span {
    font-size: 23px;
    color: #333333;
    font-weight: bold;
    display: block;
    padding-left: 60px;
}

.cpt02 .more {
    font-size: 15px;
    color: #666666;
    position: absolute;
    right: 0;
    top: 0;
}

.cpt02 .more:hover {
    color: #cf000d;
}
.cptxt01 img{max-width: 100%}
.pbox02 .cptxt01 {
    font-size: 24px;
    width: 100%;
    height: auto;
    padding: 25px 0 30px 0px
}
.pbox02 .cptxt01 img{max-width: 100%}
.pbox02 .cptxt02 {
    width: 955px;
    height: auto;
    padding: 25px 0 30px 10px
}
.pbox02 .cptxt01 p span
{
    font-size: 24px !important;
}
.pbox02 img {
    max-width: 100%;
    padding: 20px 0
}

.pbox03 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pbox03 .p01 {
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-size: 30px;
    text-align: center;
    background: #cf000d;
    color: #fff;
    border-radius: 32px;
}

.pbox03 .p02 {
    width: 100%;
    height: 347px;
    overflow: hidden;
}

.pbox03 .p02 img {
    width: 100%;
    height: 347px;
    padding: 0
}

.pbox03 .p03 {
    width: 100%;
    height: 88px;
    font-weight: bold;
    line-height: 37px;
    font-size: 26px;
    text-align: center;
    color: #333333;
    padding-top: 40px;
}

.pbox03 .p04 {
    width: 100%;
    height: 114px;
    padding-top: 30px;
}

.pbox03 .p04 li {
    width: 240px;
    height: 57px;
    line-height: 57px;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    float: left;
}

.pbox03 .p04 li span {
    width: 45px;
    height: 57px;
    margin-right: 12px;
    display: inline-block;
    float: left;
}

.pbox03 .p05 {
    width: 962px;
    height: 354px;
    color: #333333;
    line-height: 28px;
    font-size: 15px;
    padding-top: 10px;
    overflow: hidden;
}

.pbox03 .p05 img {
    width: 609px;
    height: 354px;
    padding: 0 53px 0 0;
    float: left;
}

.pbox03 .p05 span {
    font-size: 28px;
    line-height: 65px;
    padding-top: 30px;
    font-weight: bold;
    display: block;
}

.pbox03 .p06 {
    width:720px;
    padding-left: 80px;
    line-height: 70px;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
    background: url(../images/p09.jpg) left center no-repeat;
    margin: 45px auto
}

.pbox03 .p07 {
    width: 777px;
    height: 217px;
    margin: 0 auto
}

.pbox03 .p08 {
    width: 100%;
    height: 160px;
    padding-bottom: 530px;
    padding-top: 40px;
    line-height: 41px;
    font-size: 18px;
    color: #666666;
    text-align: center;
    background: url(../images/in04.jpg) bottom center no-repeat;
}

.pbox04 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 40px
}

.pbox05 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pbox05 ul {
    padding-top: 30px;
}

.pbox05 li {
    width: 50%;
    height: 35px;
    line-height: 35px;
    float: left;
    overflow: hidden;
}

.pbox05 li a {
    color: #666666;
    font-size: 15px;
}

.pbox05 li a:hover {
    color: #cf000d;
    margin-left: 5px
}
/*对比图*/

.db01 {
    width: 100%;
    height: auto;
    padding: 20px 0;
    line-height: 30px;
    font-size: 24px !important;
    color: #333333;
    /*text-align: center;*/
    overflow: hidden;
}

.db01 span {
    line-height: 60px;
    font-weight: bold;
    color: #ea1719;
    font-size: 24px;
    display: block;
}

.db02 {
    width: 700px;
    height: auto;
    text-align: center;
    overflow: hidden;
    margin: 0 auto
}

.db02 img {
    width: 320px;
    height: auto;
    display: block;
}

.db02 b {
    line-height: 40px;
}

.db02 .left {
    width: 320px;
}

.db02 .right {
    width: 320px
}



/* CSS Ziye */
.intype0{ width: 718px; height:auto; overflow: hidden; margin: 0 auto;padding-bottom:30px}
.intype0 a{ height:46px;color: #333333;font-size:1.5em;line-height:46px;border: 1px #bdbaba solid;padding: 0 20px; margin:11px 9px;display:inline-block;}
.intype0 a:hover{color: #fff;background: #cf000d;border: 1px #cf000d solid;}
.intitle{width: 710px;height:90px;font-size: 1.5em; border-bottom: 2px #ededed solid;background:url(../images/divi.jpg) top no-repeat;padding-top: 15px; margin: 0 auto;line-height: 90px;}
.intitle span{color: #d2000e;font-size: 36px;font-weight: bold;}
#mid{ width: 710px; height: auto;font-size:1.6em;padding-bottom: 30px; margin: 0 auto; padding-top: 34px;}
.title_left{ height: 69px; line-height: 69px; float: left; color: #787878; font-size: 30px; padding:0 23px; border-bottom: 3px #787878 solid;}
.title_right{ float: right; color: #787878; font-size: 23px; padding-top: 1.5em;}
#zytitle{ width: 600px; height: 70px;border-bottom: 1px #dedede solid; margin: 0 auto; }
#picUL{ width:630px; height:100%; margin-left: -15px; overflow:hidden;}
#picUL li{height:296px;width:282px;float:left;margin:0 15px; text-align:center; transition: 0.4s all;}
#picUL li .pic_01{width:280px;height:225px; text-align: center;background: #ffffff;border:1px solid #d9d9d9;}
#picUL li .pic_01 img{ height:205px; width:260px;margin: 10px; vertical-align:top; background:#eff0ef;}
#picUL li .pic_02{width:282px;text-align: center;line-height:66px;}
#picUL li a{color:#494949;font-size:23px;}
.newsinfoleft{ padding-left: 30px; }
#picUL0{width: 640px; height: auto; margin:0 auto;}
#picUL0 li{ width: 288px; height: 276px;overflow: hidden; text-align: center; padding: 6px 6px 6px 6px; background: #efefef; margin: 8px 10px; float:left;}
#picUL0 li img{ width: 288px; height: 216px; background: #fff; display: block; }
#picUL0 li .txt{ width: 288px; height: 60px; background: #fff; margin: 0 auto; position: relative; }
#picUL0 li .txt span{ color: #000; line-height: 60px; font-size: 25px;text-align: center;}
#newsContent table{ width: 100%; border:1px #333333 solid !important;margin: 0 auto; border-collapse: collapse;}
#newsContent table tr{ width: 100%; height: 35px; border-bottom:1px #333333 solid !important; line-height: 35px;}
#newsContent table tr td{ width: auto; border-right:1px #333333 solid !important; padding:0 15px; border-spacing: 0;}
#newsContent{ width: 700px;height: auto;line-height:3em; overflow: hidden;margin: 0 auto }
#newsContent img{ max-width:700px;display: block;margin: 0 auto;padding: 5px 0}
#contact_main{ width: 100%; height: auto; padding-bottom: 30px;}
#contact_main li{ line-height: 45px; width: 100%; height: 45px; }
#indexNews{ width: 600px; height: auto; margin: 0 auto; overflow: hidden;}
#indexNews li{ width: 100%; height: 48px; line-height: 48px; border-bottom: 1px #e5e3e2 solid; float: left; }
#indexNews li span{ float: right; }
#newTitle{ width: 100%; text-align: center; height: auto; line-height: 40px; padding-bottom: 20px; font-weight: bold; color: #d2000e; }
#infoImage{ width: 100%; height:auto; text-align: center; }
#infoImage img{max-width:400px; height: auto;display: block; margin: 0 auto}
#newsInfo{ width: 100%; height: 30px; line-height: 30px; font-size: 20px; padding-bottom: 20px; text-align: center; }
.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ width:650px; height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ width:650px; height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:372px; height:153px; float:left; padding-left: 75px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
	.chakan{padding-top: 13px;}
.formys{ width:680px; height:auto; margin: 0 auto}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
.G_InputText{
	width:400px;
	height:40px;
	font-family: "微软雅黑";
	font-size: 23px;
	line-height: 40px;
	color: #494949;
	border:1px solid #d2d4d6;
}
.sub{background:#d2000e; width:107px; height:42px;border: none;color: #fff; font-size: 25px; font-family: 微软雅黑;}
.G_textarea{
	width:400px;
	height:100px;
	border:1px solid #dedede;

}
.G_ul{
	width:100%;
	margin:0 auto;
}
.G_botton{
	width:55px;
	height:30px;
	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:100%; height:auto; padding-top:18px; position: relative;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}


.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}


.page{ width: 100%; height:50px; padding-bottom: 30px; text-align: center;}
.page a{display:inline-block; width: 50px; height:50px;color:#fff; font-size: 30px; line-height:50px; background: #787878;}
.page a:hover{background:#d2000e;color:#fff;border:none; width: 50px; height:50px;line-height:50px;}
.page .current {width: 50px; height:50px;line-height:50px;background:#d2000e;font-size: 30px;color:#fff; top:0px;  position: relative; display: inline-block;}
#page_num{ display: none; }
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}

.f{ float:right; margin-right:10px; _margin-top:7px;}

.map{ float:right;margin-top: 20px;}
.map a{color:black;}