﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%; }
a{ text-decoration:none; color:#000}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1300px;font-size:14px;color: #000;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}
a:hover{color: #007DC5;}


.topBox{width:100%; min-width:1300px; background:#f1f2f2; height:34px; overflow:hidden}
.topBox .main{ width:1200px; margin:0 auto; overflow:hidden}
.topBox .main .L{ float:left; max-width:600px;}
.topBox .main .L p{ color:#666; font-size:12px; line-height:34px; height:34px;}
.topBox .main .R{ float:right; max-width:300px}
.topBox .main .R a{font-size:12px; line-height:34px; height:34px;}

.logo{ width:1160px; margin:0 auto; overflow:hidden; padding:10px 0}
.logo img{ display:block; width:100%;}

.navbox{width:100%; min-width:1300px; height:50px; background:url(../images/nav_bg.jpg) repeat-x; overflow:hidden}
.navbox .main{width:1160px; margin:0 auto; overflow:hidden;}
.navbox .main ul{ overflow:hidden}
.navbox .main ul li{ float:left;width: 125px;height: 50px; line-height: 50px; background:url(../images/n_bor.gif) right center no-repeat}
.navbox .main ul li a{ display:block; text-align:center; color:#fff;text-align: center; font-size:16px;}
.navbox .main ul li:hover,.navbox .main ul li.on{ background:#ff5e02}

.banner{ width:100%; min-width:1300px; height:500px; overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img img{ display:block;height:500px; float:left;}
.b-list{ height:20px; padding-top:480px;margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}

.part1{ overflow:hidden; width:1300px; margin:0 auto;}
.part1 .titbox{ overflow:hidden; margin-bottom:20px}
.part1 .titbox p{font-size: 36px;font-weight: bold;margin-top: 30px;text-align: center;}
.part1 .titbox span{ display:block; text-align:center;color: #c71212;font-size: 16px;margin-top: 11px;}
.marqueeleft{width:1300px;overflow:hidden; border:1px solid #ccc; box-sizing:border-box; margin:0 auto}
.marqueeleft ul{float:left; padding:10px}
.marqueeleft li{float:left;display:inline;height:288px;overflow:hidden; padding-right:5px }
.marqueeleft li a{display:block;display:table-cell;text-align:center;height:288px;vertical-align:middle}
.marqueeleft li .proimg{_display:table;display:table-cell;text-align:center;width:337px; height:245px;/*border: #CCC solid 1px;*/vertical-align:middle}
.marqueeleft li .proimg img{vertical-align:middle;max-height:245px; max-width:337px; }
.marqueeleft li p{ font-size:15px; text-align:center; line-height:40px; height:40px;}


.part2{width:1300px;overflow:hidden; margin:0 auto}
.part2 .L{border: 1px solid #666;float: left;margin: 30px auto 0;padding-bottom: 20px;width: 242px;}
.part2 .L .titbox{ background:url(../images/titbg.jpg) center center no-repeat; height:91px; overflow:hidden}
.part2 .L .titbox p{ color:#fff; text-align:center; height:50px; line-height:50px; font-size:25px; font-weight:bold}
.part2 .L .titbox span{ text-align:center; font-size:18px; color:#fff;}
.part2 .L .typebox{width: 200px; margin:0 auto; overflow:hidden}
.part2 .L .typebox a{ display:block;background: #c71212;border: 1px solid #ccc;height: 45px; line-height:45px; margin-top:10px; width:100%; text-align:center; font-size:20px; color:#fff;}
.part2 .L .titbox2{ width:220px; margin:0 auto; overflow:hidden; background:url(../images/titbg.png) no-repeat; height:40px;line-height: 40px;margin-bottom: 10px; margin-top:10px}
.part2 .L .titbox2 p{color: #c71212; float:left; max-width:120px; margin-left:20px}
.part2 .L .titbox2 a{ display:block; float:right}
.part2 .L .titbox2 a img{ margin-top:12px}
.part2 .L .lxwm{ overflow:hidden;width:220px; margin:0 auto;}
.part2 .L .lxwm .con{ line-height:32px; font-size:14px;}
.part2 .R{float: right;margin: 30px auto 0;width: 1050px;}
.part2 .R ul{ overflow:hidden}
.part2 .R ul li{ float:left; overflow:hidden;background: #c71212; margin: 5px;padding: 3px;width: 330px;}
.part2 .R ul li a{ display:block}
.part2 .R ul li .proimg{width: 330px; height:230px; overflow:hidden}
.part2 .R ul li .proimg img{ display:block; width:330px;height: 230px;transition: all 0.5s ease 0s;}
.part2 .R ul li a:hover .proimg img{transform: scale(1.2);}
.part2 .R ul li p{ text-align:center; font-size:16px; height:30px; line-height:30px; color:#fff;}
.part2 .R ul li a:hover p{ background:#f59800}

.part3{ overflow:hidden}
.case{  overflow:hidden; width:1300px; height:460px; margin:0 auto;margin-top:40px;}
.case .zxfc{width: 390px;height: 460px;background: #f0f0f0;float: left;text-align: center;}
.case .zxfc em{padding-top:90px;height: 77px;font-style: normal;font-weight: bold;display: block;font-size: 45px;color: #ff9c00;}
.case .zxfc em i{display: block;font-size: 36px;font-style: normal;line-height: 26px;}
.case .zxfc span{width: 228px;margin: 0 auto;display: block;border-top: 1px solid #c2c1c1;border-bottom: 1px solid #c2c1c1;height:55px;font-size: 20px;font-weight: bold;line-height: 55px;font-weight: bold;margin-bottom: 30px; color:#999; font-weight:normal;}
.case .zxfc p{color: #585656;font-size: 18px;line-height: 30px;display: block;margin-bottom:30px; text-align:center}
.case .zxfc a{display: inline-block;background: #ff7a04;width: 105px;height: 30px;color: #fff;font-size: 14px;line-height: 30px;margin-right: 8px}
.case .zxfc a.cur{background: #c71212;}
.case .zxfc p.cur{width: 50px;}
.case ul li{float: right;position: relative;width: 60px;overflow: hidden;}
.case ul li span{width: 60px;float: left;display: block;}
.case ul li.cur{width: 650px}
.case ul li.cur p{width: 650px;}
.case ul li.cur p img{width: 650px;height: 460px;}
.case ul li span{position:absolute;top: 0;left:0;    background: url(../images/tmc.png) no-repeat right 0;}
.case ul li span a{height:446px;background: #c71212;display:block;float: left;width: 16px;padding:30px 12px 0 12px;color: #fff;line-height:30px;font-size: 20px;}
.case ul li span a:hover,.case ul li.cur span a{background: #ff7a04;text-decoration: none;}
.case ul li.cur span{background:none}
.case .zxfc-t{float:left;width: 890px;}


.part4{width:100%; min-width:1300px; overflow:hidden}
.part4 .titbox{width:100%; min-width:1300px; overflow:hidden; background:url(../images/tit.gif) center center no-repeat; margin-bottom:30px}
.part4 .titbox a{ display:block;}
.part4 .titbox span{ text-align:center; text-transform:uppercase;padding-top: 30px;font-size: 22px;color: #666;}
.part4 .titbox p{ text-align:center;color: #c71212;font-size: 24px; padding-top:5px;}
.part4 .titbox img{ display:block; margin:0 auto; margin-top:12px}

.part5{width:100%; min-width:1300px; overflow:hidden; margin-top:30px}
.part5 img{ display:block; width:100%}


.part6{width:1300px; overflow:hidden; margin:0 auto; margin-top:30px}
.part6 img{ display:block; width:100%}


.part7{ width:1300px; padding-top: 25px; margin:0 auto; overflow:hidden}
.part7 .L{ float:left; height: 380px;width: 987px; overflow:hidden}
.part7 .L .conbox{ width:987px; height:310px; overflow:hidden; position:relative;cursor:pointer}
.part7 .L .conbox img{width:987px; height:310px; overflow:hidden; }
.part7 .L .conbox .con{ position:absolute; top:0; left:0; z-index:999;width:967px; height:270px; background:rgba(0,0,0,0.6); color:#fff;line-height: 40px;font-size: 18px; padding:40px 10px 0; text-indent:2em; display:none;transition: all 3s;}
.part7 .L .conbox:hover .con{ display:block}

.part7 .titbox{background:url(../images/tit2.gif) left bottom no-repeat; height: 34px;margin-bottom: 24px;}
.part7 .titbox p{ float:left; max-width:200px;font-weight: bold; font-size:15px;color: #c71212;}
.part7 .titbox a{ float:right; padding-top:8px}

.part7 .R{ float:right;width: 280px; overflow:hidden}
.part7 .R .conbox{ overflow:hidden}
.part7 .R .conbox img{ display:block; width:260px;}
.part7 .R .conbox .con{font-size: 14px;line-height: 30px;padding-top: 10px; height:120px; overflow:hidden}

.part7 .L .newsbox1{ width:987px; height:175px; overflow:hidden}
.part7 .L .newsbox1 .ll{ float:left; width:263px; height:165px; overflow:hidden}
.part7 .L .newsbox1 .ll img{width:263px; height:165px;}
.part7 .L .newsbox1 .rr{ width:594px; float:left; margin-left:30px; overflow:hidden}
.part7 .L .newsbox1 .rr a{ display:block}
.part7 .L .newsbox1 .rr p.ccsl{ color:#555; font-size:15px; height:18px; line-height:18px; font-weight:bold}
.part7 .L .newsbox1 .rr p.sub{ height:72px; line-height:24px; font-size:14px; color:#000; text-indent:2em; margin-top:5px}
.part7 .L .newsbox1 .rr img{ display:block; margin-top:5px}
.part7 .L ul.newsbox2{ overflow:hidden}
.part7 .L ul.newsbox2 li{ float:left; width:450px; height:34px; line-height:34px;border-bottom: 1px dashed #ededed; background:url(../images/d_li.gif) left center no-repeat; overflow:hidde; margin-right:15px}
.part7 .L ul.newsbox2 li a{ display:block; padding-left:14px; max-width:320px; float:left;color: #555; font-size:15px;}
.part7 .L ul.newsbox2 li span{ display:block; float:right; color:#000; font-size:14px}


.quetion{ width:280px;height:350px;overflow: hidden}
.quetion #demo{height:350px;overflow: hidden;}
.quetion ul{}
.quetion ul li{ border-bottom: 1px dashed #e8e8e8;}
.quetion ul li .wen{padding-left:30px;background: url(../images/wen.gif) no-repeat left center;height:40px;line-height:40px;overflow: hidden;}
.quetion ul li .wen a{font-size: 14px;color: #8d8d8d;font-weight: bold;}
.quetion ul li .da{padding-left:30px;background: url(../images/da.gif) no-repeat left 4px; line-height:23px;color: #F60; height: 50px;overflow: hidden;}


.linkbox{width: 1160px;margin: 0 auto;padding:20px 0; overflow:hidden}
.linkbox h3{padding-left: 25px; font-size:18px; background:url(../images/linkbg.png) left top no-repeat;border-bottom: 1px dashed #ccc;color: #F60;font-weight: normal; padding-bottom:10px}
.linkbox .con{overflow:hidden;padding-top: 12px;}
.linkbox .con a{color: #666;display: inline-block;padding: 0 19px;line-height: 30px;}


.footerBox{width:100%; min-width:1300px; overflow:hidden; background:#2C2D2F}
.footerBox .main{ width:1000px; overflow:hidden; padding:20px 0; margin:0 auto}
.footerBox .main .L{ float:left; width:250px; overflow:hidden}
.footerBox .main .L img{ display:block; width:100%;}
.footerBox .main .R{ float:left; width:700px;color: #fff;font-size: 14px;line-height: 28px; margin-left:20px}


.hotBox{width: 1160px;margin: 0 auto;font-size: 14px;height: 40px; line-height:40px; overflow:hidden}
.hotBox b{ float:left;font-size: 16px;color: #c71212;}
.hotBox .con{ float:left; max-width:800px; overflow:hidden}
.hotBox .con a{margin: 0 6px}

.banner2{ overflow:hidden; min-height:50px}
.banner2 img{ display:block; width:100%}


.mainWarp{ width:1300px; margin:0 auto; margin-top:10px; margin-bottom:50px; overflow:hidden}
.mainLeft{ float:left; width:238px; overflow:hidden;border: 1px solid #666;}
.mainLeft .titbox{background:url(../images/titbg.jpg) center center no-repeat; height:91px; overflow:hidden}
.mainLeft .titbox p{ color:#fff; text-align:center; height:50px; line-height:50px; font-size:25px; font-weight:bold}
.mainLeft .titbox span{ text-align:center; font-size:18px; color:#fff;}
.mainLeft .typebox{width: 200px; margin:0 auto; overflow:hidden}
.mainLeft .typebox a{ display:block;background: #c71212;border: 1px solid #ccc;height: 45px; line-height:45px; margin-top:10px; width:100%; text-align:center; font-size:20px; color:#fff;}
.mainLeft .titbox2{ width:220px; margin:0 auto; overflow:hidden; background:url(../images/titbg.png) no-repeat; height:40px;line-height: 40px;margin-bottom: 10px; margin-top:10px}
.mainLeft .titbox2 p{color: #c71212; float:left; max-width:120px; margin-left:20px}
.mainLeft .titbox2 a{ display:block; float:right}
.mainLeft .titbox2 a img{ margin-top:12px}
.mainLeft .lxwm{ overflow:hidden;width:220px; margin:0 auto;}
.mainLeft .lxwm .con{ line-height:32px; font-size:14px; padding-bottom:40px}


.mainRight{ float:right; width:1045px; overflow:hidden}
.mainRight .brandbox{ border:1px solid #ccc; height:30px; line-height:30px; overflow:hidden; background:url(../images/icon.png) left center no-repeat; color:#666; font-size:14px; padding:5px 30px; margin-bottom:10px}
.mainRight .aboutBox{ overflow:hidden;min-height: 200px;border: solid 1px #d5d5d5;padding-bottom: 15px;}
.mainRight .aboutBox .con{padding: 10px;line-height:30px; font-size:18px; overflow:hidden; text-indent:2em}
.mainRight .titbox3{ margin-top:15px; background:#c71212; height:50px; line-height:50px;}
.mainRight .titbox3 p{ color:#fff; font-size:16px;padding-left: 15px;}
.marqueeleft.marqueeleft2{ border:none; width:1045px; height:200px; margin-top:5px}
.marqueeleft.marqueeleft2 ul{ padding:0}
.marqueeleft.marqueeleft2 li{ height:190px;}
.marqueeleft.marqueeleft2 li a{ height:190px}
.marqueeleft.marqueeleft2 li .proimg{ width:220px; height:160px; padding:2px; border:1px solid #ccc}
.marqueeleft.marqueeleft2 li .proimg img{max-height:160px; max-width:220px;}
.marqueeleft.marqueeleft2 li p{ font-size:14px; text-align:center; line-height:30px; height:30px;}
.mainRight .tjbox{ border:1px solid #ccc; border-top:0}
.mainRight .tjbox ul{ overflow:hidden; padding:20px;}
.mainRight .tjbox ul li{ border-bottom:1px dashed #d5d6d6; height:35px; line-height:35px; overflow:hidden}
.mainRight .tjbox ul li a{ display:block; float:left; max-width:800px; color:#333; font-size:15px; padding-left:10px}
.mainRight .tjbox ul li span{ float:right}


.mainRight .listBox{ overflow:hidden;min-height: 200px;border: solid 1px #d5d5d5;padding-bottom: 15px;}
.mainRight .listBox ul{ padding:30px; overflow:hidden}
.mainRight .listBox ul li{font-size: 14px;color: #666; overflow:hidden;padding:5px;border-bottom: 1px dashed #CCCCCC;}
.mainRight .listBox ul li .tit{margin-bottom: 3px;margin-top: 5px;line-height: 24px;height: 24px;overflow: hidden;}
.mainRight .listBox ul li .tit a{ float:left; display:block; max-width:600px;padding-left: 10px;font-size: 14px;color: #333;font-weight: bold}
.mainRight .listBox ul li .tit span{ display:block; float:right; font-size:12px; font-family:"宋体"}
.mainRight .listBox ul li .sub{font-size: 12px;padding-left: 10px;height: 45px;overflow: hidden;margin-bottom: 10px; line-height:22px}

.mainRight .xqBox{overflow:hidden;min-height: 200px;border: solid 1px #d5d5d5;padding-bottom: 15px;}
.mainRight .xqBox .xq{ padding-top:10px; overflow:hidden}
.mainRight .xqBox .xq h1.tit{border-bottom: 1px dashed #CCCCCC;color: #333;font-weight: 300;font-size: 22px;line-height: 40px;padding-bottom: 10px; margin-bottom: 10px;text-align: center;}
.mainRight .xqBox .xq .sub{font-family: "宋体";line-height: 24px;margin-bottom: 15px;text-align: center;color: #BCBBBB;}
.mainRight .xqBox .xq .con{ padding:20px; overflow:hidden}
.mainRight .xqBox .xq .con p{line-height:24px; text-indent:2em; font-size:14px;}
.mainRight .xqBox .xq .pproimg{ overflow:hidden}
.mainRight .xqBox .xq .pproimg img{ display:block; max-width:100%; margin:0 auto}

.mainRight .piclistBox{overflow:hidden;min-height: 200px;border: solid 1px #ccc;padding: 10px 5px;}
.mainRight .piclistBox ul{ overflow:hidden}
.mainRight .piclistBox ul li{background: #c71212;float: left;margin: 8px;padding: 3px;width: 320px; overflow:hidden}
.mainRight .piclistBox ul li a{ display:block}
.mainRight .piclistBox ul li .proimg{width: 320px; height:225px; overflow:hidden}
.mainRight .piclistBox ul li .proimg img{ display:block; width:320px;height: 225px;transition: all 0.5s ease 0s;}
.mainRight .piclistBox ul li a:hover .proimg img{transform: scale(1.2);}
.mainRight .piclistBox ul li p{text-align:center; font-size:16px; height:45px; line-height:45px; color:#fff;}
.mainRight .piclistBox ul li:hover{ background:#ff4a00}





























