﻿@charset "UTF-8";

body,div,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,ol,section,input,button,textarea{
    margin: 0;
    padding: 0;
}
body{
    font: 14px 'Muli','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;
    color:#666;

}
/*body{
    font: 14px 'PingFang','Microsoft YaHei';
    color:#666;

}
@font-face{
	font-family:PingFang;
src:url(../fonts/PingFang.eot);
src:url(../fonts/PingFang.eot?#font-spider)  format('embedded-opentype'),
url(../fonts/PingFang.woff) format('woff'),
url(../fonts/PingFang.ttf)  format('truetype'),
url(../fonts/PingFang.svg) format('svg')
;}*/
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
em,i,b{
    font-style: normal;
}
input,button,textarea{
    outline: none;
    border:0;
}
ul,ol{
    list-style: none;
}
.clearfix{
    *zoom: 1;
}
.clearfix:after{
    display: block;
    content: '';
    font-size: 0;
    visibility: hidden;
    clear: both;
}
a{
    text-decoration:none;
    color:#333;
}

a:hover{
    color:#00beff;
}

p{ line-height: 25px; font-size: 15px;}
.fl{
    float: left;
}
.fr{
    float: right;
}

.center{text-align: center;}
.wd1250{width:1250px; margin:auto;}
.wd1200{width:1200px; margin:auto;}
.hsh-web{ width:1200px; margin:0 auto;}
.hsh-top{ height:137px;}

/*.hsh-head{position: absolute;width:100%;top:0;left:0;z-index:9999999; background:#4497ff; 

    background: -webkit-linear-gradient(left,#4497ff,#21cdff);
    background: linear-gradient(to right,#4497ff,#21cdff);

background:rgba(61, 19, 67, .4);box-shadow:0 1px 3px rgba(0,0,0,.1);}*/
.hsh-head1{position: absolute;width:100%;top:0;left:0;z-index:9999999;  margin-top: 70px; 

    /*background: -webkit-linear-gradient(left,#4497ff,#21cdff);
    background: linear-gradient(to right,#4497ff,#21cdff);*/
    background: #ffffff;
/*background:rgba(61, 19, 67, .4);*/
box-shadow:0 1px 3px rgba(0,0,0,.1);}
.head-height{height:100px;}
.hsh-head h1{ float:left;padding-top:12px;}
.hsh-head h1 img{ display: block;height: 75px;}
/*--搜索---*/
.topino{ float:right;}

.index_menu{height:36px; padding-top:33px;float:right;margin-left:20px;}

.index_menu span{float:right; font-size:18px; color:#b2b2b2; margin-right:12px; height:30px; line-height:30px}


.head-text{float:right;line-height:36px; height:36px;color:#d20d1c;font-size:24px;margin-right:40px;}
.head-text em{font-style:normal; font-size:14px; color:#666;float:left;width:2em;line-height:18px; display:inline-block;margin-right:8px;}
.index_menu dl{float: right;}
.index_menu dl.head_dl{ float:right; background:url(../images/topIcon-02.png) no-repeat 92px 12px; margin-right:5px;}
.index_menu dl.head_dl a{ font-size:16px; color:#000000;padding:0 20px; border-left:1px solid #666666;}
.index_menu dl.head_dl a:hover{ color:#23ac38;}
.index_menu dl dd.wx{position:relative;}
.index_menu dl dd{float:left; cursor:pointer;text-align:center; margin:0 5px; cursor:pointer}
.index_menu dl dt{  float: right; width: 74px; height: 80px; margin-left: 2px; background: #0c4da2;}
.index_menu dl dt p{  width: 26px; margin: 0 auto;color: #fff; line-height: 14px; padding-top: 24px;}
.index_menu dl dt a{color: #fff; display:inline-block;width: 74px; height: 81px;}
.index_menu dl dt a:hover{background:#d20d1c; color:#fff;}
.index_menu dl dd img{margin-right: 0px;display: block; width: 30px; height: 30px;}

.index_menu dl dd .yww_indexTopss em{display:block; height:84px;width:100%;}
.formdiv1{width:100%;padding:50px 0; background:rgba(115, 69, 115, .5);overflow:hidden;}
.formdiv2{width:1250px;margin:auto;}
.index_menu dl dd .yww_indexTopss{position: absolute;width:100%; right:0px;  top: 60px;  display:none;cursor:auto;  padding-top:40px; z-index:99}
.index_menu dl dd .yww_indexTopss form{width:725px; margin:auto;}
.index_menu dl dd .yww_indexTopss input{width:650px; height:40px; padding-left:10px;margin-right:5px; border:1px solid #E5E5E5; background-color:#FFF;border-radius:3px;-webkit-border-radius:3px;}
.index_menu  #span{ width:50px; height:43px;background:#b36498 url(../images/winco30.png) no-repeat center;border:none; float:left;transition}
.index_menu dl dd .yww_indexTopss input:focus{border:1px solid #040102}
.index_menu  #span:focus{background-color:#8c4e77 ;}



.index_menu  .xs em{ width:14px; height:9px; display:block;background:url(../images/winco29.png) no-repeat; top:15px;right:10px; position:absolute;}
.index_menu dl dd .indexEwm img{display:block; width:120px; height:120px; margin:0 auto;margin-top:18px;}
.indexEwm{width:122px; height:139px;  background:url(../images/indexEwmBg.png) no-repeat bottom; position:absolute; top:22px; left:-37px; z-index:99; display:none;}
.index_menu dl dd .wx_index{ width:122px; height:130px; display:none; position:absolute; top:30px; right:-44px; z-index:9999;  background:url(../images/indexEwmBg.png) no-repeat}
.index_menu dl dd .wx_index img{ width:120px; height:120px; margin:auto; margin-top:9px;}


.index_menu .language{line-height:30px; display:block;font-weight:bold;}
.index_menu .en{position:relative;}
.index_menu .en .inddd{display:none;width:230px;position:absolute;top:30px; right:-100px;overflow:hidden;padding-top:32px;}
.index_menu .en .inddd a{float:left; width:115px; text-align:center; color:#000; background:#fafafa;line-height:50px;height:50px;transition:all .2s linear;-webkit-transition:all .2s linear;}
.index_menu .en .inddd a:hover{ background:#d20d1c;color:#fff; }

/*--搜索---*/
/*.hsh-share{ float:right; overflow:hidden; padding-top:35px;}
.hsh-share a{ float:left; display:block; margin-left:5px;}*/

.hsh-share{ float:right; width: 197px; overflow:hidden; padding-top: 35px;}
.hsh-share a,.hsh-share div{ float:left; display:block; margin-left:5px;}
.hsh-share a span.jtico,.hsh-share div.jiathis_button_youtube span{ width: 27px;; float:left; margin: 0 auto; height:auto!important; padding: 0!important; cursor: pointer;}
.hsh-share img{ display: block;  display: block; width: 27px; height: 28px;}
.hsh-share a .jtico.jtico_twitter{ background: none;}
.hsh-share a .jtico.jtico_fb{ background: none;}
.hsh-share a .jtico.jtico_googleplus{ background: none;}
.hsh-share a .jtico.jtico_linkedin{ background: none;}
.hsh-share a.jtico_jiathis{ background: none; width: 27px; height:auto!important; padding: 0!important;}

.hsh-nav{ z-index: 990; float:right;}
.hshNav{ float:left;}
.hshNav li{ float:left;margin: 0;}
.hshNav li h3 a{ display:block;  padding: 0 23px; line-height:98px;height:95px; letter-spacing:1px; background:url(../images/top_navline.jpg) no-repeat left center; font-size:19px; color:#333; text-align:center;}
.hshNav li h3 a.cur1 span,.hshNav li:hover h3 a span{border-bottom:2px solid #03256d;}
.hshNav li:hover h3 a,.hshNav li .cur1{ /*color:#00beff;*/ color: #03256d;}



.subnav{ position: absolute; top:95px;background:#fff;overflow: hidden; display: none; z-index: 999;}
.subnav-list{ overflow: hidden;}
.subnav-list a{ display: block;  height: 26px;line-height: 26px;  border-bottom: 1px solid #333; padding:5px 24px;font-size: 19px; color: #333; overflow: hidden; min-width:70px;background:#ffffff;}
.subnav-list a:hover{ color: #fff;background:#3264B9;}




.hsh-search{ float:right; background:url(../images/hsh07.png) no-repeat; width:227px; height:35px; overflow:hidden; position:absolute; top:10px; right:20px;}
.hsh-searchIn{ float:left; display:block; height:35px; line-height:25px; padding:0 0 0 9px; width:182px; background:none; font-size:14px; color:#bfbfbf;}
.hsh-searchBt{ float:right; width:36px; height:35px; cursor:pointer;background:none;}




#head_div{ float:left; padding-top:15px; margin-left:30px;}
#head_div .top_div{ text-align:right}
#head_div .top_div a{ display:inline-block; margin-right:16px; font-size:16px;}
#head_div .top_div a:hover{ color:#004098}

#head_wx{ float:right; text-align:center; padding-top:10px; padding-right:5px}
#head_wx img{ margin:0; padding:0; float:left;}
#head_wx p{ font-size:16px; height:20px;}


#header {
	position: absolute;top:0;
	z-index: 9999;
	width:100%;
	height:114px;
	background: url(../images/top.jpg) no-repeat center ;
}

#header ul,#header li,#header ol {
	list-style: none;
	padding: 0;
	margin: 0;
	float:left;
}

#header .tabactive {
	border-bottom:4px solid #FFF;
	background:#2555b1;
	color:#FFF;
}

#header .logo {
	width:216px;
	height:60px;
	float:left;
	margin-top:10px;
	padding-left:10px;
}

#header .logo img{
	border: 0px !important;
}

#header .nav {
	width:auto;
	height:40px;
	float:right;
	margin-top: 30px;
}

#header .a1:link, #header .a1:visited {
	text-decoration:none;
	color:#333333;
	padding:0px 10px;
	height:44px;
	line-height:44px;
	display:block;
	font-size:14px;
}

#header .a1:hover, #header .a1:focus {
	text-decoration:none;
	color:#2755a9;
	border-bottom:4px solid #FFF;
}

#header .w_wrap2{
	width:980px;
}

#header .w_wrap2::after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

#header .Center{
	margin:0 auto;
}

#header .h_min{
	min-height:1px;
}

#header .vline {
	height:18px;
	width: 0;
	margin:11px 0;
	border-right:1px solid #D9D9D9;
}

#header * {
	box-sizing: border-box;
}

#content {
	padding-top: 70px;
}

.foottop{
    height: 100px;
    padding: 37px 0 22px;position: relative;
    background: url("../images/foottop.jpg") no-repeat center center;
}
/*.foottop:before{
    content: '';
    width: 100%;height: 40px;
    background: #eef2f4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.foottop:after{
    content: '';
    width: 100%;height: 100%;
    background: url("../images/foottop.png") no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
}*/
.foottop .footgo{
    width: 1200px;
    margin:25px auto 0;
    color: #fff;
    position: relative;
    z-index: 5;
}
.foottop .footgo span{
    font-size: 30px;
    display: inline-block;
    font-weight: bold;
}
.foottop .footgo a{
    display: inline-block;
    line-height:30px;
    padding: 0 20px;
    border:1px solid #fff;
    border-radius: 40px;
    color:#fff;
    margin-left: 100px;
}
.foottop .footgo a:hover{
    background: #fff;
    color:#0253A4;
}
.foot-kf{
    float: right;
    max-width: 300px;
}
.foot-kf dl{
   color: #777;
    padding-left: 0px;
}
.foot-kf dl.kfdl1{border-bottom: 1px solid #4a4a4a; margin-bottom: 20px;padding-bottom: 20px;}
/*.foot-kf dl.kfdl1{background:url("../images/f-tel.png") no-repeat left top;}
.foot-kf dl.kfdl2{background:url("../images/f-ser.png") no-repeat left top;}*/
.foot-kf dl dt{
    color:#a1bad0;
    margin-bottom: 5px;
}
.foot-kf dl dd a{
    color:#777;
}
.foot-kf dl dd a:hover{
    text-decoration: underline;
}

.hsh-foot{background:#0e2335; }
.hsh-footTop{ overflow:hidden; padding-bottom: 25px;padding-top:40px;width:1200px; margin:auto;}
.foot_left dl{ float:left; margin-right:70px; max-width: 200px;}
.foot_left dt a{ font-size:16px; color:#a1bad0; font-weight:normal; display:block; margin-bottom:25px;}
.foot_left dd a{
    margin-bottom: 17px;font-size:14px; color:#777; display:block;}
.foot_left dd a:hover{ color:#fff}
.foot_left .menu_dl{ width:270px; padding-right:0px;}
.foot_left .menu_dl dd a{ float:left; padding-right:5%; width:45%;}


.hsh-last{ overflow:hidden; float:right; width:125px; margin-top:40px; height:186px;}
.hsh-last dl{ float:none; margin:0; border-bottom:1px solid #999; padding-bottom:15px; margin-top:17px;}


.hsh-footEnd{border-top:1px solid #4e4e4e;background:#0e2335;}
.hsh-footpp{ }

.hsh-footpp .Pleft{ line-height:40px; font-size:14px; color:#444444; }
.hsh-footpp .Pleft a{ color:#444444;}
.hsh-footpp .pright{font-size:14px; color:#777; line-height:30px;text-align: center;}
.hsh-footpp .pright a{ color:#777;}
.hsh-footpp .pright img{ margin: 0 5px;}
.hsh-footpp .pright a:hover{ color:#fff;}

.hsh-footpp .pbotton{ color:#666666;}
.hsh-footpp .pbotton a{ color:#666666;}

.footer_top{ width:100%; padding-top:5px; border-bottom:1px solid #CCCCCC;}
.foot_top{ width:1250px; margin:0 auto; padding:10px 0; overflow:hidden;}
.foot_top_l{ text-align:center;line-height:48px; font-size:20px; color:#0253A4}
.foot_top_l span{display:inline-block; padding-left:45px; background:url(../images/tel.png) no-repeat left center;}
.foot_top_l em{ font-size:30px;}
.foot_top_r{ float:right; line-height:65px; color:#0253A4; font-size:16px;}
.foot_top_r span{ float:left; margin-right:5px;}
.foot_top_r span img{-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.foot_top_r span img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg); transform: rotate(360deg);}

.foot_center{ float:left;margin-top:53px; height:119px; padding-top:20px; text-align:right; padding-left:45px; border-left:1px solid #ccc; margin-left:30px;}
.foot_left{ float:left;}
.foot_right{ float:right;padding-left:20px; border-left:1px solid #ddd;}
.foot_right .fimg{
    float: left;text-align:center;font-size:13px; overflow:hidden;margin-top:0px;}
.foot_right img{ width:140px; height:auto;float:left;}
.foot_right .fimg .text{margin-left:130px;margin-top:30px;padding-right:10px; }
.foot_right .text{text-align:left;
    padding-left: 20px;
    float: left;}
.foot_right .text h3{font-size:20px;padding-bottom:0px;color:#000;font-weight:bold;
    padding-top: 5px;}
.foot_right .text h4{font-size:13px;padding-bottom:10px;color:#000;font-weight:bold;}
.foot_right .text p{
    line-height: 22px;}

.dutybox{width:1200px; overflow:hidden; margin:auto;padding:10px 0;font-size: 14px;}
.footduty{float:right;padding-right:10px;line-height:30px;}
.footduty a:first-child{background:none;}
.footduty a{margin-left:5px;padding-left:10px;background:url(../images/top_navline.jpg) no-repeat left center;color: #7d7d7d;}

.leftbtn{ width: 45px; position: fixed; right: 10px; top: 60%; z-index: 999; display: none;}
.leftbtn .ico{ width: 45px; height: 45px;border-radius:50%; margin-bottom: 5px; cursor: pointer; position: relative;}
.leftbtn .qq{ background: #1EB9EE url(../images/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #1EB9EE url(../images/cimg23.png) 15px center no-repeat; border-radius:50px;padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 100px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #1EB9EE url(../images/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .tel{ background: #1EB9EE url(../images/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #1EB9EE url(../images/cimg25.png) 15px center no-repeat; border-radius:50px;padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .official-wechat{ background: #1EB9EE url(../images/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .official-wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .official-wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .backtop{ background:#7d7d7d url(../images/returnTop.png) center no-repeat;opacity:.8;filter:alpha(opacity=80);}
.leftbtn .backtop:hover{opacity:1; filter:alpha(opacity=100);}
.leftbtn .ico .cont{ display: none;}
.exp_app {
	width: 230px;
	height: 40px;
	line-height: 37px;
	border: 2px solid #0c71c0;
	border-radius: 5px;
	background-color: #fff;
	color: #0c71c0;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	-webkit-transition-property: background-color, color;
	-o-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.exp_app:hover {
	background-color: #0c71c0;
	color: #fff;
}

.wcode{
display: none; 
position: absolute;
margin-top: -174px;
border: 1px solid #ccc;
}


.mainbox{background:#fff;overflow: hidden;}
.innerweb{ width: 1200px;padding:0px 0px; background:#fff; margin:0px auto 60px; position:relative; z-index:2; }

.banner img {display: block; position: absolute;left: 50%;margin-left: -960px;width: 1920px;height:400px}
.banner {width: 100%;position: relative;overflow: hidden; height:400px !important;z-index:1}
.location {width:100%; padding:17px 0; border-bottom: 1px solid #ccc;}
.location .title{font-size:26px; color:#03256d;font-weight:bold;}
.location .title span{ float:right; background:url(../images/titleimg.png) no-repeat left center; padding-left:25px; font-size:13px; color:#666;font-weight:normal;}
.location .title span a{ padding:0px 5px; color:#666;font-weight:normal;}
.location .title span a:hover{ color:#1a1a1a;}
.location .title span a.cur{ color:#1a1a1a;}


.nav-title{text-align:center; position: relative; margin:30px 0 40px;}
.nav-title ul{text-align:center;
    padding-bottom: 0px;margin-bottom:0px;}
.nav-title ul li{display:inline-block;padding:0 5px 0px;position:relative; }
.nav-title ul li:first-child{background:none;}
.nav-title ul li a{display:block; height:46px; line-height:46px;color:#000;position:relative;font-size: 16px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 20px;min-width: 64px;
    padding-right: 20px;
    background-repeat: no-repeat;background-position: 8px center;background:#B5DCF2;}
.nav-title ul li a.cur,.nav-title ul li a:hover{color:#03256d;color:#fff;   background-color: #03256d;}
.nav-title ul li.pro{width:200px;}
.nav-title ul li.pro img{height:100%;display:block;}
.nav-title ul li.pro a:hover img{transform:scale(1.03)}
.nav-title .nav-pro a{margin:0 15px; font-size:15px; color:#000;}
.nav-title .nav-pro a.cur,.nav-title .nav-pro a:hover{color:#fff;}

.systembox{position: relative;margin-top: 30px; margin-bottom: 40px;}
.sysbanner{height: 800px;width: 100%;background-repeat: no-repeat;background-position:center top;overflow: hidden;position: relative;}
.sysbanner .sysbrief{position: absolute;left: 50%;top: 300px;width:600px;-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;text-align: justify;
-webkit-transition: all .6s cubic-bezier(0.28, 0.03, 0.32, 1.07),opacity .6s cubic-bezier(1, -0.07, 0.61, 1.07);
transition:all .6s cubic-bezier(0.28, 0.03, 0.32, 1.07),opacity .6s cubic-bezier(1, -0.07, 0.61, 1.07);
}
.sysbanner .sysbrief.act{transform: translateY(0);opacity: 1;}
.sysbanner .sysbrief h3{color:#00beff;font-size: 36px;margin-bottom: 10px;}
.sysbanner .sysbrief .text{font-size: 18px;line-height: 28px;color:#fff}
.syscontent {padding: 30px 0;position: relative;}
.syscontent .sys_ctop{margin-bottom: 30px;}
.syscontent .sys_ctop h3{border-left: 3px solid #00beff;padding-left: 10px;color: #00bdff;font-size: 24px;margin-bottom: 10px;line-height: 26px;}
.syscontent .sys_ctop .text{font-size: 16px;line-height: 26px;color:#000}
.syscontent .sys_cbottom{}
.syscontent .sys_cbottom img{max-width: 100%;}
.syscontent.hide{-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;
-webkit-transition: all .6s cubic-bezier(0.28, 0.03, 0.32, 1.07),opacity .6s cubic-bezier(1, -0.07, 0.61, 1.07);
transition:all .6s cubic-bezier(0.28, 0.03, 0.32, 1.07),opacity .6s cubic-bezier(1, -0.07, 0.61, 1.07);}
.syscontent.show{transform: translateY(0);opacity: 1;}

/*
.nav-title ul li.icon-news1 a{background-image:url(../images/icon-news1.png);}
.nav-title ul li.icon-news2 a{background-image:url(../images/icon-news2.png);}

.nav-title ul li.icon-news1 a.cur,
.nav-title ul li.icon-news1 a:hover{background-image:url(../images/icon-news1h.png);}
.nav-title ul li.icon-news2 a.cur,
.nav-title ul li.icon-news2 a:hover{background-image:url(../images/icon-news2h.png);}

.nav-title ul li.icon-pro1 a{background-image:url(../images/icon-pro1.png);}
.nav-title ul li.icon-pro2 a{background-image:url(../images/icon-pro2.png);}
.nav-title ul li.icon-pro3 a{background-image:url(../images/icon-pro3.png);}
.nav-title ul li.icon-pro4 a{background-image:url(../images/icon-pro4.png);}
.nav-title ul li.icon-pro5 a{background-image:url(../images/icon-pro5.png);}
.nav-title ul li.icon-pro6 a{background-image:url(../images/icon-pro6.png);}


.nav-title ul li.icon-pro1 a.cur,
.nav-title ul li.icon-pro1 a:hover{background-image:url(../images/icon-pro1h.png);}
.nav-title ul li.icon-pro2 a.cur,
.nav-title ul li.icon-pro2 a:hover{background-image:url(../images/icon-pro2h.png);}
.nav-title ul li.icon-pro3 a.cur,
.nav-title ul li.icon-pro3 a:hover{background-image:url(../images/icon-pro3h.png);}
.nav-title ul li.icon-pro4 a.cur,
.nav-title ul li.icon-pro4 a:hover{background-image:url(../images/icon-pro4h.png);}
.nav-title ul li.icon-pro5 a.cur,
.nav-title ul li.icon-pro5 a:hover{background-image:url(../images/icon-pro5h.png);}
.nav-title ul li.icon-pro6 a.cur,
.nav-title ul li.icon-pro6 a:hover{background-image:url(../images/icon-pro6h.png);}*/



.view form input,.view form textarea,.index_menu dl dd .yww_indexTopss input,.nav-title ul li.pro img{
-moz-transition: all 0.4s ease-in-out; 
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.view form  input:focus,.view form #verification:focus,.formarea:focus{border:1px solid #03256d}



.about{padding:20px 0;
    font-size: 16px;line-height: 26px;text-align: justify;}
.about .abimg {margin-bottom:20px;}
.about .abimg img{ width:100%; display:block;}
.about_dl{ width:100%; overflow:hidden; background-color:#dbdbdb; margin-bottom:25px;}
.about_dl dt{ width:658px; float:left;}
.about_dl dt img{ width:100%; display:block;}
.about_dl dd{ float:right; width:440px; padding:120px 50px 30px 10px}
.about_dl dd h3{ line-height:40px; color:#03256d; font-size:26px;}
.about_dl dd h4{ color:#03256d; font-size:16px; line-height:22px; margin:5px 0;}
.ddwx_div{ margin-top:25px;}
.about .ddwx_div img{ float:left; width:100px; height:100px;}
.ddwx_div div{ float:left; margin-left:15px; padding-left:15px; border-left:1px solid #03256d; margin-top:17px;}
.ddwx_div p{ line-height:22px; color:#03256d;}


.companyabout{
    padding: 20px 0 30px;}
.companyabout ul{
    margin-right: -20px;}
.companyabout ul li{
    float: left;
    width: 240px;
    margin-right: 20px;
    padding: 15px;
    background: #efefef;
}
.companyabout .figure img{
    display: block;
    width:240px;
    height: 180px;
}
.companyabout li h3{
    font-size: 17px;
    color: #444;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: bold;
}
.companyabout p{
    font-size: 14px;
    color: #333;
    line-height: 26px;
    height: 78px;
}


.leftbtn{ width: 45px; position: fixed; right: 10px; top: 60%; z-index: 999; display: none;}
.leftbtn .ico{ width: 45px; height: 45px;border-radius:50%; margin-bottom: 5px; cursor: pointer; position: relative;}
.leftbtn .qq{ background: #1EB9EE url(../images/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #1EB9EE url(../images/cimg23.png) 15px center no-repeat; border-radius:50px;padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 100px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #1EB9EE url(../images/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .tel{ background: #1EB9EE url(../images/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #1EB9EE url(../images/cimg25.png) 15px center no-repeat; border-radius:50px;padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .official-wechat{ background: #1EB9EE url(../images/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; background: url(../images/cimg28.png) 0 0 no-repeat; position: absolute; left: -170px; top: -44px;}
.leftbtn .official-wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .official-wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .backtop{ background:#7d7d7d url(../images/returnTop.png) center no-repeat;opacity:.8;filter:alpha(opacity=80);}
.leftbtn .backtop:hover{opacity:1; filter:alpha(opacity=100);}
.leftbtn .ico .cont{ display: none;}




.aboutmain .center h2{
	font-size:20px;color:#00beff;margin-bottom: 15px;
}






