@charset "gb2312";
/* 全局CSS定义 */
body { font-family: "微软雅黑"; 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:link {color: #111; text-decoration:none;}
a:visited {color: #111;text-decoration:none;}
a:hover { color: #004EA2; text-decoration: underline;}
a:active { color: #111;}

/* 字体属性 */
.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;}



.pages{ clear:both; padding: 35px 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 #294F99; color: #fff; background: #294F99; font-weight:normal; font-weight:bold;}




.HeaderBg{ background: #fff url(img/header_bg.jpg) repeat-y right 0;}
.Header{ width: 1260px; margin: 0 auto; height: 139px;} 

.Header .logo{ float:left; padding-top: 20px;}
.Header .r{ float:right; width: 280px; padding-top: 55px;}
.Header .r span{ display:block; height: 30px; line-height: 30px; background:url(img/ico_cell.png) no-repeat 0 7px; padding-left: 15px; float:left; font-size:14px; }
.Header .r span strong{ color: #f30; font-size: 14px;}
.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(img/ico_1.gif) no-repeat 0 7px;}
.Header .r ul .en{ background:url(img/ico_1.gif) no-repeat 0 -18px;}
.Header .r ul .ko{ background:url(img/ico_1.gif) no-repeat 0 -44px; padding-right: 0;}



.HeaderMenu{ clear:both; height: 46px; line-height: 46px; background: #0057A4;}
.HeaderMenu ul{ width: 1260px; margin: 0 auto;}
.HeaderMenu ul li{ float:left; width: 125px; font-size: 18px; text-align:center;}
.HeaderMenu ul li a,.HeaderMenu ul li a:visited{ color: #fff; display:block;}
.HeaderMenu ul li a:hover{ background: #00A8E0; text-decoration:none;}

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

.HeaderMenu ul .tag{}








.Home{ width: 1260px; margin: 25px auto 0;}
.Home .menu{ float:left; width: 250px;}
.Home .menu h3{ height: 50px; line-height: 50px; background: #0057A4; color: #fff; font-size: 18px; text-indent: 40px;}
.Home .menu ul{ background: #fff; border: 1px solid #DFDFDF; border-top: none; padding: 10px 0 10px;}
.Home .menu ul li{ line-height: 45px; font-size: 14px; height: 45px; overflow:hidden; background:url(img/ico_2.gif) no-repeat 25px 18px; padding-left: 40px;}
.Home .menu ul .line{ border-bottom: 1px solid #dfdfdf;}
.Home .menu ul .no{ border-bottom: none;}

.Home .menu ul .tag{ color: #f60;}
.Home .menu ul li h2{ font-size: 14px; margin: 0; padding: 0;}


.Home .flash{ float:right; width: 1010px;}
#flash{ width: 1010px; height: 430px; margin: 0 auto;}
#flash img{ width: 1010px; height: 430px; display:block; margin: 0 auto;}
#flash .num{ right: 15px; position: absolute; bottom: 14px;}
#flash .num li{ background: #0057A4; float: left; font-size: 0; line-height: 0; margin: 0 0 0 8px; width: 13px; height: 13px; cursor: pointer;}
#flash .num li.on{ background:#f30;}


.Home .flash .tu{ background: #fff url(img/bg_1.jpg) repeat-x 0 bottom; height: 231px; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.Home .flash .tu li{ float:left; border-right: 1px solid #dfdfdf; width: 336px; height: 205px; padding-top: 10px; 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 .L{ float:left; width:922px; }
.Home .Products .L h3{ font-size: 18px; font-weight:bold; height: 38px;}
.Home .Products .L .title{ background: #FAFAFA; height: 47px; border-bottom: 1px solid #dfdfdf; padding-left: 20px;}
.Home .Products .L .title li{ float:left; width: 100px; font-size: 14px; text-align:center; padding-top: 10px;}
.Home .Products .L .title li a{ display:block; height: 37px; line-height: 32px;}
.Home .Products .L .title .tag_a0{ background: #fff;  font-weight: bold; color:#0057A4; font-size: 16px; padding-top: 1px;}
.Home .Products .L .pr{}
.Home .Products .L .pr li{ float:left; width: 307px; height: 307px; border-bottom: 1px solid #dfdfdf; font-size: 14px; border-right: 1px solid #dfdfdf; text-align:center;}
.Home .Products .L .pr li img{ display:block; margin: 30px auto; width: 280px; height: 200px;}
.Home .Products .L .pr .r{ float:right; border-right: none; width: 306px;}

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

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

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

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






.Home .Products .R{ float:right; width: 335px; background: #fafafa; border-left: 1px solid #dfdfdf;}
.Home .Products .R .xuanxin{ padding: 30px; border-bottom: 1px solid #dfdfdf;}
.Home .Products .R h3{ font-size: 18px; font-weight:bold; height: 38px;}
.Home .Products .R .xuanxin li{ padding-top: 15px; font-size: 14px;}
.Home .Products .R .xuanxin .input_1{ width: 70px; height: 24px; line-height: 24px; border: 1px solid #dfdfdf;}
.Home .Products .R .xuanxin select{ border: 1px solid #dfdfdf; height: 28px;}
.Home .Products .R .xuanxin .bottom { padding-left: 30px;}
.Home .Products .R .xuanxin .bottom .but{ width: 72px; height: 32px; background: #0057A4; color: #fff; border: none; cursor: pointer; margin-left: 15px; }


.Home .Products .R .video{ padding: 30px 20px 30px 30px; border-bottom: 1px solid #dfdfdf;}
.Home .Products .R .video p{ margin: 5px 0 0; padding: 12px 0 0; height: 95px; background:url(img/ico_3.gif) no-repeat 0 0; line-height: 21px;}
.Home .Products .R .video p img{ float:left; width: 141px; height: 81px;}
.Home .Products .R .video p span{ float:right; width:128px; }
.Home .Products .R .video p strong{ color: #0057A4; font-weight:normal; display:block; font-size: 14px;}
.Home .Products .R .video p .more{ background:url(img/ico_6.gif) no-repeat 0 6px; padding: 3px 0 0 22px; display:block; color:#0C5BAA;}
.Home .Products .R .video li{background:url(img/ico_6.gif) no-repeat 0 6px; line-height: 27px; padding-left: 22px;}

.Home .Products .R .renzhen{ padding: 30px;}
.Home .Products .R .renzhen p{ margin: 0; padding: 0; line-height: 25px; font-size: 14px;}
.Home .Products .R .renzhen p img{ display:block; margin-bottom: 10px;}
.Home .Products .R .renzhen p .more{ background: #D5D8DF; height: 40px; line-height: 40px; text-align:center; display:block; margin-top: 10px;}

.Home .Products .R .down{ border-top: 1px solid #dfdfdf; padding: 30px;}
.Home .Products .R .down ul{ background:url(img/ico_9.gif) no-repeat 0 11px;}
.Home .Products .R .down li{ line-height: 30px; font-size: 14px; text-indent: 25px;}


.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: 307px;}
.Home .HotProducts li img{ display:block;margin: 30px auto; width: 280px; height: 200px;}

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



.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{ width: 1260px; margin: 0 auto; background: #fff url(img/line_2.gif) repeat-y 0 0; border-bottom: 1px solid #dfdfdf; clear:both; }
.ContentAbout{ background: none; border-bottom: none;}


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

.ContentLeft .menu h3{ height: 50px; line-height: 50px; background: #0057A4; color: #fff; font-size: 18px; text-indent: 40px;}
.ContentLeft .menu ul{ border-top: none; padding: 7px 0 10px;}
.ContentLeft .menu ul li{ line-height: 36px; font-size: 14px; background:url(img/ico_2.gif) no-repeat 25px 14px; padding-left: 40px;}
.ContentLeft .menu ul .line{ border-bottom: 1px solid #dfdfdf;}
.ContentLeft .menu ul .tag{ color:#f60;}
.ContentLeft .menu ul li h2{ font-size: 14px;}

.ContentLeft .aboutmenu h3{ height: 50px; line-height: 50px; background: #0057A4; 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 #f60;}







.ContentRight{ float:right; width: 1010px; 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: 65px;}
.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 .downlist{}
.ContentRight .downlist li{ line-height: 45px; text-align:right; height: 45px; background:url(img/ico_7.gif) no-repeat 0 21px; padding-left: 20px; color: #999; border-bottom: 1px dotted #dfdfdf; font-size: 14px;}
.ContentRight .downlist li a{ float:left;}
.ContentRight .downlist li .down{ float:right; font-size: 12px;}

/*------
.ContentRight .newslist{ padding: 30px;}
.ContentRight .newslist h2{ font-size: 28px; font-weight:bold; height: 65px;}
.ContentRight .newslist li{ line-height: 45px; text-align:right; height: 45px; background:url(img/ico_7.gif) no-repeat 0 21px; padding-left: 20px; color: #999;}
.ContentRight .newslist li a{ float:left; font-size: 16px;}
.ContentRight .newslist p{ margin: 0; padding: 18px 0; line-height: 21px; height: 110px; border-bottom: 1px dotted #ccc;}
.ContentRight .newslist p img{ float:left; margin-right: 25px; width: 150px; height: 110px;}
.ContentRight .newslist p strong{ display:block; height: 26px; font-size: 14px;}
.ContentRight .newslist p a strong,.ContentRight .newslist p a strong:visited{ color:#0D64C8;}
.ContentRight .newslist .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(img/support_1.gif) no-repeat 38px 22px;}
.ContentRight .support .s2{ background: #FAFAFA url(img/support_2.gif) no-repeat 38px 20px;}
.ContentRight .support .s3{ background: #FAFAFA url(img/support_3.gif) no-repeat 38px 20px;}
.ContentRight .support .s4{ background: #FAFAFA url(img/support_4.gif) no-repeat 38px 20px;}
.ContentRight .support .s5{ background: #FAFAFA url(img/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(img/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: #0057A4; 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: #0057A4; 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(img/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(img/ico_top.gif) no-repeat 0 7px; padding-left: 18px;}
.ContentRight .Applications li { float:left; width: 212px; height: 200px; margin-right: 20px; 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 .honnerlist ul{}
.ContentRight .honnerlist li{ float:left; width: 300px; height: 210px; text-align:center; margin: 30px 0 20px; border-right: 1px solid #dfdfdf;}
.ContentRight .honnerlist li img{ display:block; margin: 0 auto 20px;}
.ContentRight .honnerlist .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(img/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(img/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: 240px; 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: 200px; 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(img/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: #0057A4; color: #fff; border: none; cursor: pointer; margin-left: 20px;}



.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: 335px; 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: 30px; border-top: 1px solid #dfdfdf;}
.ContentRight .PrdocutsView .title{ height: 60px; border-bottom: 1px solid #dfdfdf;}
.ContentRight .PrdocutsView .title h2{ float:left; font-size: 28px;}
.ContentRight .PrdocutsView .title a{ float:right; background: #0057A4; 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; width: 135px;}
.ContentRight .PrdocutsView .tag li a{ display:block; text-align:center; font-size: 16px;}
.ContentRight .PrdocutsView .tag li .tag_a0{ background: #0057A4; color: #fff;}
.ContentRight .PrdocutsView .tag .qq{ background:url(img/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(img/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{ padding: 15px 0 40px; border-bottom: 1px solid #dfdfdf; line-height: 27px; font-size: 14px;}
.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: 307px; font-size: 14px; border-right: 1px solid #dfdfdf; text-align:center;}
.ContentRight .ProductsViewRelated li img{ display:block;margin: 25px auto 30px; width: 280px; height: 200px;}
.ContentRight .ProductsViewRelated ul .r{ float:right; border-right: none; width: 336px;}




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

.Foot{ width: 900px; margin: 0 auto; padding: 30px 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(img/ico_5.gif) no-repeat 125px center;}
.Foot .wx .w1 a{ background:url(img/ico_4.gif) no-repeat 5px 2px; height: 22px; width: 140px; text-indent: 40px; display:block; line-height: 21px;}
.Foot .wx .w2{background:url(img/ico_4.gif) no-repeat 7px -21px;text-indent: 40px; padding-top: 15px;}
.Foot .wx .w3{background:url(img/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 #0057A4;position:absolute;display:none;z-index:999;width:720px; height: 400px;} /**弹出窗口的样式**/

#layer_box h4{ height: 45px; background: #0057A4; 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(img/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(img/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;
  }
}