@charset "UTF-8";

body{font-size: 1.4rem;color: #222;line-height:2}
h3{font-weight: normal;}
button,dl,dt,dd,ul,li,p{/* margin: 0; */padding: 0;border: none;outline: none;list-style: none;}
img{max-width:100%;/* display:block; */}
.clear{clear: both}

a{color:#08c}

.am-with-fixed-navbar{padding: 0}


/*public*/
.am-container{max-width: 980px;padding: 0 .8rem;}
.bg{background: #f5f5f8;}
.bg_fff{background: #fff;}

.border{border: 1px solid #dedede;}
.p_4_0{padding: 4rem 0}
.p_5_0{padding: 5rem 0}
label{font-weight: normal;}
.p_h3 p{font-size: 2rem}
.p_h4 {font-size: 1.4rem}
.margin_head{margin-bottom: 68px}
/*top*/
.top{overflow:hidden;padding:0;background: #eee;border-bottom: 1px solid #dedede;position: fixed;top: 0;left: 0;width: 100%;/* margin: 0 0 36px; */z-index: 999;}
.top h3{/* font-size:1.5rem; */margin:0;padding:0;color: #EF1616;line-height: 36px;}
.top p{font-size:1.2rem;margin:0;padding:0;color:#454545;line-height: 36px}

.top iframe{overflow:hidden;float: right;}  

/*head*/

.head{position: fixed;width: 100%;top: 0;left: 0;height: 68px;border-bottom: 1px solid #e3e5e7;box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);z-index: 9;background: #fff;filter: alpha(opacity=95);opacity: 0.95;background: #fff;}

.head .am-topbar-collapse{padding: 0;float: right;/* overflow: hidden; */}
.head .logo{overflow: hidden;height: 68px;line-height: 68px;}
.head .logo a{}
.head .logo img{vertical-align: middle;max-width: 150px;}


.head .nav_menu{}
.head .nav_menu a{line-height: 68px;color: #222;font-size: 1.5rem;}

.head .nav_login{line-height: 68px;color: #222;font-size: 1.4rem;}
.head .nav_login .am-topbar-btn{margin:0;/* border-radius: 3px; *//* background: #ef0a0a; *//* border-color: #ef0a0a; */font-size: 1.4rem;}

.am-btn-danger{/* margin:0; *//* border-radius: 3px; */background: #ef0a0a;border-color: #ef0a0a;}
.am-btn{font-size:1.3rem}


/*index_banner*/
.index_banner{margin: 0;border: none;box-shadow: none;overflow: hidden;.index_banner{margin: 0;border: none;box-shadow: none;overflow: hidden;background: #131721;}.index_banner{margin: 0;border: none;box-shadow: none;overflow: hidden;background: #131721;}background: #;background: #131721;}
.index_banner  .am-slider-images{height: 400px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;color: #fff;}
.index_banner .am-slider-desc{position: absolute;left: 0;top: 35%;right: 0;color: #eee;text-align: center;background: none;}
.index_banner .am-slider-content h2{font-size: 40px;margin: 0;padding: 0;}
.index_banner .am-slider-content p{margin: 0;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 2.0rem;}
.index_banner .am-slider-title{font-weight: normal;margin-bottom: 5px;display: block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index_banner .am-slider-en{font-size: 12px;}
.index_banner .am-btn{margin-top: 20px;margin-right: 10px;}

.index_banner .am-control-nav{bottom: 10px}
.index_banner .am-direction-nav .am-prev{background: url(../images/pre_fff.png) center no-repeat rgba(0,0,0,.3);opacity:.8;left:0;}
.index_banner .am-direction-nav .am-next{background: url(../images/next_fff.png) center no-repeat rgba(0,0,0,.3);right:0;opacity: .8;}
.index_banner .am-direction-nav a:before{display:none}
.index_banner .am-direction-nav a{position:absolute;top: 46%;z-index:10;display:block;width:48px;height:64px;margin:-18px 0 0;box-shadow:none;opacity: .8;cursor:pointer;color:rgba(0,0,0,.65);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
.index_banner  .am-slider-images a:hover{-moz-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);-o-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.index_banner .am-control-nav{bottom: 15px;}
.index_banner .am-control-nav li a{border-radius: 0;/* width: 20px; */}
.index_banner .am-control-nav li a.am-active{background: #ef1616;}


@media screen and (min-width: 800px) and (max-width: 1199px){
.index_banner  .am-slider-images{height:300px;}
.index_banner .am-slider-desc{top: 40%;}
.index_banner .am-direction-nav, .index_banner .am-pauseplay{display: none;}
}

@media screen and (min-width: 600px) and (max-width: 799px){
.index_banner  .am-slider-images{height: 220px;}
.index_banner .am-slider-desc{top: 35%;}
.index_banner .am-slider-content h2{font-size: 40px;}
.index_banner .am-slider-content p{font-size: 24px;}
.index_banner .am-btn{margin-top: 10px;}
.index_banner .am-direction-nav, .index_banner .am-pauseplay{display: none;}
}

@media only screen and (min-width: 321px) and (max-width: 599px){
.index_banner  .am-slider-images{height: 150px;}
.index_banner .am-slider-desc{text-align: center;top: 35%;}
.index_banner .am-slider-content h2{font-size: 20px;}
.index_banner .am-slider-content p{font-size: 14px;}
.index_banner .am-btn{margin-top: 10px;}
.index_banner .am-direction-nav, .index_banner .am-pauseplay{display: none;}
}

@media screen and (max-width: 320px){
.index_banner  .am-slider-images{height: 130px;}
.index_banner .am-slider-desc{text-align: center;top: 35%;}
.index_banner .am-slider-content h2{font-size: 20px;}
.index_banner .am-slider-content p{font-size: 14px;}
.index_banner .am-btn{margin-top: 10px;}
.index_banner .am-direction-nav, .index_banner .am-pauseplay{display: none;}
}


/*title*/

.title{text-align: center;padding: 3rem 0;overflow: hidden;}
.title h3{font-size: 1.8rem;font-weight: 400;color: #666}
.title h2{font-size: 4.2rem;font-weight: 500;}
.title p{font-size: 1.4rem;color: #333;line-height: 200%;padding: 0;margin: 10px 0;/* text-align: left; */}
.title span{/* font-family: Georgia,"Times New Roman",Times,serif; */color: #666;text-transform: uppercase;padding: 0 0 1rem;font-size: 2.6rem;display: block;}

/*title_small*/

.title_small{text-align: center;padding: 0rem 0 2rem;overflow: hidden;border-bottom: 1px solid #dedede;margin: 1rem 0;}
.title_small h3{font-size: 1.8rem;font-weight: 400;color: #666}
.title_small h2{font-size: 4.2rem;font-family: 'DIN-Regular';}
.title_small p{font-size: 1.3rem;}
.title_small span{font-size: 2.6rem;display: inline-block;}




/*nav_son*/
.nav_son{overflow:hidden;/* margin: 2rem 0; */}
.nav_son .title_h2{padding:1.4rem 0;font-size: 1.6rem;text-align:center;background: #ef1616;margin: 0 .5rem;color: #fff;font-weight: normal;}
.nav_son ul{overflow: hidden;}
.nav_son li.am-active a{color: #fff;background: #ef1616;/* font-weight: 600; */}
.nav_son li a:hover{background: #ef1616;color: #FFF;}
.nav_son li {/* font-size:1.4rem; */display:block;/* transition:all 1.2s; */-moz-transition:all 1.2s;/* -webkit-transition:all 1.2s; */-o-transition:all 1.2s;/* border-bottom: 1px solid #dedede; */padding: .5rem;/* background: #fff; *//* border-right: 1px solid #dedede;*//* color: #ef1616;*//* padding: 1rem; */}
.nav_son li a{display:block;transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s;/* border-bottom: 1px solid #dedede; */padding: 1.5rem 0;background: #f6f6f6;border: 1px solid #dedede;text-align: center;font-size: 1.8rem;}




/*service*/
.service{overflow:hidden;}
.service li{padding: .5rem;overflow: hidden;margin: 0 0 1rem;text-align:center;}
.service li img{transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s;text-align: center;}
.service li h3{    font-size: 2.2rem;}
.service li a{display: block;padding: 3rem 0;transition: opacity 300ms ease-in-out;-moz-transition: opacity 300ms ease-in-out;-webkit-transition: opacity 300ms ease-in-out;-o-transition: opacity 300ms ease-in-out;overflow: hidden;/* border: 1px solid #dedede; */border-radius: 3px;text-align: center;}
.service li p{/* font-size: 1.2rem; */margin: 0;}
.service li a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);border-radius:0px;}
.service li span{/* font-size: 1.2rem; */margin: 0;display:block}





/*product*/

.case{overflow:hidden;}






.banner{position: relative;overflow: hidden;text-align:center;/* background: url(../images/banner5.jpg) center top no-repeat; */-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size: cover;height: 300px;}
.banner_service{background: url(../images/severce2.jpg) center top no-repeat;}
.banner h2{font-size: 44px;font-weight: normal;}
.banner p{font-size:1.4rem;}

.banner_case{background:url("../images/banner5.jpg") no-repeat center center!important;padding: 5rem 0;color: #fff;height:320px}
.banner_network{background:url("../images/pic68.jpg") no-repeat center center!important;padding: 6rem 0;color: #fff;}
.banner_wechat{background:url("../images/wechat_bg.jpg") no-repeat center center!important;padding: 6rem 0;color: #fff;}


/* article */
.article{overflow: hidden;}
.article .am-article-bd img{display: inline-block;max-width:100%;height: auto!important;padding: 10px 0 10px;}


/* prom */
.prom{text-align: center;}
.prom h2{/* margin:1rem 0; */padding: 1rem 0;font-size: 4.2rem;font-weight: normal;text-align: center;}
.prom h3{/* margin:1rem 0; */font-weight: normal;text-align: center;line-height: 2.2;padding: 1rem 0 2rem;}
.prom h4{/* margin:1rem 0; */font-weight: normal;text-align: center;line-height: 2.2;padding: 1rem 0 2rem;font-size: 3rem;}





.prom_1{overflow: hidden;}
.prom_1 ul{}
.prom_1 ul li{padding:1rem;text-align:center;}
.prom_1 ul a{padding:0rem;text-align:center;display:block;}
.prom_1 ul li img{max-width:100%;/* display:block; */}

.prom_1 h3{margin: 1rem 0;font-weight: normal;text-align: center;line-height: 2.2;padding: 0;font-size: 1.8rem;}



.prom_2{overflow: hidden;}
.prom_3{overflow: hidden;}
.prom_4{overflow: hidden;}
.prom_4_left{overflow: hidden;}
.prom_5{overflow: hidden;}

.prom_6{overflow: hidden;padding: 4rem 0;background: #dedede;/* color: #fff; */}
.prom_6 h3{font-size:2.4rem;padding: 0;margin: 0;}



/*contact*/
.contact{background: url("../images/pic09.jpg") #313538 no-repeat top center!important;padding: 4rem 0 2rem;position:relative;overflow: hidden;color: #fff;background-attachment: fixed;}
.contact_form{}
.contact_form h2{font-size: 3rem;font-weight: normal;}
.contact_form input{background: #fefefe!important;border: 1px solid #dedede!important;font-size: 1.4rem!important;padding: 1rem!important;}


.contact_tel{ padding: 0 0 0 5rem;}
.contact_tel .address h2{font-size: 3rem;font-weight: normal;}
.contact_tel .address h3{font-size: 2.8rem;margin:0;color: #EF0A0A;}
.contact_tel .address p{}


.contact_tel .contact_wechat {}
.contact_tel .contact_wechat li{padding: 1rem}




/*pages*/
.pages{overflow:hidden;padding: 1rem 0;}
.pages li:first-child{line-height: 36px;background: #222C42;/* padding: 0 1.5rem; */color: #aaa;height: 36px;}
.pages li:first-child a{padding:0;display: block;padding: 0 1.5rem;}
.pages li.thisclass{line-height: 36px;background: #ef1616;padding: 0 1.5rem;color: #fff;}
.pages a{font-size:1.4rem;background: #222C42!important;color: #aaa!important;}
.pages a:hover{background: #ef1616!important;color: #fff;}
.pages span{font-size:1.4rem;background: #222C42!important;border:none!important;line-height: 1.6!important;}






/*footer*/

.footer_banquan{background: #333;overflow: hidden;padding: 1rem 0;}
.footer_banquan p{text-align:center;font-size:1.2rem;color: #eee;padding: 0;margin: 0;}
.footer_banquan span{padding:0 0 0 1rem;overflow: hidden;color: #025AA1;}




.cqkf_center{display:none;z-index: 100000;width: 400px;height: 230px;background:url(../images/left-tc.jpg) no-repeat;position: fixed;left: 50%;margin-left: -208px;top: 50%;margin-top: -128px;}
.cqkf_center_div{display: inline-block;position: relative;width: 100%;height: 100%;background: #000000;opacity: 0.3;}
.cqkf_center a{display: inline-block;width: 100%;height: 100%;}
.cqkf_close{position: absolute;top: 0;right: 0;width: 60px;height: 60px;}





/*footer_kf*/
.kf #sticky{width: 140px;position:fixed;right:0;top:45%;z-index:9999; }
.kf #sticky button{display:block;float:right;width:45px;height:45px;line-height:45px;font-size:14px;color:#fff;text-align:center;padding:0;background:#5F5F5F;margin: 60px 0 0;}
.kf #sticky button span{display:block;color:#5F5F5F;height:30px;margin-top:-28px;font-size:16px}
.kf .sticky-qq{display:block;float:right;width:100%;margin-right:-95px;height:45px;line-height:45px;background: #08c;overflow:hidden;color:#fff;text-align:center;transition:margin .5s;-moz-transition:margin .5s;-webkit-transition:margin .5s;-o-transition:margin .5s;}
.kf .sticky-qq span{float:left;font-size:14px;text-align:left}
.kf .sticky-qq .am-icon-qq{display:block;width:45px;font-size:18px;text-align:center}
.kf .sticky-qq:hover{color:#fff;background:#08c;margin:0}
.kf #sticky button:hover{background:#08c}
.kf #sticky button:hover span{color:#08c}

.kf .qrc span{display:block;float:right;width:45px;height:45px;line-height:45px;font-size:20px;color:#fff;text-align:center;background:#7FBE25}
.kf .qrc .wx{display:none;float:left;margin:-50px 50px 0 0;background:#f5f5f5;color:#f5f5f5;padding:5px;z-index:2}
.kf .qrc .wx img{width:100%;z-index:99999}
.kf .qrc:hover .wx{display:block}
.kf .qrc:hover span{background:#7FBE25}

.kf .sticky-phone{display:block;float:right;width:100%;margin-right:-95px;height:45px;line-height:45px;background: #FFB400;overflow:hidden;color:#fff;text-align:center;transition:margin .5s;-moz-transition:margin .5s;-webkit-transition:margin .5s;-o-transition:margin .5s;}
.kf .sticky-phone span{float:left;font-size: 12px;text-align:left;/* margin: 20px; */}
.kf .sticky-phone .am-icon-phone{display:block;width:45px;font-size: 2rem;text-align:center;}
.kf .sticky-phone:hover{color:#fff;background:#FFB400;margin:0}



.cqkf_center{display:none; z-index: 100000; width: 400px;height: 230px;background:url(../images/left-tc.jpg) no-repeat;position: fixed;left: 50%;margin-left: -208px;top: 50%;margin-top: -128px;}
.cqkf_center_div{display: inline-block; position: relative;width: 100%; height: 100%;background: #000000;opacity: 0.3;}
.cqkf_center a{display: inline-block;width: 100%;height: 100%;}
.cqkf_close{position: absolute;top: 0;right: 0;width: 60px;height: 60px;}












/*max-width:640px*/
@media only screen and (max-width:640px){
body{/* font-size:1.5rem */}
a{color:#222!important}
.m_head{border-bottom: 1px solid #e3e5e7;box-shadow: 0 5px 10px 0 rgba(50, 50, 50, 0.06);z-index: 9;background: #fff;filter: alpha(opacity=95);opacity: 0.95;background: #fff;}
.m_home_icon{color: #222;}
.m_head .am-header-title{margin:0 10%}
.m_head .am-header-title img{height:30px;margin:10px 0 0}
.m_banner .am-slider-images{height:230px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}
.m_head a{}
.m_logo img{height: 26px!important}
.m_nav{background:#ddd}
.m_nav ul.top a{background:#fff;border-bottom:1px solid #CBCFD7;color:#333}
.m_nav ul.top .am-menu-sub a{background:#fff}
.m_nav ul.top li.am-parent.am-open>a{background:#DE5853}
 
 
.m_foot ul.am-navbar-nav{background:#fff;border-top:1px solid #eee}
.m_foot a{color:#555}

/*title*/

.title{text-align: center;padding: 1rem 0;overflow: hidden;}

.title h2{font-size: 2.3rem;font-weight: 500;}
.title p{font-size: 1.4rem;color: #333;line-height: 200%;padding: 0;margin: 10px 0;/* text-align: left; */}
.title span{/* font-family: Georgia,"Times New Roman",Times,serif; */color: #666;text-transform: uppercase;padding: 0 0 1rem;font-size: 1.4rem;display: block;}

.title_small h2{font-size:2rem}
.service li h3{font-size: 2rem;margin: 1rem 0;}


.prom_6 h3{font-size:1.8rem;font-weight:}
.contact_form h2, .contact_tel .address h2{font-size: 2.2rem;text-align: center;}

.contact_tel{padding: 0 1rem;}

.banner{height: 240px;}
.banner_service{background: url(../images/severce2.jpg) center top no-repeat;}
.banner h2{font-size: 2.4rem;font-weight: normal;}
.banner p{font-size: 1.1rem;}


.banner_case{padding:5rem 0 0;background-size: cover!important;height: 140px;}
.banner_about{padding:5rem 0 0;}
.service li a{display: block;padding: 1.5rem .5rem;transition: opacity 300ms ease-in-out;-moz-transition: opacity 300ms ease-in-out;-webkit-transition: opacity 300ms ease-in-out;-o-transition: opacity 300ms ease-in-out;margin: 0 0.1rem;/* background-color: #fff; */}
.service li img{max-width: 80px;}

/* prom */
.prom h2, .prom h4{margin: 0;padding: 0;font-size: 2.4rem;/* font-weight: 600; */text-align: center;}
.prom h3{margin:1rem 0;font-weight: normal;text-align: center;line-height: 2.2;font-size: 1.5rem;}
.prom_1 ul li{padding: .5rem;text-align:center;}




}