﻿.container{min-width:1200px;min-height:500px;margin:0px auto;overflow-x:hidden;position:relative;}

.con_title{width:100%;text-align:center;padding-top:35px;}
.con_title h3{font-size:32px;color:#363636;}
.con_title h4{font-size:14px;color:#a6a6a6;font-weight:normal;position:relative;}
.con_title h4 i{display:block;width:35px;height:2px;background:#de2125;margin:0 auto;margin-top:8px;}

.banner_box img{display:block;max-width:100%;width:100%;}




/* 搜索区域 */
.index_search_con{width:100%;height:80px;box-shadow:0px 1px 7px rgba(0,0,0,0.1);line-height:80px;position:relative;z-index:2;}
.search_tips{color:#72757f;}
.search_tips a{color:#72757f;display:inline-block;margin-right:3px;}
.search_tips a:hover{color:#3a63bd;}
.search_input{position:absolute;right:0px;top:20px;}
.search_input a{float:left;;width:70px;height:32px;background:#3a63bd;color:#fff;margin-left:20px;text-align:center;line-height:30px;}
.search_input a:hover{background:#5686f0;}
.search_input a i{display:inline-block;width:20px;height:20px;font-family:"iconfont";font-size:17px;position:relative;top:1px;}
.search_input a i:after{content:"\e657";}
.search_input input{float:left;width:258px;height:28px;line-height:28px;padding:0 10px;outline:none;}



/* bg01 */
.index_con01{width:100%;height:510px;background:#fff;text-align:center;position:relative;}
.index_con01_switch_box_wrap{margin-top:60px;}
.index_con01_switch_box{display:none;position:relative;z-index:2;}
.index_con01_switch_box_img img{display:block;width:920px;height:434px;}

.index_con01 .con_title h5{font-size:18px;color:#4d4d4d;font-weight:normal;margin-bottom:5px;}
.index_con01 .con_title h4{font-size:32px;color:#323232;position:relative;}
.index_con01 .con_title h4 b{color:#ff0000;position:relative;}


.bg01_con_wrap{margin-top:120px;}
.bg01_con_box{height:124px;width:298px;float:left;text-align:center;position:relative;}
.bg01_con_box:hover.bg01_con_box h5,.bg01_con_box:hover.bg01_con_box p{color:#3a63bd;}

.bg01_con_box_icon{width:202px;height:202px;background:url(/Template/Project/Index/project01/img/bg_01_icon.png) 0px 0px no-repeat;margin:0 auto;position:relative;margin-top:-75px;margin-bottom:15px;text-align:center;line-height:154px;color:#fff;font-size:60px;font-weight:bold;font-family:"iconfont";color:#3a63bd;line-height:202px;font-weight:normal;}
.bg01_con_box h5{font-size:24px;color:#4b4b4b;font-weight:normal;margin-bottom:10px;margin-top:5px;}
.bg01_con_box_line{color:#7f7f7f;position:absolute;top:5px;left:280px;font-size:30px;font-weight:100;}
.bg01_con_box p{font-size:16px;color:#4b4b4b;}

.bg01_con_box:hover.bg01_con_box .bg01_con_box_icon{background:url(/Template/Project/Index/project01/img/bg_01_icon.png) -335px 0px no-repeat;color:#fff;}

.bg01_con_box_icon.icon01:after{content:"\ea7d";}
.bg01_con_box_icon.icon02:after{content:"\e635";}
.bg01_con_box_icon.icon03:after{content:"\e60d";}
.bg01_con_box_icon.icon04:after{content:"\e62b";}

.bg01_con_box:hover .bg01_con_box_icon{
    -webkit-animation:flipInY 0.6s ease both;
	-moz-animation:flipInY 0.6s ease both;
	-ms-animation:flipInY 0.6s ease both;
    animation:flipInY 0.6s ease both;
}
@-webkit-keyframes flipInY{
    from {
        -webkit-transform:rotateY(-180deg); 
        -moz-transform:rotateY(-180deg); 
        -ms-transform:rotateY(-180deg); 
        -o-transform:rotateY(-180deg); 
        transform:rotateY(-180deg); 
    }
    to {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg); 
    }
}



/* bg02 */
.index_con02{width:100%;height:1304px;background:url(/Template/Project/Index/project01/img/bg_02.jpg) center top no-repeat;text-align:center;position:relative;overflow:hidden;}
.index_con02 .con_title h3{font-size:32px;color:#fff;}
.index_con02 .con_title h4{font-size:14px;color:#fff;font-weight:normal;position:relative;}


.index_con02_text_box{width:700px;height:325px;text-align:left;padding-top:48px;padding-left:100px;}
.index_con02_text_box_01{position:absolute;left:50px;top:0px;}
.index_con02_text_box_02{position:absolute;left:775px;top:325px;}
.index_con02_text_box_03{position:absolute;left:50px;top:650px;}
.index_con02_text_box_04{position:absolute;left:775px;top:975px;}

.index_con02_text_box h5{font-size:28px;color:#4c4c4c;margin-bottom:8px;}
.index_con02_text_box h6{font-size:18px;color:#4c4c4c;font-weight:normal;}

.index_con02_text_box_p{position:absolute;left:-20px;top:250px;color:#4c4c4c;}
.index_con02_text_box_p p{float:left;width:150px;margin-right:15px;text-align:center;}

.index_con02_text_box_02 .index_con02_text_box_p{top:260px;left:-30px;}
.index_con02_text_box_04 .index_con02_text_box_p{top:280px;left:-30px;}


.index_con03{width:100%;height:520px;}
.index_con03_title{padding-top:45px;}
.index_con03_title h5{text-align:center;color:#d71519;font-size:32px;margin-bottom:10px;}
.index_con03_title h5 i{position:relative;top:0px;margin-right:10px;font-weight:bold;}
.index_con03_title h5 em{position:relative;top:18px;margin-left:10px;font-weight:bold;}
.index_con03_title h6{text-align:center;color:#4d4d4d;font-size:18px;font-weight:normal;}

.bg03_con_wrap{margin-top:120px;}
.bg03_con_box{height:124px;width:298px;float:left;text-align:center;position:relative;border-left:1px solid #d9d9d9;}

.bg03_con_box_icon{width:172px;height:172px;background:url(/Template/Project/Index/project01/img/bg_03_btn.png) 0px 0px no-repeat;margin:0 auto;position:relative;margin-top:-75px;margin-bottom:15px;text-align:center;line-height:154px;color:#fff;font-size:60px;font-weight:bold;font-family:"iconfont";line-height:172px;font-weight:normal;font-style:italic;text-indent:-10px;}
.bg03_con_box h5{font-size:18px;color:#4b4b4b;font-weight:normal;margin-bottom:10px;margin-top:5px;}
.bg03_con_box_line{color:#7f7f7f;position:absolute;top:5px;left:280px;font-size:30px;font-weight:100;}
.bg03_con_box p{font-size:16px;color:#4b4b4b;}

.bg03_con_box:hover.bg03_con_box .bg03_con_box_icon{background:url(/Template/Project/Index/project01/img/bg_03_btn_act.png) 0px 0px no-repeat;}

.bg03_con_box a{display:inline-block;padding:6px 14px;color:#fff;background:#808080;border-radius:5px;margin-top:20px;}
.bg03_con_box a:hover{background:#3a63bd;}

.bg03_con_box:hover.bg03_con_box h5{color:#3a63bd;}