﻿.rotation{height:560px; position:relative; overflow:hidden; width:100%; min-width:1200px; }
.rotation .item{position:absolute; display:none; top:0; left:0; width:100%; height:560px; z-index:1;}


.about{padding:50px 0 35px 0;}
.about h6.title{font-size:35px; text-align:left; position:relative; color:#333;}
.about h6.title::after{content:""; position:absolute; top:65px; left:0; width:120px; height:5px; background-color:#d4b055;}
.about .left{width:560px; float:left; padding-top:80px;}
.about .right{width:620px; float:right;}
.about .right img{width:100%;}
.about .con{margin-top:80px; text-align:left; line-height:180%; color:#333;}
.about .more{color:#fe0101;}

.product{ background-color:#dfdfdf; padding:50px 0;}
.product h6.title{font-size:35px; text-align:center; position:relative; color:#333;}
.product h6.title::after{content:""; position:absolute; top:65px; left:50%; margin-left:-60px; width:120px; height:5px; background-color:#d4b055;}

.product .box{ width:1200px; position:relative; height:320px; margin:0 auto; margin-top:80px;}
.product .container{width:1200px; position:relative; overflow:hidden; height:320px;}
.product #box{width:999999px; position:absolute; top:0; left:0;  height:320px;}
.product .list{float:left;}
.product .box li{width:270px; margin:0 15px; float:left;}
.product .box li .txt{color:#333; height:40px; line-height:40px; display:block; padding:0 18px; font-size:16px; overflow:hidden;}
.product .box li img{width:235px; height:260px; display:block;}
.product .box .left_btn,.product .box .right_btn{display:none;}

.services{padding:50px 0;}
.services h6.title{font-size:35px; text-align:center; position:relative; color:#333;}
.services h6.title::after{content:""; position:absolute; top:65px; left:50%; margin-left:-60px; width:120px; height:5px; background-color:#d4b055;}

.services ul{margin-top:80px;}
.services li{width:398px; float:left; border:1px #fff solid; padding:50px 0; cursor:pointer;  color:#a2a2a2;}
.services li h5{font-size:20px; margin-top:120px; margin-bottom:10px;}
.services li:hover{border:1px #ccc solid; color:#444;}
.services li.agent{background:url(../images/agent_1.png) no-repeat center 50px;}
.services li.software{background:url(../images/software_1.png) no-repeat center 50px;}
.services li.hardware{background:url(../images/hardware_1.png) no-repeat center 50px;}
.services li.agent:hover{background:url(../images/agent_2.png) no-repeat center 50px;}
.services li.software:hover{background:url(../images/software_2.png) no-repeat center 50px;}
.services li.hardware:hover{background:url(../images/hardware_2.png) no-repeat center 50px;}