﻿@charset "utf-8";
/* css document */
@font-face {
   font-family: 'century gothic';
   src:  format('truetype');
}
*{ margin:0px; padding:0px;}
ul,li,dl,ol{ list-style:none}
a{ color:#353535; text-decoration:none}
a:hover{ color:#f60; text-decoration:underline}
img{ border:none}
td{ text-align:left}
.clear{ clear:both;}
body{ font-size:12px; font-family:"microsoft yahei","simsun"; line-height:23px; text-align:center; color:#353535;}

.f_l{ float:left}
.f_r{ float:right}

.bak_1{ padding:42px 0 0 0;}
.bak_2{ padding:8px 0 0 0;}

.bt_1{ width:100%; height:50px; background-color:#193f73; line-height:18px; padding-top:13px;text-align:center;}

.txt_1{ color:#fff; font-size:18px;}
.txt_2{ color:#f9c307; font-family:tahoma, geneva, sans-serif; font-variant:small-caps; font-size:13px;}
.txt_3{ color:#f9c307; font-size:22px; font-style:italic;}
.txt_4{ color:#fff; font-size:20px; text-align:center;}
.txt_5{ color:#015ea1; font-size:26px;}
.txt_6{ color:#4f8fed; font-family:tahoma, geneva, sans-serif; font-size:15px;}
.txt_7{ color:#444}
.txt_8{ color:#00428e; font-size:22px;}
.txt_9{ color:#999; font-family:tahoma, geneva, sans-serif; font-size:14px;}
.txt_10{ color:#00428e; font-size:15px; font-weight:bold;}

.input_1{ height:25px; border:none; padding-left:10px;  border-radius:15px 15px;width:165px; color:#999}
.input_2{ width:20px;  border:none; background:url(/uploads/image/eimages/search.jpg) no-repeat left center; background-color:#fff; cursor:pointer}

.head{ width:100%; height:38px; background:#193f73 url(/uploads/image/eimages/bg_1.jpg) no-repeat center;}
.head_m{ width:1100px; height:38px; margin:auto; color:#fff}
.head_m .f_l{ line-height:36px;}
.search{ width:208px; height:25px; border-radius:15px 15px; background-color:#fff; margin-top:6px; float:left; margin-right:8px;}
.language {
    width: 45px;
    padding: 0 15px 0 32px;
    background: url(/uploads/image/eimages/bg_sign03.png) no-repeat center 3px;
    float: left;
    text-align: center;
    position: relative;
    cursor: pointer;
    z-index: 10;
	color:#fff;
	margin-top:7px;
}
.language p {
    width: 50px;
    display: inline-block;
}

.language-list {
    width: 45px;
    padding: 3px 15px 8px 32px;
    position: absolute;
    left:-20px;
    top:28px;
    line-height: 20px;
    display: none;
	z-index:9999;
}

.language-list a {
    color: #fff;
	background: #1c4b80;
	border-bottom:1px solid #355f8e;
	display:block;
	width:75px;
	padding:2px 0 3px 0px;
}
.language-list a:hover{ background-color:#2869ab; color:#fc0}

.top_1{ width:1200px; margin:auto; margin-bottom:15px; margin-top:15px}
.logo{ width:155px; height:auto; float:left}

/*nav导航盒子*/
.nav{width:1000px;height:54px;line-height:54px;text-align:center;font-size:15px;position:relative;padding-top:16px;  padding-left:24px;float:right;  font-family:"微软雅黑";}
/*nav-main*/
ul.nav-main{width:100%;height:100%;list-style-type:none}
ul.nav-main span{display:inline-block;margin-left:10px;width:12px;height:9px; background: url(/uploads/image/eimages/sj1.png) no-repeat center center}

/*图标向上旋转*/
.hover-up{transition-duration:.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg); }
/*图标向下旋转*/
.hover-down{transition-duration:.5s;transform:rotate(0);-webkit-transform:rotate(0)}
/*导航条设置*/
ul.nav-main>li{height:100%;display:block;float:left;color:#666;margin-right:1px;cursor:pointer}
ul.nav-main>li:hover{background:#fff ; color:#be4355 }
ul.nav-main>li:hover span{ background: url(/uploads/image/eimages/sg3.jpg) no-repeat center center; z-index:100000 }
/*隐藏盒子设置*/
div.hidden-box{ padding-left:10px; padding-right:10px;position:absolute;display:none;background:#eee ;top:70px; z-index:9999; margin-left:-170px;}
.hidden-box>ul{list-style-type:none;color:#666;cursor:pointer; padding-top:12px;padding-bottom:15px}
.hidden-box>ul li{ line-height:30px; height:30px; font-weight:500; }
/*.hidden-box li:hover{background:#643519;color:#fff}*/

/*隐藏盒子位置设置*/
.hidden-loc-index{left:100px}
.hidden-loc-us{left:400px}
.hidden-loc-info{left:610px}
.box04{left:610px}
.box04a{left:610px}
.box05{left:720px}
.hidden-loc-in{left:930px}
.hidden-loc-fo{left:500px}
.box_pro{ width:1050px; height:auto; }
.box_p{ width:150px; height: auto; text-align: left;line-height: 30px; margin-top: 10px; margin-bottom: 10px; border-right: 1px #ddd solid; float: left; padding-left: 10px; padding-right:5px}
.box_p h1{ font-size: 15px; font-weight:normal; }
.box_p h1>a{color:#298dc4;}
.box_p p{font-size: 12px; }
.box_pro ul li p{ font-size:16px; color:#014ea1; text-align:left}
.box_pro ul li span a{ font-size:12px; float:left; margin-right:20px; line-height:30px; color: #666}
.box_new{ width:130px; height: auto; }
.b_new{ width:120px; height: auto; float: left; font-weight: none; text-align: left;
        line-height: 36px; margin-top: 20px; margin-bottom: 20px; border-right: 1px #ddd solid}
.b_new ul li{ font-size: 12px;  margin-right:10px;  color: #666}
.b_new_p{ width: 350px; height: auto; float: right;  text-align: left; }
.b_new_p h1{ font-weight: none; font-size: 16px;  border-bottom: 1px #ddd solid; margin-bottom: 10px;}
.b_new_p dl dt{ float: left;margin-right: 10px; font-size:12px;}
.b_new_p dl dd{ line-height: 30px; font-size:12px; }
.b_new_p dl dd p { font-size:12px; }
.b_new_p ul{ margin-top: 10px; }
.b_new_p ul li{ font-size: 12px; line-height: 30px; }


.content_1{ width:1100px; height:auto; margin:auto}

.pro_list{ width:182px; height:212px; border:solid #eee 1px; box-shadow:0px 0px 5px #aaa; padding:10px; display:inline-block; margin:14px 6px 5px 6px;}
.pro_list p{ text-align:left; color:#193f73; font-size:15px; padding:6px 0 0 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_list p a{ font-size:12px; font-family:tahoma, geneva, sans-serif;}
.pro_list:hover{ background-color:#193f73}
.pro_list:hover p{ color:#fff}
.pro_list:hover a{ color:#fff}
.pro_list:hover a:hover{ color:#fc0}

.content_2{ width:1100px; height:auto; border-top:solid #193f73 7px; margin:15px auto 0 auto;}
.content_2a{ width:210px; height:auto;}
.content_2b{ width:890px; height:auto;}
.content_2a1{ width:210px; height:auto; background-color:#eee}
.content_2a1 ul{ padding:8px 0 16px 0;}
.content_2a1 ul li{ width:170px; height:auto; margin:2px auto 1px auto; border-bottom:solid #dadada 1px; text-align:left; font-size:14px; padding:5px 0 9px 0;}

.content_2b1{ width:890px; height:260px;}
.content_2b2{ width:860px; height:auto; background-color:#f6f6f6; padding:12px 15px 12px 15px; text-align:left;}
.content_2b2 h2{ color:#193f73; font-size:16px;}
.content_2b2 p{ padding:8px 0 0 0;}
.content_2b3{ width:100%; height:auto; background-color:#193f73; line-height:34px; padding:15px 0 10px 0; text-align:center;}
.content_2b3 img{ vertical-align:middle;}

.content_3{ width:100%; height:auto; background:#055fc2 url(/uploads/image/eimages/bg_2.png) no-repeat top; margin:20px 0 0 0;}
.content_3a{ width:100%; height:42px; line-height:42px;}
.content_3b{ width:1100px; height:auto; margin:10px auto 0 auto;}

.rollbox{overflow:hidden}
.rollbox .scrollcon{width:1100px;height:auto; margin-top:15px;}
.rollbox .leftbotton{height:55px;width:18px;background:url(/uploads/image/eimages/l_btn.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0px;cursor:pointer; margin-top:65px; margin-right:10px;}
.rollbox .rightbotton{height:55px;width:18px;background:url(/uploads/image/eimages/r_btn.jpg) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0px;cursor:pointer; margin-top:65px; margin-left:10px;}
.rollbox .cont{width:1044px;overflow:hidden;float:left;height:auto; padding:0px 0 36px 0;}
.rollbox .scrcont{width:10000000px;}
.rollbox .cont .pic{width:245px;height:185px;overflow:hidden;float:left; margin:5px 10px 0 7px;}
/*.rollbox .cont .pic img{background:#fff;display:block;}*/
.rollbox #list1, .rollbox #list2{float:left;}

.content_4a{ width:100%; height:250px; background:url(/uploads/image/eimages/bg_3.jpg) repeat-x; margin-top:18px;}
.content_4a1{ width:100%; height:250px; background:url(/uploads/image/eimages/bg_4.jpg) no-repeat center; margin:auto;}

.advantage_1{ width:100%; height:auto; background:url(/uploads/image/eimages/bg_5.jpg) repeat; padding:16px 0 0px 0;}
.advantage_1m{ width:555px; height:456px; margin:auto; background:url(/uploads/image/eimages/bg_6.jpg) no-repeat left; padding-left:645px; text-align:left;}
.advantage_1a{ width:100%; height:auto}
.advantage_1a p span{ background-color:#193f73; border-radius:50%; width:18px; height:18px; text-align:center; color:#fff; display: inline-block; line-height:16px;}
.advantage_1a p{ font-size:15px; line-height:28px; padding:10px 0 5px 0;}
.advantage_1b{ width:480px; height:384px; background:url(/uploads/image/eimages/bg_7.jpg) no-repeat; margin:auto; text-align:left; padding:0px 675px 0 45px;}

.advantage_1c{ width:555px; height:441px; background:url(/uploads/image/eimages/bg_8.jpg) no-repeat; margin:auto; text-align:left; padding-left:645px;}
.advantage_1d{ width:480px; height:403px; background:url(/uploads/image/eimages/bg_9.jpg) no-repeat; margin:auto; text-align:left; padding:0px 675px 0 45px;}

/**/
.content_5{ width:1100px; height:auto; margin:auto}
.content_5a{ width:100%; height:73px; background:url(/uploads/image/eimages/bg_10.jpg) no-repeat center 34px; line-height:28px; margin:22px 0 0 0; text-align:center; padding-top:2px;}
.content_5b{ width:100%; height:auto; text-align:left; font-size:13px; line-height:27px; padding:5px 0 5px 0;}
.content_5b img{ float:left; margin-right:17px;}

.data2{width:1164px; display:table; position:relative; overflow:hidden; margin:28px auto 0 auto;}
.data2 .pic2{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.data2 .image_container a{
	width:100%;height:100%; display:block;
    float:left;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.data2 .image_container a .pic1{
    -webkit-transform: rotatex(0deg) rotatey(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotatex(0deg) rotatey(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.data2 .image_container a:hover .pic1{
    -webkit-transform:rotatey(180deg);
    -moz-transform:rotatey(180deg);
}

.data2 .image_container a .pic2{
    -webkit-transform: rotatey(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotatey(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}

.data2 .image_container a:hover .pic2{
    -webkit-transform:rotatex(0deg) rotatey(0deg);
    -moz-transform:rotatex(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}

.data2 .row{width:130px;float:left; margin-left:32px; margin-right:32px; position:relative; z-index:10;}
.data2 .row .pic1{width:100%;height:100%; overflow:hidden; text-align:center;}
.data2 .row .pic2{width:100%;height:100%; overflow:hidden; text-align:center;}
.data2 .row img{ width:128px; height:128px; border:solid #222 1px;border-radius:50%; margin-bottom:5px;}
.data2 .row a:hover{ color:#00428e; text-decoration:none;}
.data2 .row a{ font-size:13px;}
.data2 .image_container a:hover img{ border:solid #00428e 1px;}

/**/
.content_6{ width:100%; height:auto; background-color:#f3f3f3; margin-top:26px; padding:3px 0 20px 0;}
.content_6m{ width:1122px; height:auto; margin:auto}
.content_6a{ width:352px; height:auto; margin:2px 11px 0 11px; padding:4px 0 0 0; float:left;}
.content_6b{ width:100%; height:36px; text-align:left; padding-top:12px;}
.content_6b img{ vertical-align:middle;}
.content_6c{ width:100%; height:auto; background-color:#fff}
.content_6c ul{ width:322px; margin:auto; padding:4px 0 10px 0;}
.content_6c li{ text-align:left; width:100%; height:auto; border-bottom:dashed #ddd 1px; padding:6px 0 6px 0; margin:1px 0 1px 0;}
.content_6c li img{ vertical-align:middle;}

/**/
.link{ width:100%; height:auto; background:url(/uploads/image/eimages/bg_5.jpg) repeat; padding:15px 0 10px 0;}
.link_1{ width:1100px; height:60px; background:url(/uploads/image/eimages/bg_11.jpg) no-repeat; margin:auto}
.link_2{ width:1100px; height:auto; text-align:left; margin:auto;}
.link_2 ul li{ float:left; margin:12px 28px 7px 0px;}

/**/
.foot{ width:100%; height:auto; background:#0561c3 url(/uploads/image/eimages/bg_12.jpg) no-repeat center top}
.foot_m{ width:1150px; height:auto; margin:auto; background:url(/uploads/image/eimages/bg_13.png) no-repeat; min-height:271px; text-align:left; padding:14px 0 20px 190px;}
.foot_m dl{ float:left; margin:12px 5px 0 30px; display:block;}

.foot_m dl:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;} 
* html .foot_m dl{zoom: 1;}
*:first-child   html .foot_m dl{zoom: 1;}

.foot_m dl dt{ color:#fff; font-size:15px; padding:2px 0 7px 0;}
.foot_m dl dd{ padding:2px 0 3px 0px; font-size:13px;}
.foot_m dl dd a{ color:#ccc;}
.foot_m dl dd a:hover{ color:#fc0}
.foot_2{ width:100%; height:auto; background-color:#00428e; color:#fff; font-size:13px; padding:10px 0 10px 0; text-align:center;}


.list_nav{ padding:6px 0 8px 0;}
.list_nav dt{ border-bottom:dashed #ddd 1px; font-size:13px; line-height:20px; padding:3px 0 7px 0; margin:3px 0 3px 0;}

.banner_inw{ width:100%; height:280px;}
.banner_in1{ background:url(/uploads/image/eimages/banner_in1.jpg) no-repeat center;}
.banner_in2{ background:url(/uploads/image/eimages/banner_in2.jpg) no-repeat center;}
.banner_in3{ background:url(/uploads/image/eimages/banner_in3.jpg) no-repeat center;}
.banner_in4{ background:url(/uploads/image/eimages/banner_in4.jpg) no-repeat center;}
.banner_in5{ background:url(/uploads/image/eimages/banner_in5.jpg) no-repeat center;}
.banner_in6{ background:url(/uploads/image/eimages/banner_in6.jpg) no-repeat center;}