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

body {font-family: "Microsoft Yahei", Arial, " ", Helvetica;font-size: 16px!important;/*! background: #eeeeee; */max-width: 640px;margin: 0 auto !important;}
ul,ol {list-style: none;}
img{border:0;vertical-align:top;display:block;width:100%;}
a{text-decoration:none;color:#090606;}
html{font-size: 100px;}
.banner img{width: 100%;}

.box1{width: 100%;margin: 1em auto}
.box1 h1{text-align: center;font-size: 1.5em;margin-top: 1em}
.box1 h1 span{border-bottom: 3px solid #4a73fb;padding-bottom: 0.5em;}
.box_three{width:3em;margin:-0.8em auto  1.5em auto}
.box_three span{width: 0;height: 0;border-left: 0.5em solid transparent;border-right: 0.5em solid transparent;border-bottom: 1em solid #ff4c9c;}
.box1 li{margin-bottom: 1em;line-height: 1.2em;text-align: left}
.box1_p{font-weight: bold;margin: 0.8em 0;padding: 0 5px}
.box2{background: #ddebf7;overflow: hidden;width: 100%}

.content i{color: #ff4c9c;font-size: 1.2em;margin-right: 10px}
.content h2{color: #4a73fb;font-size: 1.2em; margin-top:0;}
.content p{line-height: 1.2em;margin: 0.5em 0 1em 0}
.content_phone{background: #ebebeb;padding:6px 0;}
.content_phone img{width: 100%;}
.main_p{margin: 0.5em 0 1em 0}

.cont{
    text-align: center;
}
.row{
    margin: auto;
}
.container{
    max-width: 640px;
    margin: auto;
    padding: 0;
}
.container img{
    width: 100%;
}
.col-xs-2 {
    padding: 5px;
    text-align: center;
}
.data_ico_zmt + span {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #EE5C68;
}
.data_ico_zmt {
    font-size: 2em;
    color: #EE5C68;
}
img { vertical-align: middle; border: 0 }


.bttn{width: 60%;;border-radius: 2em;padding: 0.5em 0;color: #fff;font-size: 1.4em;font-weight: bold;margin: 1em auto 2em auto;background: #ff4c9c;text-align: center;display: block;    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0, 0, 0, 0.1)}
.bttn:hover{ text-decoration:none;}


.cscgxz{list-style: none;width: 100%; padding:0;}
.cscgxz li{float: left;width: 48%;margin: 1%;border: 1px solid #D7D7D7;box-sizing: border-box;border-top: none;overflow: hidden;position: relative;height: 2.8rem}
.divA{overflow: hidden;bottom: 0;position: absolute; width:98%; margin:0 auto;}
.cscgxz li .divB {position: absolute;top: 0;left: -50%;width: 100%;height: 100%;text-align: center;color: white;background: url(https://www.csxinhua.com/images/kl.png);background-size: 100% 100%;transition: all 0.2s;}
.cscgxz li .divB p.xzintro {width: 98%;height: 98%;padding: 2% 0;margin: 1%;font-size: 0.8em;line-height: 1.4em;position: absolute;left: 2%;color: #fff;text-indent: 20px;transition: all 0.2s 0.2s ease-out;}
.cscgxz li img{width: 100%;}
.cscgxz li p.name{padding: 2em 0 0.3em 0;text-align: center;font-size: 1.2em;color: #0077DD;}
.cscgxz li p.xzcon{padding: 0.5em 0;line-height: 1.2em;font-size: 1em;}
.cscgxz li p.xzcon span:first-child{float: left;width: 100%;padding-left: 9px;box-sizing: border-box;text-align: center;color: #FF3646;font-weight: bold;}
.cscgxz li p.xzcon span:nth-child(2){float: right;width: 50%;}
.cscgxz li p.xzcon span:last-child{display: inline-block;width: 100%;padding-left: 9px;text-align: center;color: #0A0000}


.nav:hover{ z-index: 11;background: #1649e3;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.demo{border: 1px dashed #1649e3;/*height: 180px;*/border-radius: 10px}
.nav:hover .demo{border: 1px dashed #fff;}
.nav img{width: 45%;margin: 10px;     display: inline;}
.nav h2{color: #1649e3;font-size: 1em;font-weight: bold}
.nav :hover h2,.nav :hover img,.nav:hover .demo_line,.nav:hover .demo_line span{color: #fff;webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;-webkit-animation: moveFromBottom 0.3s ease;-moz-animation: moveFromBottom 0.3s ease;-o-animation: moveFromBottom 0.3s ease;-ms-animation: moveFromBottom 0.3s ease;animation: moveFromBottom 0.3s ease;}
.demo_line{width: 50px;height: 1px;background: #1649e3;margin: 10px auto;position: relative}
.demo_line span{width: 10px;height: 5px;background: #1649e3;display: inline-block;position: absolute;left: 20px;top: -1.5px}
.nav:hover .demo_line,.nav:hover .demo_line span{background: #fff}


.nav{ margin-bottom:2% !important; background: #fff;
    border-radius: 10px;
   
    position: relative;}




.clear { clear: both;}
@media only screen and (max-width:300px){
    body,.mytitle,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:14px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:310px) and (min-width:300px){
    body,.mytitle,.top_title,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:320px) and (min-width:310px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:320px}
    .ztshow2_l_bt{font-size:13px!important;font-weight: bold}
    .top_title{font-size:13px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold;top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:350px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:480px) and (min-width:360px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:480px}
    .ztshow2_l_bt{font-size:18px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:25px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:14px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (min-width:480px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:21px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .myclass img{width: 80%;  }
    .myline{width: 95%!important;}
}