@charset "utf-8";
/* 全局CSS定义 */
body { font-family: "微软雅黑"; width: 100%; background: #F4F4F4; font-size:12px; color:#111; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight: normal;}
table,td,tr,th{font-size:12px;}

/* 链接颜色 */
a,a:link,a:visited,a:active {color: #111;text-decoration:none;}
a:hover { color: #c33; text-decoration: none;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.cRed{ color: #f30;}


.izl-rmenu{position:fixed; right:10px;  bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-112px; top:0px; display:none;width:112px;height:112px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; height: 63px; line-height: 26px; padding: 10px 0 0; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-phone a{ color: #fff; font-weight:bold;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


.pages{ clear:both; height: 24px; padding: 18px; font-family:Verdana, Geneva, sans-serif;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 4px 8px; border: 1px solid #ccc; background: #E8E8E8;}
.pages a:hover,.pages strong{ border: 1px solid #c33; color: #fff; background: #c33; font-weight:normal; font-weight:bold;}




.Header{ width: 1260px; margin: 0 auto; height: 114px;} 

.Header .logo{ float:left; padding-top: 20px;}
.Header .r{ float:right; padding-top: 65px;}
.Header .r span{ display:block; font-size: 16px; height: 30px; line-height: 30px;padding-left: 15px; float:left; }
.Header .r span strong{ color: #c33; font-size: 16px;}
.Header .r ul{ float:right;}
.Header .r ul li{ float:right; padding: 0 15px 0 25px; height:25px; line-height: 25px;}
.Header .r ul .cn{ background:url(../images/ico_1.gif) no-repeat 0 7px;}
.Header .r ul .en{ background:url(../images/ico_1.gif) no-repeat 0 -18px;}
.Header .r ul .ko{ background:url(../images/ico_1.gif) no-repeat 0 -44px; padding-right: 0;}



.HeaderMenu{ clear:both; height: 46px; line-height: 46px; background: #d84646;}
.HeaderMenu .menul{ display:block; width: 1260px; margin: 0 auto;}
.HeaderMenu .menul .menuli{ float:left; position: relative; width: 125px; font-size: 18px; text-align:center;}
.HeaderMenu .menul .menuli a.menua,.HeaderMenu .menul .menuli a.menua:visited{ color: #fff; display:block;}
.HeaderMenu ul .on{ background: #c33; text-decoration:none;}
.HeaderMenu .menul .menuli a.menua:hover{ background: #c52c2c; text-decoration:none;}
.HeaderMenu .menul .menuli:hover a.menua{ background: #c52c2c; text-decoration:none;}

.HeaderMenu .menul .sc{ float:right; width: 260px; padding-top: 7px; font-size: 18px; text-align:center;}
.HeaderMenu .menul .sc .input{ float:right; width: 200px; height: 30px; line-height: 30px; background: #fff; border: none; text-indent: 10px;}
.HeaderMenu .menul .sc .but{ float: right; background: #fff url(../images/but_search.gif) no-repeat 0 center; border: none; cursor: pointer; width: 32px; height: 32px;}

.HeaderMenu .menul .menuli:hover .procate{ display:block;z-index:99999;}
.HeaderMenu .menul .menuli .procate{
	border-collapse: separate;
	border-spacing: 5px 5px;
	display: none;
	position: absolute;
	list-style-type: none;
	padding: 10px 0 10px 10px;
	top: 46px;
	left:0;
	width:834px;
	background: white;
	font-size: 12px;
	line-height: 20px;
	color: black;
	z-index:99999;
	text-align: center;
	border:1px solid #c52c2c;
	border-top:0;
	-webkit-box-shadow:1px 1px 8px rgba(197, 44, 44, 0.5);
	-moz-box-shadow:1px 1px 8px rgba(197, 44, 44, 0.5);
	box-shadow:1px 1px 8px rgba(197, 44, 44, 0.5);
}
.HeaderMenu .menul .menuli .procate li{
	padding-right: 10px;
	/*display: table-cell;*/
	width: 109px;
    float: left;
}
.HeaderMenu .menul .menuli .procate li img {
	height: 90px;
}
.HeaderMenu .menul .menuli .procate li ul li {
    float: left;
	width: 110px;
    text-align: center;
	height: 20px;
    overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.HeaderMenu .menul .menuli .procate a, .HeaderMenu .menul .menuli .procate a:visited{ color: #111; }
.HeaderMenu .menul .menuli .procate a:hover{ color: #c33; }

.home{ width: 1260px; margin: 25px auto 0;}
.home .menu{ float:left; width: 250px;}
.home .menu h3{ height: 51px; line-height: 51px; background: #505050; color: #fff; font-size: 18px; text-indent: 40px;}
.home .menu ul{ background: #fff; border: 1px solid #DFDFDF; border-top: none; padding: 7px 0;}
.home .menu ul li{ line-height: 42px; height: 42px; font-size: 14px; overflow:hidden; background:url(../images/ico_2.gif) no-repeat 25px 16px; padding-left: 40px;}
.home .menu ul li h2{ font-size: 14px; margin: 0; padding: 0;}

.home .flash{ float:right; width: 1010px;}
#flash{ width: 1010px; height: 360px; margin: 0 auto; z-index:-1}
#flash img{ width: 1010px; height: 360px; display:block; margin: 0 auto;}
.home .flash .num{ margin-top: -30px;float:right;padding-right:20px;}
.home .flash .num li{ background: #505050; float: left; font-size: 0; line-height: 0; margin: 0 0 0 8px; width: 13px; height: 13px; cursor: pointer;}
.home .flash .num li.on{ background:#c33;}


.home .flash .tu{ background: #fff url(../images/bg_1.jpg) repeat-x 0 bottom; height: 239px; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; z-index:0}
.home .flash .tu li{ float:left; border-right: 1px solid #dfdfdf; width: 336px; height: 205px; padding-top: 15px; text-align:center;}
.home .flash .tu li strong{ display:block; height: 35px; line-height: 35px; font-size: 18px; font-weight:normal;}
.home .flash .tu .no{ border-right: none; width: 335px;}



.home h2{ font-size: 24px; height: 45px; padding-top: 25px;}

.box0{ display:block;}
.box1{ display:none;}

.home .Products{ border: 1px solid #dfdfdf; background: #fff;}


.home .Products h3{ font-size: 18px; font-weight:bold; height: 38px;}
.home .Products .title{ background: #FAFAFA; height: 47px; border-bottom: 1px solid #dfdfdf; padding-left: 20px;}
.home .Products .title li{ float:left; width: 120px; min-width: 100px; font-size: 14px; text-align:center; padding: 10px 10px 0;}
.home .Products .title li a{ display:block; height: 37px; line-height: 32px;}
.home .Products .title .tag_a0{ background: #fff;  font-weight: bold; color:#c33; font-size: 16px; border-bottom: 1px solid;}
.home .Products .pr li{ float:left; width: 314px; height: 376px; border-bottom: 1px solid #dfdfdf; font-size: 14px; border-right: 1px solid #dfdfdf; text-align:center;}
.home .Products .pr li img{ display:block; margin: 30px auto; width: 280px; height: 280px;}
.home .Products .pr .r{ border-right: 0; width: 313px;}
.home .Products .pr .b{ border-bottom: 0;}

.home .Products .L2{ padding: 30px 30px 33px; clear:both; font-size: 14px;}

.home .Products .L2 p{ margin: 0; padding: 0 0 25px; line-height: 23px;}
.home .Products .L2 li{ float:left; width: 100px; margin-right: 26px; text-align:center;}
.home .Products .L2 li img{ display:block; margin-bottom: 9px;}

.home .Products .about{ float:left; width: 416px; padding: 30px; border-top: 1px solid #dfdfdf; }
.home .Products .about p{ margin: 0; padding: 0; line-height: 26px; font-size: 14px;}
.home .Products .about p .more{ display:block; width: 110px; height: 28px; line-height: 28px; border: 2px solid #c33;color:#c33; background:url(../images/ico_8.gif) no-repeat 90px center; text-indent: 15px; font-weight:bold; margin-top: 15px;}

.home .Products .news{ float:right; width: 330px; padding: 30px; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; }
.home .Products .news li{ height: 30px; background:url(../images/ico_7.gif) no-repeat 0 12px; padding-left: 18px; line-height: 30px; }
.home .Products .news li a{}



.home .HotProducts{ border: 1px solid #dfdfdf; background: #fff;}
.home .HotProducts li{ float:left; width: 313px; border-right: 1px solid #dfdfdf; text-align:center; font-size: 14px; height: 377px;}
.home .HotProducts li img{ display:block;margin: 30px auto; width: 280px; height: 280px;}

.home .HotProducts .r{ border-right: none;}

.home .boxbtn {
    margin: 8px auto 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 120px;
    text-align: center;
    border: 1px solid #c33;
    color: #c33;
    cursor: pointer;
}

.ContentLinks{ height: 75px; line-height: 75px; font-size: 14px; width: 1260px; margin: 0 auto;}
.ContentLinks h1{ font-size: 14px; padding: 0; margin: 0; display:inline;}
.Content{ z-index:0;width: 1260px;background: #fff; margin: 0 auto; border-bottom: 1px solid #dfdfdf; clear:both; }
.ContentAbout{ background: none; border-bottom: none;}


.ContentLeft{ float:left; width: 249px;}
.ContentLeft .menu{ }

.ContentLeft .menu h3{ height:52px;line-height:52px;background:#505050;color:#fff;font-size:18px;text-indent:40px;}
.ContentLeft .menu ul{ border-top:none; padding:7px 0;}
.ContentLeft .menu ul li{ line-height:42px;height:42px;font-size:14px;background:url(../images/ico_2.gif) no-repeat 25px 16px;padding-left:40px;}
.ContentLeft .menu ul .line{ border-bottom:1px solid #dfdfdf;}
.ContentLeft .menu ul li h2{ font-size:14px;}
.ContentLeft .menu ul .on a{ color:#c33;font-weight:700}
.ContentLeft .menu ul li.on{ background:url(../images/ico_9.gif) no-repeat 20px 18px;}

.ContentLeft .aboutmenu h3{ height: 50px; line-height: 50px; background: #505050; color: #fff; font-size: 18px; text-indent: 40px;}
.ContentLeft .aboutmenu ul{ border: 1px solid #dfdfdf; border-top: none; background: #fff;}
.ContentLeft .aboutmenu ul li{ line-height: 45px; font-size: 16px;}
.ContentLeft .aboutmenu ul li a{ display:block; padding-left: 40px;}
.ContentLeft .aboutmenu ul .tag{ background: #f4f4f4;}
.ContentLeft .aboutmenu ul .tag a{ border-left: 3px solid #c33;}







.ContentRight{ z-index:0;float:right; width:1010px; border-left:1px solid #dfdfdf; overflow:hidden;}
.ContentAbout .ContentRight{ background:#fff; border:1px solid #dfdfdf; width:990px;}
.ContentRight .about{ padding:30px;}
.ContentRight .about h2{ font-size:28px; font-weight:bold; height:55px;}
.ContentRight .about .text{ font-size:14px; line-height:27px;}
.ContentRight .about .text p{ margin:0; padding:10px 0;}


.ContentRight .Honor{ margin-top: 40px;}

.ContentRight .agent{}
.ContentRight .agent table{ border-collapse:collapse; background: #fff;clear:both; margin: 5px 0;width: 100%;}
.ContentRight .agent table td{ border: 1px solid #dfdfdf;line-height: 27px; padding: 12px;}
.ContentRight .agent table .title td{ font-weight:bold; background: #00A8E0; color: #fff; font-size: 14px; border: 1px solid #00A8E0;}
.ContentRight .agent table .bg{ background: #f9f9f9;}


.ContentRight .knowlist{}
.ContentRight .knowlist li{ line-height: 45px; text-align:right; height: 45px; background:url(../images/ico_7.gif) no-repeat 0 21px; padding-left: 20px; color: #999; border-bottom: 1px dotted #dfdfdf; font-size: 14px;}
.ContentRight .knowlist li a{ float:left;}
.ContentRight .knowlist li .time{ float:right; font-size: 12px;}

.ContentRight .newslist2{ padding: 30px;}
.ContentRight .newslist2 h2{ font-size: 28px; font-weight:bold; height: 65px;}
.ContentRight .newslist2 li{ line-height: 45px; text-align:right; height: 45px; background:url(../images/ico_7.gif) no-repeat 0 21px; padding-left: 20px; color: #999;}
.ContentRight .newslist2 li a{ float:left; font-size: 16px;}
.ContentRight .newslist2 p{ margin: 0; padding: 18px 0; line-height: 21px; height: 110px; border-bottom: 1px dotted #ccc;}
.ContentRight .newslist2 p img{ float:left; margin-right: 25px; width: 150px; height: 110px;}
.ContentRight .newslist2 p strong{ display:block; height: 26px; font-size: 14px;}
.ContentRight .newslist2 p a strong,.ContentRight .newslist p a strong:visited{ color:#0D64C8;}
.ContentRight .newslist2 .pages{ padding-left: 0;}



.ContentRight .newslist{ padding: 30px;}
.ContentRight .newslist h2{ font-size: 28px; font-weight:bold; height: 65px;}
.ContentRight .newslist li{ float:left; width: 450px; height: 180px;}
.ContentRight .newslist li .pic{ width: 168px; height: 140px; border: 1px solid #ddd; float:left;}
.ContentRight .newslist li p{ margin:0; padding: 0; width:260px; float:right; line-height: 23px; }
.ContentRight .newslist li p strong{ display:block;}
.ContentRight .newslist li p strong a,.ContentRight .newslist li p strong a:visited{ color: #004EA2; font-size: 14px;}
.ContentRight .newslist li p strong a:hover{}
.ContentRight .newslist li p img{ margin: 3px 10px 0 0;}

.ContentRight .newslist .r{ float:right; margin-right: 0;}











.ContentRight .newsview{ padding: 30px;}
.ContentRight .newsview h1{ font-size: 28px; font-weight:bold; height: 65px;}
.ContentRight .newsview .time{ height: 40px;}
.ContentRight .newsview .text{ line-height: 28px; font-size: 14px;}
.ContentRight .newsview .text p{ padding: 10px 0;}
.ContentRight .newsview .text img{ float:right; margin-left: 35px;}
.ContentRight .newsview .text table{ width: 100%; border-collapse:collapse; margin-top: 30px; clear:both;}
.ContentRight .newsview .text table td{ border: 1px solid #ddd; line-height: 28px; text-align:center;}
.ContentRight .newsview .text table td p{ margin: 0; padding: 0;}


.ContentRight .newsview .text tr td{ background:#fff;vertical-align:middle;}/* 默认背景被白色 */
.ContentRight .newsview .text tr.alt td { background:#F2F2F2;}/* 默认隔行背景颜色 */
.ContentRight .newsview .text tr.over td { background:#EEECEB;}/* 鼠标经过时候背景颜色 -----*/

.ContentRight .newsview .text table .tr{}
.ContentRight .newsview .text table .tr td{ font-weight:bold; background: #00A8E0; color: #fff; padding: 10px 0;}





.ContentRight .newsview .next{ border-top: 1px solid #ddd; line-height: 26px; padding-top: 15px;}
.ContentRight .newsview .next span a{ display:block; background: #E62129; float:right; width: 65px; height: 30px; line-height: 30px; margin-top: 10px; text-align:center; color: #fff;}
.ContentRight .newsview .next span a:hover{ background: #000; color: #fff;}


.ContentRight .support{  padding: 30px;}
.ContentRight .support h2{ font-size: 28px; font-weight:bold; height: 65px;}

.ContentRight .support li{ height: 70px; background: #FAFAFA; margin-top: 20px; padding: 10px 130px 12px; line-height: 23px; border: 1px dotted #E4E4E4;}
.ContentRight .support span{ display:block; border-left: 1px dotted #E4E4E4; height: 70px; padding: 0 0 0 30px; }
.ContentRight .support strong{ display: block;}
.ContentRight .support strong a,.ContentRight .support strong a:visited{ color: #0D64C8; font-size: 16px;}
.ContentRight .support strong a:hover{ color: #f60;}
.ContentRight .support .s1{ background: #FAFAFA url(../images/support_1.gif) no-repeat 38px 22px;}
.ContentRight .support .s2{ background: #FAFAFA url(../images/support_2.gif) no-repeat 38px 20px;}
.ContentRight .support .s3{ background: #FAFAFA url(../images/support_3.gif) no-repeat 38px 20px;}
.ContentRight .support .s4{ background: #FAFAFA url(../images/support_4.gif) no-repeat 38px 20px;}
.ContentRight .support .s5{ background: #FAFAFA url(../images/support_5.gif) no-repeat 38px 20px;}


.ContentRight .gongju{  padding: 10px 0; line-height: 25px;}
.ContentRight .gongju h3{ font-weight:bold; border-bottom: 1px solid #dfdfdf; background:url(../images/ico_5.jpg) no-repeat 0 6px; padding: 0 0 0 22px; height: 40px; line-height: 30px; margin-bottom: 16px; font-size: 16px;}
.ContentRight .gongju .yali{ text-align:center;}
.ContentRight .gongju .input{ border: 1px solid #dfdfdf; height: 27px; font-size: 14px;}
.ContentRight .gongju select{ border: 1px solid #dfdfdf; height: 31px; }


.ContentRight .gongju .liulian { padding: 10px 0 40px;}
.ContentRight .gongju .liulian table{ border-collapse:collapse; clear:both; width: 100%;}

.ContentRight .gongju .liulian input{ border: 1px solid #dfdfdf; height: 27px; font-size: 14px; text-align:center;}
.ContentRight .gongju .liulian .but{ width: 72px; height: 32px; background: #c33; color: #fff; border: none; cursor: pointer; }
.ContentRight .gongju .liulian table td{ border: 1px solid #dfdfdf; line-height: 23px; padding: 10px 0; text-align:center;}
.ContentRight .gongju .liulian table .title td{ font-weight:bold; background: #00A8E0; color: #fff;border: 1px solid #00A8E0;}
.ContentRight .gongju .liulian table .bg td{ background: #F2F2F2;}


.ContentRight .gongju .but{ width: 72px; height: 32px; background: #c33; color: #fff; border: none; cursor: pointer; }



.ContentRight .Applications{}
.ContentRight .Applications p{ clear:both;}
.ContentRight .Applications table { text-align:center;}
.ContentRight .Applications table td{ padding-bottom: 5px; text-align:center;}
.ContentRight .Applications table img{ display:block; margin-bottom: 5px;}
.ContentRight .Applications h3{ font-size: 16px; font-weight:bold; height: 40px; background:url(../images/ico_5.jpg) no-repeat 0 4px; padding-left: 20px; border-bottom: 1px solid #E4E4E4; margin-top: 15px; clear:both; }
.ContentRight .Applications h3 .top{ font-size: 12px; font-weight:normal; float:right; background:url(../images/ico_top.gif) no-repeat 0 7px; padding-left: 18px;}
.ContentRight .Applications li { float:left; width: 212px; height: 200px; margin-right: 27px; text-align:center;}
.ContentRight .Applications li img{ width: 210px; height: 150px; display:block; margin: 0 auto 7px; border: 1px solid #E4E4E4; padding: 1px;}
.ContentRight .Applications .r{ float:right; margin-right: 0;}


.ContentRight .caselist ul{}
.ContentRight .caselist li{ float:left; width: 231px; height: 120px; text-align:center; margin: 30px 0 20px; border-right: 1px solid #dfdfdf;}
.ContentRight .caselist li img{ display:block; margin: 0 auto 20px;}
.ContentRight .caselist .r{ float:right; margin-right: 0;border-right: none;}










.ContentRight .videolist{ padding: 30px 30px 10px;}
.ContentRight .videolist h2{ font-size: 28px; font-weight:bold; height: 65px;}
.ContentRight .videolist ul{ margin-top: 15px;}
.ContentRight .videolist li{ background:url(../images/ico_10.gif) no-repeat 0 0; padding-top: 13px; float:left; width: 284px; height: 280px; margin-right: 38px;}
.ContentRight .videolist li img{ width: 284px; height: 190px; display:block; margin-bottom: 10px;}
.ContentRight .videolist li strong{ font-size: 14px; background:url(../images/ico_6.gif) no-repeat 0 9px; padding-left: 23px; height: 30px; line-height: 30px; display:block; font-weight:normal;}
.ContentRight .videolist .r{ float:right; margin-right: 0;}



.ContentRight .videoview{ padding: 30px;}
.ContentRight .videoview h2{ font-size: 28px; height: 65px; border-bottom: 1px solid #dfdfdf;}
.ContentRight .videoview .pay{ padding: 40px 0; text-align:center;}
.ContentRight .videoview object{ width: 640px; height: 480px;}
.ContentRight .videoview .next{ border-top: 1px solid #dfdfdf; line-height: 26px; padding: 15px 0 10px;}
.ContentRight .videoview .next span a{ display:block; background: #E62129; float:right; width: 65px; height: 30px; line-height: 30px; margin-top: 10px; text-align:center; color: #fff;}
.ContentRight .videoview .next span a:hover{ background: #000; color: #fff;}





.ContentRight .productshome{ padding: 0 30px;}
.ContentRight .productshome .list{ height: 310px; border-top: 1px solid #dfdfdf; clear:both; padding: 30px 0 35px; }
.ContentRight .productshome .list .pic{ float:left; width: 280px;}
.ContentRight .productshome .list .pic img{ width: 279px; height: 279px; display:block; margin: 0 auto 10px;}
.ContentRight .productshome .list .pic strong{ display:block; height: 40px; text-align:center; font-size: 18px; font-weight:normal; line-height: 40px; background: #dfdfdf}

.ContentRight .productshome .list ul{ float:right; width: 620px;}
.ContentRight .productshome .list ul li{ float:left; width: 290px; height: 30px; line-height: 30px; background:url(../images/ico_7.gif) no-repeat 0 13px; padding-left: 20px; font-size: 14px;}
.ContentRight .productshome .no{border-top: none; }









.ContentRight .productslist{ }
.ContentRight .productslist p{ line-height: 26px; padding: 25px; margin: 0;}


.ContentRight .productslist .xuanxing{ padding: 0 25px 25px; border-bottom: 1px solid #dfdfdf;}
.ContentRight .productslist .xuanxing td{ line-height: 45px;}
.ContentRight .productslist .xuanxing .input_1{width: 120px; height: 24px; line-height: 24px; border: 1px solid #dfdfdf;}
.ContentRight .productslist .xuanxing select{ width: 266px; height: 26px; border: 1px solid #dfdfdf;}
.ContentRight .productslist .xuanxing .but{ width: 72px; height: 32px; background: #c33; color: #fff; border: none; cursor: pointer; margin-left: 20px;}

.ContentRight .newsxianguan{ padding: 50px 0 25px;}
.ContentRight .newsxianguan h3{ font-size: 28px; height: 47px; line-height: 47px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; text-indent: 25px; background: #FAFAFA;  }
.ContentRight .newsxianguan ul{ margin-top: 20px;}
.ContentRight .newsxianguan li{ height: 36px; line-height: 36px; font-size: 14px; text-indent: 25px;}













.ContentRight .productslist h2{ background: #FAFAFA; height: 47px; line-height: 47px; text-indent: 25px; border: 1px solid #dfdfdf; border-left: none; font-size: 24px;}
.ContentRight .productslist li{ float:left; width: 336px; height: 307px; padding-top: 20px; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; text-align:center; font-size: 14px;}
.ContentRight .productslist li img{ display:block; margin: 25px auto 30px; width: 280px; height: 200px;}
.ContentRight .productslist .r{ float:right; border-right: none; width: 336px; margin-right: 0;}



.box0{ display:block;}
.box1{ display:none;}

.ContentRight .PrdocutsView{ padding: 0 20px 20px; border-top: 1px solid #dfdfdf;}
.ContentRight .PrdocutsView .title{ height: 52px; line-height: 52px; border-bottom: 1px solid #dfdfdf;}
.ContentRight .PrdocutsView .title h2{ float:left; font-size: 18px;}
.ContentRight .PrdocutsView .title a{ float:right; background: #c33; color: #fff; height: 40px; line-height: 40px; font-size: 16px; width: 110px; text-align:center; display:block;}
.ContentRight .PrdocutsView .title a:hover{ background: #333; color: #fff;}


.ContentRight .PrdocutsView .pic{ text-align:center; padding: 25px 0;}
.ContentRight .PrdocutsView .pic img{ height: 350px; display:block; margin: 0 auto;}

.ContentRight .PrdocutsView .tag{ height: 45px; background: #F4F4F4; border-bottom: 1px solid #dfdfdf;}
.ContentRight .PrdocutsView .tag li{ float:left; line-height: 45px;}
.ContentRight .PrdocutsView .tag li a{ display:block; text-align:center; padding: 0 15px; font-size: 16px;}
.ContentRight .PrdocutsView .tag li .tag_a0{ background: #c33; color: #fff;}
.ContentRight .PrdocutsView .tag .qq{ background:url(../images/qq.png) no-repeat 10px 11px;background-size: 26px;  padding: 0 15px 0 40px; float:right; width:auto}
.ContentRight .PrdocutsView .tag .qq a{color: #004EA2;}
.ContentRight .PrdocutsView .tag .qq a:hover{ color: #f20;}

.ContentRight .PrdocutsView .tag .tel{ background:url(../images/tel.png) no-repeat 10px 11px;background-size: 26px;  padding: 0 15px 0 40px; float:right; width:auto}
.ContentRight .PrdocutsView .tag .tel a{color: #004EA2;}
.ContentRight .PrdocutsView .tag .tel a:hover{ color: #f20;}




.ContentRight .PrdocutsView .box0{ clear:both;padding: 15px 0 40px; border-bottom: 1px solid #dfdfdf; line-height: 27px; font-size: 14px;}
.ContentRight .PrdocutsView .box0 .tit a{font-size:22px;font-weight:700;color:#c33;}
.ContentRight .PrdocutsView .box0 table{ width: 100%; border-collapse:collapse; margin-top: 10px;}
.ContentRight .PrdocutsView .box0 table td{ border: 1px solid #ddd; line-height: 26px; text-align:center;}
.ContentRight .PrdocutsView .box0 table td p{ margin: 0; padding: 0;}


.ContentRight .PrdocutsView .box0 tr td{ background:#fff;vertical-align:middle;}/* 默认背景被白色 */
.ContentRight .PrdocutsView .box0 tr.alt td { background:#F2F2F2;}/* 默认隔行背景颜色 */
.ContentRight .PrdocutsView .box0 tr.over td { background:#EEECEB;}/* 鼠标经过时候背景颜色 -----*/

.ContentRight .PrdocutsView .box0 table .tr{}
.ContentRight .PrdocutsView .box0 table .tr td{ font-weight:bold; background: #00A8E0; color: #fff; padding: 7px 0;}



.ContentRight .PrdocutsView .down{}
.ContentRight .PrdocutsView .down img{  border: 1px solid #dfdfdf; margin: 7px 0; padding: 2px;}
.ContentRight .PrdocutsView .down p{ margin-top: 30px;}


.ContentRight .PrdocutsView .next{ background: #F4F4F4; clear:both; height: 50px; line-height: 50px; padding: 0 10px; text-align:right; margin-top: 20px;}
.ContentRight .PrdocutsView .next span{ float:left;}

.ContentRight .ProductsViewRelated h3{ font-size: 26px; height: 50px; padding: 10px 0 10px 30px;}

.ContentRight .ProductsViewRelated ul{ border-top: 1px solid #dfdfdf; }
.ContentRight .ProductsViewRelated li{ float:left; width: 336px; height: 377px; font-size: 14px; border-right: 1px solid #dfdfdf; text-align:center;}
.ContentRight .ProductsViewRelated li img{ display:block;margin: 25px auto 30px; width: 280px; height: 280px;}
.ContentRight .ProductsViewRelated ul .r{ float:right; border-right: none; width: 336px;}




.FootBg{ background: #505050; margin-top: 30px;}

.Foot{ width: 1100px; margin: 0 auto; padding: 20px 0;}
.Foot ul{ float:left; width: 225px;}
.Foot ul li{ line-height: 25px;}

.Foot a,.Foot a:visited{ color: #999;}
.Foot a:hover{ color: #fff;}
.Foot ul .t{ font-size: 14px; height: 40px;}
.Foot ul .t a,.Foot ul .t a:visited{ color: #fff;}
.Foot ul .t a:hover{}

.Foot .wx { width: 200px; float:right;}
.Foot .wx .w1{ width: 140px; border: 1px solid #434343; background:url(../images/ico_5.gif) no-repeat 125px center;}
.Foot .wx .w1 a{ background:url(../images/ico_4.gif) no-repeat 5px 2px; height: 22px; width: 140px; text-indent: 40px; display:block; line-height: 21px;}
.Foot .wx .w2{background:url(../images/ico_4.gif) no-repeat 7px -21px;text-indent: 40px; padding-top: 15px;}
.Foot .wx .w3{background:url(../images/ico_4.gif) no-repeat 7px -60px;text-indent: 40px; padding-top: 9px;}
.Foot .wx .w4{ height: 130px; padding-top: 20px;}

.Foot .add{ text-align:center; color: #999; line-height: 25px;}
.Foot .add a{ margin: 0 12px;}

.tongji{ display:none; overflow:hidden; height: 0; line-height: 0; font-size: 0;}






#BOX_overlay {background:#000;left:0;position:absolute;top:0;z-index:100;}/**遮罩层的样式**/
#layer_box {background:#fff; border:3px solid #c33;position:absolute;display:none;z-index:999;width:720px; height: 400px;} /**弹出窗口的样式**/

#layer_box h4{ height: 45px; background: #c33; line-height: 45px; font-weight:bold; padding: 0 10px; color: #fff; font-size: 16px;}
#layer_box h4 a,#layer_box h4 a:visited{ float:right; font-size: 14px; font-weight:normal; color: #fff;}
#layer_box h4 a:hover{ color: #fc0; }



.ContentTel{ margin: 10 auto 150px; padding: 0; font-size: 14px;}
.ContentTel .text{ background:url(../images/phone.png) no-repeat 30px 80px; padding: 50px 0 0 200px; font-size: 14px; line-height: 28px;}
.ContentTel .text .top{ height: 50px; clear:both;}
.ContentTel .text .top .input{ width: 320px; height: 38px; line-height: 38px; font-size: 22px; text-indent: 10px; border: 1px solid #ccc; margin-right: 5px; float:left;}
.ContentTel .text .top .but{ background: #f30; color: #fff; cursor: pointer; border: none; width: 120px; height: 42px; line-height: 42px; float:left; font-size: 18px; font-family:"微软雅黑";}

.ContentTel .tip{ clear:both; color: #f30; z-index: 999; padding: 10px 0; display: none; background:#FFFFCC; font-size: 14px; line-height: 24px; margin-right: 20px;}




.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/ico_20.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

