@charset "UTF-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-style: normal;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
input,select,button{outline:none;}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
img{vertical-align:middle;border:0}
@-ms-viewport{width:device-width}
h6{margin-top:0;margin-bottom:0}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#fff;text-decoration:none;outline:0;display: block; cursor: pointer;}
a:active,a:hover{outline:0;color: #eee;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.react,label.react{display:block;color:inherit;height:100%}
a.react.react-active,a.react:active,label.react:active{background:rgba(0,0,0,.1)}
ul{margin:0;padding:0;list-style-type:none; }
hr{margin-top:.28rem;margin-bottom:.28rem;border:0;border-top:1px solid #DDD8CE}
h6,p{line-height:1.41;text-align:justify;margin:-.2em 0;word-break:break-all;font-style: normal;}
:before{display: inline-block;}
:after{display: inline-block;}

body{background: #fff; font-family: "微软雅黑"; font-style: normal;}
.center{ width:1200px; margin: 0 auto; height: auto;}
.fl{ float: left;}
.fr{ float: right;}
.hide{display: none;}

.top{width: 100%; height: 40px; background: #000;border-bottom: 1px solid #262626;}
.top .logo{ margin:6px 0 0 20px;}
.top .rightbar .search{width: 200px; height: 26px; background: #4c4c4c;float: left; margin-top:7px; margin-right: 10px;}
.top .rightbar .search input{width: 150px; height: 26px;border: none;background:none; float: left; padding-left:10px;font-size: 12px; color: #fff; }
.top .rightbar .search button{width: 30px; height: 18px;border: none; margin-top:4px;border-left:1px solid #c9c9c9; background: url(../img/search.png) no-repeat 10px 2px; }
.top .rightbar ul{ float: left;}
.top .rightbar ul li{ float: left; color: #fff; font-size: 14px; line-height:40px; margin-right: 24px;}
.top .rightbar ul li:nth-child(1) a:before{ width: 18px; height: 22px; content:"";background: url(../img/icon01.png) no-repeat 0 4px;position: relative;top: 4px; margin:0px 6px 0 0;}
.top .rightbar ul li:nth-child(1) a:after{ width: 18px; height: 22px; content:"";background: url(../img/icon21.png) no-repeat 0 4px;position: relative;top: 6px; margin:0px 0px 0 4px; }
.nav{ width: 100%;height: 60px; background: #000; color: #fff;font-size: 12px; line-height: 57px; }
.nav ul li{float: left;}
.nav ul li:nth-child(1):before{content: ""; width:20px;height: 18px; background: url(../img/icon23.png) no-repeat; margin: 0 6px 0 20px; position: relative;top: 4px; }
.nav ul li a{padding: 0 15px;}
.nav ul li:nth-child(1){ margin-right: 16px;}
.nav ul li a:hover{color: #ef343c; border-bottom: 3px solid #ef343c;}
.nav ul li.active a{color: #ef343c; border-bottom: 3px solid #ef343c;}
.banner{ width: 100%; height:538px; background: #191919;}
.banner ul{ width: 100%; height:438px; overflow: hidden;}
.banner ul li{display:none; }
.banner ul li.active{display: block;transition:0.3s;}
.banner ol{width: 1240px; height:100px; margin: 0 auto;}
.banner ol li{ float: left; width: 16.666%; height:100px; box-sizing: border-box; list-style: none; border-right:1px solid #272727; cursor: pointer;}
.banner ol li:first-child{border-left:1px solid #272727 ;}
.banner ol li>img{ margin:30px 25px 0 25px ;float: left;}
.banner ol li h2{font-size: 16px; color: #fff; font-weight: bolder; margin-top: 20px;}
.banner ol li p{font-size: 12px; color: #d0d0d0; font-weight:400; margin-top: 4px; width: 107px; float: left;}
.banner ol li:hover{ background: #282828; transition: .3s;}
.business{width: 1400px; height: auto; margin: 0 auto;  overflow: hidden;} 
.business h2{ color: #373d41; font-size: 24px; text-align: center; line-height:46px; font-weight: 400; margin-top:30px; margin-bottom: 50px;}
.business h2 span{color: #ef4135;}
.business ul { overflow: hidden;}
.business ul li{ float: left; width: 25%; box-sizing: border-box; margin-bottom:40px;}
.business ul li .img{width: 100px; height: 100px; border-radius: 50%; background: #222222; margin: 0 auto;}
.business ul:nth-child(2) li:nth-child(1) .img img{ margin:21px 18px ;}
.business ul:nth-child(2) li:nth-child(2) .img img{ margin:25px 23px ;}
.business ul:nth-child(2) li:nth-child(3) .img img{ margin:19px 17px;}
.business ul:nth-child(2) li:nth-child(4) .img img{ margin:18px 21px ;}
.business2{ margin-top: 40px; margin-bottom:60px;}
.business2 ul li:nth-child(1) .img img{ margin:16px 11px ;}
.business2 ul li:nth-child(2) .img img{ margin:25px 15px ;}
.business2 ul li:nth-child(3) .img img{ margin:22px 23px ;}
.business ul li p{ width: 156px; height: 60px; line-height: 60px; text-align: center; margin: 0 auto; font-size: 18px;font-style: normal; color: #666; border-top: 1px solid #222222; margin-top: 35px;}
.business ul li .spec p{ width: 156px; height: 60px; line-height: 60px; text-align: center; margin: 0 auto; font-size: 18px;font-style: normal; color: #666; border-top: 1px solid #fff; margin-top: 35px;}
.business ul li:hover p{color: #ff5353; border-top: 1px solid #ff5353; transition: .3s;}
.business ul li:hover .img{background: #ff5353;transition: .3s;}
.business ul li:hover .spec .img{background: none;transition: .3s;}
.business ul li .spec .img{background: none;transition: .3s;}
.business ul li .spec .img .two{display: none;}
.business ul li.active p{color: #ff5353; border-top: 1px solid #ff5353; transition: .3s;}
.business ul li:hover .spec p{color: #ff5353; border-top: 1px solid #fff; transition: .3s;}
.business ul li:hover .spec .two{display: block;}
.business ul li:hover .spec .one{display: none;}
.business ul li.active .img{background: #ff5353;transition: .3s;}
.business2 ul li:last-child.active .img{background:none;transition: .3s;}

.min_ban{width: 100%; height: 90px; background: url(../img/img01.png) no-repeat center; background-size:cover;}
.min_ban>p{ text-align: center; line-height: 90px; color: #fff;}
.min_ban>p:before{content:""; width: 40px;height: 35px; background: url(../img/icon19.png) no-repeat; position: relative; top:7px; right:16px;}
.min_ban>p:after{content:""; width: 40px;height: 35px; background: url(../img/icon20.png) no-repeat;position: relative; top:7px; left:16px;}

.bus_area h2{ color: #373d41; font-size: 24px; text-align: center; line-height:46px; font-weight: 400; margin-top:50px; margin-bottom:0px;}
.bus_area h2 span{color: #ef4135;}
.bus_area .bus_map{ width: 1056px; height:791px; background: url(../img/img04.png) no-repeat; margin:0px auto;position: relative;}

.point-name{ font-size: 15px; line-height: 24px;position: absolute; top: 30px; left: 50px;white-space:nowrap;}
.point-area{text-align:center;position:relative;width:150px;height:150px;transition:opacity .5s ease-out;position: absolute; width: 80px; height: 80px; visibility: visible; opacity: 1;}
.point-area .point{position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:transparent}.point-area .point-shadow:after{box-shadow:inset 0 0 5em rgba(0,205,236,.16)}
.point-area .point-white{background-color:#fff;border:1px solid #f3847e}
.point-area .point-dot{z-index:1;background-color:#f3847e;border:1px solid #f3847e}
.point-area .point-10{width:100%;height:100%}
.point-area .point-10:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #f3847e;opacity:0;-webkit-animation:ripple 3s ease-out 225ms infinite;animation:ripple 3s ease-out 225ms infinite}
.point-area .point-70:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #f3847e;opacity:0;-webkit-animation:ripple 3s ease-out 1575ms infinite;animation:ripple 3s ease-out 1575ms infinite}
.point-area .point-80{width:100%;height:100%}
@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}[not-existing]{zoom:1}
.module-wrap{min-width:1000px}
@-webkit-keyframes ripple2{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}
@keyframes ripple2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
[not-existing]{zoom:1}
.module-wrap{min-width:1000px}

.aliyun-index-serve-2016 .module-wrap .ali-main-serve-head{margin-bottom:60px}
.aliyun-index-serve-2016 .module-wrap .ali-main-serve-head h1{text-align:center;font-size:24px;color:#373d41}
.aliyun-index-serve-2016 .module-wrap .ali-main-serve-head .index-info{display:block;margin-top:12px;font-size:16px;color:#5f6367}
.aliyun-index-serve-2016 .module-wrap .ali-main-serve-head .index-info:hover{text-decoration:none;color:#28d0e9}
.aliyun-index-serve-2016 .module-wrap .ali-main-serve{margin-top:80px;margin-bottom:50px}
.aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-img,.aliyun-index-serve-2016 .module-wrap .ali-main-serve .main-img img{width:100%}

.bottom{ width: 100%; height: 280px;background-color: #272727; margin-top:30px;}
.bottom .bot_list{width: 1350px; margin: 0 auto; position: relative;height: 100%;}
.bottom .bot_list>ul{ float: left; color: #fff;overflow: hidden;    margin-top:20px;}
.bottom .bot_list>ul>li{ float: left; margin-right: 20px;}
.bottom .bot_list>ul>li ul li:nth-child(1){font-size: 14px; color:#f2f2f2;}
.bottom .bot_list>ul>li ul li{font-size: 12px; color:#aeaeae; margin-top: 15px;}
.bottom .bot_list a{color: #f2f2f2;}
.bottom .bot_list .erwm{ width: auto; float: right;}
.bottom .bot_list .erwm h2{font-size: 24px; color: #f2f2f2; font-weight: 400; margin-top: 28px;}
.bottom .bot_list .erwm ul{overflow: hidden; margin-top: 28px;}
.bottom .bot_list .erwm ul li{ float: left; margin-right: 24px;}
.bottom .bot_list .erwm p{font-size:14px; color: #f2f2f2;  margin-top:46px;}
.bottom ul.bot_nav{ float: none; overflow: hidden;width: 70%; position: absolute;bottom: 22px; left:0px;}
.bottom .bot_nav li{color: #dadada; font-size: 12px; margin-top: 67px;} 
.bottom .bot_nav li a:hover{color: #ef343c;}

.product{ width: 100%; height: auto; background: #f5f5f6;}


.product-content{width:1200px;margin:0 auto;overflow:hidden;display: none;}
.product-content.active{display: block; }
.product-content:before{content:"";height:20px;display:block}
.product-content:after{content:"";height:20px;display:block;float:left;width:100%}
.product-content .normal-item{width:374px;height:72px;padding:12px 20px;margin-left:0;margin-right:32px;box-sizing:border-box;float:left;cursor:default;position:relative;transition:all .3s ease-in-out}
.product-content .normal-item .normal-item-name{font-size:14px;color:#373d41;line-height:24px;font-style: normal;}
.product-content .normal-item .normal-item-name img{width:26px}
.product-content .normal-item .normal-item-description{font-size:12px;color:#9b9ea0;line-height:24px;font-style: normal;}
.product-content .normal-item .icon{opacity:0;position:absolute;right:12px;top:23px;transition:all .3s ease-in-out}
.product-content .normal-item:hover{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.15)}
.product-content .normal-item:hover .icon{opacity:1}
.product-content .normal-item.right-most{margin-right:6px}
.product-content .normal-item.left-most{margin-left:6px}
.product-content .hot-box{width:32.5%;height:auto;float:left;position:relative}
.product-content .hot-box .hot-item{width:350px;margin-bottom:42px;cursor:default}
.product-content .hot-box .hot-item .hot-item-wrap{display:block;cursor:pointer}
.product-content .hot-box .hot-item .hot-item-wrap .hot-item-name{font-size:18px;color:#373d41;line-height:24px;font-weight:bolder;margin-top:12px;transition:all .3s ease-in-out}
.product-content .hot-box .hot-item .hot-item-wrap .hot-item-name img{width:26px;vertical-align:1px}
.product-content .hot-box .hot-item .hot-item-wrap .hot-item-description{font-size:12px;color:#9b9ea0;line-height:18px;margin-top:8px}
.product-content .hot-box .hot-item .hot-item-btn{display:block;width:96px;height:28px;line-height:28px;border:1px solid #373d41;font-size:12px;color:#373d41;text-align:center;margin-top:16px;cursor:pointer;text-decoration:none;transition:all .3s ease-in-out}
.product-content .hot-box .hot-item .hot-item-btn:hover{color:#ff5353;border:1px solid #ff5353}.product-content .hot-box:after{content:"";position:absolute;background:#d7d8d9;width:1px;right:20px;top:10px;bottom:10px;display:none}
.product-content .normal-box{width:33.5%;float:left}.aliyun-index-all-product .module-wrap .ali-product-more-layer{display:none;overflow:hidden}
.aliyun-index-all-product .module-wrap .ali-product-show-more{width:120px;height:36px;line-height:36px;margin:35px auto 40px;text-align:center;font-size:14px;color:#373d41;border:1px solid #373d41;cursor:pointer}
.aliyun-index-all-product .module-wrap .ali-product-show-more:hover{color:#00c1de;border:1px solid #00c1de}
@media screen and (max-width:1000px){.product-content .normal-item{margin-right:0;padding-left:4px}}

.a01game01{ margin:0 auto; height:10px; width:1440px; padding:10px 0px 10px 0px; border-bottom:#e6e6e6 solid 1px; }
.a01geme02{ margin:0 auto; height:80px; width:1440px; text-align:center; font-size:24px; line-height:100px;}
.a01game03{ margin:0 auto; height:10px; width:1440px; height:1200px; padding:10px 0px 10px 0px; border-bottom:#e6e6e6 solid 1px; }

.a11game01{ margin:0 auto; height:530px; width:1440px; padding:10px 0px 10px 0px;}
.a11game01 .a_1{ float:left; width:750px; height:530px; background-image:url(../img/computer.png);}
.a11game01 .a_1 .imgput{ width:500px; height:290px; padding:130px 0px 0px 125px;}
.a11game01 .a_r{ padding:100px 50px 0px 50px; float:left; width:500px; font-size:14px; line-height:22px; color:#999999;}
.a11game01 .a_r .fc01{ color:#000000; line-height:30px; font-weight:bold;}

.product2{margin-bottom: 90px; margin-top: -50px;}
.bus_area { width: 100%; height: 900px; overflow: hidden;}
.bus_area .chart{ width:1200px; height:560px; background: #fff; margin: 0 auto ; }


.mod_con1,.mod_con2{ overflow: hidden;}
.mod_con1 .center,.mod_con2 .center,.mod_con3 .center,.mod_con7 .center{ width: 1300px;}
.mod_con1 .det{width: 400px; height: auto;}
.mod_con1 .det h6{ color: #050402; text-align: left; font-size: 32px; line-height: 70px; border-bottom: 1px solid #e9e9e9; font-weight: 400; margin-top: 90px;} 
.mod_con1 .det p{ font-size: 16px; color: #000; line-height: 24px; margin-top: 50px;}
.mod_con1 video{ width: 850px; height: auto; margin: 90px 0;}
.mod_con2{ height: 160px; overflow: hidden;}
.mod_con2 li{ float: left; width:176px; position: relative; }
/*.mod_con2 li:first-child{ margin-left:90px;}*/
.mod_con2 li img{width: 162px; height: 80px;}
.mod_con2 li.active img{ opacity:1;}
.mod_con2 li.active .bg{display: block;}
.mod_con2 li .bg{display: none; position: absolute;top: 0;left: 0;width: 161px;  height: 79px;border: 1px solid #fff;background:rgba(0,0,0,0.5);}
.mod_con2 li:hover .bg{display: block; background:rgba(0,0,0,0.2);}
.mod_con3{ margin-top: 80px;}
.mod_con3 .center>img{ width: 950px;}
.mod_con3 .det{ width: 350px;}
.mod_con3 .det h6{ color: #050402; text-align: center; font-size: 32px; line-height: 70px; border-bottom: 1px solid #e9e9e9; font-weight: 400; margin-bottom: 20px;}
.mod_con3 .det li{ width: 100%;}
.mod_con3 .det li img{width: 48px; margin-left: 151px;}
.mod_con3 .det li p:nth-child(2){text-align: center; margin:4px auto 30px ;}
.mod_con3 .det li p:nth-child(3){text-align: center; margin:0px auto 60px ;}


.mod_con4{ height: 690px; width: 100%; background: #f4f5f9; overflow: hidden;}
.mod_con4 h6{ padding-top: 30px; width: 1230px; color: #050402; text-align: center; font-size: 32px; margin: 0 auto; line-height:80px; border-bottom: 1px solid #e9e9e9; font-weight: 400; margin-bottom: 20px;}
.mod_con4 video{width: 860px; margin-left:170px; margin-top: 10px; }

.mod_con5 h6{ padding-top: 30px; width: 1200px; color: #050402; text-align: left; font-size: 32px; margin: 0 auto; line-height:80px; border-bottom: 1px solid #e9e9e9; font-weight: 400; margin-bottom: 20px;}
.mod_con5 p{ width: 1200px;    margin: 0 auto;}
.mod_con5 .mod_con5_img{width: 100%; height: 900px; background: #d8d1d1; margin-top: 35px;}
.mod_con5 .mod_con5_img img{width: 1200px;}

.mod_con6 h6{ padding-top: 30px; width: 1200px; color: #050402; text-align: left; font-size: 32px; margin: 0 auto; line-height:80px; border-bottom: 1px solid #e9e9e9; font-weight: 400; margin-bottom: 20px;}
.mod_con6 p{ width: 1200px;    margin: 0 auto;}
.mod_con6 .mod_con6_img{width: 100%; height:660px; background: #fff; margin-top: 35px;}
.mod_con6 .mod_con6_img img{width: 1200px;}
.mod_con3 video{ margin-top:163px;}

.mod_con7 h6{ color: #000; padding-top:80px; text-align: center; margin-top: 50px; font-size: 30px; margin: 0 auto; line-height:80px; font-weight: 400; margin-bottom: 20px;}
.mod_con7 img{ width: 1300px;margin-bottom: -31px;}

.bus_area .bus_map{ position: relative;}
.bus_area .tab{ position: absolute; bottom:80px; right: 0;}
.bus_area .tab li { width:auto; height: 32px; color: #666; cursor: pointer; position: relative; padding-left: 25px; }
.bus_area .tab li  p { position: absolute; top:7px;left:0; margin-right: 6px; box-sizing: border-box; background: #fff; border: 2px solid #79c5cd; border-radius: 50%; padding:2px;    width: 16px;height: 16px;display: inline-block;}
.bus_area .tab li p  span {  background: #79c5cd ;border-radius: 50%; width: 8px; height:8px; display: block;}
.bus_area .tab li:first-child  p{border: 2px solid #f3847e; }
.bus_area .tab li:first-child  p  span{  background: #f3847e ;}
.bus_area .tab li:last-child  p{border: 2px solid #9bb5ee; }
.bus_area .tab li:last-child  p  span{  background: #9bb5ee ;}
.bus_area .tab li.active { font-weight:bolder ; }
.bus_area .tab li.active  p {  width: 20px;height: 20px;top:5px;left:-2px;}
.bus_area .tab li.active p  span { width:12px; height:12px;}

.tab_con2 .point-area .point-white{background-color:#fff;border:1px solid #79c5cd;}
.tab_con2 .point-area .point-dot{z-index:1;background-color:#79c5cd;border:1px solid #79c5cd}
.tab_con2 .point-area .point-10:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #79c5cd;opacity:0;-webkit-animation:ripple 3s ease-out 225ms infinite;animation:ripple 3s ease-out 225ms infinite}
.tab_con2 .point-area .point-70:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #79c5cd;opacity:0;-webkit-animation:ripple 3s ease-out 1575ms infinite;animation:ripple 3s ease-out 1575ms infinite}

.tab_con3 .point-area .point-white{background-color:#fff;border:1px solid #9bb5ee}
.tab_con3 .point-area .point-dot{z-index:1;background-color:#9bb5ee;border:1px solid #9bb5ee}
.tab_con3 .point-area .point-10:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #9bb5ee;opacity:0;-webkit-animation:ripple 3s ease-out 225ms infinite;animation:ripple 3s ease-out 225ms infinite}
.tab_con3 .point-area .point-70:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #9bb5ee;opacity:0;-webkit-animation:ripple 3s ease-out 1575ms infinite;animation:ripple 3s ease-out 1575ms infinite}

.point-name span{ color: #666; font-size: 12px; line-height: 18px; }
.tab_con1 .point-name {line-height: 18px;}


.mod_banner{ width: 100%; height: 1000px; background: url(../img/img18.png) no-repeat center; position: relative;}
.mod_banner2{ width: 100%; height: 1000px; background: url(../img/img20.png) no-repeat center;position: relative;}
.mod_banner3{ width: 100%; height: 1000px; background: url(../img/img22.png) no-repeat center; position: relative;}
.mod_banner4{ width: 100%; height: 1000px; background: url(../img/img24.png) no-repeat center; position: relative;}
.mod_banner5{ width: 100%; height: 1000px; background: url(../img/img26.png) no-repeat center;position: relative;}
.mod_banner6{ width: 100%; height: 1000px; background: url(../img/img28.png) no-repeat center; position: relative;}
.mod_banner7{ width: 100%;  position: relative;}
.mod_banner .imgnav,.mod_banner2 .imgnav,.mod_banner3 .imgnav,.mod_banner4 .imgnav,.mod_banner5 .imgnav,.mod_banner6 .imgnav{ padding: 10px 0; position: absolute; bottom: 0px; width: 100%; left: 0; background: rgba(0,0,0,0.5);}
.mod_banner ul,.mod_banner2 ul,.mod_banner3 ul,.mod_banner4 ul,.mod_banner5 ul,.mod_banner6 ul{ width: 1232px; margin: 0 auto;}
.mod_con .center{ width: 1400px;}
.mod_banner7 .imgnav{ padding: 10px 0; position: absolute; bottom: 0px; width: 100%; left: 0; background: rgba(0,0,0,0.5);}
.mod_banner7 ul{ width:  1232px;margin: 0 auto;}
@media only screen and (min-width: 1px) and (max-width: 1367px) {
	.mod_con .center{ width: 1200px;}
	.bottom .bot_list{ width: 1200px;}
}
.mod_con{ width: 100%; height: auto;background: url(../img/bg01.png) repeat-y top center;  margin-top: 100px;}
.mod_con p{padding:0 70px; box-sizing: border-box; line-height: 30px; margin-bottom:4px;font-size: 16px; color: #959595;}
.tl{text-align: left;}
.tr{text-align: right;}
.w5{ width:50% ;}
.w4{ width:46% ;}
.w3{ width:39% ;}
.w2{ width:29% ;}
.end_point{background-color: #3ea3f7;width: 24px;height: 24px; margin: 0 auto; display: block; border-radius: 50%; padding: 0;}
.mod_con .center>div{overflow: hidden;}
.mod_con p.cap{ color: #050402; font-size: 20px;}
.mod_con .center>div{ width: 100%; height: auto;background: url(../img/quan.png) no-repeat top center;  margin-top: 150px;}
.mod_con.s_mod_con>div img.fl{ margin-left: 160px;}
.mod_con.s_mod_con>div img.fr{ margin-right: 100px;}

.mod_con .center .teach{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #cacaca; background: #fff; padding-bottom:70px;}
.teach .teach_adv{width: 580px;}
.teach .teach_adv p{ padding: 0;}
.teach .teach_adv>p{font-size: 20px; color: #050402; margin-left:104px;}
.teach .teach_adv ul li{text-align: left;    overflow: hidden; margin-bottom: 6px; line-height: 28px; }

.teach .teach_adv ul li:before{  position: relative;top: 5px; margin-right: 50px; width: 54px; height: 54px;content: ""; display: inline-block; float: left; background: url(../img/icons.png) no-repeat; }
.y_mod_con .teach .teach_adv ul li:before{background: url(../img/icons02.png) no-repeat; }
.z_mod_con .teach .teach_adv ul li:before{background: url(../img/icons03.png) no-repeat; }
.zh_mod_con .teach .teach_adv ul li:before{background: url(../img/icons04.png) no-repeat; }
.teach .teach_adv ul li:nth-child(1):before{background-position: 0px -3px;}
.teach .teach_adv ul li:nth-child(2):before{background-position: 0px -70px;}
.teach .teach_adv ul li:nth-child(3):before{background-position: 0px -137px;}
.teach .teach_adv ul li:nth-child(4):before{background-position: 0px -203px;}
.teach .teach_adv ul li:nth-child(5):before{background-position: 0px -268px;}
.teach .teach_adv ul li:nth-child(6):before{background-position: 0px -336px;}
.teach_pro p:nth-child(1){font-size: 20px; color: #050402;}
.teach_pro img{ margin-right: 150px; float: right; margin-top: 20px;}
.mod_con.v_mod_con,.y_mod_con,.z_mod_con{ background: none;}
.mod_con.v_mod_con .center>div,.y_mod_con .center>div,.z_mod_con .center>div{ background: none; margin-top: 100px;}
.mod_con h4{ color: #050402; font-size: 20px; line-height: 80px; font-weight: 400;}
.y_mod_con .teach_pro{ width: 720px;}
.y_mod_con .teach_pro p{ width: 250px; padding: 0;}
.y_mod_con .center>div{ margin-bottom: 80px;}
.y_mod_con .teach_pro img{ margin-right: 0px; float: right; margin-top: -140px;}
.y_mod_con .center>div:nth-child(2) h4{ padding-left: 40px;} 
.y_mod_con .center>div:nth-child(2) p{padding: 0; padding-top:6px; margin: 5px 0;}
.y_mod_con .center>div:nth-child(2) ul{float: left; padding-left: 40px;}
.y_mod_con .center>div:nth-child(2) img{ float: right; margin-top: -60px;}
.z_mod_con .teach_pro img{margin-right: 65px; float: right; margin-top: 20px;}
.z_mod_con .center>div:nth-child(3){ margin-top: 60px;}
.z_mod_con .center>div:nth-child(3) p{width: 100%; padding: 0; }
.z_mod_con .center>div:nth-child(3) img{ margin-right: 15px; margin-top: 40px;}
.z_mod_con .teach .teach_adv{width: 650px;}


/*自适应样式*/	
.zh_mod_con>div:nth-child(1) img{ margin-right: 200px;}
.zh_mod_con>div:nth-child(2) img{ margin-left: 200px;}

@media only screen and (min-width: 1px) and (max-width: 1366px) {
	body{overflow-x: hidden;}
	.business{ width: 1260px;}
	.zh_mod_con>div:nth-child(1) img{ margin-right: 120px;}
	.zh_mod_con>div:nth-child(2) img{ margin-left: 120px;}
	.zh_mod_con>div:nth-child(3) img{ width: 810px;}
	.zh_mod_con>div:nth-child(5) img{ width: 560px;}
	.zh_mod_con>div:nth-child(6) img{ width: 840px;}
	.zh_mod_con>div:nth-child(n+7) img{ width:568px; margin-top: 20px;}
    .b_mod_con>div:nth-child(n) img{ width: 568px;}
    .b_mod_con>div:nth-child(6) img,.b_mod_con>div:nth-child(7) img{ width: 720px;}
    .b_mod_con>div:nth-child(7) .w2{ width: 33%; padding-left:50px;}

	.mod_con.s_mod_con>div img.fr{ margin-right: 0;}
	.mod_con.s_mod_con>div img.fl{ margin-left: 0;}
    .s_mod_con .center>div:nth-child(1) img{ width: 470px; margin-right:60px;}
    .s_mod_con .center>div:nth-child(2) img{ width: 416px; margin-left:80px;}
    .s_mod_con .center>div:nth-child(4) img{ width:352px; margin-left:120px;}
    .s_mod_con .center>div:nth-child(5) img{ width:425px; margin-right:80px;}
    .s_mod_con .center>div:nth-child(6) img{ margin-left:80px;}
    
    .z_mod_con .center>div:nth-child(1) .fl p{font-size: 14px;}
	.z_mod_con .teach .teach_adv {width: 583px;}
	.teach .teach_adv ul li:before{ margin-right: 30px;}
	.z_mod_con .center>div:nth-child(1)  .teach_adv>p{ margin-left: 84px;font-size: 20px;}
	.z_mod_con .teach .teach_pro{ width: 550px;}
	.z_mod_con .teach .teach_pro p{ padding: 0;}
	.z_mod_con .teach_pro img{ margin-right: 0;}
	.v_mod_con .center>div:nth-child(1) .fl p{font-size: 14px;}
	.v_mod_con .teach .teach_adv {width: 583px;}
	.v_mod_con .center>div:nth-child(1)  .teach_adv>p{ margin-left: 84px;font-size: 20px;}
	.v_mod_con .teach .teach_pro{ width: 550px;}
	.v_mod_con .teach .teach_pro p{ padding: 0;}
	.v_mod_con .teach_pro img{ margin-right: 30px;}
	.v_mod_con .center>div:nth-child(2) img{ width:766px; margin-left:80px;}
	.v_mod_con .center>div:nth-child(n+3) img{ width: 568px;}
	.v_mod_con .center>div:nth-child(n+3) .w4{ width: 50%;}
	
	.y_mod_con .center>div:nth-child(1) .fl p{font-size: 14px;}
	.y_mod_con .teach .teach_adv {width: 583px;}
	.y_mod_con .center>div:nth-child(1)  .teach_adv>p{ margin-left: 84px;font-size: 20px;}
	.y_mod_con .teach .teach_pro{ width: 550px;}
	.y_mod_con .teach .teach_pro p{ padding: 0;}
	.y_mod_con .teach_pro img{ margin-right:60px; margin-top: 0;}
	.y_mod_con .center .teach .teach_pro p{width:560px;font-size: 14px;}
	.y_mod_con .center>div:nth-child(1) .teach_pro p:nth-child(1){font-size: 20px;}
    .y_mod_con .center>div:nth-child(2) ul li p{font-size: 14px;}
    .y_mod_con .center>div:nth-child(2) img{width:700px;}
    .y_mod_con .center>div:nth-child(3) .w5{ width: 36%;}
    .y_mod_con .center>div:nth-child(4) .w4{ width: 41%;}
    .y_mod_con .center>div:nth-child(n+5)  img{ width: 568px;}
    .mod_con1 .center, .mod_con2 .center, .mod_con3 .center, .mod_con7 .center{ width: 1200px;} 
    .mod_con1 .det{ margin-left: 20px;}
    .mod_con1 video{ margin-right: 20px; width: 600px;}
    .mod_con1.mod_con3 video{ margin-right: 20px; width: 680px; margin-top: 210px;}
    .mod_con3 .center>img{ width: 790px; margin-top:60px;}
 	.zh_mod_con .teach .teach_adv>p{ margin-left: 84px;}
 	.zh_mod_con>div:nth-child(n+3) p { padding: 0 25px}
 	.zh_mod_con>div:nth-child(4) p { padding: 0}
 	.mod_con7 img{ width: 1200px;}
}
@media only screen and (min-width: 1px) and (max-width: 1200px) {
	 body{overflow-x: auto;}
	.bottom .bot_list{ width: 100%;}
}



.qqcontent{
	position: fixed;
	right: 8px;
	top: 50%;
	width: 140px;
	height: auto;
	margin-top: -75px;
	background: #fff;
	border: 1px solid #88d2f6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.qqcontent h4{
	color: #333;
    font-size: 14px;
    font-weight: 700;
   	margin-top: 10px;
    margin-bottom: 15px;
	text-align: center;
}
.qqservice-box{padding:0 0 15px 10px;}
.qqservice-box li{
	height: 25px;
    line-height: 25px;
    position: relative;
    margin-bottom: 5px;
}
.qqservice-box .qqgroup .groupname{
	width: 77px;
    display: block;
    overflow: hidden;
    height: 25px;
    color: #333;
    font-size: 12px;
}
.qqservice-box .qqgroup a{
	height: 25px;
    line-height: 25px;
    vertical-align: middle;
    position: absolute;
    right: 11px;
    top: 0;
}