@import url(main.css);

.fullwrap{width:100%;}
.wrap{width:1200px;margin:0 auto;}


.banner{width:100%;max-width:1920px;height:450px;background:url(../images/banner.jpg) center center no-repeat;margin:0 auto;padding:0;}
.banner .context{width:1200px;margin:0 auto;box-sizing:border-box;padding-left:480px;padding-top:80px;color:#fff;position:relative;}
.banner .context .title{font-size:40px;font-weight:bold;padding-bottom:20px;}
.banner .context .intro{font-size:34px;}
.banner .context .img{padding-top:30px;}
.banner .context .img img{margin-right:20px;}

.banner .context a.a1{position:absolute;left:978px;top:80px;width:200px;height:40px;}
.banner .context a.a2{position:absolute;left:978px;top:140px;width:200px;height:40px;}


.h1{font-size:34px;font-weight:bold;text-align:center;color:#343434;position:relative;}
.h1 .red{color:#e82022;}
.h1 .dot{font-size:18px;position:relative;top:-8px;padding:0 10px;}
.h2{color:#666;font-size:20px;text-align:center;padding-top:10px;}

.index_code{width:600px;margin:0 auto;}
.index_code ul{float:left;padding:0 30px;}
.index_code li{color:#fff;padding-left:20px;}
.index_code li.txt{padding-top:50px;line-height:40px;}


.whatdo{ padding: 10px 0}
.whatdo-con{ margin-top: 42px;}
.what-l{ width: 34.16%; margin-top: 38px; margin-right: 64px;}
.what-l ul li{ text-align: right; font-size: 13px; color: #313131; line-height: 30px; margin-bottom: 60px; padding-right: 98px;transition: all .2s;}
.what-l ul li span{ color: #00a0e9;}
.what-l ul li.ico1{ background: url(../images/ico7_03.png) no-repeat right center;}
.what-l ul li.ico2{ background: url(../images/ico8_03.png) no-repeat right center;}
.what-l ul li.ico3{ background: url(../images/ico9_03.png) no-repeat right center;}
.what-r{ width: 34.16%; margin-top: 38px;}
.what-r ul li{ text-align: left; font-size: 13px; color: #313131; line-height: 30px; margin-bottom: 60px; padding-left: 98px;}
.what-r ul li span{ color: #00a0e9;}
.what-r ul li.ico4{ background: url(../images/ico10_06.png) no-repeat left center;}
.what-r ul li.ico5{ background: url(../images/ico11_06.png) no-repeat left center;}
.what-r ul li.ico6{ background: url(../images/ico12_06.png) no-repeat left center;}
.what-r ul li.ico66{ background: url(../images/ico122_06.png) no-repeat left center;}
.what-l ul li.ico1:hover{ background: url(../images/ico13_03.png) no-repeat right center; color: #000; font-size: 14px; transition: all .2s;}
.what-l ul li.ico2:hover{ background: url(../images/ico14_03.png) no-repeat right center;color: #000;font-size: 14px;transition: all .2s;}
.what-l ul li.ico3:hover{ background: url(../images/ico15_03.png) no-repeat right center;color: #000;font-size: 14px;transition: all .2s;}
.what-r ul li.ico4:hover{ background: url(../images/ico16_03.png) no-repeat left center;color: #000;font-size: 14px;transition: all .2s;}
.what-r ul li.ico5:hover{ background: url(../images/ico17_03.png) no-repeat left center;color: #000;font-size: 14px;transition: all .2s;}
.what-r ul li.ico6:hover{ background: url(../images/ico18_03.png) no-repeat left center;color: #000;font-size: 14px;transition: all .2s;}
.what-r ul li.ico66:hover{ background: url(../images/ico188_03.png) no-repeat left center;color: #000;font-size: 14px;transition: all .2s;}

.g-f-l { float:left; _display:inline; }  
.g-f-r { float:right; _display:inline; } 



.home_news_box2{width:1200px;margin:20px auto;overflow:hidden;}
.home_news_box2 h1{font-weight:normal;font-size:30px;color:#0d8bd7;}
.home_news_box2 h2{text-transform:uppercase;font-weight:normal;font-size:14px;color:#333;}

.home_news_box2 .left{float:left;width:160px;}
.home_news_box2 .img{float:left;width:330px;height:360px;}

.home_news_box2 .item_box{width:660px;float:right;}
.home_news_box2 .item_box .item{border-top:1px solid #cdcdcd;padding:30px 0;overflow:hidden;}
.home_news_box2 .item_box .item ul{float:left;}
.home_news_box2 .item_box .item ul.time{width:135px;box-sizing:border-box;padding:0 30px;text-align:center;}
.home_news_box2 .item_box .item ul.time .day{font-size:60px;line-height:50px;font-weight:bold;color:#666;}
.home_news_box2 .item_box .item ul.time .ym{font-size:18px;color:#666;padding:10px 0;}


.home_news_box2 .item_box .item ul.info{width:525px;float:left;}
.home_news_box2 .item_box .item ul.info .title{font-size:16px;line-height:40px;}
.home_news_box2 .item_box .item ul.info .title a{font-size:16px;}

.home_news_box2 .item_box .item ul.info .content{font-size:14px;color:#666;height:50px;line-height:25px;width:525px;overflow:hidden;}

.home_news_box2 .more{text-align:right;}

.home_pro_class{float:right;width:230px;}
.home_pro_class h1{background:#0893B4;width:100%;height:115px;font-size:28px;color:#fff;padding-left:25px;font-weight:normal;font-family:'微软雅黑';box-sizing:border-box;margin:0;padding:35px 0 0 25px;box-sizing:border-box;}
.home_pro_class h1 span{display:block;}
.home_pro_class h1 span.en{font-size:12px;padding-top:5px;font-family:arial;}
.home_pro_class h2{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:100%;height:54px;font-size:16px;color:#333;line-height:54px;padding-left:25px;font-family:'微软雅黑';box-sizing:border-box;margin:0;margin-top:0px;background:#fff;font-weight:normal;font-weight:bold;}

.home_pro_class a:hover h2{color:#0054ff;}
.home_pro_class a.hover h2{color:#0054ff;background:#f9f9f9}

.home_pro_class .home_class{border:1px solid #cdcdcd;width:228px;border-bottom:0;margin-bottom:20px;overflow:hidden;}
.home_pro_class .home_class li{border-bottom:1px solid #cdcdcd;line-height:48px;}
.home_pro_class .home_class li a{display:block;height:48px;width:100%;padding-left:25px;}
.home_pro_class .home_class li a.hover{color:#FF0000;font-weight:bold;}

.home_pro_class .home_class li dl{padding:10px;padding-right:0px;}
.home_pro_class .home_class li dl dd{line-height:20px;}
.home_pro_class .home_class li dl dd a{height:25px;}
.home_pro_class .home_class li dl dd a.hover{color:#0054ff;background:none;}

.home_pro_class .list li{height:40px;line-height:40px;font-weight:normal;font-size:16px;list-style:disc;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.home_pro_list{float:left;width:940px;}
.home_pro_list h1{width:100%;height:35px;font-size:18px;color:#0054ff;border-bottom:2px solid #0054ff;line-height:35px;font-family:'微软雅黑';box-sizing:border-box;margin:0;font-weight:normal;clear:both;}
.home_pro_list h2{width:100%;height:50px;line-height:50px;font-size:14px;color:#666;border-bottom:1px solid #cdcdcd;box-sizing:border-box;margin:0;font-weight:normal;clear:both;}

.home_pro_list .home_proitem_box{clear:both;}

.home_pro_list .home_proitem_box .item{width:300px;float:left;margin:20px 0;margin-right:20px;}
.home_pro_list .home_proitem_box .item .img{width:300px;height:300px;border:1px solid #cdcdcd;overflow:hidden;}
.home_pro_list .home_proitem_box .item .img img{width:298px;height:298px;box-sizing:border-box;transition:all .3s;transform:scale(1)}
.home_pro_list .home_proitem_box .item .img img:hover{transition:all .3s;transform:scale(1.1)}
.home_pro_list .home_proitem_box .item li{line-height:40px;font-weight:normal;font-size:16px;text-align:center;}

.video_item{width:940px;padding:20px 0;border-bottom:1px dashed #e0e0e0;overflow:hidden;}
.video_item ul{float:left;}
.video_item ul.img{width:205px;}
.video_item ul.img img{border:1px solid #cdcdcd;box-sizing:border-box;width:205px;height:157px;}
.video_item ul.info{padding-left:20px;width:710px;}
.video_item ul.info li.title{line-height:30px;}
.video_item ul.info li.title a{font-size:16px;}
.video_item ul.info li.time{font-family:arial;color:#666;}
.video_item ul.info li.intro{padding-top:10px;color:#999;height:40px;line-height:20px;overflow:hidden;font-size:14px;}


.video_show{padding:30px 0;}
.video_show li{text-align:center}
.video_show li.title{font-size:20px;line-height:40px;}
.video_show li.time{font-size:13px;font-family:arial;border-bottom:1px dashed #e0e0e0;line-height:40px;color:#999;}
.video_show li.video{padding:50px;}
.video_show li.content{padding:20px 0;text-align:left;line-height:30px;}
.video_show li.content p{margin-bottom:20px;}


.page{width:420px;margin:0 auto;text-align:center;}
.page a{display:inline-block;padding:8px 15px;background:#EBEBEB;margin-right:5px;border-radius:2px;font-family:arial, Geneva, sans-serif;}
.page a:hover{color:#fff;background:#0893B4;}
.page a.hover{color:#fff;background:#0893B4;}
.page a.nolink{color:#ccc;background:#f5f5f5;cursor:default;}


.home_title{background:#fff;height:60px;padding:0 10px;box-sizing:border-box;position:relative;border-bottom:1px solid #ededed;}
.home_title .vline{width:6px;height:30px;border-radius:10px;background:#e61717;display:inline-block;margin-top:15px;}
.home_title .spantext{line-height:60px;position:absolute;margin-left:10px;font-size:16px;}
.home_title .spantext i{font-size:14px;color:#666;}

.task_box{width:1200px;margin-top:10px;}
.task_box h1{color:#333;font-size:24px;border-bottom:1px solid #dedede;padding-bottom:10px;}
.task_box h1 border{border-left:5px solid #E61717;padding-right:10px;}
.task_box h1 span{font-size:14px;padding-left:10px;color:#666;}


.home_task_item{width:33%;border-bottom:1px solid #f3f3f3;color:#666;padding:30px 3%;box-sizing:border-box;background:#fff;overflow:hidden;float:left;}
.home_task_item a{width:100%;display:inline-block;color:none;}
.home_task_item .avatar{width:50px;height:50px;border-radius:100%;float:left;}
.home_task_item .avatar img{width:50px;height:50px;border-radius:100%;}

.home_task_item .task_info{float:left;width:calc(100% - 60px);margin-left:10px;}

.home_task_item .task_info .task_info_title{font-size:15px;color:#333;}
.home_task_item .task_info .task_info_title span.price{float:right;color:#f00;}

.home_task_item .task_info .task_info_label{padding:10px 0;font-size:12px;white-space: nowrap;color:#666;}
.home_task_item .task_info .task_info_label span{margin-right:5px;display:inline-block;}
.home_task_item .task_info .task_info_label span.tags{background:#F3F3F3;color:#999;padding:2px;border-radius:2px 5px;}

.home_task_item .task_info .task_info_label span font.price{color:#f00;}