/*reset css start*/
html{min-width:1200px;font-family:sans-serif}
body{text-align:left;padding:0;margin:0; font-size:14px;color:#333;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif;height:auto;background:#f3f3f3;overflow-x:hidden;-webkit-font-smoothing: antialiased;}
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;cursor:pointer;}
a:hover{color:#009944;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: #fff;}
::-moz-placeholder{color: #fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #333;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #333;}
.fl,.left{float: left;}
.fr,.right{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
/*清除浮动*/
.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;}
.w1400{width: 100%;max-width:1400px;margin:0 auto;}
@media (max-width: 1660px) {
    .w1400 {width: 1200px; margin:0 auto;}
}
/*head*/
.header_main{position:absolute;width:100%;height:80px;background:transparent;transition: all 0.9s ease-out 0s; z-index:22;}
.header_main.xc{ position:fixed; left:0; top:0;transition: all 0.9s ease-out 0s; background-color:#fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.header{ width:100%;height:80px;background: rgba(255, 255, 255, 0.2);}
.header_main .webLogo{padding-top:17px;margin-left:3vw;float:left;}
.header_main .webLogo img{display:block; height:47px;}
.header_main .nav_main{float:right;margin-right: 3vw;}
.header_main .nav_main .item{ margin-left:70px;float:left;position:relative;height:80px;line-height:80px;z-index:12;}
.header_main .nav_main .item a{display:block;height:80px;font-size:16px;line-height:80px;color:#fff;}
.header_main.xc .nav_main .item a{color:#333;}
.header_main .nav_main .item:hover .alink,.header_main .nav_main .item.hover .alink{color:#fff; font-weight:bold;}
.header_main.xc .nav_main .item:hover .alink,.header_main.xc .nav_main .item.hover .alink{color:#021746; font-weight:bold;}
.header_main .nav_main .item.hover .alink{}
.header_main.xc .nav_main .item.hover .alink{}
.header_main .nav li .subnav{position: absolute;left: 50%;top:80px;background-color: #fff;width: 120px;margin-left: -60px;display: none;border-radius: 4px;overflow: hidden;}
.header_main .nav li .subnav .subA{color: #333;line-height: 35px;height: 35px;overflow: hidden;display: block;margin: 0;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;display: block;font-size: 14px;border-bottom: 1px dotted #ddd;margin: 0;text-align: center;}
.header_main .nav li .subnav .subA:hover{font-weight:bold;background: #3bb79b;color: #4872de;background: #ffbe8b;background: rgba(21, 21, 21, 0.8);}
.header_main .nav .sub-box{width:120px;position:absolute;left:50%;text-align:center;top:80px;background:#fff;display:none;line-height:35px; margin-left:-60px;}
.header_main .nav .sub-box p a{color:#fff}
.header_main .nav .sub-box p .icon{width:6px;height:10px;background-position:-96px 0;position:absolute;top:19px;left:15px}
.header_main .nav .sub-box p a{border-bottom:1px solid #ddd;color:#333 !important;line-height:46px!important;height:46px!important;padding:0;font-weight:100;text-align:center;overflow:hidden;vertical-align:top;font-size:14px;display:block;background:none;transition: ease-in-out 0.2s;}
.header_main .nav .sub-box p a:hover{background:#021746;text-indent: 6px;color:#fff!important;}
.header_main .nav .li7 .sub-box{ width:120px; left:50%; margin-left:-60px;}

/*foot*/
.footerM{height:336px;overflow:hidden; width:100%;background:#131723;}
.footer{ padding-top:52px; text-align:center;}
.footer .foot_jz .qimg{ float:left; text-align:left; width:340px;}
.footerM .tel{ padding-top:26px;width:80%;}
.footerM .tel p{ font-size:18px; color:#ccc; line-height:20px; padding-left:30px; display:block; margin-top:10px;}
.footerM .tel span{ font-size:14px; color:#ccc; line-height:24px;  padding-left:30px; display:block; margin-top:10px; padding-right:20px;}
.guhua{background:url(../images/f5_02.png) left center no-repeat; }
.dizhi{background:url(../images/f5_06.png) left top no-repeat;}
.shouji{background:url(../images/f5_03.png) left top no-repeat;}
.youxiang{background:url(../images/f5_04.png) left top no-repeat;}
.footerM .ewm{ float:right; width:130px; text-align:center; font-size:14px; color:#ccc;}
.footerM .ewm img{ display:block; width:130px; height:130px; padding-bottom:8px;}

.footerM .foot_jz .bnav{float:left; width:60%;}
.footerM .foot_jz .list{display:inline-block; width:100%;}
.footerM .foot_jz .list li{float:left;width:130px; margin-left:6%;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;}
.footerM .foot_jz .list .li1{padding-left:0;}
.footerM .foot_jz .list li dt{ height:30px;}
.footerM .foot_jz .list li dt a{display:block;font-size:18px;line-height:18px;color:#fff;}
.footerM .foot_jz .list dd{}
.footerM .foot_jz .list dd a{display:block;width:100%;font-size:14px;line-height:30px;color:#ccc;}
.footerM .foot_jz .list li a:hover{color:#fff;}
.footerM .foot_jz .list .drop a:hover{color:#fff;}

.copyright{font-size:12px;color:#ccc; height:70px; background-color:#131723; width:100%; line-height:70px; }
.copyright .w1400{ border-top:#3c3f46 solid 1px;}
.copyright p{ float:left;}
.copyright i{ float:right;}
.copyright a{color:#ccc;}
.copyright em{margin:0 10px;}
.copyright span{height:90px;}
.copyright a:hover{color:#fff;}
.copyright a img{ display:inline-block; width:14px; padding-right:6px;}
/*右侧客服*/
/*rightFix*/
.rightFix{width: 48px; position: fixed; right: 10px; bottom: 30%; z-index: 999;}
.rightFix a{width:48px; height: auto; background: #008aff; text-align: center; display: block; margin-bottom: 6px; position: relative; padding-top: 8px; border-radius:50px; padding-bottom: 7px;}
.rightFix a h3{color: #fff; font-weight: 400; font-size: 12px; display:none;}
.rightFix .ico{width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto; margin-bottom: 1px; padding: 0px; background: url(../images/fix-ico.png) no-repeat 0 0;}
.rightFix .img{width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #009944; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px;}
.rightFix .img p{padding-top: 5px;}
.rightFix a:hover .img{opacity: 1; filter: alpha(opacity=100); left: -140px; display: block;}
.rightFix .img img{width: 110px; height:110px;}
.rightFix a span{width: 210px; text-align: center; height:48px; line-height: 48px; position: absolute; left: -78px; top: 0px; background: #008aff; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius:30px;}
.rightFix a:hover{background-color: #008aff; overflow: visible;}
.rightFix a:hover h3{color: #fff;}
.rightFix a.fix-ewm:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix a:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel:hover .ico{background-position: -32px 0;}
.rightFix .fix-xcx .ico{background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico{background-position: -32px -32px;}
.rightFix .fix-ewm .ico{background-position: 0px -64px;}
.rightFix .fix-ewm:hover .ico{background-position: -32px -64px;}
.rightFix .mess .ico{background-position: 0 -96px;}
.rightFix .mess:hover .ico{background-position: -32px -96px;}
.rightFix .fix_top .ico{background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico{background-position: -32px -128px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}