@charset "utf-8";/* CSS Document */

body{margin: 0px auto;padding: 0px; font-size:12px;font-family: Verdana,'Microsoft YaHei',Arial, Helvetica, sans-serif;color: #333;}



div{margin: 0px;padding: 0px;}

span, p{margin: 0px;padding: 0px;}

h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;}

img{margin: 0px;padding: 0px;}

dl,dt,dd,ol,ul,li {margin: 0px;padding: 0px;list-style: none;}

img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}

from,input,select{margin: 0px;padding: 0px;}

ul{list-style-type: none;}

a{text-decoration: none;color: #333;}

a:hover{text-decoration: none;color: #ff7300;}

.cl{height: 0px;clear: both;overflow: hidden;}

.fl{float: left;}

i { font-style:normal;}



.fr{float: right;}

.top20{margin-top:48px;}



.w1002{width:1002px;overflow:hidden;margin:auto;}

/*头部开始*/

.t_bg { background:url(../images/t_bg.gif) repeat-x center 0;}



.h_top { height:37px; line-height:37px; overflow:hidden;}

.h_top i{ float:left;}

.h_top p { float: right;}

.h_top p a { padding:0 5px;}



.h_con {overflow:hidden}

.h_con h1 { padding:30px 0 0; float:left;}

.h_con h1 img { float:left; }

.h_con h1 span img{-webkit-animation:fadeInLeftBig 1s .2s ease both;

-moz-animation:fadeInLeftBig 1s .2s ease both;}

@-webkit-keyframes fadeInLeftBig{

0%{opacity:0;

-webkit-transform:translateX(-2000px)}

100%{opacity:1;

-webkit-transform:translateX(0)}

}

@-moz-keyframes fadeInLeftBig{

0%{opacity:0;

-moz-transform:translateX(-2000px)}

100%{opacity:1;

-moz-transform:translateX(0)}}

.h_con h1 a img{

    -webkit-animation:fadeInDown 1s .2s ease both;

-moz-animation:fadeInDown 1s .2s ease both;}

@-webkit-keyframes fadeInDown{

0%{opacity:0;

-webkit-transform:translateY(-20px)}

100%{opacity:1;

-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInDown{

0%{opacity:0;

-moz-transform:translateY(-20px)}

100%{opacity:1;

-moz-transform:translateY(0)}

}

.h_con h1 span { display:block; margin:7px 0 0;float:left}



.h_pho { background:url(../images/h_pho.gif) no-repeat left 45px; padding:0 0 16px 50px; text-align:center; margin-top:22px;}

.h_pho span { font-family:"Microsoft YaHei"; font-size:18px; color:#00a1e9; display:block; padding-bottom: 3px;}

.h_pho q { background:url(../images/h_ico.gif) no-repeat; width:225px; height:16px; line-height:16px; color:#333; font-size:14px; display:block; font-family:"Microsoft YaHei"; text-align:center;margin:1px auto;}

.h_pho p { font-family: Impact; font-size:34px; color:#ff6600;}





.s_bg { background:url(../images/s_bg.gif) repeat-x; height:59px; line-height:59px; margin-bottom:35px;}

.h_ser { width:1004px; margin:0 auto;}



.h_ser .s_inp {  margin-top:16px;}

.h_ser .inp01 { background:url(../images/s_inp.gif) no-repeat; width:178px; height:26px; line-height:26px; border:none; padding:0 3px 0 30px; float:left; font-size:12px; color:#333}

.h_ser p { float:left; width:700px; overflow:hidden;}

.h_ser p b { font-family:"Microsoft YaHei"; font-size:13px;}

.h_ser p a {font-family:"Microsoft YaHei";color:#353535;}



#keyword-bg{height: 54px;background: url(../images/keyword-bg.jpg);line-height: 54px;width:100%; min-width:1002px;}

.keyword-div{_width: 700px;}

.keyword-div li{padding: 0 10px;background: url(../images/top-li-bg.jpg) no-repeat right;font-size: 13px;}

.keyword-div li.tit{padding-right: 20px;color: #00b0ec;}

.keyword-div li.laster{background: none;}

.search-div input{width: 184px;padding: 0px 10px;border: 1px solid #bbc1c5;border-right: none;vertical-align: middle;height: 28px;line-height: 28px;}

.search-div input.search-sub{width: 38px;padding: 0px;background: url(../images/search-sub.jpg) no-repeat center;height: 30px;border: none;}

ul, ol {list-style: none;font-size: 0px;letter-spacing: normal;word-spacing: normal;}

li {list-style: none;display: inline-block;float: left;_display: inline;font-size: 12px;}

.f-cb{zoom:1;}

q:before,q:after{content:'';}

#bg{width:1125px;margin: 0 auto;position: relative;}

#slogan{background: url(../images/slogan-bg.jpg) no-repeat left;margin-left: 10px;margin-top:39px;}



.ser-btn{ width:44px; height:26px;cursor:pointer; float:right; background:none; border:0; background:url(/en/assets/Front/images/s_ss.gif) no-repeat;}



.slogan-one{font-size: 20px; font-weight: bold;color: #eb6100;}

.slogan-two{font-size: 20px;color: #333;}



.bvg{ background:url(../images/bg.gif) repeat-y center 0; }



#nav{height: 40px;line-height: 40px;background-color: #1e61ba; margin-bottom:1px;position: relative;z-index: 999; min-width:1002px;}

#nav li{text-align: center;height: 40px;position: relative;z-index: 10; width:124px;}

.sub-nav{position: absolute;top: 40px;left: 0px;width: 160px;background: #1e61ba;display: none;}



#nav li .sub-nav a{font-size: 13px;display:block;line-height:38px;}

#nav li .sub-nav p{/*padding-left: 30px;background: url(../images/sub-nav-row.jpg) no-repeat 11px center;text-align: left;*/

	border-bottom: 1px solid #00a0e9;border-top: 1px solid #7fc6f1;}

#nav li.dotnav{padding: 0 22px;}

#nav li a:hover,

#nav li.on,

#nav li.cur{
	line-height: 40px;
	background-color: #333399;
}

#nav li a{color: #fff;font-family: "Microsoft YaHei";font-size: 13px;  display:block;}

#nav li.li-bg{width:0px;background: url(../images/nav-li-bg.jpg) no-repeat center;height: 40px;padding: 0px;}





#nav li .sub-nav p a:hover{ background:#333399; font-size:13px; color:#FFF; line-height:38px;}



#banner { background:url(../images/banner.jpg); height:500px; background-position:top center; background-repeat:no-repeat; min-width:1002px;}

#banner2 { width:970px; height:233px; margin:0 auto; background-position:top center; background-repeat:no-repeat; }


.fav{min-width:1002px; background-color:#333;}

.f_nav{ color:#fff;font-size:14px; font-family:"Microsoft Yahei"; height:49px; overflow:hidden; text-align:center;}

.f_nav a{ display:inline-block; line-height:49px; padding:0 25px; color:#fff;  }

.f_nav .nones{ background:none;}



.fowf{ background-color: #333333;min-width:1002px; width:100%; color:#d6d6d6;}

.f_con h2{ width:155px; margin:25px 0 0 50px; display:inline;}





.fowf .company_msg { float: left; width: 450px; overflow: hidden; margin-right: 60px; margin-top:10px;}

.fowf .company_msg h6 { font-size: 25px; height: 48px; padding: 10px 0 10px 0px;  margin-bottom: 15px;  color: #fff; }

.fowf .company_msg h6 span { display: block;text-transform: uppercase; font-size: 14px; font-weight: normal;}

.fowf .company_msg ul { padding-bottom:10px; overflow: hidden;}

.fowf .company_msg ul li { float: left; min-width: 178px; height: 30px; line-height: 30px;}

.fowf .company_msg ul li span , .fowf .company_msg ul li a { color: #fff;}

.fowf .cut_l { float: left; width: 1px; height: 140px; margin-top: 10px; margin-right: 40px; }

.fowf p {
	float: right;
	width: 294px;
	font-size: 16px;
	color: #fff;
	margin-top: 26px;
	padding: 10px 0 34px 110px;
	overflow: hidden;
	background: url(../images/ewm.jpg) 0px 0px no-repeat
}

.fowf p span { display: block; font-size: 14px; color: #fff; margin-top: 12px;}

.fowf p span b { font-weight: normal; color: #fff;}

.fowf .ser_tel { float: left;padding: 5px 46px;}

.fowf .copyright { clear: both; height: 60px; line-height: 20px; font-size: 12px; color: #fff; }

.ser_tel { width:334px; height:30px; margin:10px auto 0 auto; padding:20px 60px; }

.ser_tel strong { float:right; font-size:15px; color:#fff; text-align:right; line-height:14px; margin-right:5px;}

.ser_tel strong span { font-size:13px; color:#fff; font-weight:normal;}

.ser_tel b { float:right; font-size:30px; color:#fff; line-height:30px;}



.fowf a{color:#FFF;}


*{word-wrap:break-word}



 .downloadvideo-list { background: #ffffff; padding: 30px 32px 50px 32px;}

 .downloadvideo-list li { height: 49px; padding: 0 18px;}

 .downloadvideo-list li a { display: block; float: left; line-height: 49px; color: #585858;}

 .downloadvideo-list li:hover a { color: #e21001;}

 .downloadvideo-list .downloadvideoTitle { width: 75%; padding-left: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url("clientlib-common/image/about/culture/ico_show_disc.png") no-repeat 0 center;}





#news0 { width:715px; float:left; }

#news0-t { border-bottom:1px #d5d5d5 solid;}

#news0-t span {  background:url(../images/ico.jpg); background-repeat:no-repeat; background-position:right center; float:right; width:60px; line-height:40px; font-size:13px; font-weight:normal}

#news0-t ul li { float:left; width:200px; text-align:center; height:40px; line-height:40px; font-size:20px; color:#00b0ec;  }

#news0-t ul li a { color:#4d4d4d;}

#news0-t ul li.on { background:#00b0ec;}

#news0-t ul li.on a { color:#fff;}

.news-c0 { overflow:hidden;}

#news1-c{display:none; overflow:hidden;}

.news-c0 ul li { font-size:13px; float:left; width:50%; background:url(../images/ii.jpg); background-repeat:no-repeat; background-position:0px 10px; line-height:42px; border-bottom:1px #CCC dotted;}

.news-c0 ul li a { padding-left:20px; color:#515151;}

.news-c0 ul li a:hover { color:#060}

.news-c0 ul li span { float:right; font-size:12px; color:#848484; padding-right:25px;}





#zj-out { border-top:3px #00b0ec solid; height:540px; padding-top:30px; margin-bottom:20px;}

#zj { width:1200px; margin:0 auto;}

#faq { width:270px; float:right}

#faq-t { background:url(../images/line.jpg); background-repeat:no-repeat; width:270px; float:right; height:48px; line-height:48px; background-position:left bottom}

#faq-t p { font-size:18px; color:#333; }

#faq-t p b { font-size:17px; font-weight:normal; padding-left:10px; color:#747474}

#faq-t p span { background:url(../images/ico.jpg); background-repeat:no-repeat; background-position:right center; float:right; width:60px; line-height:40px; font-size:13px; font-weight:normal}

#faq-t p span a { color:#747474;}

#faq-t p span a:hover { color:#F30}

#faq-c { width:270px;}



.wt { padding-top:10px; padding-bottom:11px; border-bottom:1px #CCC dotted}

.w { background:url(../images/q.png); background-repeat:no-repeat; background-position:0px 4px; padding-left:28px; line-height:26px; font-size:14PX; font-weight:bold; color:#000;}

.t { background:url(../images/a.png); background-repeat:no-repeat; background-position:0px 5px; padding-left:28px; line-height:24px; color:#615959;}

.wt a { color:#000; font-size:14px; font-weight:normal; line-height:26px;}

.wt a:hover { color:#00b0ec}



.nn { margin-top:16px; margin-bottom:2px; font-family:'微软雅黑';}

.nn-l { width:228px; float:left}

.nn-r { width:468px; float:right}

.nn-r h6 { font-size:15px; color:#484848; margin-top:8PX; }

.nn-r h6 a { color:#484848;}

.nn-r h6 a:hover { color:#ff6600}

.nn-r p { line-height:28px; padding-top:15px;}

.nn-r p a { color:#ff6600}

.nn-r p a:hover { color:#F30}





/*合作*/



.pn_bt{ width:523px; height:44px; margin:0 auto; background:url(../images/pnimg.jpg) no-repeat center; text-align:center; color:#333; font-weight:bold; font-size:28px; line-height:28px;}







.pn_n{ padding-top:20px;}



.pn_n .tempWrap {float:left;}



.pn_n span img{ width:14px; height:84px;}



.pn_n ul{ float:left; }



.pn_n ul li{ float:left; padding-left:14px; }



.pn_n ul li img{ border:1px solid #e5e5e5;}



.pn_n ul li a img{ border:1px solid #e5e5e5;}



.pn_n ul li a:hover img{ border:1px solid #ff6600;}



.pn_n ul li p{ line-height:30px; color:#333; text-align:center;}







/*留言*/



.temp_on_inp { overflow:hidden; padding-top:50px; }



.temp_on_inp h3 { width:197px; height:78px;  font:24px "Microsoft YaHei"; font-weight:bold; color:#056FCE; line-height:24px; float:right; }



.temp_on_inp h3 span { display:block; font:14px Arial; color:#056FCE; line-height:36px; text-transform:uppercase; }



.temp_on_inp h3 a { color:#4bad29; }



.temp_on_con { width:650px; }



.temp_on_con li { height:38px; width:270px; border:1px solid #d1d1d1; float:left; margin-right:22px; margin-bottom:16px; color:#4bad29; line-height:38px; overflow:hidden; }



.temp_on_con li span { font:14px "Microsoft YaHei"; color:#999; line-height:38px; float:left; padding-left:10px; display:inline-block; }



.temp_on_con li input { width:208px; height:38px; border:0; ont:14px "Microsoft YaHei"; color:#999; line-height:38px; float:left; }



.temp_on_con .inp1 input { width:180px; outline:none; }



.temp_on_con .inp3 { width:562px; height:72px; padding-top:10px; }



.temp_on_con .inp3 span { line-height:14px; }



.temp_on_con .inp3 textarea { width:546px; height:56px; resize:none; overflow:auto; outline:none; padding-left:10px; border:0; :14px "Microsoft YaHei";



color:#999; line-height:24px; }



.temp_on_con .inp4 { width:380px;margin-bottom:0; float: left;}



.temp_on_con .inp4 input { width:120px; }



.temp_on_con .inp4 img { width:80px; height:38px; border-left:1px solid #d1d1d1; float:right; margin-right:0px;}



.temp_on_con .inp2 { width:562px; height:70px; border:0; }



.temp_on_con .inp2 span { display:block; }



.temp_on_con .inp2 em { font:12px "Microsoft YaHei"; color:#999; line-height:36px; float:left; }



.temp_on_con .minp5 { border:0; }



.temp_on_con .minp5 input { width:82px; height:24px; margin-right:16px; cursor:pointer; cursor:pointer; }



.temp_on_con .minp5 .onb1 { background:url(/en/assets/Front/images/1.jpg) no-repeat center top; }



.temp_on_con .minp5 .onb2 { background:url(/en/assets/Front/images/2.jpg) no-repeat center top; }