﻿
/*äº§å“ä¸­å¿ƒ*/
.index .floor_1_main{padding-top:80px;padding-bottom:90px;background:#f5f5f5;}
.pro_center .leftNav{padding-bottom:36px;position:relative;float:left;width:278px;background:#fff;z-index:12;border:1px solid #dddddd;}
.pro_center .leftNav .title{margin-left:-1px;margin-top:-1px;width: 280px;height: 75px;line-height: 75px;background: #0070c1;text-align: center;color: #fff;font-weight: bold;font-size: 30px;}
.pro_center .pro_nav_list{padding-top:6px;margin-right: 8px;}
.pro_center .pro_nav_list li{position:relative;height:auto;line-height:60px;border-bottom:1px solid #eee;background:url("../images/pro_arr.png") no-repeat right 19px;}
.pro_center .pro_nav_list li a{position:relative;display:block;font-size: 15px;line-height:60px;text-indent: 10px;color:#666;}
.pro_center .pro_nav_list li:hover{background:url("../images/pro_arr_h.png") no-repeat right 19px;}
.pro_center .pro_nav_list li.hover{background:url("../images/pro_arr_h.png") no-repeat right 19px;}
.pro_center .pro_nav_list li .nav_a::before{opacity:0;content: '';display: block;width: 0;height: 61px;position: absolute;left: 0;top: -1px;background: #047fcc;transform: translateX(-100%);transition: all 0.3s;}
.pro_center .pro_nav_list li:hover .nav_a::before{opacity:1;transform: translateX(0%);width:4px;}
.pro_center .pro_nav_list li.hover .nav_a::before{opacity:1;transform: translateX(0%);width:4px;}
.pro_center .pro_nav_list li:hover a{color:#047fcc;}
.pro_center .pro_nav_list li.hover a{color:#047fcc;}
/* .index .pro_sub{display:none;} */
/* .index .pro_sub .sub_list1 .sub_li1 .subA{font-size:16px;color:#999;} */
/* .index .pro_sub .sub_list1 .sub_li1 .subA:hover{color:#047fcc;} */
/* .index .pro_sub .sub_list1 .sub_li1.hover .subA{color:#047fcc;font-weight:bold;} */
.pro_center .pro_center .pro_nav_list li{position:relative;}
.pro_center .pro_sub{position:absolute;right:-219px;top:0;width:190px;background:rgba(0,0,0,0.3);display:none;z-index:12;}
.pro_center .pro_sub .sub_li1 .subA{color:#fff;font-size:16px;}
.pro_center .pro_sub .sub_li1:hover{text-indent: 6px;background: #f9f9f9; }
.pro_center .pro_sub .sub_li1:hover .subA{color:#005cb3;}
.pro_center .pro_sub .sub_li1 .subA:before{position:absolute;left:20px;top:28px;display:block;width:6px;height:6px;background:rgba(0,0,0,0.3);content:"";color:#333;border-radius:100%;}
.pro_center .leftTel .txt{padding-top:24px;text-align:center;}
.pro_center .leftTel .txt .tit{font-size:26px;line-height:26px;color:#333;} 
.pro_center .leftTel .txt .subtit{margin-top:8px;font-weight:bold;font-size:34px;line-height:36px;color:#047fcc;} 
.pro_center .leftTel .tel{margin-left:40px;margin-top:12px;}
.pro_center .leftTel .zx{padding-left:24px;height:20px;font-size:16px;line-height:20px;color:#666;background:url("../images/telIco2.png") no-repeat left center;}
.pro_center .leftTel .webTel{margin-top:10px;font-weight:bold;font-family: arial;font-size:29px;line-height: 30px;color:#e02020;}
.pro_center .leftTel .wx{margin:0 auto;margin-top:17px;display:block;width:198px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#047fcc;border:1px solid #047fcc;}
.pro_center .leftTel .wx:hover{text-indent:6px;color:#fff;background-color:#047fcc;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}
.pro_center .right_pro{float:right;width:890px;}
.pro_center .pro_list{width: 100%;}
.pro_center .pro_list li{position:relative;margin:0 24px 24px 0;float:left;display:block;width:280px;height:260px;box-shadow: 1px 0 2px rgba(0,0,0,0.1);transition: all ease 300ms;overflow: hidden;background:#fff;}
.pro_center .pro_list li a{display:block;}
.pro_center .pro_list li .img{display:block;width:280px;height: 210px;}
.pro_center .pro_list li img{display:block;width:100%;height:100%;}
.pro_center .pro_list li .txt{height:55px;}
.pro_center .pro_list li .txt .tit{padding:0 6px;height:55px;font-size:18px;line-height:55px;text-align:center;color:#222;    overflow: hidden;    transition: all ease 300ms;}
.pro_center .pro_list li .mask{width: 100%; height: 125px; padding-top: 80px; position: absolute; left: -100%; top: 0; transition: all ease 300ms; background: url(../images/blue0.png) repeat 0 0;}
.pro_center .pro_list li .mask .seIco{width: 54px; height: 54px; display: block; margin: 0 auto; background:url("../images/seico2.png") no-repeat center center;}
.pro_center .pro_list li:hover .mask{left: 0;}
.pro_center .pro_list li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);transition:all ease 0.36s;}
.pro_center .pro_list li:hover .tit{color:#047fcc;}


.content{min-height:440px;}






.reLink{height: 58px; line-height: 58px; padding: 0 20px; margin: 20 auto; border: 1px solid #dddddd;}

.reLink .nextLink,

.reLink .prevLink{width: 50%; color: #666666; display: block;}

.reLink .nextLink s,

.reLink .prevLink s{width: 28px; height: 6px; margin: 0 10px; background-position: -144px 0;}

.reLink .nextLink:hover,

.reLink .prevLink:hover{color: #133984;}

.reLink .prevLink{float: left; color: #666;}

.reLink .nextLink{text-align: right; float: right;}

.reLink .nextLink s{background-position: -144px -9px;}

.reLink a:hover{color:#fa9600;}



/*n-tit start*/

.n-tit{margin-bottom:20px}

.n-tit h3{font-weight:bold;line-height:35px;font-size:24px}

.n-tit s{width:4px;height:22px;margin-right:15px;background:#e5322d;display:inline-block;vertical-align:middle}

.n-tit .more{font-size:16px;margin-top:12px;}

/*n-tit end*/ 

/*reset css start*/

html{min-width:1200px;font-family:sans-serif}

body{text-align:left;padding:0;margin:0;font:14px;color:#333;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif !important;height:auto;background:#fff;overflow-x:hidden}

div,p,li{word-break:break-all}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding:0;margin:0}

fieldset{border-top-width:0;border-left-width:0;border-bottom-width:0;border-right-width:0}

a,img,iframe{border:0;padding:0;margin:0}

i{font-style:normal}

address,caption,cite,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}

ul,ol,li{list-style: none;}

caption{text-align:left}

th{text-align:left}

h1,h2,h3,h4,h5,h6{font-weight: normal;font-size:100%}

q:unknown{content:''}

button,input,select,textarea{font-size: 100%;}

table{border-collapse: collapse; border-spacing: 0;}

.por{position:relative}

.poa{position:absolute}

input,textarea,select{font-family:inherit;font-size:100%}

a:link{color:#333;text-decoration:none}

a:visited{color:#333;text-decoration:none}

a:hover{color:#e5322d;text-decoration:none}

.ease,

.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

.noease,

.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

::-moz-placeholder{color: #aaa;}

::-webkit-input-placeholder{/* WebKit browsers */ color: #aaa; font-size: 16px;}

::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #aaa; font-size: 16px;}

:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #aaa; font-size: 16px;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{/* WebKit browsers */ color: #aaa; font-size: 16px;}

textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #aaa; font-size: 16px;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{/* Internet Explorer 10+ */ color: #aaa; font-size: 16px;}

.fl,.left{float: left;}

.fr,.right{float: right;}

.tac{text-align: center;}

.tar{text-align: right;}

.w1000{width:1000px;margin:0 auto}

/*æ¸…é™¤æµ®åŠ¨*/

.clear{clear:both;font-size:0;margin:0;padding:0;display:block;_height:0;overflow:hidden}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.clearfix{*zoom:1}

.hidden{display:none}

.icon{background-image:url("../images/icon.png");display:inline-block;vertical-align:middle;}

.w1200{width:1200px;margin:0 auto}

/*reset css end*/



.content{min-height:440px;}





/*æŠ¥ä»·è¡¨å•*/

.baojiabox{padding: 0; margin-bottom: 34px; margin-top:34px; box-shadow: 0 1px 20px #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff;}

.baojiabox .img{width: 840px; height: 260px; position: relative; border-bottom-left-radius: 5px; border-top-left-radius: 5px;}

.baojiabox .img img{width: 100%; height: 100%; display: block;}

.baojiabox .img .txt{position: absolute; left:-30px; top: 70px; width: 600px; padding-left: 130px;}

.baojiabox .img .txt p{color: #fff; font-size: 24px;}

.baojiabox .img .txt strong{font-size: 34px; line-height: 34px; padding: 5px 0; display: block;}

.baojiabox .img .txt b{font-size: 32px; font-weight: bold; line-height: 32px; color: #fff; vertical-align: middle; padding-right: 5px; font-family: "AVGARDD"; display: block;}

.baojiabox .img .txt .shus{width: 116px; height: 112px; background: url(../images/10s.png) no-repeat; position: absolute; left: 0; top: 0;}

.baojiabox .baojia{width: 360px; position: relative; padding-top: 10px;}

.baojiabox .baojia p{font-size: 17px; text-align: center; padding: 10px 0 15px;}

.baojiabox .baojia p b{color: #e02020;}

.baojiabox .baojia .item{width: 300px; margin: 0 auto 16px;}

.baojiabox .baojia .item .txt{border-radius: 5px; width: 300px; height: 48px; line-height: 48px; border: 1px solid #e5e5e5; background: none; display: block; text-indent: 10px; outline: none;}

.baojiabox .baojia .btn{width: 300px; height: 48px; margin: 0 auto;}

.baojiabox .baojia .btn input{width: 100%; height: 48px; line-height: 48px; display: block; border: 0 none; background:#e5322d; color: #fff; font-size: 20px; outline: none; font-weight: bold; cursor: pointer; text-align: center;border-radius:5px;transition:all ease 0.36s;}

.baojiabox .baojia .btn input:hover{text-indent:6px;color:#fff;background-color:#222;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}



.reLink{height: 58px; line-height: 58px; padding: 0 20px; margin: 20 auto; border: 1px solid #dddddd;}

.reLink .nextLink,

.reLink .prevLink{width: 50%; color: #666666; display: block;}

.reLink .nextLink s,

.reLink .prevLink s{width: 28px; height: 6px; margin: 0 10px; background-position: -144px 0;}

.reLink .nextLink:hover,

.reLink .prevLink:hover{color: #133984;}

.reLink .prevLink{float: left; color: #666;}

.reLink .nextLink{text-align: right; float: right;}

.reLink .nextLink s{background-position: -144px -9px;}

.reLink a:hover{color:#fa9600;}



/*n-tit start*/

.n-tit{margin-bottom:20px}

.n-tit h3{font-weight:bold;line-height:35px;font-size:24px}

.n-tit s{width:4px;height:22px;margin-right:15px;background:#e5322d;display:inline-block;vertical-align:middle}

.n-tit .more{font-size:16px;margin-top:12px;}

/*n-tit end*/ 



