body{ font-family: "Microsoft Yahei",Verdana, Arial, Helvetica,宋体,sans-serif !important; color: #000000 !important;background: #fff;}
a{ cursor: pointer;}
a:hover {text-decoration:none;}

.banner_bg { margin-bottom: 180px;}
.banner_solution { width: 100%; height: 810px; padding-top: 75px; background: url(../images/solution/introduce/banner_bg.jpg) center top no-repeat; background-size: cover;}
.banner_main { width: 960px; margin: 0 auto; background: url(../images/solution/introduce/banner_mainBg.png) center top no-repeat; overflow: hidden;}
.left_text { float: left; width: 39%;}
.left_text p { color: #fff; font-size: 68px; font-weight: bold; width: 100%; height: 180px; line-height: 290px; text-align: right;}
.right_text { float: left; padding-left: 15px; text-align: left; margin-top: 35px;}
.banner_company{ font-size: 52px; color: #fff; line-height: 55px; font-weight: bold;}
.banner_jianjie { position: relative;}
.textImg_left { position: absolute; left: 0; top: 0;}
.main_text { margin: 10px 40px;}
.main_text p { color: #fff; font-size: 16px; line-height: 180%;}
.textImg_right { position: absolute; bottom: 0; right: 0;}

.anniu_bg { width: 115px; height: 115px; margin: 15px auto; position: relative; z-index: 110;}
.anniu_bg a { width: 100%; height: 100%; display: block;}
.anniu_quan { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.anniu_bgColor { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 100px; height: 100px; background: #da0d0d; border-radius: 50%;}
.anniu_txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.anniu_txt p { color: #fff; font-size: 16px; line-height: 24px;}
.arr_drow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);}

.web_img { position: relative; width: 1180px; margin: 0 auto;}
.diannao { position: absolute; left: 20%; top: -70px;}
.pc01 { position: absolute; left: 5%; top: 50px;}
.pc02 { position: absolute; left: 15%; top: 130px;}
.pc03 { position: absolute; left: 25%; top: 225px;}
.pc04 { position: absolute; left: 67%; top: 240px;}

.aboutUs { margin-bottom: 120px;}
.mainText { width: 1180px; margin: auto;}
.aBtitle { background: url(../images/solution/introduce/about.png) center no-repeat; height: 90px; position: relative;}
.zishen { background: #c00; color: #fff; font-size: 24px; line-height: 120%; padding: 3px; position: absolute; left: 60%; top: 35px;}
.mainText .aBtitle_bottom{ font-size: 18px; color: #333740; padding-bottom: 20px;}
.mainText p { font-size: 16px; line-height: 180%; color: #484a50;}
.mainIcon { width: 1180px; margin: 50px auto; overflow: hidden;}
.aBicon { width: 25%; float: left;}
.aBicon_img { background: url(../images/solution/introduce/icon_bg0.png) center no-repeat; height: 160px;}
.aBicon_img img { margin-top: 50px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.aBicon:hover .aBicon_img{ background: url(../images/solution/introduce/icon_bg.png) center no-repeat; }
.aBicon:hover .aBicon_img img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);}
.aBicon_name { color: #353743; font-size: 17px; line-height: 180%; padding-top: 10px;}
.aBicon_name_en { color: #a1a1a1; font-size: 12px; line-height: 180%;}
.aBmore { display: block; width: 50px; height: 50px; line-height: 50px; margin: 25px auto 5px; background: #353944; color: #fff; border-radius: 50%;}
.aBicon:hover .aBmore { -webkit-transform: translate3d(0, -2px, 0); -ms-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);background: #cc0000;}
.hStitle { width: 550px; height: 106px; margin: 0 auto; border-bottom: 1px solid #d5d5d5;}
.hStitle_txt { font-size: 40px; font-weight: bold; line-height: 55px;}
.hStitle_en { font-size: 16px; color: #626262; line-height: 24px; padding-bottom: 25px; border-bottom: 5px solid #c00;}
.hSmain { width: 1180px; margin: 35px auto 0;}
.hSmain_top { overflow: hidden;}
.hSmain_bottom { overflow: hidden;}
.hS_product { padding:30px;float: left; width: 24%; margin: 0.5%; border: 1px solid #e8e8e8; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
 box-sizing: border-box;}
.hS_pro_img img { height: 100%;}
.hS_name { font-size: 18px; line-height: 46px; color: #363845;}
.hS_TXT{color: #353944;height:63px;}
/*.hS_product a { position: relative; display: block;}*/
/*.hS_BG { position: absolute; left: 0; top: 103%; width: 100%; height: 100%; background: rgba(204,0,0,.7);}*/
/*.hS_product a:hover .hS_BG { position: absolute; left: 0; top: 0; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;}*/
/*.hB_TT p { color: #fff; font-size: 18px; line-height: 180%;}*/
/*.hB_TT .hB_TT_name { color: #fff; font-size: 24px; padding-top: 64px;}*/
/*.hBxiang { width: 40px; height: 40px; padding: 10px; font-size: 15px; color: #cc0000; background: #fff; border-radius: 50%; margin: 10px auto 0;}*/

.gsSolution { margin-top: 80px;}
.gsMain { width: 1180px; margin: 35px auto 0; overflow: hidden;}
.gs_product { width: 28%; float: left;}
.gsBox { margin: 5px; position: relative;}
.gs_pro_img { width: 100%; height: 219px; overflow: hidden;}
.gs_pro_img img { width: 100%;}
.gs_name { font-size: 16px; color: #fff; background: url(../images/solution/introduce/imgtext_bg.png) center no-repeat; line-height: 33px;}

.gs_pro04 { width: 16%; float: left; position: relative;}
.gs_img { padding: 5px;}
.gs_img img { width: 106%;}
.gs_more { position: absolute; left: 0; toP: 0; width: 100%; height: 100%;}
.GSbox { width: 100%; height: 100%;}
.GSbox a { display: block; width: 100%; padding-top: 95px; padding-bottom: 70px;}
.yuan { width: 50px; height: 50px; line-height: 42px; border-radius: 50%; border: 2px solid #fff; font-size: 50px; color: #fff; margin: 0px auto 15px;}
.gsmoreText { color: #fff; font-size: 18px;}
.gs_BG { position: absolute; left: 50%; top: 160%; width: 100%; height: 100%; background: rgba(204,0,0,.7); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;}
.gs_product:hover .gs_BG { top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.gs_TT { padding: 5px; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.gs_TT .gs_TT_name { font-size: 20px; color: #fff;}
.gs_TT p { font-size: 14px; color: #ffd737; line-height: 180%;}
.gs_TT .gs_TT_name { font-size: 20px; color: #fff;}
.gs_TT p { font-size: 14px; color: #ffd737; line-height: 180%;}
.gsck { padding: 15px 0;}
.gsxiang { padding: 5px 25px; font-size: 12px; color: #cc0000; background: #fff;}

.contactS_bg {background:#c00; margin-top: 50px;}
.contactS { width: 1180px; line-height: 70px; margin: 0 auto;}
.contactS_txt { font-size: 28px; color: #fff; line-height: 100px;}
.Rimg { padding: 0 0 0 15px;}
.Rimg img { vertical-align: middle; margin-top: -14px;}
.contactA a { background: url(../images/solution/introduce/csbottom.png) center no-repeat; padding: 10px 44px; color: #fff; font-size: 16px;}
.csBB { background: url(../images/solution/introduce/csBB.png) right top no-repeat; padding: 30px 0;}
#bottom{margin-top:0px !important;}



/* 自定义动画效果 */
.anniu_bgColor{
animation-name: myAnimation;
animation-duration: 1.6s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
/* Firefox: */
-moz-animation-name: myAnimation;
-moz-animation-duration: 1.6s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-moz-animation-iteration-count: infinite;
/* Safari 和 Chrome: */
-webkit-animation-name: myAnimation;
-webkit-animation-duration: 1.6s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
/* Opera: */
-o-animation-name: myAnimation;
-o-animation-duration: 1.6s;
-o-animation-timing-function: linear;
-o-animation-delay: 0s;
-o-animation-iteration-count: infinite;
}

@keyframes myAnimation
{
from { width: 100px; height: 100px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
to { width: 140px; height: 140px; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity: .7;}
}

@-moz-keyframes myAnimation /* Firefox */
{
from { width: 100px; height: 100px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
to { width: 140px; height: 140px; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity: .7;}
}

@-webkit-keyframes myAnimation /* Safari 和 Chrome */
{
from { width: 100px; height: 100px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
to { width: 140px; height: 140px; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity: .7;}
}

@-o-keyframes myAnimation /* Opera */
{
from { width: 100px; height: 100px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
to { width: 140px; height: 140px; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity: .7;}
}