.solution_bg{width: 100%; background: #F7F8FC;}
.solution{width: 1100px; margin: 0 auto;}
.solution_img{width: 200px; height: 57px; margin: 0 auto;}
.solution_content{width: 1100px; height: 330px; margin: 0 auto;}
.solution_content .content{width: 212px; float: left; margin-left: 84px;}
.solution_content .content:first-child{margin-left: 0px;}
.solution_content .content > a.content_pic1{width: 170px; height: 194px; background: url("../images/index/pic1_select_false.png") no-repeat; display: block; margin: 0 auto;}
.solution_content .content > a.content_pic1:hover{background: url("../images/index/pic1_select_true.png") no-repeat;}
.solution_content .content > a.content_pic2{width: 170px; height: 194px; background: url("../images/index/pic2_select_false.png") no-repeat; display: block; margin: 0 auto;}
.solution_content .content > a.content_pic2:hover{background: url("../images/index/pic2_select_true.png") no-repeat;}
.solution_content .content > a.content_pic3{width: 170px; height: 194px; background: url("../images/index/pic3_select_false.png") no-repeat; display: block; margin: 0 auto;}
.solution_content .content > a.content_pic3:hover{background: url("../images/index/pic3_select_true.png") no-repeat;}
.solution_content .content > a.content_pic4{width: 170px; height: 194px; background: url("../images/index/pic4_select_false.png") no-repeat; display: block; margin: 0 auto;}
.solution_content .content > a.content_pic4:hover{background: url("../images/index/pic4_select_true.png") no-repeat;}
.solution_content .content > a > p{margin-top: 30px; margin-bottom: 20px; font-size: 21px; text-align: center;}
.solution_content .content > p{font-size: 14px; color: #818182; text-align: center;}

.product_bg{position: relative; width: 100%; height: 960px; background: #F7F8FC;}
.product_part{width: 100%; height: 470px; background: #041729;}

.product{width: 1059px; height: 483px; margin: 0 auto; position: relative; background: url("../images/index/hxcp(border).png");}

.content_container{width: 300px; height: 95px; position: absolute; left: 90px; top: 240px;}
.content_container > .myContent{width: 300px; height: 95px; display: none;}
.content_container > .myContent:first-child{display: block;}
.content_container > .myContent > p.title{color: #FFFFFF; font-size: 26px; height: 40px; line-height: 35px;}
.content_container > .myContent > p.content{color: #E1E4E7; font-size: 14px; height: 25px; line-height: 25px;}

.pic_container{width: 600px; height: 450px; position: absolute; top: 16px; left: 410px;}
.pic_container > .myPic{width: 100%; height: 100%; display: none;}
.pic_container > .myPic:first-child{display: block;}
.pic_container > #pic1{background: url("../images/index/hxcp1(large).png")}
.pic_container > #pic2{background: url("../images/index/hxcp2(large).png")}
.pic_container > #pic3{background: url("../images/index/hxcp3(large).png")}
.pic_container > #pic4{background: url("../images/index/hxcp4(large).png")}
.pic_container > #pic5{background: url("../images/index/hxcp5(large).png")}
.pic_container > .myPic > span{background: #18CEE6; padding: 5px; position: absolute; top: 288px; right: -83px;}
.pic_container > .myPic > span > a{color: #FFFFFF;}

.product_container{width: 1084px; height: 208px; margin: 0 auto; position: relative;}

.prev{float: left; position: relative; top: 50%; margin-top: -30px; cursor: pointer;}

.products{width: 924px; height: 210px; overflow: hidden; float: left; margin-left: 20px;}
.products > ul{width: 1500px; height: 208px; list-style: none;}
.products > ul > li{float: left; border: 1px solid #EDEDED; margin: 3px; width: 300px; height: 202px;}
.products > ul > li:hover{border: 4px solid #03CAF4; margin: 0;}
.products > ul > li.active{border: 4px solid #03CAF4; margin: 0;}

.next{float: left; position: relative; top: 50%; margin-top: -30px; cursor: pointer; margin-left: 20px;}

div.ai{position: fixed; left: 50%; top: 50%; display: none; width: 892px; height: 550px; margin: -275px 0 0 -446px; background: url("../images/index/pgxt_img.png");}
div.ai > div.close{position: absolute; top: 20px; right: 20px; width: 19px; height: 19px; background: url("../images/index/close_btn.png"); cursor: pointer;}
div.ai > div.start{margin: 320px auto 0; width: 140px; height: 44px; background: url("../images/index/tiyan_btn_false.png"); cursor: pointer;}
div.ai > div.start:hover{background: url("../images/index/tiyan_btn_true.png");}

div.gqrk{position: fixed; left: 0; bottom: 0; display: none; width: 278px; height: 161px; background: url("../images/index/gqrk_img.png"); cursor: pointer;}
div.gqrk > div.close{position: absolute; top: 30px; right: 0px; width: 16px; height: 16px; background: url("../images/index/gqrk_img_close.png"); cursor: pointer;}