/* 常量设置 */
html { overflow-x:auto;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;}
body{font-size:13px; line-height:1.6; color:#555; background:#fff;}
a{color:inherit;}
a:hover { color:#f7ac1b;}
::-moz-selection {color:#fff; background:#f7ac1b; }
::selection {color:#fff; background:#f7ac1b; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.solution .con{ position:relative; z-index:11; background-color:#fff;}
.solution .con .pt1{padding-top:60px;}

.solution .con .pt1 .line{height:40px; background:url(../images/i_pt3_line.png) center center no-repeat; margin-bottom:30px;}
.solution .con .pt1 .info{font-size:16px; color:#000; line-height:30px; padding-bottom:60px; width:80%; margin-left:auto; margin-right:auto;}
.solution .con .pt2{overflow:hidden;}
.solution .con .pt2 li{ margin-bottom:65px;}
.solution .con .pt2 li a{display:block;background-color:#f0f0f0; position:relative; overflow:hidden;}
.solution .con .pt2 li a .mask{position:absolute;top:100%;width:41.5%;height:100%; background-color:#f9b91f; left:0; z-index:0; }
.solution .con .pt2 li a:hover .mask{top:0;}
.solution .con .pt2 li a:hover .pd .tit{color:#fff;}
.solution .con .pt2 li a:hover .pd .text{color:#fff;}
.solution .con .pt2 .l_info{width:41.5%; position:relative; z-index:1;}
.solution .con .pt2 .r_imgbox{width:58.5%;}
.rect-56{padding-bottom:56%;}
.solution .con .pt2 .l_info .pd{padding:60px 90px 0; text-align:center;}
.solution .con .pt2 .l_info .icon_box{width:130px; height:80px; margin: 0 auto 30px;}
.solution .con .pt2 .li1 .icon_box{background:url(../images/solution_icon1.png); background-size:cover;}
.solution .con .pt2 .li1 a:hover .icon_box{background:url(../images/solution_icon1h.png); background-size:cover;}
.solution .con .pt2 .li2 .icon_box{background:url(../images/solution_icon2.png); background-size:cover;}
.solution .con .pt2 .li2 a:hover .icon_box{background:url(../images/solution_icon2h.png); background-size:cover;}
.solution .con .pt2 .li3 .icon_box{background:url(../images/solution_icon3.png); background-size:cover;}
.solution .con .pt2 .li3 a:hover .icon_box{background:url(../images/solution_icon3h.png); background-size:cover;}
.solution .con .pt2 .l_info .pd .tit{font-size:36px; color:#000; line-height:1;margin-bottom:35px;  font-weight:bold; }
.solution .con .pt2 .l_info .pd .text{font-size:15px; color:#424242; line-height:22px; height:66px; overflow:hidden;}


@media screen  and (max-width:414px){
.wrap { width: 100%;}
.solution .con .pt1 .info{    width: 98%;}
.solution .con .pt2 .l_info .pd{display:none}
.solution .con .pt2 .r_imgbox{width:100%;}
}