*{
margin: 0px;
padding:0px;
max-width: 640px;
}
a{
text-decoration: none;
display: inline-block;
position: relative;
}
li{
list-style: none;
}
.clear{
clear: both;
}
body{
max-width: 640px;
overflow-x: hidden!important;
width: 640px;
font-size: 20px;
font-family: arial,"΢���ź�";
line-height: 1.5em;
}
img{
border: none;
}
.top{
width: 600px;
margin: auto;
padding: 20px 0px;
}
.top_left{
float: left;
}
.top_right{
float: right;
}
.top_right_div{
color: #ffffff;
padding-left: 50px;
font-size: 18px;
line-height: 35px;
width:150px;
height: 35px;
font-weight: 600;
float: right;
background: #1b5fa9;
background-image: url("{$tpldir}/images/phone.png");
background-position: 10px center;
background-repeat: no-repeat;
}
.nav_list{
width: 100%;
height: 50px;
background: #0852a2;
color: #ffffff;
}
.nav_list_main{
width: 640px;
margin: auto;
}
.first_a
{
color: #ffffff;
display: inline-block;
width: 230px;
height: 50px;
line-height: 35px;
text-align: left;
border-bottom: 1px solid #aaaaaa;
padding: 15px 20px;
text-transform: uppercase;
font-size: 30px;
font-weight: 600;
}
.sec_nav{
position: absolute;z-index: 100;width: 100%;background: #999999;
left: 0px;
top: 50px;
}
.sec_nav p{
height: 0px;
overflow: hidden;
text-align: center;
line-height: 35px;
text-transform: uppercase;
transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari ??Chrome */
-o-transition: all .5s; /* Opera */
}
.first_nav{
font-size: 25px;
text-transform: uppercase;
}
/*.first_nav:hover .sec_nav p{ height: 35px}*/
.nav_list_main_left_select{
background: url('{$tpldir}/images/select.png');
background-position:center ;
background-repeat: no-repeat;
}
.index_bannner{
width: 100%;
height: 470px;
position: relative;
}
.banner1{
transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari ??Chrome */
-o-transition: all .5s; /* Opera */
z-index: 10;
opacity: 0;
filter:alpha(opacity=0);
position: absolute;
left: 0px;
top: 0px;
background-position: center center!important;
width: 100%;
height: 470px;
background-repeat: no-repeat!important;
}
.banner1_select{
z-index: 11;
opacity: 1;
filter:alpha(opacity=100);
}
.banner_span{
position: absolute;
z-index: 20;
left: 0px;
width: 100%;
bottom: 0px;
text-align: center;
}
.banner_span span{
display: inline-block;
width: 150px;
height: 10px;
background: #bebebe;
margin: -3px -1px;
cursor: pointer;
transition: all .5s;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition: all .5s; /* Safari ??Chrome */
-o-transition: all .5s; /* Opera */
}
.banner_span_select{
background: #00529c!important;
/*background: #b7000e!important;*/
}
.index_banner_next{
background: #dfe0e4;
width: 100%;
}
.index_banner_next_main{
padding-left: 110px;
width: 1070px;
margin: auto;
background: url({$tpldir}/images/png_n.png);
height: 32px;
background-color: #a0a1a7;
background-repeat: no-repeat;
background-position: left center;
}
.index_banner_next_main_left{
width: 100%;
background: url({$tpldir}/images/other.png);
background-position: right center;
background-repeat: no-repeat;
height: 32px;
}
.product_top{
width: 100%;
height: 650px;
background: #f4f4f4;
padding-top: 50px;
margin-bottom: 100px;
}
.product_top_title{
width: 300px;
height: 30px;
border:1px solid #2c62ab;
margin: auto ;
position: relative;
}
.product_top_title p{
width: 250px;
text-align: center;
margin: auto;
margin-top: 20px;
background: #f4f4f4;
color: #0852a2;
font-size: 20px;
text-transform: uppercase;
}
.product_top_title_2{
width: 500px;
margin: auto;
height: 20px;
margin-top: 20px;
border-bottom: 1px solid #2c62ab;
position: relative;
}
.product_top_title_2 p{
width: 350px;
background: #f4f4f4;
margin: auto ;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
font-size: 20px;
}
.product_font{
width: 270px;
height: 40px;
padding: 20px 0px;
}
.product_font_p{
text-align: center;
width: 220px;
margin: auto;
height: 40px;
border: 1px solid #ffffff;
color: #666666;
text-transform: uppercase;
font-size:14px
}
.product_one_mask{
width: 100%;
height: 100%;
position: absolute;
background: #000000;
opacity: 0;
filter: alpha(opacity=0);
left: 0px;
top: 0px;
line-height: 255px;
text-align: center;
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
}
/*.index_product_one:hover .product_font{*/
/*background: #0852a2;*/
/*}*/
/*.index_product_one:hover .product_font_p{*/
/*color: #ffffff;*/
/*}.index_product_one:hover .product_one_mask{*/
/*opacity: 0.5;*/
/*filter: alpha(opacity=50);*/
/*}*/
.content{
width: 100%;
height: 158px;
background: url('{$tpldir}/images/content_bg.png');
background-repeat: no-repeat;
background-position: center;
}
.content_div{
width: 640px;
margin: auto;
}
.content_div_left{
width: 300px;
float: left;
padding-top: 30px;
}
.content_div_right{
font-size: 16px;
float: right;
width: 300px;
height: 158px;
background: #035cbc;
}
.content_div_right_top{
width: 200px;margin:60px auto 15px;height: 30px;text-transform: uppercase;border: 1px solid #eeeeee;color: #eeeeee;
text-align: center;
line-height: 30px;
}
.about_index{
padding-top: 50px;
width: 100%;
background: url({$tpldir}/images/about_bg.jpg);
background-repeat: no-repeat;
height: 320px;
background-position: center;
}
.about_main{
width: 610px;
margin: auto;
height: 200px;
margin-top: 70px;
}
.index_other{
width: 600px;
margin: 50px auto;
}
.index_other_left{
width: 580px;
margin: auto;
}
.index_other_right{
width: 580px;
margin:40px auto 20px;
}
.index_other_title{
position: relative;
width: 100%;
height: 30px;
border: 1px solid #474c52;
border-right: 3px solid #0852a2;
line-height: 30px;
}
.index_other_title_title{
display: inline-block;
background:#ffffff;
position: absolute;
left: 10px;
padding: 0px 5px;
font-size: 25px;
text-transform: uppercase;
letter-spacing: 1px;
top: -15px;
}
.news_index_left{
width: 100px;
float: left;
height: 70px;
border-right: 1px solid #dcdcdc;
}
.news_index_right{
width: 442px;
float: right;
}
.index_news_one{
padding: 11px 6px;
}
.index_news_one:nth-child(2n+1){
background: #f4f4f4;
}
.news_index_left_time_day{
text-align: center;
font-size: 35px;
margin-top: 20px;
color: #4a4c49;
}
.news_index_left_time_mon{
text-align: center;
font-size: 18px;
margin-top: 10px;
color: #4a4c49;
}
.foot{
width: 100%;
background: url("{$tpldir}/images/foot_bg.jpg");
background-position: center;
/*background-repeat: no-repeat;*/
min-height: 398px;
}
.foot_main{
width: 600px;
margin: auto;
}
.foot_main_body{
text-align: center;
}
.foot_main_body div{
text-align: left;
color: #ffffff;
width: 400px;
font-size: 20px;
display: inline-block;
background-repeat: no-repeat!important;
background-position: left center;
height: 30px;
margin-top: 25px;
padding-left: 30px;
text-transform: uppercase;
}
.seaver{
width: 100%;
background: url("{$tpldir}/images/sever_bg.jpg");
height: 370px;
background-repeat: no-repeat;
background-position: center;
}
.seaver_main{
width: 640px;
padding-top: 50px;
margin: auto;
}
.seaver_main_nav_one{
width: 140px;height: 147px;
background: #ffffff;
margin: 0px 8px;
margin-top: 50px;
float: left;
text-align: center;
}
.seaver_main_nav_one_sing{
border-bottom:2px solid #4ca6ff ;
width: 60px;
margin: auto;
padding: 40px 0px 15px;
text-align: center;
}
.content_main{
width: 640px;
margin: auto;
padding-top: 50px;
}
.content_main_body{
width: 640px;
margin: auto;
text-align: center;
}
.content_main_body_one{
display: inline-block;
width: 310px;
margin: 20px 0px;
text-transform: uppercase;
}
.sing_down{
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
line-height: 3em;
}
.content_form{
background: url("{$tpldir}/images/4.jpg");
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 405px;
}
.content_form_title{
text-transform: uppercase;
text-align: center;
font-size: 25px;
font-weight: 600;
padding-top: 30px;
color: #ffffff;
}
.content_form_title_p{
text-align: center;
margin-top: 20px;
}
.content_form_title_p input{
width: 500px;
height:40px;
padding: 5px 20px;
font-size: 20px;
}
.content_form_title_p_sub{
width: 200px;
margin-top: 20px;
padding: 5px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
.product_main{
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.product_nav{
padding: 6px 12px;
display: inline-block;
border: 1px solid #eeeeee;
margin: 10px 20px ;
color: #272e33;
}
.product_nav_select{
background: #4ca6ff!important;
color: #ffffff;
font-weight: 600;
}
.product_main_body{
width: 100%;
min-height: 200px;
background:url("{$tpldir}/images/product_p.png") ;
padding: 20px 0px;
}
.product_main_body_main{
width: 600px;
margin: auto;
}
.product_main_body_main_one{
text-align: center;
padding-top: 5px;
width: 270px;
background: #ffffff;
float: left;
position: relative;
margin: 10px;
}
/*.product_main_body_main_one>a{*/
/*width: 100%;*/
/*height: 200px;*/
/*}*/
.product_main_body_main_one_mask{
width: 100%;
height:187px;
position: absolute;
background: #1e7ab9;
left: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
}
/*.product_main_body_main_one:hover .product_main_body_main_one_mask{*/
/*width: 100%;*/
/*height:187px;*/
/*position: absolute;*/
/*background: #1e7ab9;*/
/*left: 0px;*/
/*top: 0px;*/
/*opacity: 0.7;*/
/*filter: alpha(opacity=70);*/
/*color: #ffffff;*/
/*}*/
.product_main_body_main_one_title{
width: 90%;
margin: auto;
height: 78px;
padding-top: 10px;
color: #7a7777;
}
/*.product_main_body_main_one:hover .product_main_body_main_one_title{*/
/*color: #0072c2;*/
/*}*/
.product_main_body_main_one_more{
display: inline-block;
padding: 5px 20px;
text-transform: uppercase;
border: 1px solid #ffffff;
margin-top: 20px;
color: #ffffff;
}
.page{
text-align: center;
}
.page span,.page a{
display: inline-block;
margin: 10px;
color: #666666;
}
.product_foot{
width: 640px;
padding: 130px 0px;
text-align: center;
margin: auto;
}
.product_foot_title{
display: inline-block;
padding: 10px 30px;
letter-spacing: 2px;
font-size: 24px;
border: 1px solid #696969;
color: #676767;
/*font-weight: 600;*/
text-transform: uppercase;
}
.product_foot_main{
padding-top: 30px;
letter-spacing: 2px;
font-size: 24px;
color: #676767;
/*font-weight: 600;*/
text-transform: uppercase;
}
.seaver_main_body{
width:100%;
margin: auto;
line-height: 2.5em;
min-height: 300px;
padding: 20px 0;
background: url({$tpldir}/images/about_bg.png);
background-position: center;
background-repeat: no-repeat;
}
.seaver_main_body .title{
text-align: center;
font-size: 30px;
line-height: 1em;
/*font-weight: 600;*/
height: 30px;
width: 400px;
margin: 30px auto;
text-transform: uppercase;
border-bottom: 1px dashed #aaaaaa;
text-align: center;
color: #666666;
}
.seaver_main_body .title span{
background: #ffffff;
display: inline-block;
line-height: 35px;
}
.pages{
text-align: center;
}
.pages a,.pages span{
color: #999999;
display: inline-block;
margin: 10px;
}
.changeb{
width: 10%;
position: absolute;
right: 20px;
top: 120px;
z-index: 200;
}
.click{
position:relative;z-index: 10;background: #FFFFFF;top: 0px;left: 0px;width: 640px;min-width: 640px;box-shadow: -5px 0px 10px #666666;;overflow-y: auto;
}
.index_main{
width: 640px;
margin:30px auto 20px;
}
.index_main_left{
width: 510px;
float: left;
}
.index_main_right{
width: 630px;
float: right;
}
.index_main_title{
border-bottom: 1px solid #aaaaaa;
margin-bottom: 15px;
}
.index_main_title_left{
width: 150px;
float: left;
color: #1F1D1E;
}
.index_main_title_left .en{
font-size: 14px;
color: #555555;
}
.index_main_title_left .cn{
line-height: 1.5em;
font-size: 30px;
}
.index_main_title_left .cn span{
color: #00529c;
/*color: #e50014;*/
}
.index_main_right_more{
width: 100px;
float: right;
text-align:right;
}
.index_main_right_more a{
display: inline-block;
background: #00529c;
/*background: #e50014;*/
color: #FFFFFF;
font-size: 20px;
line-height: 1em;
padding: 2px 5px;
margin-top:40px
}
.index_about_main_left{
width: 397px;
float: left;
margin-right: 10px;
}
.index_about_main_right{
width: 220px;
float:right;
color: #222222;
font-size: 13px;
line-height: 2em;
}
.index_about_main_right p{
text-indent: 2em;
}
.index_main_left_body_left{
width: 111px;
height: 86px;
float: left;
border: 1px solid #aaaaaa;
overflow: hidden;
}
.index_main_left_body_right{
width: 375px;
margin-left: 10px;
float: right;
color: #999999;
}
.index_main_left_body_right p{
padding-top: 10px;
}
.index_main_left_body_right .title{
color: #444444;
font-weight: 600;
}
.product_title_right{
width: 130px;
float: right;
}
.product_title_right .product_page{
padding: 5px;
border: 1px solid #cccccc;
background: #efefef;
width: 10px;
height: 10px;
border-radius: 100%;float: left;
margin:30px 10px 0px;
}
.product_title_right .product_page div{
width: 100%;
height: 100%;
border-radius: 100%;
}
.product_title_right .product_page_select div{
background: #00529c;
/*background: #e11024;*/
}
.foot{
margin-top: 20px;
border-top: 2px solid #00529c;
/*border-top: 2px solid #b9101e;*/
background: #7d7f84;
width: 100%;
min-height: 200px;
color: #f4f4f5;
}
.foot_main{
position: relative;
width: 640px;
margin: auto;
padding: 20px 0px;
}
.foot_main_left{
width: 350px;
float: left;
margin-right: 40px;
}
.foot_main_left_title{
padding: 5px 15px;
border-bottom: 1px solid #919296;
}
.foot_main_left_title p{
border-left: 5px solid #e9e9ea;
color: #e9e9ea;
padding-left: 15px;
font-size: 20px;
font-weight: 600;
}
.foot_main_left_title p a{
float: right;
color: #c3c4c7;
font-weight: 500;
font-size: 16px;
}
.foot_main_left_main{
width: 100%;
}
.foot_main_left_main li{
padding-top: 1em;
color: #e5e5e6;
}
.foot_main_left_main li a{
color: #ffffff;
letter-spacing: 1px;
}
.other_link{
width: 150px;
float: right;
background: #dddddd;
padding: 5px 0px 5px 10px;
position: relative;
cursor: pointer;
}
.other_link_div{
position: absolute;
left: 0px;
bottom: 20px;
background: #dddddd;
width: 150px;
padding: 10px 0px;
}
.other_link_div a{
padding-left: 15px;
color: #666666;
}
.nei_title{
width: 100%;
background: #dfe0e4;
display: none;
}
.nei_title_main{
width: 640px;
margin: auto;
padding: 10px 0px ;
}
.nei_title_main_left{
border-left: 8px solid #00529c;
/*border-left: 8px solid #ce001d;*/
width: 500px;
float: left;
padding-left: 15px;
}
.nei_title_main_right{
width: 200px;
float: right;
text-align: right;
}
.about_main{
height: auto;
margin: auto;
padding: 20px 0px;
}
.location{
background: url({$tpldir}/images/location.png);
background-position:left center ;
width: 100%;
background-repeat: no-repeat;
padding-left: 20px;
color: #3d3d3d;
font-size: 15px;
margin-bottom: 30px;
}
.location a{
color: #3d3d3d;
}
.about_main_left{
width: 220px;
float: left;
}
.about_main_left_one{
width: 220px;
text-align: center;
padding: 15px 0px;
background: #333333;
}
.about_main_left_one a{
width: 100%;
color: #ffffff;
}
.about_main_left_one:hover ,.about_main_left_one_select{
background: #00529c!important;
/*background: #ce001d!important;*/
}
.about_main_left_nav_2{
width: 100%;
text-align: center;
background: #424242;
display: none;
}
.about_main_left_nav_2 a{
color: #bbbbbb;
}
.about_main_left_nav_1:hover .about_main_left_nav_2{
display: block;
}
.about_main_right{
color: #5f5f5f;
float: right;
}
.page{
width: 100%;
text-align: center;
}
.page a,.page span{
display: inline-block;
margin: 10px;
color: #666666;
}
.contact_sing{
width: 600px;
margin: auto;
}
.contact_sing_one{
width:250px;
margin: 25px;
float: left;
text-align: center;
line-height: 2em;
color: #4d4d4d;
}
.content_cn{
color: #6d6d6d;
text-align: center;
font-size: 16px;
padding-top: 10px;
line-height: 1.5em;
}
.content_en{
color: #ababab;
text-align: center;
font-size: 13px;
padding-top: 10px;
line-height: 1.5em;
}
.seaver_main_left{
width: 80px;
background: #2b3136;
height: 80px;
color: #ffffff;
float: left;
}
.seaver_main_left p{
padding-top: 10px;
line-height: 1em;
}
.seaver_main_one{
width: 95%;
border-bottom: 1px solid #dedede;
padding: 20px;
}
.seaver_main_one:hover{
background: #dedede;
}
.seaver_main_right{
float: right;
margin-left: 30px;
width: 470px;
min-height: 30px;
}
.seaver_main_right .seaver_main_right_main{
font-size: 16px;
font-weight: 600;
color: #000000;
}
.seaver_main_one:hover .seaver_main_right_main{
color: #00529c;
/*color: #ce001d;*/
}
.sever_title{
font-size: 20px;
text-align: center;
color: #000000;
}
.about_main_left_contact{
border: 1px solid #cccccc;
margin-top: 20px;
width: 100%;
background: url({$tpldir}/images/job_left.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 30px;
}
.about_main_left_contact_title{
font-weight: 600;
padding: 10px 0px;
text-align: center;
color: #000000;
border-bottom: 1px solid #cccccc;
}
.about_main_left_contact_1{
display: inline-block;
background: #000000;
color: #FFFFFF;
padding: 2px;
}
.line{
border-bottom: 1px solid #cccccc;
margin: 5px 0px;
}
.job_dase{
margin: 20px auto;
width: 800px;
background: #fcfcfc;
padding: 20px;
color: #cacaca;
}
.job_apply{
padding: 10px 30px;
color: #FFFFFF;
background: #00529c;
/*background: #ce001d;*/
}
.seaver_main_left_img{
width: 210px;
height: 140px;
float: left;
}
.seaver_main_left_img img{
width: 210px;
height: 140px;
}
.seaver_main_right_product{
width: 650px;float: right;
}
.seaver_main_right_product_more a{
display: inline-block;
background: #FFFFFF;
padding: 5px 10px;
margin: 5px 10px;
border: 1px solid #dedede;
color: #999999;
}
.seaver_main_right_product_more a:hover{
color: #00529c;
/*color: #ce001d;*/
}
.product_main_left{
width: 450px;
height: 300px;
float: left;
}
.product_main_left img{
width: 450px;
height: 300px;
float: left;
}
.product_main_right{
width: 450px;
float: right;
}
.letter_pic{
padding-top: 50px;
}
.letter_pic img{
width: 120px;
cursor: pointer;
height: 80px;
margin: 10px;
border: 1px solid #cccccc;
}
.product_main_right .title{
padding-top: 20px;
font-size: 20px;
line-height: 1.5em;
color: #000000;
font-weight: 600;
}
.product_main_right .fenlei{
font-size: 16px;
color: #999999;
}
.product_main_all_title{
border-bottom: 1px solid #cccccc;
width: 100%;
}
.product_main_all_title_one{
cursor: pointer;
padding: 5px 0px;
width: 25%;
float: left;
border-bottom:5px solid #FFFFFF ;
}
.product_main_all_title_one_select{
/*border-bottom:5px solid #ce001d ;*/
border-bottom:5px solid #00529c ;
color: #00529c;
/*color: #ce001d;*/
}
.product_one_neirong{
display: none;
padding:20px;
}
.product_top{
width: 100%;
height: auto;
background: #f4f4f4;
padding-top: 50px;
margin-bottom: 0;
padding-bottom: 50px;
}
.product_top_title{
width: 300px;
height: 30px;
border:1px solid #474747;
margin: auto ;
position: relative;
}
.product_top_title p{
width: 130px;
letter-spacing: 3px ;
text-align: center;
margin: auto;
margin-top: 20px;
background: #f4f4f4;
color: #0852a2;
font-size: 25px;
text-transform: uppercase;
}
.product_top_title_2{
width: 500px;
margin: auto;
height: 20px;
margin-top: 20px;
border-bottom: 1px solid #474747;
position: relative;
}
.product_top_title_2 p{
width: 170px;
letter-spacing: 2px;
background: #f4f4f4;
margin: auto ;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
font-size: 20px;
}
.index_product{
width: 550px;
margin: auto;
margin-top: 105px;
display: flex;
flex-wrap: wrap;
}
.index_product > a{
flex: 0 0 50%;
border: 1px solid #666666;
box-sizing: border-box;
}
.index_product > a:nth-child(2n + 1){
border-right-width: 0.5px;
}
.index_product > a:nth-child(2n + 2){
border-left-width: 0.5px;
}
.index_product_one{
height:auto;
}
.product_font{
width: auto;
padding: 20px 0px;
height: auto;
}
.product_font_p{
text-align: center;
color: #666666;
text-transform: uppercase;
width: auto;
height: auto;
text-align: left;
margin: 0 15px;
border: 1px solid;
height: 60px;
padding: 0 15px;
}
.product_one_mask{
width: 100%;
height: 100%;
position: absolute;
background: #000000;
opacity: 0;
filter: alpha(opacity=0);
left: 0px;
top: 0px;
line-height: 255px;
text-align: center;
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
}
/* xxxxxxxxxxxxxxxxxxxxx */
.p_detail_pre{
margin-top: 20px;
}
.p_detail_pre,
.p_detail_next{
display: block;
padding: 0 30px;
}
.product_main_all_title_one{
text-align: center;
}
.n_detail_title{
display: flex;
justify-content: center;
}
.n_detail_title .product_nav{
margin: 10px 40px;
}
.job_apply {
display: block;
width: 60%;
margin: 0 auto;
text-align: center;
}
.about_main{
width: auto;
}
.about-tabs-x{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 40px;
padding-right: 40px;
}
.about_wrapper .about_main_right > .MsoNormal,
.about_wrapper .about_main_right > span,
.about_wrapper .about_main_right > blockquote
{
padding-left: 25px;
padding-right: 25px;
display: block;
}