/*#product{background-color:#488BFF}*/
.x5sq-wp { width: 1180px; margin: 0 auto; }
.x5sq-tg-head h1 { margin-bottom: 20px; font-size: 36px; line-height: 36px; font-weight: 400; text-align: center; color: #FFFFFF; }
.x5sq-tg-head h2 { margin-bottom: 10px; font-size: 30px; line-height: 36px; font-weight: 400; margin:0 auto; color: #FFFFFF; }
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.aui-container { width: 1180px; margin: 0 auto; overflow: hidden; }
.aui-ma { padding: 80px 50px; }
.aui-product-background { background: #f7f7f7; overflow: hidden; }
.aui-price-img { width: 200px; }
.aui-price-img img { width: 100%; height: 100%; display: block; border: none; }
.aui-product-text { width: 800px; padding-left: 20px; }
.aui-product-text h2 { font-size: 32px; font-weight: 400; margin: 8px 0 16px 0; }
h2 { color: #666; width: 100%; }
.aui-price-img { width: 200px; float: left; }
.aui-product-text small { margin-left: 12px; color: #666; }
.aui-product-text p { font-size: 14px; line-height: 30px; color: #888; }
/**/
.all { width: 100%;  overflow: hidden; position: relative;  margin-top:50px;}
.all h3{text-align:center;font-size:30px;margin:30px;color:#0be;font-weight:400;}
.all .big-til { padding: 20px 0 40px; }
.all .big-til h3 { color: white; }
.all .big-til p { color: white; }
.all .w1180 { }
.all .left-img { float: left; width:25%; height: 427px; background: url("../../img/dianshang.jpg") no-repeat; text-align: center; }
.all .left-img .til { font-size: 24px; font-weight: bold; padding-top: 50px; }
.all .left-img .sub { color: #6bade5; font-size: 16px; font-weight: bold; text-transform: uppercase; }
.all .left-img a { position: relative; display: inline-block; *display: inline;background:#0be; *zoom: 1;width: 130px; height: 33px; border: 1px solid #0be; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;font-size: 16px; line-height: 33px; margin-top: 15px; }
.all .left-img span { position: relative; z-index: 1; color: white; }
.all .left-img i { position: absolute; width: 0; left: 50%; height: 33px; background-color: white; border-radius: 3px; top: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.all .left-img:hover a { }
.all .left-img:hover span { color: #0be; }
.all .left-img:hover i { width: 100%; left: 0; }
.all ul { font-size: 0; }
.all ul li { display: inline-block; *display: inline; *zoom: 1;vertical-align: middle; position: relative; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;width: 24%; height: 212.5px; background-color: white; }
.all ul li div { padding: 20px; }
.all ul li .til { color: #424242; font-size: 18px; font-weight: bold; padding-bottom: 10px; }
.all ul li .til a,.all ul li .til a:visited{font-size: 18px;font-weight: bold;color: #222;}
.all ul li a { display: block; position: relative; color: #727272; font-size: 16px; margin-bottom: 3px; z-index: 3; }
.all ul li a font { visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.all ul li a:hover { color: #1d7bd3; }
.all ul li a:hover font { visibility: visible; padding-left: 5px; }
.all ul li:before { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; z-index: 0; bottom: -1px; right: 1px; -webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in; }
.all ul li:after { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px solid transparent; width: 0; height: 0; z-index: 0; top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; }
.all ul li:hover:before { width: 100%; height: 100%; border-bottom-color: #1d7bd3; border-left-color: #1d7bd3; -webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; }
.all ul li:hover:after { width: 100%; height: 100%; border-top-color: #1d7bd3; border-right-color: #1d7bd3; -webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; transition: width 0.2s ease-out, height 0.2s ease-out 0.2s; }
.all ul li:hover { box-shadow: 0 0 14px 5px #c7c7c7; }
.all ul li i { position: absolute; right: 10px; bottom: 0; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s;}
.all ul li:hover i { right: 20px; bottom: 10px; }
/*ourpro*/
.ourpro { margin: 0 auto; overflow: hidden; background: #fff; padding: 40px 0px; }
.ourpro_con {width:100%; margin: 0 auto; text-align: center; }
.general_title {font-size: 34px; text-align: center; margin: 0 auto; line-height: 40px; margin-top:70px;color:#666;}
.ourpro li {list-style: none; float: left; width:12%; height: 100px; overflow: hidden; }
.ourpro li p {font-size: 14px; margin-top: 5px; }
.ourpro li.biaoqian {background: url(../../img/j_cooperation_shape.png) no-repeat 0 16px; width:9%; }
@media screen and (max-width:1180px) {.x5sq-wp,.aui-container{width:980px;}.aui-product-text { width: 600px;}}