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

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
body {font:14px/1.5 helvetica,arial,"Hiragino Sans GB","Microsoft Yahei",STHeiti,sans-serif; color:#333;_height:100%; background-attachment:fixed;}
select,input,button {vertical-align:middle;font-size:100%; outline:none;}
textarea{resize:none; outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0;}
input[type="number"]{-moz-appearance:textfield;}
.clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix {*zoom:1}
.clr {clear: both;font-size: 0;height: 0;line-height: 0;margin: 0;padding: 0;visibility: hidden;width: 0;}
.mb10{ margin-bottom: 10px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.ml20{ margin-left: 20px;}
.mt30{ margin-top: 30px;}
.pt15{padding-top: 15px;}
.pb10{ padding-bottom: 10px;}
.h50{ height: 50px;}
.h20{ height: 20px;}
.h15{ height: 15px;}
ul,ol {list-style:none;}
img{border:none;}
a{ color:#333; text-decoration:none; vertical-align:baseline; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
a:hover{text-decoration:none; color: #e74a50;}

.header{ width: 100%; min-width: 1200px; height: 60px; line-height: 60px; background: #e51c23;}
.header .header-top{ width: 1200px; margin: 0px auto;}
.header .header-top .logo{ width: 192px; height: 50px; padding-top: 5px; float: left;}
.header .header-top .logo a{ width: 192px; height: 50px; display: block; background: url(../images/logo.png) no-repeat; background-size: 192px 50px;}
.header .header-top .telphone{ float: right; font: bold 35px "Romantic"; color: #fff; line-height: 58px; display: none;}
.header .header-top .telphone i{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -7px; background: url(../images/tel_ico.png) no-repeat; background-size: contain;}

.bannerBox{ position: relative; min-width: 1200px;}
.bannerBox .banner{ width:100%; height: 550px; overflow:hidden; position:relative;}
.bannerBox .banner .hd{ width: 100%; height: 12px; position: absolute; z-index: 1; bottom: 25px; text-align: center;}
.bannerBox .banner .hd ul{ display: inline-block; font-size: 0px; vertical-align: top;}
.bannerBox .banner .hd ul li{ display: inline-block; width: 15px; height: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: rgba(228,29,35,.3); margin: 0 5px; vertical-align: top; overflow: hidden; cursor: pointer;}
.bannerBox .banner .hd ul li.on{ background: rgba(228,29,35,1);}
.bannerBox .banner .bd{ position: absolute; left: 50%; margin-left: -1000px; height: 550px; z-index:0;}
.bannerBox .banner .bd li{ zoom: 1; vertical-align: middle;}
.bannerBox .banner .bd img{ width: 2000px; height: 550px; display:block;}
.bannerBox .banner .prev,
.bannerBox .banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.bannerBox .banner .next{ left:auto; right:3%; background-position:8px 5px;}
.bannerBox .banner .prev:hover,
.bannerBox .banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.bannerBox .banner .prevStop{ display:none;}
.bannerBox .banner .nextStop{ display:none;}

.product{ width: 1200px; margin: 0px auto; margin-top: 40px; clear: both;}
.product .product-title{ height: 50px; line-height: 50px; background: #e6e6e6; font-size: 0px;}
.product .product-title .t{ width: 20%; text-align: center; display: inline-block; font-size: 16px;}
.product .product-list .item-list{ height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; font-size: 0px; color: #747474;}
.product .product-list .item-list .d{ width: 20%; text-align: center; border-left: 1px solid #ddd; display: inline-block; font-size: 14px; box-sizing: border-box;}
.product .product-list .item-list .d:last-child{ border-right: 1px solid #ddd;}
.product .product-list .item-list .d.d-tit a{ color: #e74a50;}
.product .product-list .item-list .d.d-sq a{ padding: 4px 12px; background: #e51c23; color: #fff; border-radius: 5px;}
.product .jumpPg{ margin-top: 20px; text-align: center; font-size: 0px;}
.product .jumpPg .btn{ margin: 0px 8px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #646464; background: #e1e1e1; border-radius: 50%; display: inline-block; font-size: 14px;}
.product .jumpPg .btn.on{ background: #e51c23; color: #fff;}

.ag-news{ width: 1200px; margin: 0px auto; margin-top: 40px; clear: both; font-size: 0px;}
.ag-news .agentbox{ width: 590px; display: inline-block; zoom: 1; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box;}
.ag-news .agentbox .agent-tit{ padding: 0px 10px; height: 40px; line-height: 40px; background: #e1e1e1;}
.ag-news .agentbox .agent-tit h1{ font-size: 20px;}
.ag-news .agentbox .agent-tit h1 a{ float: right; margin-top: 20px; color: #545454; font-size: 14px; line-height: 1; font-weight: normal;}
.ag-news .agentbox .agent-tit h1 a:hover{ color: #848484;}
.ag-news .agentbox .item-list .item{ position: relative; border-bottom: 1px dashed #ddd; padding: 10px 6px; height: 80px;}
.ag-news .agentbox .item-list .item:last-child{ border-bottom: none;}
.ag-news .agentbox .item-list .item a{ display: block;}
.ag-news .agentbox .item-list .item .item-img{ float: left; width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.ag-news .agentbox .item-list .item .item-img img{ width: 80px;}
.ag-news .agentbox .item-list .item .item-info{ margin-left: 100px;}
.ag-news .agentbox .item-list .item .item-info .info-name{ font-size: 17px; font-weight: bold;}
.ag-news .agentbox .item-list .item .item-info .info-name .tel{ margin-left: 30px; font-size: 15px; font-weight: normal; color: #646464;}
.ag-news .agentbox .item-list .item .item-info .info-name .tel i{ width: 18px; height: 18px; display: inline-block; vertical-align: middle; background: url(../images/ico-tel.png) no-repeat; background-size: 18px 18px;}
.ag-news .agentbox .item-list .item .item-info .info-type{ margin-top: 6px;}
.ag-news .agentbox .item-list .item .item-info .info-type .u{ font-size: 14px; color: #747474;}
.ag-news .agentbox .item-list .item .item-info .info-type .d{ margin-top: 6px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ag-news .agentbox .item-list .item .to-wd{ position: absolute; right: 20px; top: 30px; text-align: center;}
.ag-news .agentbox .item-list .item .to-wd a{ display: block; font-size: 14px;}
.ag-news .agentbox .item-list .item .to-wd a:hover{ color: #e74a50;}
.ag-news .agentbox .item-list .item .to-wd a i{ width: 25px; height: 25px; margin-left: 15px; display: block; vertical-align: middle; background: url(../images/ico-dept.png) no-repeat; background-size: 25px 25px;}
.ag-news .newsbox{ margin-left: 20px; width: 590px; display: inline-block; zoom: 1; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box;}
.ag-news .newsbox .news-tit{ padding: 0px 10px; height: 40px; line-height: 40px; background: #e1e1e1;}
.ag-news .newsbox .news-tit h1{ font-size: 20px;}
.ag-news .newsbox .news-tit h1 a{ float: right; margin-top: 20px; color: #545454; font-size: 14px; line-height: 1; font-weight: normal;}
.ag-news .newsbox .news-tit h1 a:hover{ color: #848484;}
.ag-news .newsbox .item-list{ }
.ag-news .newsbox .item-list .item{ padding: 5px 5px 6px; font-size: 14px;}
.ag-news .newsbox .item-list .item a{ height: 29px; line-height: 29px; display: block;}
.ag-news .newsbox .item-list .item a .title{ float: left; display: block; width: 490px;}
.ag-news .newsbox .item-list .item a .date{ color: #747474; margin-left: 500px; width: 90px; display: block;}

.footer{ margin-top: 20px; padding-bottom: 20px; background: #dfdfdf;}
.footer .fri_link{ width: 1200px; margin: 0px auto; clear: both; margin-bottom: 30px;}
.footer .fri_link .fri_tit{ margin-bottom: 15px; border-left: 4px solid #ff7A00;}
.footer .fri_link .fri_tit h3{ margin-left: 5px; font-size: 22px;}
.footer .fri_link .link a{ float: left; margin-right: 20px; margin-bottom: 5px; display: block; white-space: nowrap;}
.footer .cpbox{ width: 1200px; margin: 0px auto; clear: both;}
.footer .cpbox .cp_l{ float: left;}
.footer .cpbox .cp_l .about{ margin-bottom: 10px; font-size: 14px;}
.footer .cpbox .cp_l .about i{ width: 2px; height: 2px; position: relative; margin: 0px 6px; top: -4px; display: inline-block; *display: inline; *zoom:1; background: url(/html/style/images/libg.png) no-repeat;}
.footer .cpbox .cp_l .copyright p{ margin-top: 10px;}
.footer .cpbox .cp_r{ float: right;}
.footer .cpbox .cp_r .serBg{ width: 233px; height: 90px; background: url(/html/style/images/serBg.png) no-repeat;}

.submitbox{ position: relative; width: 100%; height: 400px; overflow: hidden;}
.submitbox .proBg{ position: absolute; width: 1920px; height: 400px; left: 50%; margin-left: -960px; background: url(../images/productBg.png) 50% no-repeat;}
.submitbox .submod{ position: absolute; top: 23px; right: 50%; margin-right: -450px; padding: 20px; background: rgba(52,52,52,0.65); border-radius: 8px; color: #fff;}
.submitbox .submod .inp{ position: relative; margin-top: 10px;}
.submitbox .submod .inp:first-child{ margin-top: 0px;}
.submitbox .submod .inp input{ padding: 6px; padding-right: 35px; width: 190px; height: 20px; line-height: 20px; border: none;}
.submitbox .submod .inp .tips{ position: absolute; right: 4px; top: 30px; color: #b20000; font-size: 12px;}
.submitbox .submod .inp .tips.nored{ color: #999;}
.submitbox .submod .text{ margin-top: 10px;}
.submitbox .submod .text .textarea{ border: none; padding: 6px; width: 219px; height: 48px; line-height: 24px;}
.submitbox .submod .subtn{ padding-left: 60px; margin-top: 5px;}
.submitbox .submod .subtn a{ width: 100px; height: 32px; line-height: 32px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; background: #e51c23; display: block;}

.pro-inTit{ width: 1200px; margin: 0px auto; margin-top: 40px; clear: both;}
.pro-inTit h2{ padding: 5px 10px; font-size: 18px; background: #e1e1e1; color: #464646;}
.pro-cont{ width: 1200px; margin: 0px auto; clear: both;}
.pro-cont .overnone,
.pro-cont .yybtn{ display: none;}
.pro-cont .dk-title{ position: absolute; top: 200px; left: 50%; margin-left: -500px; font-size: 26px; color: #fff; text-shadow: 1px 2px 5px rgba(52,52,52,0.8);}
.pro-cont .dk-title .littitle{ margin-top: 10px; text-align: right; margin-right: -60px;}
.pro-cont .page{ padding: 20px; line-height: 28px;}
.pro-cont .page1{ margin: 0px; padding: 0px; boxshadow: none;}

.Pg-loc{ background: #ddd; height: 40px; line-height: 40px;}
.Pg-loc p{ width: 1200px; margin: 0px auto; clear: both;}

.new-item{ width: 1200px; margin: 0px auto; margin-top: 30px; clear: both;}
.new-item .item-li{ padding: 0px 20px;}
.new-item .item-li ul li{ height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc;}
.new-item .item-li ul li a{ position: relative; display: block;}
.new-item .item-li ul li a .title{ margin-left: 6px; display: block; padding-right: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new-item .item-li ul li a .date{ position: absolute; right: 6px; top: 0px; display: block;}
.new-item .news-jump{ margin-top: 20px; text-align: center; font-size: 0px;}
.new-item .news-jump a{ width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0px 5px; display: inline-block; font-size: 14px; background: #ddd; color: #646464;}
.new-item .news-jump a.on{ background: #e51c23; color: #fff;}
.new-item .news-jump a:hover{ background: #e51c23; color: #fff;}

.newsBox{ width: 1200px; margin: 0px auto; margin-top: 30px; clear: both;}
.newsBox .news-tit{ text-align: center; border-bottom: 1px solid #ddd;}
.newsBox .news-tit .title{ font-size: 30px;}
.newsBox .news-tit .info{ font-size: 16px; color: #747474; margin-top: 10px; margin-bottom: 5px;}
.newsBox .news-tit .info b{ font-weight: normal; margin-right: 4px;}
.newsBox .news-cont{ padding: 20px; line-height: 26px;}
.newsBox .news-cont img{ max-width: 800px;}
.newsBox .news-cont .zhaiyao{ padding: 10px; background: #e1e1e1; color: #646464; line-height: 26px;}
.newsBox .news-cont .zhaiyao b{ color: #454545;}

.agent-srh{ width: 1200px; margin: 0px auto; margin-top: 20px; padding: 20px; clear: both; border-bottom: 1px solid #ddd;}
.agent-srh .ndp{ margin-bottom: 10px; font-size: 0px;}
.agent-srh .ndp:last-child{ margin-bottom: 0px;}
.agent-srh .ndp .tit{ margin-right: 10px; display: inline-block; vertical-align: center; font-weight: bold; font-size: 16px;}
.agent-srh .ndp .sec{ display: inline-block; vertical-align: center; font-size: 0px;}
.agent-srh .ndp .sec .ndp-b{ margin: 0px 10px; display: inline-block; vertical-align: center; font-size: 14px; color: #747474;}
.agent-srh .ndp .sec .ndp-b.on{ font-weight: bold; color: #e74a50;}

.agent-list{ width: 1200px; margin: 0px auto; clear: both;}
.agent-list .item{ position: relative; border-bottom: 1px dashed #ddd; padding: 20px 10px; height: 80px;}
.agent-list .item:last-child{ border-bottom: none;}
.agent-list .item a{ display: block;}
.agent-list .item .item-img{ float: left; width: 80px; height: 80px; border-radius: 50%; overflow: hidden;}
.agent-list .item .item-img img{ width: 80px;}
.agent-list .item .item-info{ margin-left: 100px;}
.agent-list .item .item-info .info-name{ font-size: 17px; font-weight: bold;}
.agent-list .item .item-info .info-name .tel{ margin-left: 30px; font-size: 15px; font-weight: normal; color: #646464;}
.agent-list .item .item-info .info-name .tel i{ width: 18px; height: 18px; display: inline-block; vertical-align: middle; background: url(../images/ico-tel.png) no-repeat; background-size: 18px 18px;}
.agent-list .item .item-info .info-type{ margin-top: 6px;}
.agent-list .item .item-info .info-type .u{ font-size: 14px; color: #747474;}
.agent-list .item .item-info .info-type .d{ margin-top: 6px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.agent-list .item .to-wd{ position: absolute; right: 20px; top: 30px; text-align: center;}
.agent-list .item .to-wd a{ display: block; font-size: 14px;}
.agent-list .item .to-wd a:hover{ color: #e74a50;}
.agent-list .item .to-wd a i{ width: 25px; height: 25px; margin-left: 15px; display: block; vertical-align: middle; background: url(../images/ico-dept.png) no-repeat; background-size: 25px 25px;}
.agent-list .ag-jump{ margin-top: 20px; text-align: center; font-size: 0px;}
.agent-list .ag-jump a{ width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0px 5px; display: inline-block; font-size: 14px; background: #ddd; color: #646464;}
.agent-list .ag-jump a.on{ background: #e51c23; color: #fff;}
.agent-list .ag-jump a:hover{ background: #e51c23; color: #fff;}

.agentinfobox{ background: #35464e;}
.agentinfobox .ag-info{ width: 1100px; margin: 0px auto; clear: both; padding: 60px 50px; color: #fff;}
.agentinfobox .ag-info .info-photo{ float: left; width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
.agentinfobox .ag-info .info-photo img{ width: 100px;}
.agentinfobox .ag-info .info-type{ position: relative; margin-left: 120px; height: 100px;}
.agentinfobox .ag-info .info-type .name{ font-size: 22px;}
.agentinfobox .ag-info .info-type .tf{ color: #e1e1e1; margin-top: 10px;}
.agentinfobox .ag-info .info-type .ty{ color: #e1e1e1; margin-top: 6px; font-size: 16px;}
.agentinfobox .ag-info .info-type .tel{ position: absolute; right: 10px; top: 10px; font-size: 30px; text-align: center;}
.agentinfobox .ag-info .info-type .tel i{ position: relative; top: 5px; margin-right: 5px; width: 30px; height: 30px; border-radius: 50%; background: url(../images/ico-tel.png) 3px 2px no-repeat #fff; background-size: 25px 25px; display: inline-block;}
.agentinfobox .ag-info .info-type .tel span{ font-size: 16px; display: block;}

.ag-prolist{ width: 1200px; margin: 0px auto; margin-top: 40px; clear: both;}
.ag-prolist .title{ padding: 8px 10px; font-size: 18px; font-weight: bold; background: #e1e1e1;}
.ag-prolist .pro-list{ width: 900px; display: inline-block; vertical-align: top;}
.ag-prolist .pro-list .item-list{ padding: 20px; padding-bottom: 0px;}
.ag-prolist .pro-list .item-list .list-tit{ padding: 4px 10px; font-size: 16px; background: #cfd8dd;}
.ag-prolist .pro-list .item-list .list-tit a{ color: #0000ee; float: right;}
.ag-prolist .pro-list .item-list .list-cont{ padding: 6px 10px 10px; font-size: 0px;}
.ag-prolist .pro-list .item-list .list-cont .li-c{ width: 50%; display: inline-block; vertical-align: top; font-size: 14px; margin-top: 4px;}
.ag-prolist .pro-sub{ margin-top: 20px; margin-left: 20px; width: 260px; display: inline-block; vertical-align: top;}
.ag-prolist .pro-sub .inp{ position: relative; margin-top: 10px;}
.ag-prolist .pro-sub .inp:first-child{ margin-top: 0px;}
.ag-prolist .pro-sub .inp .tit{ margin-bottom: 4px;}
.ag-prolist .pro-sub .secinp{ position: relative; width: 100%;}
.ag-prolist .pro-sub .secinp .selectbox{ padding: 4px; border: 1px solid #ddd; text-align: center; font-size: 16px; cursor: pointer; color: #646464;}
.ag-prolist .pro-sub .secinp .selectshow{ position: absolute; top: 59px; width: 100%; background: #fff; z-index: 99; text-align: center; box-shadow: 0 0 4px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.28); display: none;}
.ag-prolist .pro-sub .secinp .selectshow a{ display: block; height: 32px; line-height: 32px;}
.ag-prolist .pro-sub .inp input{ padding: 6px; padding-right: 35px; width: 217px; height: 20px; line-height: 20px; border: 1px solid #ddd;}
.ag-prolist .pro-sub .inp .tips{ position: absolute; right: 4px; top: 34px; color: #b20000; font-size: 12px;}
.ag-prolist .pro-sub .inp .tips.nored{ color: #999;}
.ag-prolist .pro-sub .text{ margin-top: 10px;}
.ag-prolist .pro-sub .text .textarea{ border: 1px solid #ddd; padding: 6px; width: 246px; height: 48px; line-height: 24px;}
.ag-prolist .pro-sub .subtn{ padding-left: 80px; margin-top: 5px;}
.ag-prolist .pro-sub .subtn a{ width: 100px; height: 32px; line-height: 32px; text-align: center; color: #fff; border-radius: 5px; font-size: 14px; background: #e51c23; display: block;}